@charset "utf-8";
/* CSS Document */
body {margin:0px; padding:0px; font-family: 'Poppins', sans-serif; font-size:14px; color:#565656; font-weight:400; line-height:20px;}
a,a:hover {text-decoration:none;}

.header {z-index: 1;}
.rupee-symbol {
    font-family: hind,sans-serif;
    font-weight: 500;
    margin-right: 3px;
}
.login-bg {background-image: url("../img/2612371.jpg"); background-size: cover; width: 100%; height: 100%;}
.half-bg-grey {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(227, 233, 248,1) 50%, rgba(227, 233, 248,1) 100%);}
.mw-70 {max-width: 70%;}
.text-orange {color: #ff9300;}
.text-blue {color: #2139c7;}
.bg-orange {background: #ff9300;}
.section {padding: 70px 0px;}
.section p.lead {font-size: 16px; color: #ababab; margin-bottom: 10px; letter-spacing: normal; display:inline-block;}
.bg-image {background-repeat: no-repeat; background-position: bottom right;}
.bg-light-blue {background: #e3e9f8;}
.bg-light-grey {background: #f8f8f8;}
figure {margin-bottom: 0;}
.dark-mode,.dark-mode .article-title,.dark-mode p {color: #fff !important;}
.hidden {overflow: hidden;}
.swiper-container {padding: 1rem;}
.swiper-pagination-bullet-active {background:#ff9300;}
.swiper-client .swiper-slide {text-align: center;
    /*filter: grayscale(100%);*/
    background: #fff; transition: 0.3s ease;}
.swiper-client .swiper-slide:hover {filter: grayscale(0%);}
.form-control:focus {
    outline: 0 none!important;
    box-shadow: none;
}

.header {position: relative; min-height: 500px; overflow: hidden;}
.bg-tiled {position: absolute; width: 700px; height: 700px; right: -5rem; top:-25rem; z-index: -1; transform: rotate(45deg); border-radius: 20px;}
.logo a,.footer-logo {width: 120px; margin: 1rem 0; display: inline-block;}
ul.primary-navigation {margin: 0px; padding: 0px; list-style: none;}
ul.primary-navigation li {display: inline-block;}
ul.primary-navigation li a {color: #fff; text-transform: uppercase; margin: 5px 15px; display: inline-block;}
ul.primary-navigation li a::after {content: ''; display: block; width: 0%; height: 2px; background: #fff; transition: 0.3s ease;}
ul.primary-navigation li a:hover::after,ul.primary-navigation li a.active::after {width: 80%;}
ul.primary-navigation li:nth-child(1) a {margin-left: 0px;}
ul.primary-navigation li:nth-last-child(1) a {margin-right: 0;}

.banner {min-height: 550px; align-items: center; justify-content: flex-end;}
.page-title,.page-sub-title {font-size: 54px; font-weight: 600; text-transform: uppercase; color: #000; letter-spacing: -1px; margin-bottom: -1rem;}
.section-title,.article-title {font-size: 62px; font-weight: 600; text-transform: uppercase; color: #000; letter-spacing: -1px; margin-bottom: 0px;}
.page-sub-title {font-size: 40px; margin-bottom: 1rem;}
.lead {font-weight: 500;}
.section-title {font-size: 40px; text-transform: none; position: relative;}

ul.list-view {margin: 0px; padding: 0px; list-style: none;}
ul.list-view li {line-height: 24px; display: flex; align-items:flex-start; flex-direction: row; margin-top: 1rem;}
ul.list-view li i {border:2px solid #ff9300; font-size: 30px; margin-right: 1rem; color: #ff9300; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
ul.list-view li span {flex: 1;}

.grid-view {margin-top: 30px; position: relative;}
.grid-view figure {margin-bottom: 10px;}
.grid-view p {color: #000; line-height: 24px;}
.article-title {font-size: 22px; line-height: normal; text-transform: none; margin-bottom: 10px; letter-spacing: normal;}

.right-arrow::after {content: "\f054"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; font-size: 40px; top: 50%; margin-top: 45px; height: 100%; right: -26px;}

.testi-box {padding: 3rem 2rem 2rem; box-shadow: 0px 1px 10px rgba(0,0,0,0.15); border-top:1px solid #eee; text-align: right; padding-left: 7rem; position: relative;}
.testi-box::before {content: "\f10d"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900;     position: absolute; left: 2rem ;
    font-size: 50px;
    opacity: 0.2;}
.testi-box p {line-height: 24px;}
.testi-box .title {font-size: 18px; color: #ff9300; font-weight: 600;}
.testi-box span {font-weight: 400;}

.btn-orange {font-family: 'Poppins', sans-serif; border:2px solid #ff9300; color: #fff; background: #ff9300; font-weight: 600; min-width: 150px; text-transform: uppercase; font-size: 14px;  transition: .3s all ease-in;}
.btn-orange:hover, .btn-orange:focus {background: #df8409; color: #fff; border-color: #df8409;}

.btn-blue {font-family: 'Poppins', sans-serif; border:2px solid #2139c7; color: #fff; background: #2139c7; font-weight: 600; min-width: 150px; text-transform: uppercase; font-size: 14px; transition: 0.3s ease; position: relative;}
.btn-blue:hover, .btn-blue:focus {background: #1026a8; color: #fff; border-color: #1026a8;}

.stm_material_form .label {font-size: 13px; font-weight: 600; color: #afafaf; text-transform: uppercase; margin-bottom: 0px; position:  absolute; bottom: 9px; transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;}
.stm_material_form .form-control {}
.stm_material_form input:focus {outline: 0px;}
.stm_material_form.stm_has-value .label {bottom: 33px;}

.stm_material_form {
    position: relative;
	padding-top: 1.5rem;
}
.stm_material_form span.label {
    position: absolute;
    bottom: 16px;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    font-weight: 400;
    color: #adb3b9;
}
.stm_material_form .custom-control-wrap {
    position: relative;
    width: 100%;
    display: inline-block;
}
.stm_material_form .form-control {
    background: transparent;
    position: absolute;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 2;
    border-radius: 0;
    outline: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    top: -30px;
    border-bottom: 2px solid #afafaf;
}
.stm_material_form.stm_has-value span.label {
    font-size: 14px;
    bottom: 42px;
    opacity: .8;
}
.b1 {border: 1px solid #afafaf;}

.plan-details {padding: 2rem; box-shadow: 0px 0px 15px rgba(33, 57, 199,0.3); border-top:1px solid #dfe3f7; text-align: center; font-size:14px; color: #000; line-height: 24px; height: 100%; background: #fff;}
.plan-details .heading,.plan-details .price {font-size:30px; color:#ff9300; font-weight:600; margin-bottom: 0px;}
.plan-details span {font-size:13px; color: #565656; font-weight:400; display: block; text-decoration: none;}
.plan-details .price {font-size:36px; line-height: 15px; margin-bottom: 8px;}
.plan-details .discount-price {font-size:36px; text-decoration: line-through; color: #565656; font-weight: 500;}
.plan-details ul {margin:0; padding:0; list-style-type:none;}
.plan-details ul>li {display:block; padding:5px 0; line-height:22px; border-bottom:1px solid #ddd;}
.plan-details .readmore {color:#ff9300; text-decoration: underline; display:block;}
.switch-bar {font-size: 16px; font-weight: 600;}
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 20px;
	margin-bottom: 0;
	margin-left: 8px;
	margin-right: 8px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff9300;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2139c7;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2139c7;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
	left:14px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.discount {padding:6px 10px; color:#fff; font-size:14px; font-weight:600; background:#ff9300; border-radius:4px;}

.request-form {background:#2139c7; padding:2rem; box-shadow:0px 1px 5px rgba(0,0,0,0.3); max-width:400px; width:100%; color:#fff;}
.request-form .heading {font-size:30px; font-weight:600; margin:0px;}
.request-form .lead {font-size:14px; line-height:20px; font-weight:400; color:#a7b1ee;}
.request-form .label {color:#a7b1ee;}
.request-form .form-control {border-color:#a7b1ee; color:#fff;}
textarea {resize:none; height:auto !important;}
.textarea_form.stm_material_form {padding-top: 2.7rem;}
.textarea_form.stm_material_form.stm_has-value .label {bottom: 52px;}
.textarea_form.stm_material_form .form-control {top:-49px;}

.requestForm .modal-content {background:#2139c7; color:#fff;} 
.requestForm .modal-content .close {color: #fff; text-shadow: none; opacity: 1;}
.requestForm .modal-content .modal-header {border-bottom: 0px;}
.requestForm .lead {font-size:14px; line-height:20px; text-align: left; font-weight:400; color:#a7b1ee;}
.requestForm .modal-body {padding-top: 0px;}
.requestForm .label {color:#a7b1ee;}
.requestForm .form-control {border-color:#a7b1ee; color:#fff;}

.footer {padding-bottom: 3rem;}
.footer-widget .widget-title {font-size:14px; text-transform:uppercase; font-weight:600;}
.footer-widget i {font-size:18px; margin-right:15px; color:#ff9300;}
.footer-widget p {display:flex;}
.footer-widget a {color:#565656;}
.footer-widget a:hover {color:#ff9300;}

.social-links a {color:#999; font-size:18px;}
.social-links a+a {margin-left:5px;}
.social-links a:hover {color:#ff9300;}

.custom-control-label {font-size:13px;}
.custom-control-label a,.label a {color:#ff9300; text-decoration: underline;}
.custom-control-label a:hover,.label a:hover {text-decoration: none;}
.custom-control-label:before,.custom-control-label::after {top:2px;}
.custom-control-input:checked~.custom-control-label::before {background-color:#ff9300; border-color:#ff9300;}

ul.products {margin:0px; padding:0px; list-style-type:none;}
ul.products li {margin-bottom:1rem; font-size:15px; width:49%; display:inline-block;}
ul.products li i {color:#ff9300; margin-right:10px;}

.none {display: none;}
.back-to-top {position: fixed;
    right: -30px;
    bottom: 80px;
    transform: rotate(90deg);
    text-transform: uppercase;
	font-weight: 500;
	z-index: 999;
	opacity: 0;
    color: #333;}
.back-to-top.show {opacity: 1}
.back-to-top:hover {color:#ff9300;}
.copyright {text-align: right;}

.menu-toggle {display: none;}
.menu-toggle i {width: 30px; height: 30px; font-size: 15px; color: #fff; border:2px solid #fff; display: flex; align-items: center; justify-content: center;}

.swiper-pagination {display: flex; justify-content: center;}

.loginform {height: 100vh; display: flex; justify-content: center; align-items: center; max-width: 500px; margin: 0px auto;}
.loginform .logo {width: 150px; margin-bottom: 2rem;}
.loginform .form {width: 100%;}
.loginform .heading {
    font-weight: 600;
    margin-bottom: 12px;
	font-size: 16px;
}
.loginform input::placeholder {color: #8f8f8f;} 
.loginform .form-control {font-size: 14px; color: #000;}
.input-custom-group {
    position: relative;
}
.input-custom-group .input-custom-addon {
    position: absolute;
    padding: 10px 10px 0px;
}
.input-custom-group .fas {
    font-size: 18px;
    color: #c8cacc;
}
.input-custom-group input {
    padding-left: 40px;
}

.admin-header {box-shadow: 0px 0px 15px rgba(33, 57, 199,0.3); margin-bottom: 2rem;}
.admin-logo {padding: 1rem 0; width: 150px; margin: 0px auto;}
.admin-copyright {color: #565656; font-size: 12px;}

.verify {background: #34a853; padding: 2px 10px; color: #fff; border-radius: 4px; font-size: 13px;}
.unverify {background: #ea4335; padding: 2px 10px; color: #fff; border-radius: 4px; font-size: 13px;}

.delete-status {color: #ea4335;}
.delete-status:hover {color: #ca2f22;}
.table textarea.form-control {width: 200px !important; font-size: 13px;}
.save-status {color: #34a853;}
.save-status:hover {color: #228a3e;}

@media (max-width:1100px){
	.page-title {font-size: 56px; line-height: 66px;}
	.page-sub-title {font-size: 36px;}
	.banner .lead {font-size: 16px;}
	.primary-navigation {display: block;}
	.menu-toggle {display: none;}
}

@media (max-width:991px){
	.page-title {font-size: 40px; line-height: 60px;}
	.page-sub-title {font-size: 28px;}
	.banner .lead {font-size: 14px;}
	.bg-tiled {width:80%; height:100%;}
	.back-to-top {right:-40px;}
	ul.products li {width:49%; padding-left: 4%; vertical-align: top; display: inline-flex; align-items: first baseline;}
	.mob-none {display: none !important;}
	.request-form {padding: 2rem 1rem;}
}

@media (max-width:767px){
	.section {padding: 50px 0;}
	.bg-tiled {width: 90%; height: 67%; right: -10%;}
	.page-sub-title, .section-title {font-size: 2rem;}
	.article-title {font-size: 1.5rem;}
	.right-arrow::after {content:"\f078"; position: relative; right:auto; height: 40px; margin-top: 1.5rem; margin-bottom: 0; line-height: 40px;}
	.page-title {font-size: 3.25rem;}
	.copyright {text-align: left;}
	.request-form {max-width: 100%;}
	.header {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 7%, rgba(255, 147, 0,1) 7%, rgba(255, 147, 0,1) 100%) !important;}
	.bg-tiled {display: none !important;}
	ul.primary-navigation li a {color: #333; font-weight: 600;}
    ul.primary-navigation li a {margin: 0px 8px;}
	.request-form {padding: 2rem 1rem;}
	.banner .left .lead {color: #000;}
	.login-mobile-left {height: 100vh;}
	.login-mobile {position: absolute; height: 100%; display: flex; align-items: center;}
	.login-mobile .loginform {background: #fff; width: 100%; max-width: 500px; padding: 2rem; height: auto;}
}
@media (max-width:575px){
	.banner a.btn {min-width: auto;}
	.menu-toggle {display: block;}
	.bg-tiled {right: -15%;}
}
@media (max-width:479px){
	ul.products li {width:100%;}
	.testi-box::before {display: none;}
	.testi-box {padding:2rem 1rem; text-align: center;}
	.testi-box .title {font-size: 16px;}
	.page-title, .section-title {font-size: 2rem;}
	.page-sub-title {font-size: 1.25rem;}
	.bg-tiled {width: 100%; height: 76%; right: -15%; transform: rotate(26deg);}
	.header-top {flex-direction: column;}
	ul.primary-navigation {display: block; white-space: nowrap;}
	.header nav {overflow: auto; width: 100%; text-align: center;}
	.switch-price {display: flex; flex-direction: row; text-align: center;}
	input:checked + .slider {width: 56px;}
	.discount {text-align: center;}
	.header {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(255, 147, 0,1) 11%, rgba(255, 147, 0,1) 100%) !important;}
}
@media (max-width:359px){
	.bg-tiled {width: 100%; height: 69%; right: -20%; transform: rotate(30deg);}
}
@media (max-width:300px){
	body,html {width:300px;}
}