@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap&subset=cyrillic,hebrew,latin-ext,vietnamese');
body{padding: 0; margin: 0; font-family: 'Poppins', sans-serif;overflow-x: hidden; }
body ul{padding-left: 0}
body h2, h3, h4, h5{font-family: 'Poppins', sans-serif;}
body ul li{list-style-type: none;}
body i{vertical-align: middle;}
body p {
  font-family: 'Poppins Light', sans-serif;
  font-size: 16px;
    line-height: 21px;
    color: #29000e;
}
.inputtext{
  height: 45px;
    border-radius: 35px;
    margin: 0 21px 0 0;
}
#form .form-control::-webkit-input-placeholder, #form .form-control select option { color: #979a9b; font-size: 14px; }  /* WebKit, Blink, Edge */
#form .form-control:-moz-placeholder { color: #979a9b; font-size: 14px }  /* Mozilla Firefox 4 to 18 */
#form .form-control::-moz-placeholder { color: #979a9b; font-size: 14px }  /* Mozilla Firefox 19+ */
#form .form-control:-ms-input-placeholder { color: #979a9b; font-size: 14px}  /* Internet Explorer 10-11 */
#form .form-control::-ms-input-placeholder { color: #979a9b; font-size: 14px}  /* Microsoft Edge */
body ul li{list-style-type: none;}
body a, body a:hover{text-decoration: none;}
section{padding: 98px 0;}
.btn-know{   
 padding: 10px 28px;
    background-color: #de3850;
    border-radius: 0;
    font-family: 'Poppins Medium', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 35px;   
    transition: 0.4s all;}
.btn-know:hover, .btn-book:hover, .btn-about:hover{
background: #000;
color: #fff;
  }
.btn-about{
padding: 8px 36px;
    font-family: 'Poppins Medium', sans-serif;
    font-size: 20px;
    color: #000000;
    border-radius: 0;
    background: #fff;
    border-radius: 35px;
}
.btn-about1{
padding: 8px 36px;
    font-family: 'Poppins Medium', sans-serif;
    font-size: 20px;
    color: #fff;
    border-radius: 0;
    border: 2px solid #fff;
    border-radius: 35px;
}
.border1{
  border: 1px solid #fff;
  width: 40%;
}
.btn-book{
  padding: 10px 33px;
    border-radius: 0;
    font-family: 'Poppins Light', sans-serif;
    font-size: 17px;
    color: #ff4949;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* font-weight: 600; */
    transition: 0.4s all;
    border-radius: 35px;
    border: 2px solid #ff4949;
}
.ws-title{
  display: none !important;}
  /*Heading Start-------------------------------------------------------------------*/
.heading h1{
font-family: 'Poppins Medium', sans-serif;   
    font-size: 36px;   
    line-height: 25px;
    color: #000;
    margin-bottom: 41px;
}
.heading h4{
font-size: 23px;
color: #000;
font-family: 'Poppins Light', sans-serif;
margin-bottom: 41px;

}
.heading span{
     color: #ff5800;
}
/*Scroll to top Strats-------------------------------------------------------------------*/
.scrolltop {
    display:none;
    width:100%;
    margin:0 auto;
    position:fixed;
    bottom:20px;
    right:10px; 
}
.scroll {
   position: absolute;
    right: 20px;
    bottom: 20px;
    background: #ffffff;  
    padding: 5px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    border: 1px solid #ef115a;   
}
.scroll:hover {
    background:rgba(178,178,178,1.0);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;        
}
.scroll:hover .fa {
    padding-top:-10px;
}
.scroll .fa {
    font-size:30px;
    margin-top:-5px;
    margin-left:1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;    
}
#loader { display: none;  }
#loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(https://www.jainstechnology.com/wp-content/uploads/2018/02/loader.gif) center no-repeat #fff;
}
/* width */
::-webkit-scrollbar {
width: 6px;
  background-color: #F5F5F5;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
background-color: #ef115a;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

/*topbar Starts-------------------------------------------------------------------*/
#topbar{
  background: #e3e3e3;
}
.top{
  padding-left: 3%;   
    margin-top: 8px;
}
ul.top li{
 display: inline-block;      
    margin: 0 5px 0;
}
ul.top li a{
  color: #000;
  font-size: 15px;
}
/*navbar Starts-------------------------------------------------------------------*/
.navb-text p{
  font-size: 14px;
  color: #6d0124;
  line-height: 17px;
  padding-top: 7%;
}
.logo{/*position: absolute;*/
    top: -13px;
    z-index: 999999999;}
#nav-box .navbar{
  padding-top: 3%;
}
.navbar{margin-bottom: 0;
    padding: 0; z-index: 999;}
.navbar-bg{ position: relative;}
.bg-nav{
    background: #fff;}
.navbar-brand {padding: 0;}
.navbar-toggle .icon-bar {background: #e80000;}
.navbar-nav li a {  
    font-size: 16px;
    transition: 0.4s all;
    /* text-transform: uppercase; */
   color: #929292!important;
    /* font-weight: 500; */
    padding: 24px 21px !important;
    font-family: 'Poppins Light', sans-serif;}
.navbar-nav>li.active {   
  background-color: transparent;
    border-bottom: 2px solid #ee433d;
    color: #ff49b9;}
.navbar-nav li a:hover{
    border-bottom: 1px solid #fff;
}
.social li a{   
    border: 1px solid #fff;
   padding: 6px 3px !important;
    border-radius: 50%;
    margin: 3px;
}
.social li a:hover{  
    transform: translate(0px, 13px);
}
  .navbar-nav>li.active a {
    color: #ffffff;
}
.navbar-brand {padding: 0;}
.navbar-brand{height: auto;}
.navbar-toggle .icon-bar {
    background: #10c45c;
}
.navbar-bg{
    background: #3f789c;    
}
.navbar-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 5%;
  z-index: 99999;
}
.navbar-toggler-icon{
    color: #2fce7c;
}
/*Banner Starts=======================================*/
.banner{
  width: 100%;
}
.banner img{
    max-width: 100%;
}
#wowslider-container0 img{
    width: 100%;
}
.banner-text{
font-size: 54px;
    line-height: 52px;
    font-family: 'Poppins Light', sans-serif;    
}
.banner-text span{
color: #10f5aa;
    font-family: 'Poppins Semibold', sans-serif;    
}
.border1{
  border: 3px solid #fff;
    width: 45%;
    margin-top: 4%;
    margin-bottom: 4%;
}
.banner-para{
 font-size: 20px;
    line-height: 21px;
    margin-bottom: 40px;
    font-family: 'Poppins Light', sans-serif;
    color: #e3e3e3;
}
h3.banner-para{
  line-height: 31px;
}
#testy {
    position: relative;
}
.text_banner {
    padding-bottom: 4%;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0;
    margin-top: -19%;
    color: #fff;
}
/*callUs Starts=======================================*/
#callUs{
  background: #dbdbdb;
  padding: 0.5%;
}
.icon-ph{
  background: #ee433d;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin: 0px 17px;
    position: relative;
}
.icon-ph:after{
 content: '';
    position: absolute;
    border: 2px solid #ee433d;
    top: -3px;
    left: -3px;
    right: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
}
.text{
   display:flex;
   justify-content:center;
   align-items:center;
}
.text a{
   color: #000300;
}
/*features Starts=======================================*/
#features{
  background: url(images/bg-feature.jpg)no-repeat center;
  background-size: cover;
  text-align: center;
}
.f-heading{
  margin-bottom: 19px;
    margin-top: 19px;
}
.f-des h6{
  margin-top: 19px;
  line-height: 22px;
  color: #fff;
  font-size: 17px;
  font-family: 'Poppins Light', sans-serif;
}
.f-heading h5{
  color: #fff;
  font-weight: medium;
}
.f-heading h5 span{
  color: #fff;
  font-weight: lighter;
  font-size: 19px;
}
.feature-border{
  border: 1px solid #fff;
  width: 30%;
  margin: 0 auto;
}
/*welcome Starts=======================================*/
.welcom-des{
  background: #262626;
  padding: 2%;
  text-align: center;
}
.welcom-des h5{
  color: #fff;
    font-family: 'Poppins Light', sans-serif;
}
.welcom-des h5 span{
  color: #32cf7d;}
/*Treatments starts=======================================*/
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f107";
    font-size: 32px;
    font-weight: 600;
    float: right; 
}
.accordion .card-header.collapsed:after {   
    content: "\f105"; 
    font-size: 32px;
    font-weight: 600;
}
.card-title{
  color: #ef115a !important;
    font-size: 29px;
    font-family: 'Poppins Medium', sans-serif;

}
.card{
  border: 0;
}
.card-header{
  border-bottom: 1px dashed#999999;
    background: transparent;
}
/*testimonial Starts=======================================*/
.carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #e2e2e2;
    border: none;
    border-radius: 22px;
}
.carousel-indicators .active {
 width: 12px;
    height: 12px;    
    background: #2ecd7a;
    border: none;
}
.test-box{
    text-align: center;
}
/*.test-box:after{
  position: absolute;
  top: 66%;
  content: '';
  background: url(images/after-testi.png)no-repeat;
  width: 86px;
  height: 76px;
  font-size: 60px;
  color: #ebebeb;
  right: 40px;
}*/

.test-box h5{
  color: #fd2b5c;
  text-align: center;
}
.test-img img{
  border: 9px solid #2ecd7a;
  border-radius: 50%;
margin-bottom: 4%;
}
/*.test-img:after{
  position: absolute;
  content: "\f10d";
  top: 0;
color: #cdcfd6;
font-size: 40px;
font-family: fontawesome;
}*/
.test-box p{
  color: #878787;
    font-size: 21px;
    line-height: 25px;
    font-family: 'Poppins Light', sans-serif;
}
.text-img{
  position: absolute;
  background: #000;
  border-radius: 50%;
  height: 70px;
  width: 70px;
}
.text-img img{
  max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    height: 100%;
}
/*estimate Attractions=======================================*/
#estimate{
background: url(images/bg-estimate.jpg)no-repeat center;
background-size: cover;
}
.form-bg{
  padding: 5%;
    background: rgba(0,0,0,0.5);
}
.form-check-label{
  color: #fff;
}
/*Services Attractions=======================================*/
.grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
 font-size: 16px;
    color: #fff;
    line-height: 33px;
    text-transform: none;
}

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
  background: #2ecd7a;
}

figure.effect-ming img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

/*figure.effect-ming figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.4,1.4,1);
  transform: scale3d(1.4,1.4,1);
}*/

figure.effect-ming h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-ming p {
  padding: 1em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

figure.effect-ming:hover h2 {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
  background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
  opacity: 0;
}
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.link{
  position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.hovereffect img {
    display: block;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.hovereffect .overlay {
   position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* left: 10%; */
    transform: translateX(-50%);
    top: 0;
    /* border-bottom: 1px solid #FFF; */
    /* border-top: 1px solid #FFF; */
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
}
.hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    color: #FFF;
    padding: 1em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.overlay p{
    font-size: 16px;
    color: #fff;
    line-height: 33px;
    text-transform: none;

}
/*.hovereffect:hover img {
    filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><f…B type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter);
    filter: brightness(0.3);
    -webkit-filter: brightness(0.3);
}*/
.hovereffect img {
    display: block;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    height: 100%;
}
.hovereffect:hover .link{
  display: none;
}
.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background: rgb(50, 207, 126);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1%;
}
/*instagram Attractions=======================================*/
#updates{
   background: #2ecd7a;
}
#updates .heading h1, #estimate .heading h1,#estimate .heading p{
  color: #fff;
}
/*Footer Starts======================================*/
#footer{
background: #2f2f2f;
border-bottom: 3px solid #de3850;
padding: 57px 0;
}
.border-right {
    border-right: 1px solid #595959!important;
}
.border-left {
    border-left: 1px solid #595959!important;
}
#footer p{
  color: #fff !important;
  font-size: 14px;
}
ul.footer-linlk li{
   color: #fff;
    line-height: 32px;
}
ul.footer-linlk1 li{
  color: #fff;
   line-height: 52px;
}
ul.footer-linlk1 li i{
  margin-right: 3%;
}
ul.footer-linlk li a:hover, ul.footer-menu li a:hover, ul.footer-linlk1 li a:hover{
    color: #ff5800
}
/*.border-div{
  position: relative;
}
.border-div:after{
  border: 1px solid #fff;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
}*/
ul.footer-linlk li a, ul.footer-linlk1 li a{   
   font-size: 15px;
    color: #fff;
    line-height: 30px;
    transition: 0.4s all;
    font-family: 'Poppins Light', sans-serif;}
#footer h5{
   color: #ffffff;       
    font-family: 'Poppins medium', sans-serif;
    margin-bottom: 11%;
}
#footer p{
    color: #747474;
}
#bottom-footer {
    padding-top: 15px;
    background: #1b284d;
}
#bottom-footer p {
    color: #fff;
}
#bottom-footer a {
    color: #2ecd7a;
}
/*Inner Pages starts======================================*/
.aboutpage-box{
  background: #2dc678;
    padding: 3%;
    color: #fff;
    margin: 9px 0px;
}
.aboutpage-box p{
  color: #fff;
}
.form{
    background: #f4f4f4;
    padding: 10%;
}
.form .form-control{
        height: 35px;   
    border: 1px solid #e5e5e5;   
    border-radius: 5px;
}
textarea {
    height: 160px !important;
}
ul.treatment-list li{
font-weight: 600;
    line-height: 31px;
    position: relative;
    padding-left: 23px;
}
ul.treatment-list li:after{
  content: '';
  position: absolute;
  background:url(images/bird.png)no-repeat;
  left: 0;
  width: 16px;
  height: 16px;
  top: 18%;
}
/*pest Starts=======================================*/
.pest-box{
text-align: center;
    padding: 2%;
    background: #f9f8f8;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    min-height: 480px;
    border-bottom: 2px solid #2ac775;
}
.pest-box p{
  font-family: 'Poppins Light', sans-serif;
    font-size: 14px;
    line-height: 29px;
    color: #949494;
}
.pest-box img{
  margin-bottom: 10%;
}
/*contact starts======================================*/
ul.footer-list li{
   font-size: 18px;
    line-height: 63px;
    background: #2ecd7a;
    margin: 2%;
    padding: 1%;
    color: #fff;
    }
ul.footer-list li a{
   color: #000;
}
ul.footer-list li i{
  color: #ffffff;
    font-size: 25px;
    background: #2f2f2f;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
}
ul.footer-list-social li{
   display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    transition: 0.4s all; }
ul.footer-list-social li:hover{
    transform: translate(0px, 13px);
   background: #e13177;
}
ul.footer-list-social li:hover a{
color: #000
}
ul.footer-list-social li a{
        color: #000;
    font-size: 21px;
    transition: 0.4s all; 
    }


 /*media queries---------------------------------------------------------------*/
@media (max-width: 1199.98px) {
#glam {   
    background-size: cover;
}
.glam-box p{
  line-height: normal;
}
.mt-12{
  margin-top: 0;
}
.logo{
  display: none;
}
.trend-box p {
   transform: rotate(0deg); 
   transform-origin: 0% 0%; 
    font-size: 24px;
    margin: 10% 0;
  }
  .trend-box:after{
    width: 95%;
    height: 86%;
  }

#trend{
    text-align: center;
}
.navbar-nav li a {
    font-size: 13px;
     padding: 9px 6px !important;
    }
#testimonial {
    background-size: cover;
}
    }
@media (max-width: 991.98px) {
    .text_banner {
   margin-top: 7%;
 }

.banner-text {
    font-size: 37px;
    }
    .border1 {  
    margin-top: 0%;
    margin-bottom: 3%;
  }
  .banner-para {
    font-size: 13px;
  }
.logo{
  position: relative;
  top: 0;
}
.navbar{
  text-align: center;
}
#glam {   
    background-size: cover;
}
.glam-box p{
  line-height: normal;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

.text_banner{
  margin-top: 9%;
}

}
@media (max-width: 767.98px) { 
.social li a{
    border: 0
}

#testimonial {
   background-size: cover;
    padding: 10%;
} 
.test-box{
  margin: 2% 0;
}
.text-img{
  position: relative;
}
.text-right, .text-left{
  text-align: center !important;
}
    #topbar, #callUs, #trend, #estimate{
    text-align: center;
}
.text_banner, .test-box:after, .icon-ph:after{
    display: none;
}
.welcome-box, .hovereffect{
  margin-bottom: 3%;
}
.logo {
    position: relative;
    top: 0;
    }
  .mt-12{
    margin-top: 0;
  }
    .trend-box p{
    transform: rotate(0deg);
    transform-origin: 0% 0;
    text-align: center;
  }
#wowslider-container0 .ws_controls{
    display: block !important;
}
   .navbar-nav li a {
    text-align: center;
}
}
@media (max-width: 575.98px) {
      .topbar-contact, .topbar , #footer{
        text-align: center;
    }  
    .trend-box:after{
   display: none;
  }
  .heading h1 {  
    font-size: 27px;
    line-height: 31px;
  }
  }