html{
    overflow-x: hidden;
}


body{
    margin: 0;
 font-family: "DM Sans", sans-serif !important;
 overflow: hidden;

}
.dm-sans-<uniquifier> {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

a{
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
button{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}



a:hover{
    text-decoration: none;
}


.ip-loader{
    margin-left: 0px!important;
    bottom: 40%!important;
}
.loader {
  width: 236px;
  height: 120px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  opacity: 1;
  animation: filter-animation 3s infinite;
  /*  stroke: darkred;*/
  /*transition: fill .3s ease-in-out;*/
  /*animation: chng 1s linear infinite;*/
  /* transform-origin: bottom;*/
  /*-webkit-animation: colorchange 20s infinite alternate;*/
  /*margin-left: 80px;*/
}
.loader img{
       max-width: 242px;
       width: 100%;
       /* margin-top: -71px; */
}

@keyframes filter-animation {
   0% { transform: translateY(-3px); opacity: 1;}
  25% { transform: translateY(3px); opacity: 1;}
  50% { transform: translateY(-3px); opacity: 1;}
   75% { transform: translateY(3px); opacity: 1;}
 
  100% { transform: translateY(-3px); opacity: 1;}
}


.sp-pad{
    padding-top:200px;
}
.sp-pad1{
    padding-top:200px;
}



.btn4{
    padding: 30px 0px 0px 0px;
    float: left;
    width: 100%;
    margin: auto;
    display: block;
    text-align: center;
}
.btn4 a{
     text-decoration: none !important;
     height: 50px;
     font-size: 15px;
     margin: 20px auto 0;
     display: table;
     font-weight: 600;
     color: #ffffff;
     border-radius: 25px;
     padding: 18px 0px;
     text-align: center;
     background: linear-gradient(90deg, #8ebf58, #8ec059, #8ec059, #a5cd7a, #8ec059, #8ebf58, #379962, #379962, #379962);
     background-size: 400%;
     width: 228px;
     float: none;
     cursor: pointer;
     border: 0;
}

.btn4 a:hover{
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .5s ease-in-out;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right, #3ea169, #e4af2a, #379962, #f6bc2f);
}



@media(max-width:990px)
{
    .b4-1{
        margin-top:20px !important;
    }
}
.mainheader{
    width: 100%;
    float: left;
    background: white;
    position: relative;
    z-index: 999;
        
height: 0px;
}
.total-header{
    width: 100%;
    /* padding-top: 20px; */
    }
.logopart{
    width: 30%;
    padding: 50px 0px 50px 0px;
    float: left;
    position: relative;
    z-index: 11;
}
.logobox{
    float: left;

    
}
.logopart img{
    float: left;
    width: 300px;
}
.menuarea{
        /* border-bottom: 1px solid #bab9b6; */
        padding: 79px 0px 0px 0px;
        width: 70%;
        float: left;
        text-align: center;
}


/*mediasidemenu*/
.menuarea > .mob_nav {
        margin-top: 43px;

      display: block;
      float: right;
      width: 28px;
      height: 20px;
      cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
      position: relative;
    z-index: 11111;
}

.menuarea > .mob_nav > div {
background-color:#fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 100%;
}

.menuarea > .mob_nav > div:nth-child(1) {
    top: 8px; 
        width: 19px;

}

.menuarea > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 16px; 
}

.menuarea > .mob_nav > div:nth-child(4) {
    top: 23px; 
}

.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%; 
}

.mob_nav.open > div:nth-child(2) {
    top: 1px;
    background: #fff;

    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.mob_nav.open > div:nth-child(3) {
    background: #fff;
    top: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.menuarea > ul{
     padding-left: 30px !important;
     width: 100%;
     display: inline-block;
     vertical-align: middle;
     margin-bottom: 0px;
     padding-bottom: 0px;
     float: left;
     padding-left: 0px;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}
    
.menuarea > ul > li{
     width: auto;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     padding: 0px 22px 0px 22px;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}

.menuarea > ul > li > a{
    padding-bottom: 30px;
    width: auto;
    color: #fff;
    font-weight: 500;
    float: left;
    position: relative;
    /* padding-bottom: 30px; */
    font-size: 15px;
    letter-spacing: 0px !important;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration: none;
    text-align: center;
    }
.menuarea > ul > li > a:hover{
  
     color: #8EC059;
  -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration: none;
}
.sp-li:hover{
  
     color: #8EC059;
  -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration: none;
}
.activeli{
   color: #8EC059!important;
   font-weight: 400 !important;
  -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration: none;
   
}


.menu li:hover > ul {
     columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
   
    transform: scale(1.0);
}


.tgmenu__navbar-wrap > ul > li .sub-menu {
   
}

/*.sub-menu {
    margin-top: 73px!important;
}*/

.sp-width{
        width: 228px !important;
        left: -49px !important;
        padding: 8px 15px !important;
}

.menu ul {
           padding: 8px 20px;
           width: 260px;
           overflow: hidden;
           /* height: 250px; */
           position: absolute;
           left: -69px;
           top: 85%;
           /* min-width: 100px; */
           background: #000000b8;
           margin: 0;
           /* -webkit-transform: scale(1, 0); */
           -moz-transform: scale(1, 0);
           -ms-transform: scale(1, 0);
           -o-transform: scale(1, 0);
           transform: scale(1, 0);
           transform-origin: 0 0;
           -webkit-transition: all 0.3s ease-out 0s;
           -moz-transition: all 0.3s ease-out 0s;
           -ms-transition: all 0.3s ease-out 0s;
           -o-transition: all 0.3s ease-out 0s;
           /* transition: all 0.3s ease-out 0s; */
           -webkit-box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
           -moz-box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
           box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
           -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
           -o-border-radius: 6px;
           -ms-border-radius: 6px;
           border-radius: 6px;
           display: block;
           visibility: hidden;
           opacity: 0;
           z-index: 9;
}

.menu ul li {

padding: 13px 30px;

display: block;

transition: all ease-in-out .5s;

-webkit-transition: all ease-in-out .5s;

-moz-transition: all ease-in-out .5s;

margin: 0;

text-align: center;
}




.menu ul li a {
     text-align: center;
     color: #afaeae;
     font-weight: 400;
     /* font-family: 'ClashGrotesk-Regular'; */
     font-size: 15px;
     font-weight: 400;
     /* padding: 35px 10px; */
     /* line-height: 1; */
     position: relative;
     z-index: 1;
     /* text-shadow: -.25px -.25px 0 transparent, 
                .25px .25px transparent; */
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}

.menu ul li a:hover {

     text-shadow: -.25px -.25px 0 #c2b261, 
                .25px .25px #c2b261 !important;
   -o-transition: all ease-in-out 0.5s;
   -ms-transition: all ease-in-out 0.5s;
   -moz-transition: all ease-in-out 0.5s;
   -webkit-transition: all ease-in-out 0.5s;
   text-decoration: none;
    
}
.menu ul li:hover a{
    text-decoration:none;
}
.menu ul li:hover .menu2 a{
     
    text-decoration:none;
}

.menu-padding{
    padding-top: 0px;
}
/*triangle on hoverul*/
.menu ul:after {
  
}
/*.sp-li {
    padding: 0px 80px 0px 0px !important;
}*/












.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  overflow-y: scroll;
  transition: 0.5s;
  z-index: 111;
  /* background-image: linear-gradient(to right, #4e1b6a 0%, #b31666 51%, #b31666 100%); */
}

.overlay-content {
  position: relative;
  /* top: 25%; */
  width: 100%;
  text-align: center;
  /* margin-top: 30px; */
  /* z-index: 111111111111111111111; */
}

.overlay a {
  /* padding: 8px; */
  text-decoration: none;
  font-size: 30px;
  color: white;
  z-index: 11;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 11px;
  font-size:40px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
            text-decoration: none;
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}




.hd-address{
  width: 100%;
  float: left;
  text-align: left;
    padding: 96px 68px;

  height: 100vh;
}


.hd-tel{
  float:left;
  width:100%;
}

.hd-tel h1{
  letter-spacing: 1px;
  float:left;
  width:100%;
  font-size: 27px;
  font-weight: 700;
  color: #e8d975;
  margin-bottom: 34px;
}

.hd-tel h6{
  letter-spacing: 1px;
  float:left;
  width:100%;
  font-size: 25px;
  color: #e2c758;
  margin-bottom: 18px;
  font-weight: 400;}

.hed-tel-hvr{
  font-weight: 400;
  float: left;
  width: 100%;
  font-size: 20px !important;
  color: white !important;
  fo;
  padding-top: 11px !important;
  padding-bottom: 17px !important;
  text-decoration: none;
}

.hed-tel-hvr:hover{
    text-decoration: none;
    color: #98ca66 !important;
}

.hd-presence{
  margin-top: 19px;
  float: left;
  width: 100%;
  padding: 19px;
  border: solid 1px rgb(255 255 255 / 19%);
  border-radius: 20px;
  /* margin-top:15px; */
  /* background: #112e4a; */
}

.hd-presence p{
    float: left;
    width: 100%;
    font-size: 13px;
    color: #a7c1dd;
    line-height: 27px;
    padding-top: 5px;
  font-weight: 400;
}

.hd-presence span{float: left;width: 100%;font-size: 25px;font-weight: 100;color: #98ca66;padding-bottom: 10px;border-bottom: solid 1px rgb(255 255 255 / 19%);margin-bottom: 15px;font-weight: 400;letter-spacing: 1px;}

.hd-tel p{
    float: left;
    width: 100%;
    font-size: 15px !important;
    color: #ffffff !important;
    line-height: 25px;
    padding-top: 5px;
    margin-bottom: 0px;
    font-weight: 400;
}

.title-white{
  color:white !important; 
}

.top-thumb{
  font-weight: 400;
      font-size: 30px;
    cursor: pointer;
    float: right;
    padding-left: 20px;
    cursor:pointer !important;
    padding-top: 43px;
}
.enq-bg form{
  float:left;
  width:100%;
}

.frm-enq{
  float:left;
  width:100%;
  margin-top: 30px;
}

.frmq-title{
  float:left;
  width:100%;
  color:black;
  font-size:14px;
  font-weight:500;
  padding-top: 0px;
}

.field-enq{
  border-bottom: 1px solid #b0aaaa;
  color: #272626;
  display: block;
  font-size: 13px;
  /* text-transform: uppercase; */
  height: 55px;
  margin-bottom:2px !important;
  padding: 0 20px;
  outline: none;
  background: #fff;
  width: 100%;
  padding-left: 0px;
  border: none;
  transition: all 500ms ease;
  /* border: solid 1px #d4d3d3; */
  margin-top: 3px;
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 9px;
  border-radius: 10px;
}

.error-message {
    color: red;
}

.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}
.subscribe-btn {
  text-decoration: none !important;
  height: 50px;
  font-size: 15px;
  margin: 20px auto 0;
  display: table;
  font-weight: 600;
  color: #ffffff;
  border-radius: 25px;
  padding: 18px 0px;
  text-align: center;
  background: linear-gradient(90deg, #2f2f2f, #75ad3a, #2f2f2f, #a5cd7a, #8ec059, #8ebf58, #379962, #379962, #379962);
  background-size: 400%;
  width: 100%;
  float: left;
  cursor: pointer;
  border: 0;
 }

.subscribe-btn:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .5s ease-in-out;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right, #3ea169, #e4af2a, #379962, #f6bc2f);

}




.buttonarea {
     float: right;
     margin-top: -12px;
     /* margin-left: 40px; */
}


.buttonarea a {
   
       float: right;
   }
.buttonarea a:hover {
  
   
}
.buttonarea img{
    width: 33px;
    margin-top: 2px;
}

.hd-tel span {
    float: left;
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.left-bg{
 background-color: #2f2f2f;
 float:left;
}

.right-bg{
    background-color: #98ca66;
    /* background-color: #ab1666; */
    padding:0px !important;
    float:left;
}

/* ===== Scrollbar CSS ===== */

 

 
.overlay::-webkit-scrollbar-track
{
    border-radius
: 50px;
    background-color: #000;
       height: 3px;
       border-top-left-radius: 50px;
}

.overlay::-webkit-scrollbar
{    border-radius: 50px;
    width: 5px;
    height: 3px;
    background-color: #000;
}

.overlay::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    background-color: #000;
       height: 3px;
}




.slide {
         float: left;
    width: 100%;
    top: 0px;
    background: url(../images/home.svg);
    background-size: cover;
    /* background-position: center; */
    position: relative;
    z-index: 1;
    /* min-height: 850px; */
    /* max-height: 1000px; */
    height: 750px;
    
 
}


.slide .item {
           height: 750px;
    width: 100%;
    float: left;
    position: relative;
}



.slide .item .slide-image {
    height: 750px;
       float: right;
    margin-left: 0px;
    /* position: absolute; */
    /* width: auto !important; */
    /* z-index: 9999; */
    width: 100%;
    right: 0;
    object-fit: cover;
    top: 0;


}

.slider-ban .owl-item.active .slide-image{
    transform: scale(1.1);
    transition: 10s;
}


.slider-ban .owl-item.active .header-content h1{
        transform: auto !important;
       transition: auto !important;
}

.slider-ban .owl-item.active .header-content p{
        transform: auto !important;
       transition: auto !important;
}



.slide .item  .header-content {
    padding-top: 100px !important;
}

.slide .item  .header-content {
    width: 100%;
    position: absolute;
    bottom: 102px;
    /* padding: 56px; */
    overflow: hidden;
}

.header-content h2 {
       letter-spacing: 3px;
       position: relative;
       z-index: 9999999;99; */
       float: left;
       font-size: 75px;
       color: #fff;
       font-weight: bold;
       text-align: left;
       /* padding-left: 30px; */
       line-height:78px;
       width: 100%;
}
.slide-par{
     padding-left: 15px;
     position: relative;
     /* margin-top: -136px; */
     bottom: 234px;
     width: 100%;
     float: right;
     z-index: 9999999;
}
.slide-par p{
  margin-bottom: 47px;
  font-size: 16px;
  color: #eceded;
  font-weight: 400;
  line-height: 26px;
  width: 100%;
  text-align: left;
}

.slide-par a{
    /* width: 152px; */
    float: left;
    /* padding: 10px 12px; */
    color: #eceded;
    font-size: 16px;
    font-weight: 400;
    /* transition: all ease-in-out 0.5s; */
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    /* -webkit-transition: all ease-in-out 0.5s; */
}
.slide-par a img{
    float: right;
    width: 23px;
    margin-left: 15px;
    margin-top: 2px;
    /* transition: all ease-in-out 0.5s; */
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    /* -webkit-transition: all ease-in-out 0.5s; */
}


@media(max-width:1024px) 

{


    .menuarea{
        position: inherit;
     
   
    }
  
    .menuarea > ul > li > a{
        float: left;
       
    }

.menuarea > ul {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    

    min-height: auto;
    visibility: hidden;
    opacity: 0;
    z-index: 9 !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    top: 62px;
    text-align: center;
}

.menuarea ul.view {
        margin-top: -15px;
    padding-left: 0px!important;

    width: 100%;
        padding-top: 20px;
    padding-bottom: 50px;
  visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 1111 !important;
    /* transform: rotate(0deg) translate3d(0, 0, 0); */
}
.menu li:hover>ul {
    width: 100% !important;
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 60px;
}
.menu ul:after{
   display: none;
}

.menuarea > ul > li > a {
    font-size: 17px;
    width: 100%!important;
        padding: 30px 17px 0px 17px;

}
.header_menu_area > ul > li > a {
    margin: 8px 0px 0px 0px;
}

.sub-menu {
    margin-top: 73px!important;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    /*position: unset;*/
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 36px;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0 !important;
    width: 100%;
    transform: initial;
border-radius: 0px;
}

.buttonarea{
    text-align: center;
    float: none;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 0px;
}
.buttonarea a{
   padding: 11px 12px 10px 12px;
    font-size: 14px;
    font-weight: 600;
    float: none;
    text-align: center;

}
.header_menu a svg{
    display: none;
}
   .overlay{
    display:none ;
   }
   .cli-btn{
    display: none;
   }
   .menu ul li a {
    text-align: center;
}

}

.banner2{
    float: left;
    width: 100%;
    padding: 100px 0px;
}
.banner2 h6{
    /* float: left; */
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #252A34;
    line-height: 28px;
    margin-bottom: 20px;
}
.banner2 h2{
     line-height: 56px;
     /* float: left; */
     font-size: 52px;
     font-weight: 800;
     color: #252A34;
     margin-bottom: 25px;
}
.banner2 p{
     /* float: left; */
     font-size: 15px;
     font-weight: 400;
     line-height: 32px;
     color: #615656;
     margin-bottom: 20px;
}
.main-points{
   
/* float: left; */
}
.points{
    /* float: left; */
    width: 55%;
    /* margin-right: 2%; */
}
.points h5{
 float: left;
 font-size: 15px;
 font-weight: 400;
 line-height: 30px;
 color: #615656;
 margin-bottom: 15px;
 width: 45%;
}
.points h5 img{
    float: left;
    width: 20px;
    margin-right: 15px;
    margin-top: 6px;
}
.ban2-img{
    float: right;
    margin-left: 70px;
    margin-right: auto;
    /* display: block; */
    width: 474px;
    height: 469px;
    margin-top: 21px;
    object-fit: cover;
    border-radius: 70px;
}


.banner3{
    float: left;
    width: 100%;
    padding: 100px 0px 60px 0px;
    background-color: #8ec059;
    background-image: url("../images/green-bg-right.png");
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: -1%;
}
.banner3 h6{
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
}
.banner3 h6:after{position: absolute;content: "";bottom: 12px;left: 177px;background: #a7ce7e;/* background: linear-gradient(108deg, rgba(46, 46, 59, 1) 0%, rgba(38, 38, 49, 1) 100%); */height: 0.5px;width: 66px;}
.banner3 h2{
     float: left;
     width: 100%;
     font-size: 55px;
     font-weight: 800;
     color: #fff;
     margin-bottom: 30px;
     letter-spacing: 2px;
}

.panel3{

width: 100%;

float: left;

padding: 40px 0;


}

.p3-carousel .owl-nav{
    width: 100%;
    float: left;
    position: relative;
       top: 49px;
}
.p3-carousel .owl-next{
    position: absolute;
    right: 60px;
    top: -729px;
    background-color: #6ba52d !important;
    padding: 13px 20px !important;
    border-radius: 100%;
    width: 56px;
    height: 56px;
    box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.05);
}
.p3-carousel .owl-prev{
    position: absolute;
    right: 135px;
    top: -729px;
    /*    transform: rotate(180deg);*/
    background-color: #6ba52d !important;
    padding: 13px 20px!important;
    border-radius: 100%;
    width: 56px;
    height: 56px;
}
.p3-carousel .owl-next img{
    width: 20px;
    filter: invert(1);
}
.p3-carousel .owl-prev img{
    width: 20px;
    filter: invert(1);
}
.p3-carousel .owl-next:hover{
    background-color: #8ec059 !important;
}
.p3-carousel .owl-prev:hover{
background-color: #8ec059 !important;
}.p3-carousel .owl-next:hover img{
    filter: brightness(111);
}.p3-carousel .owl-prev:hover img{
    filter: brightness(111);
}
.p3-carousel .owl-nav.disabled {
    display: block !important;
}



.s2-bx-med:hover .ss::before{
  webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0);
}
.ss::before{
   position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 36%);
    -webkit-transition: -webkit-transform 1.8s;
    transition: -webkit-transform 1.8s;
    transition: transform 1.8s;
    transition: transform 1.8s, -webkit-transform 1.8s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);
    z-index: 999;

}
.ss {
   border-radius: 50px 50px 0px 0px;
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.s2-bx{
    float: left;
    width: 100%;
    position: relative;
    z-index:9;
    overflow: hidden;
}
.s2-bx img{
    height: 284px;
    object-fit: cover;
    float: left;
    max-width: 100%;
    border-radius: 50px 50px 0px 0px;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-bx-text{
       height: 274px;
       /* height: 271px; */
       position: relative;
       float: left;
       width: 100%;
       padding: 44px 58px 61px 57px;
       background-color: #fff;
       border-radius: 0px 0px 60px 60px;
}
.st-bx-text h3{
    margin-bottom: 0px;
    padding-bottom: 31px;
    float: left;
    width: 100%;
    color: #2e4049;
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    line-height: 120%;
    border-bottom: 6px solid #8ec059;
}
.st-bx-text p{
    float: left;
    width: 100%;
    color: #959595;
    font-size: 15px;
    font-weight: 400;
    margin-top: 24px;
    text-align: left;
    line-height: 170%;
    margin-bottom: 0px;
}



.banner4{
    float: left;
    width: 100%;
    padding: 100px 0px 60px 0px;
}
.b4-1{
    margin-top: 89px;
    float: left;
    width: 100%;
}
.b4-1 h2{

float: left;

width: 100%;

font-size: 54px;

font-weight: 800;

color: #252a34;

line-height: 115%;

margin-bottom: 20px;

letter-spacing: 2px;
}
.b4-1 p{
     float: left;
     width: 100%;
     font-size: 15px;
     font-weight: 400;
     line-height: 30px;
     color: #615656;
     margin-bottom: 20px;
}
.sp-head{
    float: left;
    width: 100%;
}
.sp-head h3{
    margin-bottom: 15px;
    float: left;
    width: auto;
    padding: 20px 20px;
    background-color: #F5F5F5;
    border-radius: 30px;
    color: #727272;
    font-weight: 400;
    font-size: 20px;
    margin-right: 10px;
    }
.sp-head h3 img{
    object-fit: cover;
    width: 25px;
    margin-right: 12px;
    margin-top: -3px;
    float: left;
}
.banner4img{
    float: right;
    max-width: 100%;
    object-fit: cover;
}



.b5-bx1{
  float: left;
  background: #8ec059;
  padding: 20px 30px;
  margin-top: -100px;
  margin-left: 132px;
  width: 330px;
  border-radius: 25px;
}

.count{
    float: left;
    width: 100%;
}
.count .item1:after {
    content: '+';
    position: absolute;
    color: #fff;
}
.count-cont{
    float: left;
    width: 50%;
}
.count .item1 {
    color: #fff;
    font-size: 73px;
    font-weight: bold;
    float: left;
    width: 100%;
    line-height: 120%;
    text-align: left;
    position: relative;
    margin-top: 16px;
 }
.count .item p {
     color: white!important;
    font-size: 20px !important;
    font-weight: 500 !important;
    width: 100%;
    margin-bottom: 0px;
    float: left !important;
    text-align: left;
    line-height: 20px;
}
.countimg{
    float: left;
    width: 50%;
        padding: 28px 0px;

}

.countimg img{
     width: 95px;
     float: none;
     margin: auto;
     display: block;
}




.banner-5{
    float: left;
    width: 100%;
    padding: 70px 0px 90px 0px;
    background-color: #f2be37;
    background-image: url("../images/yellow-bg-left.png");
    background-position: left;
background-repeat: no-repeat;
background-position-y: -1px;
}
.banner-5 h6{
float: left;
    width: 100%;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
   text-align: center;
}
.banner-5  h2{
     float: left;
     width: 100%;
     font-size: 52px;
     font-weight: bold;
     color: #fff;
     margin-bottom: 50px;
     letter-spacing: 2px;
     text-align: center;
}
.b5-box{
    float: left;
    width: 100%;
    padding: 50px 52px;
    background-color: #fff;
    border-radius: 50px;
}
.b5-box-img{
    width: 200px;
    margin:auto;
    display: block;
    float: none;
    height: 95px;
    object-fit: contain;
}
.b5-box p{
      float: left;
      width: 100%;
      font-size: 15px;
      font-weight: 400;
      line-height: 28px;
      color: #615656;
      margin-bottom: 15px;
      text-align: center;
      margin-top: 20px;
}
.b5-box a{
    border-radius: 20px;
    margin-bottom: 0;
    display: table;
    padding: 12px 12px 12px 12px;
    text-align: center;
    width: 152px;
    float: none;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
}
.arw-img{
    filter: brightness(0);
    width: 22px;
    margin-left: 12px;
    margin-top: 1px;
    float: right;
    object-fit: cover;
    /* transition: all ease-in-out 0.5s; */
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    /* -webkit-transition: all ease-in-out 0.5s; */
}
.b5-box a:hover{
    color: #fff;
    background-color: #f6ba309c;
    /* padding: 13px 12px  10px 12px; */
    border-radius: 20px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b5-box a:hover img{
      filter: invert(1);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}
.banner6{
     float: left;
    width: 100%;
    padding: 70px 0px 30px 0px;
}
.banner6 h6{float: left;width: 100%;font-size: 18px;font-weight: 500;letter-spacing: 3px;text-transform: uppercase;color: #000;margin-bottom: 15px;text-align: center;}
.banner6  h2{
     float: left;
     width: 100%;
     font-size: 55px;
     font-weight: 800;
     color: #000;
     margin-bottom: 50px;
     letter-spacing: 2px;
     text-align: center;
}
.img-fluid {
    margin-bottom: 45px;
    border-radius: 30px;
}
.Product{
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-bottom: 110px;
    background-color: white;
}
.product-main{
    width: 100%;
    float: left;
}
.detail-gal{
    float: left;
    width: 100%;
}
.detail-gal-img{
    object-fit: cover;
    width: 100%;
    float: left;
    height: 415px;
}

.detail-gal2{
    float: left;
    width: 100%;
}
.detail-gal2 img{
    object-fit: cover;
width: 100%;
float: left;
height:365px;
}
.p5-carousel .owl-nav.disabled {
    display: block !important;
}



.p5-carousel .owl-nav{
    width: 100%;
    float: left;
    position: relative;
}
.p5-carousel .owl-next{
    position: absolute;
    right: 67px;
    top: -217px;
    background-color: #fff !important;
    padding: 13px 20px !important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.05);
}
.p5-carousel .owl-prev{
    position: absolute;
    left: 70px;
    top: -216px;
    /*    transform: rotate(180deg);*/
    background-color: #fff !important;
    padding: 13px 20px!important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}
.p5-carousel .owl-next img{
    width: 20px;
}
.p5-carousel .owl-prev img{
    width: 20px;
}
.p5-carousel .owl-next:hover{
    background-color: #8ec059 !important;
}
.p5-carousel .owl-prev:hover{
background-color: #8ec059 !important;
}.p5-carousel .owl-next:hover img{
    filter: brightness(111);
}.p5-carousel .owl-prev:hover img{
    filter: brightness(111);
}
.footer{
    float: left;
    width: 100%;
    padding: 65px 0px 0px 0px;
    background-color: #8ec059;
    background-image: url("../images/green-footer.png");
    background-repeat: no-repeat;
    background-position: right;
    /* background-position-y: -1%; */
    background-position-y: bottom;
}

.ft-logo {
    float: left;
    width: 100%;
}
.ft-logo p{
   float: left;
   width: 75%;
   font-size: 15px;
   font-weight: 300;
   line-height: 170%;
   color: #fff;
   margin-top: 28px;
}
.ft-logo img {
       float: left;
       width: 327px;
}
.link{
    float: left;
    width: 100%;
    /* margin-left: 40px; */
}

.link h3{
   letter-spacing: 3px;
   color: #fff;
   font-weight: 300;
   font-size: 15px;
   float: left;
   width: 100%;
   margin-bottom: 42px;
   font-family: "DM Sans", sans-serif !important;
}

.ql-1{
    margin-bottom: 30px;
    float: left;
    width:100%;
}
.ql-1 a{float: left;width: 100%;font-size: 15px;color: #fff;font-weight: 300;margin-bottom: 20px;}
.ql-1 a:hover{
    text-decoration: none;
    color: #000;
}

.link p{
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 29px;
    color: #fff;
    margin-bottom: 10px;
}
.link h2 a{
      float: left;
      width: 100%;
      font-size: 14px;
      font-weight: 300;
      line-height: 26px;
      color: #fff;
      margin-bottom: 14px;
}

.copy{
    margin-top: 50px;
    float: left;
    width: 100%;
    padding: 45px 0px;
    border-top: 1px solid #d3e7bf;
}
.copy h3{
    float: left;
    width: 50%;
    text-align: left;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
}
.copy h4{
    float: left;
    width: 50%;
    text-align: right;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;

}
.copy a{

   color: #fff; 
   font-weight: 300;
    transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}
.copy a:hover{
    color: #000;
    text-decoration: none;
     transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}

/*about*/

.abt-banner1 {
    /* padding: 104px 0px; */
    float: left;
    width: 100%;
    top: 0px;
    position: relative;
    z-index: 1;
    height: 380px;
       background-color: #000;
    background-image: url("../images/green-bg-right.png");
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: -1%;
    background-repeat: no-repeat;
}
.abt-banner1 h1 {
    text-align: center;
    float: left;
    width: 100%;
    color: #d5d5d5;
    font-size: 55px;
    line-height: 67px;
    padding-top:200px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 700;
    letter-spacing: 2px;
}
.abt-banner2{
    float: left;
    width: 100%;
    padding: 100px 0px;
    background-color: #fff;
}
.abt-banner2 img{
    float: left;
    width: 518px;
    margin-right: 60px;
    margin-bottom: 20px;
    border-radius: 25px;
}
.abt-banner2 h2{
    font-size: 50px;
    color: #252a34;
    font-weight: 800;
    line-height: 60px;
  
}
.abt-banner2 p{
 color: #615656;
 font-size: 15px;
 font-weight: 400;
 line-height: 29px;
 margin-bottom: 0px;
 margin-top: 10px;
}
.about-icon{
  width: 100%;
  float: left;
  background-color: #f7bc2e;
  padding: 70px 0px;
}
.about-iconbx{padding: 50px 45px;width: 100%;float: left;background-color: #fff;border-radius: 30px;}
.about-iconbx img{
  width: 73px;
  float: left;
}
.about-iconbx h2{
  padding-top: 13px;
  width: 100%;
  float: left;
  text-align: left;
  color: #fbb715;
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  margin-bottom: 12px;
}
.about-iconbx p{
  width: 100%;
  float: left;
  text-align: left;
  color: #615656;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
.about-vmv{
  padding-bottom: 70px;
  width: 100%;
  float: left;
  background-color: #8dc059;
}
.vmvbx
{padding-top: 60px;padding-bottom: 25px;/*  padding-top: 105px;*/width: 100%;float: left;}
.vmvbx img{
  width: 68px;
  float: left;
}
.vmvbx h2{
  padding-left: 55px;
  width: auto;
  float: left;
  text-align: left;
  color: white;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0px;


}
.vmvbx p{
  padding-left: 124px;
  width: auto;
  float: left;
  text-align: left;
  color: white;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
}
.ab-imdhd{
  width: 32%;
  float: left;
}
.ab-pera{
  width: 68%;
  float: left;
}
.botop-border{
  padding-bottom: 55px;
  padding-top: 65px;
  width: 100%;
  float: left;
  border-top: 1px solid #b7e489;
  border-bottom: 1px solid #b7e489;
}




.vmvbx1{
/*  padding-top: 105px;*/
  width: 100%;
  float: left;
}
.vmvbx1 img{
  width: 68px;
  float: left;
}
.vmvbx1 h2{
  padding-left: 55px;
  width: auto;
  float: left;
  text-align: left;
  color: white;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0px;


}
.vmvbx1 p{
  padding-left: 124px;
  width: auto;
  float: left;
  text-align: left;
  color: white;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
}
.ab-imdhd1{
  width: 32%;
  float: left;
}
.ab-pera1{
  width: 68%;
  float: left;
}
.body3-hd h2{
    padding-bottom: 50px;
    padding-top: 63px;
    font-size: 55px;
    float: left;
    text-align: left;
    color: white;
    font-weight: 700;
    line-height: 70px;
}
.body3-hd h2 span{
  color: #fff200;
}
.body3-hd p{
      padding-top: 83px;
      color: white;
      float: left;
      text-align: left;
      font-size: 15px;
      font-weight: 400;
      line-height: 28px;
}
.about-ftrtop{
  padding-bottom: 190px;
  padding-top: 190px;
  width: 100%;
  float: left;
  background-size: cover;
  background-image: url('../images/ftr-bnr-abt.webp');
}
.abt-ftr-hd{
  width: 100%;
  float: left;
}
.abt-ftr-hd h2{
  width: 100%;
  float: left;
  text-align: right;
  color: white;
  font-size: 55px;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 0px;

}
.abt-ftr-hd h2 span{
  color: #86ED48;
}
.abt-ftr-hd p{
  padding-top: 8px;
  width: 100%;
  float: left;
  text-align: right;
  color: white;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
/*conatctus*/
.contact-full{
    width: 100%;
    float: left;
    padding: 80px 0;
}
.contact-full h1{
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.contact-full h1 span{
    color: #8ebf58;
    font-weight: 700;
}
.contact-full form{

}
.ct-field{
    width: 100%;
    float: left;
    margin-top: 15px;
    overflow: hidden;
}
.ct-field label{
    font-size: 15px;
    color: #000;
    font-weight: 600;
    width: 100%;
    margin-bottom: 15px;
}
.ct-field input{
    font-size: 15px;
    width: 100%;
    float: left;
    border: 0;
    padding: 15px;
    overflow: hidden;
    border-radius: 10px;
    background: #a5cd7a4d;
}
.contact-box button{
    text-decoration: none !important;
    height: 50px;
    font-size: 15px;
    margin: 20px auto 0;
    display: table;
    font-weight: 600;
    color: #ffffff;
    border-radius: 25px;
    padding: 14px 0px;
    text-align: center;
    background: linear-gradient(90deg, #8ebf58, #8ec059, #8ec059, #a5cd7a, #8ec059, #8ebf58, #379962, #379962, #379962);
    background-size: 400%;
    width: 100%;
    float: left;
    cursor: pointer;
    border: 0;
}
.ct-field textarea{
    font-size: 15px;
    width: 100%;
    float: left;
    border: 0;
    padding: 15px;
    height: 140px;
    overflow: hidden;
    border-radius: 10px;
    background: #a5cd7a4d;
}.ct-field input:focus{
    outline:none !important;
}.ct-field textarea:focus{
    outline:none !important;
}
.contact-box button:hover{
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .5s ease-in-out;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right, #3ea169, #e4af2a, #379962, #f6bc2f);
}
.ct-right{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.ct-right h2 {
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    color: #000;
}
.ct-right h2 span{
    color: #8ebf58;
    font-weight: 700;
}
.ct-right p
{
    text-align: left;
    font-size: 15px;
    color: #808080;
    line-height: 200%;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 25px;
    /* text-align: left; */
    /* padding: 0 100px; */
    }
.contact-box{
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 0 11px 0px rgba(0,0,0,.05);
    padding: 40px 25px;
    overflow: hidden;
}
.ct-box h6{
    font-size: 18px;
    color: #233e06;
    font-weight: 600;
    margin-bottom: 10px;
}
.ct-box{
    margin-right: 8px;
    width: 48%;
    background: #f7bd2d3d;
    padding: 20px;
    float: left;
    text-align: center;
    height: 194px;
    /* border-right: 21px solid #fff; */
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}.ct-box:hover{
    background: #e4f0d7;
}
.ct-box h5{
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 25px;
}
.ct-box h5 a{
    font-size: 14px;
    color: #000;
}
.ct-box h5 a:hover{

}
.ct-box img{
    width: 40px;
    margin-bottom: 10px;
}
.ct-box img:hover{

}
.ct-social{
    width: 100%;
    float: left;
    border-top: 1px solid #dce5e0;
    margin-top: 30px;
    padding-top: 20px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}
.ct-social h3{
      text-align: left;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.ct-social p{

}
.ct-social a{
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}
.ct-social a img{
    width: auto;
    float: left;
}
.ct-social a:hover img{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    transform: rotate(360deg);
}
.ct-social h3 span{
    font-weight: 700;
    color: #8ebf58;
}
/*medical-support*/
.points-medical{
    margin-top: 50px;
    float: left;
    width: 100%;
    background-color: #a5cd7a29;
    padding: 30px 52px 10px 52px;
    border-radius: 30px;
}
.points-medical h5{
 width: 100%;
 float: left;
 font-size: 15px;
 font-weight: 400;
 line-height: 30px;
 color: #b5b5b5;
 margin-bottom: 20px;
}
.points-medical-img{
    float: left;
    width: 20px;
    margin-right: 15px;
    margin-top: 7px;
}
.service-bannerimg{
    float: left;
    width:555px;
    margin-right: 60px;
    margin-bottom: 20px;
    border-radius: 25px;
}

.service-banner2{
    float: left;
    width: 100%;
    padding: 100px 0px;
    background-color: #fff;
}

.service-banner2 h2{
    font-size: 43px;
    line-height: 55px;
    color: #252a34;
    font-weight: 800;
}
.service-banner2 p{font-weight: 400;color: #615656;font-weight: 400;font-size: 15px;line-height: 29px;margin-bottom: 0px;margin-top: 10px;}
.banner3-med{
    float: left;
    width: 100%;
    padding: 100px 0px 60px 0px;
 background-color: #f2be37;
    background-image: url("../images/yellow-bg-left.png");
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: -1%;
}

.banner3-med h2{
     margin-top: 19px;
     float: left;
     width: 100%;
     font-size: 55px;
     font-weight: bold;
     color: #fff;
     margin-bottom: 15px;
     letter-spacing: 2px;
     text-align: center;
}

.panel3-med{

width: 100%;

float: left;

padding: 40px 0;

}


.s2-bx-med{
    float: left;
    width: 100%;
    position: relative;
    z-index:9;
    overflow: hidden;
}
.s2-bx-med img{
     overflow: hidden;
    height: 260px;
    object-fit: cover;
    float: left;
    max-width: 100%;
    border-radius: 50px 50px 0px 0px;
    -webkit-transition: all ease-in-out 0.5s;
}
.st-bx-text-med{
       height: 280px;
       /* height: 271px; */
       position: relative;
       float: left;
       width: 100%;
       padding: 35px 38px 50px 38px;
       background-color: #fff;
       border-radius: 0px 0px 50px 50px;
}
.st-bx-text-med h3{
    margin-bottom: 0px;
    float: left;
    width: 100%;
    color: #2e4049;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    padding-bottom: 22px;
    border-bottom: 6px solid #f2be37;
}
.st-bx-text-med p{
    float: left;
    width: 100%;
    color: #615656;
    font-size: 15px;
    font-weight: 400;
    margin-top: 22px;
    text-align: left;
    line-height: 27px;
    margin-bottom: 0px;
}



.b3slide{
  float: left;
    width: 100%;
    padding: 100px 0px 60px 0px;
    background-color: #8ec059;
    background-image: url("../images/green-bg-right.png");
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: -1%;
    

}
.b3slide h4{
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 55px;
    line-height: 67px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 800;
    letter-spacing: 2px;
}
.box1{
    position: relative;
    /* margin-top: 20px; */
    height: 450px;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
}

.box1 img{
       width: 100%;
          float: left;
    border-radius: 30px;
    height: 450px;
    object-fit: cover;
}

.overlay-slide {
    background: rgb(0,30,66);
background: linear-gradient(180deg, rgb(0 30 66 / 27%) 9%, rgb(0 0 0 / 76%) 100%);
    position: absolute;
    width: 100%;
    height: 450px;
    border-radius: 30px;
}
.box1:hover .overlay-slide{
    background: linear-gradient(181deg, rgb(2 12 25 / 27%) 24%, rgb(142 192 89 / 42%) 85%);
}
.loop-con{
         float: left;
    width: 100%;
    bottom: 50px;
    position: absolute;
    text-align: center;
}

.loop-con h2{
   width: 100%;
   float: left;
   text-align: center;
   color: #f9eeee;
   font-weight: 700;
   font-size: 27px;
   line-height: 40px;
}
.panel-kesac{

width: 100%;

float: left;

padding: 40px 0;

}


.loop-what-we-do .owl-nav{
    width: 100%;
    float: left;
    position: relative;
}
.loop-what-we-do .owl-next{
    position: absolute;
    right: -30px;
    top: -261px;
    background-color: #fff !important;
    padding: 13px 20px !important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.05);
}
.loop-what-we-do .owl-prev{
    position: absolute;
    left: -30px;
    top: -259px;
    /*    transform: rotate(180deg);*/
    background-color: #fff !important;
    padding: 13px 20px!important;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}
.loop-what-we-do .owl-next img{
    width: 20px;
}
.loop-what-we-do .owl-prev img{
    width: 20px;
}
.loop-what-we-do .owl-next:hover{
    background-color: #8ec059 !important;
}
.loop-what-we-do .owl-prev:hover{
background-color: #8ec059 !important;
}.loop-what-we-do .owl-next:hover img{
    filter: brightness(111);
}.loop-what-we-do .owl-prev:hover img{
    filter: brightness(111);
}


.kesac-gallery{
    float: left;
    width: 100%;
    padding: 100px 0px;

}
.kesac-gallery h1{
    text-align: center;
    float: left;
    width: 100%;
    color: #252a34;
    font-size: 55px;
    line-height: 67px;
    margin-bottom: 60px;
    position: relative;
    font-weight: 800;
    letter-spacing: 1px;
}
.kesac-gallery h1 span{

color: #f1b82d;

    }
.gallery1{
    float: left;
    width: 100%;
    overflow: hidden;
    display: flex;
 }
.gallery2{
    float: left;
    width: 100%;
    overflow: hidden;
    display: flex;
 }
 .gallery3{
    float: left;
    width: 100%;
    overflow: hidden;
    display: flex;
 }
.gallery1 img{    object-fit: cover;
    float: left;
    width: 100%;object-fit: cover;
    height: 430px;
    transition: all ease-in-out 0.5s;
    
}
.gallery2 img{
    float: left;
    width: 100%;
    height: 185px;    object-fit: cover;
   margin-bottom: 15px;
   transition: all ease-in-out 0.5s;
}
.gallery3 img{    object-fit: cover;
    float: left;
    width: 100%;
    height: 230px;
    transition: all ease-in-out 0.5s;
   
}
.gallery1:hover img{
    cursor: pointer;
    scale: 1.08;
}
.gallery2:hover img{
    cursor: pointer;
    scale: 1.08;
}
.gallery3:hover img{
    cursor: pointer;
    scale: 1.08;
}




.b2-box1{
    float: left;
    width: 100%;
    position: relative;
    /* margin-top: -86px; */
    /* margin-bottom: 30px; */
    height: 450px;

}
.b2-box1 img{
    object-fit: cover;
    width: 100%;
    height: 450px;
    border-radius: 20px;
}
.b2-box1 h3{
    width: 100%;
   float: left;
   text-align: center;
   color: #f9eeee;
   font-weight: 700;
   font-size: 27px;
   line-height: 40px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* background-color: #fff; */

    position: absolute;
    z-index: 1;
    bottom: 54px;   
    margin: 0;
}

.hover-class{
    justify-content: center;
    align-items: center;
    display: flex;
    background-color:#a5cd7a;

    opacity: 0;
    position: absolute;
    top: 0;
    height: 450px;
    border-radius: 20px;
}
.hover-img{
       position: absolute;
    top: 38px;
    right: 25px;
    border-radius: 0!important;
    width: 30px!important;

}
.hover-class h5{
    text-align: center;
    width: 100%;
    line-height: 30px;
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding: 0px 46px;
    color: #fff;
}
.b2-box1:hover .hover-class{
        transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
 
opacity: 1;
 }
 .b2-box1:hover h3{
    opacity: 0;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
 }

.inner-vision{
    float: left;
    width: 100%;
    border-right: 1px solid #8dc05930;
padding-top: 50px;
}
.inner-vision img{
    float: left;
      width: 100px;
    margin-bottom: 30px;
}
.inner-vision h4{
    float: left;
    width: 100%;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
}
.inner-vision p{
       color: #959595;
       font-weight: 400;
       font-size: 15px;
       line-height: 29px;
       margin-bottom: 0px;
       margin-top: 10px;
       width: 92%;
       float: left;
}

.inner-mision{
    float: left;
    width: 100%;
        padding-left: 20px;
padding-top: 50px;

}
.inner-mision img{
    float: left;
      width: 100px;
    margin-bottom: 30px;
}
.inner-mision h4{
    float: left;
    width: 100%;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
}
.inner-mision p{
        color: #acacac;
    font-weight: 400;
    font-size: 15px;
    line-height: 29px;
    margin-bottom: 0px;
    margin-top: 10px;
    width: 92%;
    float: left;
   

}

.service-banner2 h6{
    margin-top: 50px;
    font-size: 35px;
    font-weight: 700;
    color: #252a34;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.sp-box{float: left;width: 100%;background-color: #f7bc311f;padding: 35px 35px;border-radius: 30px;}
.sp-box li{
       width: 70%;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;

}



.banner5{
    float: left;
    width: 100%;
    background: rgb(30,47,98);
    background: linear-gradient(90deg, rgb(142 192 89) 0%, rgb(165 205 122) 100%);
    padding: 70px 0px;
}
.b5-box1{
    float: left;
width: 100%;


}



.b5-box1 h5{float: left;width: 100%;text-align: left;font-weight: 500;letter-spacing: 3px;text-transform: uppercase;color: #fff;margin-bottom: 20px;}

.b5-box1 h1 {
       text-align: left;
       float: left;
       font-size: 52px;
       font-weight: bold;
       color: #fff;
       margin-bottom: 30px;
       letter-spacing: 2px;
       width: 100%;
}

.b5-box1 p {
    width: 100%;
    padding-right: 50px;
     float: left;
     font-size: 15px;
     font-weight: 400;
     line-height: 30px;
     color: #fff;
margin-bottom: 30px;
}
.b5-box2{
    float: left;
    width: 100%;

}


.b5-box2 img{
    float: left;
    width: 100%;
    margin-top: -127px;
}
.pl-50{
    padding-left: 50px;
}
.pr-50{
    padding-right: 50px;
}
.b5-box3{
    float: left;
    width: 100%;
    border-bottom: 1px solid #c6c8c3;
    padding-bottom: 35px;
    padding-top: 35px;
}
.b5-box3 img{
    float: left;
    margin-right: 30px;
    width: 33px;
    filter: brightness(100);
}

.b5-box3 h4{
      color: #fff;
      font-size: 23px;
      font-weight: 400;
      margin-top: 3px;
      margin-bottom: 0px;
}

.b5-box3:hover  h4{
    color: #d3e7bf;
      -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}
.b5-box3:hover {
    border-bottom: 1px solid #d3e7bf;
      -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}
.b5-sp-box:hover  h4{
    color: #d3e7bf;
      -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}
.b5-sp2-box:hover  h4{
    cursor: default;
    color: #d3e7bf;
      -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}


.b5-sp-box{
    float: left;
    width: 100%;
      padding-bottom:35px;
    padding-top: 35px;
}
.b5-sp-box img{
    float: left;
    margin-right: 30px;
    width: 33px;
    filter: brightness(100);
}
.b5-sp-box h4{
      color: #fff;
      font-size: 23px;
      font-weight: 400;
      margin-top: 3px;
      margin-bottom: 0px;
}

.b5-sp2-box{
    float: left;
    width: 100%;
      padding-bottom: 35px;
    padding-top: 35px;
}
.b5-sp2-box img{
    float: left;
    margin-right: 30px;
    width: 33px;
    filter: brightness(100);
}
.b5-sp2-box h4{
      color: #fff;
      font-size: 23px;
      font-weight: 400;
      margin-top: 3px;
      margin-bottom: 0px;
}

.connect-kesac{
     background-size: 89%;
     float: left;
     width: 100%;
     padding: 70px 0px 70px 0px;
     background-color: #f2be37;
     background-image: url("../images/yellow-bg-left.png");
     background-position: left;
     background-repeat: no-repeat;
     background-position-y: -1px;
}
.lpm{
       height: 268px;
    float: left;
    width: 100%;
    padding: 40px 40px;
    background-color: #fff9ea;
    border-radius: 30px;
}
.lpm img{
    float: none;
    width: 70px;
    margin:auto;
    display: block;
}
.lpm h2{
        margin-bottom: 15px;
float: left;
width: 100%;
margin-top: 20px;
font-size: 30px;
color: #000;
text-align: center;
font-weight: 700;
}
.lpm p{
    text-align: center;
    float: left;
width: 100%;
font-size: 16px;
line-height: 30px;
color: #b4b4b4;
font-weight: 400;
}
.lpm p a{
    text-decoration: none;
    text-align: center;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #959595;
    font-weight: 400;
}
.slide-par a:hover{
   color: #8EC059;

   
       transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.slide-par a:hover img{
      margin-left: 17px;
          transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.pr-0{
    padding-right: 0px;
}

/*gallery*/
.panel4{

width: 100%;

float: left;

padding-bottom: 50px;
}
.p4-img
{

width: 100%;

float: left;

margin-top: 30px;
}
.p4-img img{
    position: relative;
    border-radius: 20px;
    width: 100%;
    transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
}
.gallery_area h6{
       border-radius: 0px 35px 0px 20px;
       text-align: center;
       left: 15px;
       bottom: 0px;
       position: absolute;
       color: #ffffff;
       font-size: 18px;
       width: auto;
       background-color: #8ec059;
       padding: 16px 18px;
       line-height: 25px;
       float: left;
       text-align: left;
       /* position: relative; */
       z-index: 999;
       /* background: #e5002d; */
       font-weight: 500;
       /* padding: 10px; */
       /* text-transform: capitalize; */
       padding-top: 12px;
}
.project-page .caption_area img{
    height:auto !important;
}
.project-page .p4-img img{
    height:300px;object-fit:cover;
}
.gallery_area li:hover img{
     filter: brightness(.9);
}
.gallery_block {
    float: left;
    width: 100%;
    padding: 50px 5%;
}.gallery_area {
    margin-top: 15px;
    width: 100%;
    float: left;
    position: relative;
    /* text-align: center; */
    border-radius: 50%;
}.gallery_block h3 {
    font-size: 35px;
    font-weight: 700;
}.gallery_area li {
    /* width: 100%; */
    /* padding: 10px; */
    display: inline-block;
    overflow: hidden;
    position: relative;
    transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}.gallery_area li .gal {
    width: 100%;
    /* float: left; */
    position: relative;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 5px; */
    /* margin-top: 10px; */
}.gal img {
    width: 100%;
    /* border-radius: 10px; */
    height: 275px;
    display: block;
    /* border-radius: 5px; */
    object-fit: cover;
}.caption_area {
    float: left;
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 100;
    /* background-color: #0c0a0a47; */
    top: 100%;
    left: 50%;
    /* opacity: .7; */
    overflow: hidden;
    transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}.caption_area a {
    width: 100%;
    height: 100%;
    /* border-radius: 100%; */
    /* background-color: #fff; */
    /* padding: 17px; */
    border: 0;
    float: left;
    position: relative;
    left: 50%;
    top: 75%;
    /* transform: translate(-50%,-75%); */
    -moz-transform: translate(-50%,-75%);
    -ms-transform: translate(-50%,-75%);
    -o-transform: translate(-50%,-75%);
    -webkit-transform: translate(-50%,-75%);
}.caption_area a img {
    /* max-width: 100%; */
    height: 64px !important;
    width: 64px !important;
    display: block;
    position: absolute;
    bottom: 0;
    /* filter: brightness(11); */
    border-radius: 0;
    right: 0;
}

.caption_area h2 {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    position: absolute;
    left: 0;
    width: 100%;
    background: #000;
    text-transform: uppercase;
    padding: 10px;
    bottom: -9px;
}.gallery_area li:hover .caption_area {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 15px;
    border-radius: 5px;
}.gallery_area li:hover .caption_area a {
    /* left: 50%; */
    /* top: 75%; */
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}
.straight{
    float: left;
    width: 100%;
}
/* mobilemenu*/

.cd-dropdown-wrapper {
  display: inline-block;
  position: relative;
  height: 0px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-dropdown-trigger {
  display: block;
  position: relative;
  /*  padding: 0 36px 0 20px;*/
  line-height: 40px;
  background-color: transparent;
  color: #ffffff;
  top: 0;
  border-radius: 3px;
  z-index: 999;
}
.no-touch .cd-dropdown-trigger:hover {
  background-color: #171b46;
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
  /* this is the arrow inside the dropdown trigger*/
  /* content: ''; */
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 9px;
  background: #ffffff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, -moz-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
  /* right: 22px; */
  /* -webkit-transform: rotate(45deg); */
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  /* transform: rotate(45deg); */
}
.cd-dropdown-trigger::after {
  right: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown-trigger {
    font-size: 1.5rem;
  }
  .cd-dropdown-trigger.dropdown-is-active {
    background-color: #3f8654;
  }
  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
    background-color: #47975f;
  }
  .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
    /* transform the arrow into a 'X' */
    width: 14px;
  }
  .cd-dropdown-trigger.dropdown-is-active::before {
    /* transform the arrow into a 'X' */
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-dropdown-trigger.dropdown-is-active::after {
    /* transform the arrow into a 'X' */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  height: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 50px;
    line-height: 50px;
  }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0 40px;
}

.cd-dropdown {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  color: #ffffff;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
  /* dropdown title - mobile version only */
  position: relative;
  z-index: 1;
  color: #585a70;
  background-color: #111433;
  border-bottom: 1px solid #242643;
}
.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 18px;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown .cd-close {
    top: 5px;
  }
}
@media only screen and (min-width: 1025px) {
  .cd-dropdown {
    position: absolute;
    top: calc(100% - 2px);
    /* reset style*/
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: #ffffff;
    color: #111433;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  }
  .open-to-left .cd-dropdown {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    right: 0;
    left: auto;
  }
  .cd-dropdown h2, .cd-dropdown .cd-close {
    /* on desktop - hide title and 'X' */
    display: none;
  }
  .cd-dropdown.dropdown-is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
  }
}

.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  /* z-index: 111111; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  padding-top: 50px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  display: block;
  color: #ffffff !important;
  font-size: 17px;
  color: #ffffff;
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-width: 1px;
  border-color: transparent;
  border-style: solid;
  font-family: 'ClashGrotesk-Regular';
  font-weight: 400;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0b0e23;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 60px;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1025px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 0;
    overflow: visible;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    color: #111433;
    height: 50px;
    line-height: 50px;
    font-size:17px;
    border-color: #ebebeb;
  }
  .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
    background-color: transparent;
    color: #b3b3b3;
    border-top: 1px solid #ebebeb;
  }
  .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 1px;
  }
  .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* reset mobile style */
    opacity: 1;
  }
}

.cd-dropdown-content .see-all a {
  /* different style for the See all links */
  color: #e8d975;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
  padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  padding-left: 75px;
  position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
  color: #111433;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
  background-image: url("../img/nucleo-icon-1.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
  background-image: url("../img/nucleo-icon-2.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
  background-image: url("../img/nucleo-icon-3.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
  background-image: url("../img/nucleo-icon-4.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
  background-image: url("../img/nucleo-icon-5.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
  background-image: url("../img/nucleo-icon-6.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
  background-image: url("../img/nucleo-icon-7.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
  background-image: url("../img/nucleo-icon-8.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
  background-image: url("../img/nucleo-icon-9.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
  background-image: url("../img/nucleo-icon-10.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
  background-image: url("../img/nucleo-icon-11.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
  background-image: url("../img/nucleo-icon-12.svg");
}
@media only screen and (min-width: 1025px) {
  .cd-dropdown-content {
    /* reset mobile style */
    position: static;
    height: auto;
    width: 280px;
  }
  .cd-dropdown-content > li:last-of-type a {
    border-bottom: none;
  }
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    color: #3f8654;
  }
  .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    left: 100%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  }
  .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    left: auto;
    right: 100%;
  }
  .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-in 0.2s;
    -moz-animation: cd-fade-in 0.2s;
    animation: cd-fade-in 0.2s;
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-out 0.2s;
    -moz-animation: cd-fade-out 0.2s;
    animation: cd-fade-out 0.2s;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    position: absolute;
    bottom: 20px;
    height: 45px;
    text-align: center;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
    margin: 0;
    height: 100%;
    line-height: 45px;
    background: #ebebeb;
    pointer-events: auto;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
    color: #ffffff;
    background-color: #111433;
  }
  .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
    border: none;
  }
  .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    padding: 20px 30px 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    width: calc(100% - 60px);
  }
  .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
    width: 50%;
    float: left;
  }
  .cd-dropdown-content .cd-secondary-dropdown {
    overflow: hidden;
    width: 550px;
    padding-bottom: 65px;
  }
  .cd-dropdown-content .cd-secondary-dropdown::before {
    /* this is the separation line in the middle of the .cd-secondary-dropdown element */
    position: absolute;
    content: '';
    top: 290px;
    left: 15px;
    height: 1px;
    width: 520px;
    background-color: #ebebeb;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > a {
    color: #3f8654;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    pointer-events: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
    /* hide the arrow */
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown > li {
    margin: 20px 0;
    border-right-width: 1px;
    border-color: #ebebeb;
    border-style: solid;
    padding: 0 30px;
    height: 250px;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
    border-right-width: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul {
    /* reset mobile style */
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    position: relative;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown a {
    line-height: 25px;
    height: 25px;
    font-size: 1.3rem;
    padding-left: 0;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
    color: #3f8654;
  }
  .cd-dropdown-content .cd-secondary-dropdown ul {
    padding-bottom: 25px;
    overflow: hidden;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a {
    padding-left: 20px;
    color: transparent;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
    color: transparent;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
    left: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown .see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .cd-dropdown-content .cd-dropdown-gallery {
    width: 600px;
    padding-bottom: 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding: 0;
    height: auto;
    line-height: normal;
    color: #3f8654;
    margin-bottom: 2em;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
  .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
    margin-bottom: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery img {
    position: static;
    height: auto;
    width: 100%;
    margin: 0 0 0.6em;
  }
  .cd-dropdown-content .cd-dropdown-icons {
    width: 600px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
    background: #ebebeb;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    color: #3f8654;
    font-weight: bold;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    display: block;
    font-size: 1.2rem;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    left: 25px;
  }
  .cd-dropdown-content > .has-children > ul {
    visibility: hidden;
  }
  .cd-dropdown-content > .has-children > ul.is-active {
    /* when hover over .cd-dropdown-content items - show subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
    /* if .cd-secondary-dropdown is visible - show also subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children > a.is-active {
    /* hover effect for .cd-dropdown-content items with subnavigation */
    box-shadow: inset 2px 0 0 #3f8654;
    color: #3f8654;
  }
  .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
    background: #3f8654;
  }
  .open-to-left .cd-dropdown-content > .has-children > a.is-active {
    box-shadow: inset -2px 0 0 #3f8654;
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
.cd-search input[type="search"] {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #242643;
  color: #ffffff;
  border: none;
  border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]::-moz-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:-moz-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:-ms-input-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:focus {
  background: #ffffff;
  color: #111433;
  outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
@media only screen and (min-width: 1024px) {
  .cd-search input[type="search"] {
    background-color: #ebebeb;
  }
  .cd-search input[type="search"]::-webkit-input-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]::-moz-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]:-moz-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]:-ms-input-placeholder {
    color: #b3b3b3;
  }
}

.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background: #f4ca57;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  float: left;
  text-align: left;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #b3b3b3;
  }
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  left: 120px;
  -webkit-transform-origin: 9.5px 50%;
  -moz-transform-origin: 9.5px 50%;
  -ms-transform-origin: 9.5px 50%;
  -o-transform-origin: 9.5px 50%;
  transform-origin: 9.5px 50%;
}

@media only screen and (min-width: 1024px) {
  .open-to-left .cd-dropdown-content > .has-children > a {
    padding-left: 40px;
    padding-right: 20px;
  }
  .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
    right: auto;
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
  }
}
.cd-dropdown-content .go-back a {
  padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}

@media(max-width:575px)
{
      .menu-img {
        width: 42px !important;
    }
    .cd-dropdown-wrapper {

    margin: 0;
  }
}
.mobile-menu-tag {
    float: right;
}
@media (max-width: 1024px) {
    .menu-img {
        width: 44px;
        margin-top: -11px;
    }
}

@media (min-width: 1025px) and (max-width: 9999px) {
    .mobile-menu-tag {
        display: none;
    }
}
/* mobilemenu*/


@media(min-width:1024px) and (max-width:1200px)
{
    .banner4 {
    float: left;
    width: 100%;
    padding: 41px 0px 60px 0px;
}
.b4-1 {
    margin-top: 161px;
}
    .sp-pad {
    padding-top: 173px;
}
    .sp-pad1 {
    padding-top: 0px;
}
    .ct-box{
            padding: 20px 10px;
    float: left;
    text-align: center;
    height: 194px;
    }
    .menuarea > ul > li {
   
    padding: 0px 15px 0px 15px;
}
.logopart img {
    float: left;
    width: 283px;
}
.logopart {
    width: 33%;
}
.menuarea {
   
    width: 67%;
    }
    .header-content h2 {
    top: 14px;
    letter-spacing: 1px;
    font-size: 60px;
    line-height: 70px;
}
.slide{
    height: 670px;
}
.slide .item{
    height: 670px;
}
.slide-image{
    height: 670px;
}
.slide-par {
   bottom: 219px;
   }
    .slide-par p br{
        display:none;
    }
    .slide-par p{
        margin-bottom: 26px;
    }
   
.banner2 h2 {
    line-height: 47px;
     margin-bottom: 15px;
    font-size: 45px;
}
.banner2 h6 {
    margin-bottom: 15px;
}

.ban2-img{
        width: 390px;
        margin-left: 40px;
            margin-top: 20px;
}
.banner2 p{
        line-height: 29px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 47%;
}
.points h5 img {
  
    margin-right: 8px;
    }
.s2-bx{
    width: 100%;
}
.st-bx-text {
    height: 270px;
   
    padding: 45px 29px 50px 29px;
    }
    .st-bx-text h3 {
   
    font-size: 24px;
  
    padding-bottom: 20px;
}

.banner3 h2 {
  
    font-size: 50px;
    }


.b5-bx1{
        margin-left: 66px;
}
.b5-box a{
        width: 140px;
}
.b4-1 h2 {
   
    font-size: 42px;
    line-height: 49px;
 
    margin-bottom: 16px;
    letter-spacing: 1px;
    }
    .sp-head h3 {
 
    width: 100%;
}
.banner4img {
    margin-top: 111px;
    }
    .b5-box {
  
    padding: 35px 30px;
}
.banner2 p {

margin-bottom: 15px;
}
    .p5-carousel .owl-prev {
        left: 70px;
        top: -256px;
    }
.p5-carousel .owl-next {
        right: 70px;
        top: -254px;
    }

.ft-logo img {
    width: 256px;
}
.ft-logo p {
    width: 90%;
    }
  
    .ab-imdhd {
        width: 39%;
    }
    .b5-box{
        height: 397px;
    }
        .ab-pera {
        width: 61%;
    }
     .ab-imdhd1 {
        width: 39%;
    }
    .ab-pera1 {
        width: 61%;
    }

.abt-banner2 img {

width: 425px;
}
.abt-banner2 h2 {
    line-height: 50px;
    font-size: 40px;
}
.about-iconbx {
    padding: 42px 34px;
    }
    .service-bannerimg {
    float: left;
    width: 445px;
}
.service-banner2 h2 {
    font-size: 40px;
      line-height: 50px;
    }
    .st-bx-text-med h3 {
    font-size: 20px;
}
    .st-bx-text-med {
    height: 300px;
    
    padding: 35px 35px 50px 35px;
    border-radius: 0px 0px 50px 50px;
}
.sp-box li {
    width: 100%;
    }
    .b5-box1 p {
    width: 100%;
    padding-right: 0px;
}
.b5-box1 h1 {
  
    margin-bottom: 15px;
    }
    .b5-box2 img {
   
    margin-top: -104px;
}
.kesac-gallery h1 {
   
    font-size: 48px;
  
    margin-bottom: 35px;
    
    letter-spacing: 1px;
    }
.lpm p {
    padding: 0px 20px;
}
.lpm {
    height:292px;

    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
}

@media(min-width:1200px) and (max-width:1237px)
{

.logopart {
    width: 33%;
}
.menuarea {
   
    width: 67%;
    }
}

@media(min-width:1200px)
{
    .b5-box3 h4 br{
        display: none;
    }
     .media-h4 br{
        display: none;
    }
}
@media(min-width:991px) and (max-width:1200px)
{
 
     .media-h4 br{
        display: block;
    }
}

@media(min-width:992px) and (max-width:1024px)
{
    .header-content h2{
        font-size: 60px;
  
    line-height: 69px;

    }

.slide-par{
        bottom: 219px;
}
.slide-par p{
  margin-bottom: 36px;
  }
  .slide-par a img {
    margin-top: 1;
}
.ban2-img{
    margin-top: 40px;
        width: 405px;
            margin-left: 25px;
}
.banner2 h2 {
    line-height: 51px;
  margin-bottom: 15px;
    font-size: 46px;
}
.banner2 h6{
        margin-bottom: 15px;
   
}
.banner2 p{
        line-height: 29px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 47%;
}
.points h5 img {
  
    margin-right: 8px;
    }

.s2-bx{
    width: 100%;
}
.st-bx-text {
    height: 263px;
    padding: 40px 29px 49px 29px;
    }
    .st-bx-text h3 {
   
    font-size: 24px;
  
    padding-bottom: 20px;
}
.s2-bx img {
    height: 265px;
    }
    .p3-carousel .owl-prev {
   
    top: -687px;
}
.p3-carousel .owl-next {
 
    top: -687px;
    }
    .b4-1 h2 {
font-size: 44px;
}
.sp-head h3{
        padding: 16px 16px;
  
    font-size: 16px;

}
.sp-head h3 img{
        margin-right: 11px;
    margin-top: -4px;
}
.b4-1 p {
    margin-bottom: 15px;
}
.b5-box{
    padding: 34px 22px;
}
.b5-box a {
    width: 140px;
}
.p5-carousel .owl-prev {
  
    top: -248px;
    }
    .p5-carousel .owl-next {
  
    top: -245px;
}
.ft-logo img {
   
    width: 250px;
}
.ft-logo p {
   
    width: 89%;
    }
.abt-banner2 img {
    float: left;
    width: 408px;
    margin-right: 40px;
}
 .ab-imdhd {
        width: 39%;
    }
        .ab-pera {
        width: 61%;
    }
     .ab-imdhd1 {
        width: 39%;
    }
    .ab-pera1 {
        width: 61%;
    }
    .body3-hd p {
    padding-top: 81px;
}
.service-bannerimg{
        width: 440px;
    margin-right: 40px;
}
.service-banner2 h2 {
    font-size: 42px;
}
 .st-bx-text-med h3 {
    font-size: 20px;
}
    .st-bx-text-med {
    height: 300px;
    
    padding: 35px 35px 50px 35px;
    border-radius: 0px 0px 50px 50px;
}
.sp-box li {
width: 100%;
}
.b5-box1 h1 br{
    display: none;
}
.b5-box1 p {
   
    padding-right: 0px;
    }
    .abt-banner1{
        height: 350px;
    }
    .abt-banner1 h1{
            font-size: 51px;
    line-height: 67px;
    padding-top: 184px;
    }

.lpm p {
    padding: 0px 20px;
}
.lpm {
    height:292px;

    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
    .ct-box{
        height: 217px;
    }
}



@media(min-width: 768px) and (max-width: 991px)
{
     .copy h3 {
    float: left;
    width: 100%;
    text-align: center;
    }
    .copy h4 {
    float: left;
    width: 100%;
    text-align: center;
}
    .pr-50 {
    padding-right: 15px;
}
    .header-content h2{
        font-size: 46px;
        line-height: 53px;
        top: -15px;
    }

.slide-par{
        padding-left: 20px;
        width: 100%;
        bottom: 219px;
}
.slide-par p{
  /* padding-left: 20px; */
  font-size: 14px;
  padding-right: 0;
  margin-bottom: 27px;
  width: 100%;
  }
  .slide-par a img {
    margin-top: 2px;
    width: 20px;
}
.ban2-img{
    margin-top: 0;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    margin-bottom: 20px;
}
.banner2 h2 {
    line-height: 53px;
    margin-bottom: 15px;
    font-size: 46px;
    float: left;
    width: 100%;
    text-align: center;
}
.banner2 h6{
        margin-bottom: 15px;
        float: left;
        width: 100%;
        text-align: center;
}
.banner2 p{
        float: left;
        line-height: 29px;
        text-align: center;
        width: 100%;
        padding: 10px 35px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 345px;
    text-align: center;
    /* display: table; */
}
.points h5 img {
  /* margin-top: -2px; */
  margin-right: 8px;
  float: none;
  display: inline-block;
  text-align: center;
  position: relative;
  bottom: -6px;
  }

    .p3-carousel .owl-prev {
   top: -676px;
   width: 50px;
   height: 50px;
   right: 121px;
}
.p3-carousel .owl-next {
 top: -676px;
 width: 50px;
 height: 50px;
 }
    .b4-1 h2 {
        font-size: 44px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
}
.pr-0{
    padding-right: 15px !important;
}
.sp-head h3{
        padding: 16px 16px;
  
    font-size: 16px;

}
.sp-head h3 img{
        margin-right: 11px;
    margin-top: -4px;
}
.b4-1 p {
            margin-bottom: 15px;
        float: left;
        width: 100%;
        text-align: center;
        padding: 0px 67px;
        margin-bottom: 25px;
}
.b5-box{
    width: 54%;
    padding: 34px 26px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.b5-box a {
    width: 140px;
}
.p5-carousel .owl-prev {
  
    top: -248px;
    }
    .p5-carousel .owl-next {
  
    top: -245px;
}
.ft-logo img {
   float: none;
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 30px;
    width: 250px;
}
.ft-logo p {
   margin-top: 0px;
    width: 100%;
    text-align: center;
    }
    .link h3 {
    text-align: center;
}
.ql-1 a {
    text-align: center;
    }
    .link p {
    text-align: center;
}
.link h2 a {
    text-align: center;
    }
.abt-banner2 img {
    float: none;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
 .ab-imdhd {
        width: 100%;
    }
        .ab-pera {
        width: 100%;
    }
     .ab-imdhd1 {
        width: 100%;
    }
    .ab-pera1 {
        width: 100%;
    }
    .vmvbx p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
    .vmvbx1 p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx1 img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx1 h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
.abt-ftr-hd h2 {
    text-align: center;
}
.abt-ftr-hd p {
    padding-top: 12px;
    text-align: center;
    }
    .body3-hd p {
    padding-top: 15px;
    text-align: center;
    padding: 0px 50px;
}
.service-bannerimg{
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        float: none;
        display: block;
}
.service-banner2 h2 {
    font-size: 42px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.sp-box li {
width: 100%;
    font-size: 15px;
}
.b5-box1 h1 br{
    display: none;
}
.b5-box1 h5 {
    text-align: center;
    float: left;
    }
.b5-box1 h1 {
    text-align: center;
    float: left;
    font-size: 40px;
   
    margin-bottom: 20px;
    letter-spacing: 1px;
    }
.b5-box1 p {
   text-align: center;
   padding-right: 0px;
   }
    .abt-banner1{
        height: 350px;
                background-size: 55%;
    }
    .inner-vision p {   
     width: 92% !important;
    text-align: left !important;


}
   .inner-mision p {   
     width: 92% !important;
    text-align: left !important;


}

    .abt-banner1 h1{
            font-size: 51px;
    line-height: 67px;
    padding-top: 184px;
    }
.b3slide h4{
    font-size: 40px;
}
.b3slide {
    background-size: 50%;
    }
    .loop-what-we-do .owl-prev {

    left: -25px;
}
.loop-what-we-do .owl-next {
    right: -23px;
    top: -254px;
    }
    .kesac-gallery {
        padding: 70px 0px;
    }
    .kesac-gallery h1 {
        font-size: 40px;

letter-spacing: 0px;
    }
.lpm p {
    padding: 0px 20px;
}
.lpm {
    height:257px;
        padding: 30px 15px;

    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
    .ct-box{
        height: 192px;
    }
    .slide-par p br{
        display: none;
    }
    .slide-par a{
        font-size: 14px;
    }
    .points{
        width: 100%;
        float: left;
    }
    .banner3 h2{
            font-size: 42px;
    }
    .st-bx-text {
    margin-top: -1px;
}


.banner4img {
    float: none;
    max-width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.b5-bx1{
        margin-left: 185px;

}
.ft-logo {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.footer {
    background-size: 56%;
}
.copy {
    margin-top: 29px;
    }
    .service-banner2 p {
    float: left;
    width: 100%;
    text-align: center;
}
.abt-banner2 h2 {
    font-size: 47px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    }
    .abt-banner2 p{
            float: left;
    width: 100%;
    text-align: center;
   
    margin-top: 0px;
}
 .about-iconbx {
    width: 50%;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.about-iconbx img {
    width: 73px;
    float: none;
    margin: auto;
    display: block;
}
.about-iconbx h2 {
    text-align: center;
    }
    .about-iconbx p {
    text-align: center;
}
.body3-hd h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 63px;
    font-size: 50px;
}
.service-banner2 h6 {
    text-align: center;
}
.b5-box2 img {
    float: none;
   
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
}
      .media-h4 br{
        display: none;
    }
    .pl-50 {
        padding-left: 15px;
    }
    .b5-sp2-box {
    border-top: 1px solid #c6c8c3;
}
.contact-full {
    padding: 60px 0px;
}
.ct-right h2 {
    text-align: center;
}
.ct-right p {
    text-align: center;
    }
    .ct-social h3 {
    text-align: center;
    margin-bottom: 20px;
}
.ct-social {
    text-align: center;
    }
    .ct-social a {
    float: none;
}
.ct-social a img{
    float: none;
}
.contact-full h1 {
    text-align: center;
    }
    .st-bx-text h3{
            font-size: 27px;
    }
    .banner-5 {
    background-size: 49%;
}
}


@media(min-width:991px)
{
    .media-hide

{
    display: none;
}

}
@media(max-width:991px)
{
    .desk{
        display: none;
    }
}





@media(min-width: 576px) and (max-width: 767px)
{
    .inner-vision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-mision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-vision h4 {
        text-align: center;
    }
    .inner-mision h4 {
        text-align: center;
    }
    .inner-vision {
        border-right: 0px;
    }
    .banner5{
        padding-bottom: 50px;
    }
       .slide-par p br{
        display: none;
    }
    .slide-par a{
    
                font-size: 14px;
        float: none;
        display: table;
        margin: auto;
    }
    .logopart img {
    float: left;
    width: 224px;
}
    .menu-img {
   margin-top: -24px !important;
   }

    .header-content h2{
        font-size: 46px;
        line-height: 53px;
        top: -15px;
                text-align: center;
    }
.slide-par{
        width: 100%;
        bottom: 309px;
        float: left;
        padding-left: 0px;
        padding: 0px 110px;
}
.slide .item .header-content {bottom: 316px;}
.slide-par p{
            text-align: center;
  font-size: 14px;
  padding-right: 0px;
  margin-bottom: 27px;
  }
  .slide-par a img {
    margin-top: 2px;
    width: 20px;
}
.ban2-img{
    height: auto;
    margin-top: 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    margin-bottom: 20px;
}
.banner2 h2 {
    line-height: 53px;
    margin-bottom: 15px;
    font-size: 46px;
    float: left;
    width: 100%;
    text-align: center;
}
.banner2 h6{
        margin-bottom: 15px;
        float: left;
        width: 100%;
        text-align: center;
}
.banner2 p{
     float: left;
        line-height: 29px;
        text-align: center;
        width: 100%;
        padding: 10px 0px;
        MARGIN-BOTTOM: 0px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 70px 0px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: center;
    /* display: table; */
}
.points h5 img {
  /* margin-top: -2px; */
  margin-right: 8px;
  float: none;
  display: inline-block;
  text-align: center;
  position: relative;
  bottom: -6px;
  }
    .banner3 {
                background-size: 79%;
}

    .p3-carousel .owl-prev {
        top: -572px;
        width: 40px;
        height: 40px;
        right: 61px;
        /* left: 0px; */
    }
    .p3-carousel .owl-nav {
    width: 100%;
    float: left;
    position: relative;
    top: -1px;
}
.p3-carousel .owl-next {
        top: -573px;
        width: 40px;
        height: 40px;
        right: 14px;
        /* left: 48px; */
    }
    .b4-1 h2 {
        font-size: 40px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        letter-spacing: 0px;
}
.pr-0{
    padding-right: 15px !important;
}
.sp-head h3{
        padding: 16px 16px;
  
    font-size: 16px;

}
.sp-head h3 img{
        margin-right: 11px;
    margin-top: -4px;
}
.b4-1 p {
            margin-bottom: 15px;
            float: left;
            width: 100%;
            text-align: center;
            padding: 0px 0px;
            margin-bottom: 25px;
}
.b5-box{
    width: 70%;
    padding: 34px 26px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.b5-box a {
    width: 140px;
}
.p5-carousel .owl-prev {
  
    top: -248px;
    }
    .p5-carousel .owl-next {
  
    top: -245px;
}
.ft-logo img {
   float: none;
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 30px;
    width: 250px;
}
.ft-logo p {
   margin-top: 0px;
    width: 100%;
    text-align: center;
    }
    .link h3 {
    margin-bottom: 30px;
    text-align: center;
}
.ql-1 a {
    text-align: center;
    }
    .link p {
    text-align: center;
}
.link h2 a {
    text-align: center;
    }
.abt-banner2 img {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.b5-box1 h5 {
    text-align: center;
    float: left;
    }
.b5-box1 h1 {
    text-align: center;
    float: left;
    font-size: 40px;
   
    margin-bottom: 20px;
    letter-spacing: 1px;
    }
 .ab-imdhd {
        width: 100%;
    }
        .ab-pera {
        width: 100%;
    }
     .ab-imdhd1 {
        width: 100%;
    }
    .ab-pera1 {
        width: 100%;
    }
    .vmvbx p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
    .vmvbx1 p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx1 img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx1 h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
.abt-ftr-hd h2 {
    font-size: 43px;
    text-align: center;
    line-height: 55px;
}
.abt-ftr-hd p {
    padding-top: 12px;
    text-align: center;
    }
    .body3-hd p {
    padding-top: 15px;
    text-align: center;
    padding: 0px 0px;
}
.service-bannerimg{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        float: none;
        display: block;
}
.banner6 h2 {

    font-size: 40px;

letter-spacing: 0px;
    }
.service-banner2 h2 {
    font-size: 40px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 50px;
}

.sp-box li {
width: 100%;
    font-size: 15px;
}
.b5-box1 h1 br{
    display: none;
}
.b5-box1 p {
   text-align: center;
   padding-right: 0px;
   }
    .abt-banner1{
        height: 320px;
        background-size: 51%;
        background-position-x: 371px;
    }
      .inner-mision p {
        width: 100% !important;
        text-align: center !important;
    }
      .inner-vision p {
        width: 100% !important;
        text-align: center !important;
    }
.inner-mision{
    padding-left: 0px;
padding-top: 10px;
}
    .abt-banner1 h1{
            font-size: 40px;
            line-height: 67px;
            padding-top: 159px;
    }
.b3slide h4{
    font-size: 40px;
    margin-bottom: 0px;
}
.hover-class h5{
        padding: 0px 30px;
}
.b2-box1 h3{
        font-size: 22px;
    line-height: 30px;
}
.b3slide {
            padding: 45px 0px 30px 0px;
    background-size: 50%;
    }
    .loop-what-we-do .owl-prev {

           left: -20px;
        width: 40px;
        height: 40px;
}
.loop-what-we-do .owl-next {
          right: -22px;
        top: -259px;
        width: 40px;
        height: 40px;
    }
    .kesac-gallery {
        padding: 60px 0px;
    }
    .kesac-gallery h1 {
        font-size: 40px;
        line-height: 50px;

letter-spacing: 0px;
    }
.lpm p {
    padding: 0px 20px;
}
.lpm {
    width: 60%;
    height: 231px;
    padding: 30px 15px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
    .ct-box{
        height: 192px;
    }

    .points{
        width: 100%;
        float: left;
    }
    .banner3 h2{
                   font-size: 34px;
                   letter-spacing: 0px;
                   padding-bottom: 19px;
    }
    .st-bx-text {
    margin-top: -1px;
}


.banner4img {
    float: none;
    max-width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.b5-bx1{
               margin-left: 97px;

}
.ft-logo {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.footer {
    background-size: 56%;
}
.copy h4 {
    float: left;
    width: 100%;
    text-align: center;
    }
    .copy h3 {
    float: left;
    width: 100%;
    text-align: center;
    }
    .abt-banner2 {

    padding: 70px 0px
}
.copy {
            padding: 30px 0px;
    margin-top: 29px;
    }
    .service-banner2 p {
    float: left;
    width: 100%;
    text-align: center;
}
.abt-banner2 h2 {
    font-size: 40px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 44px;
    }
    .abt-banner2 p{
            float: left;
    width: 100%;
    text-align: center;
   
    margin-top: 0px;
}
 .about-iconbx {
    width: 71%;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.about-iconbx img {
    width: 73px;
    float: none;
    margin: auto;
    display: block;
}
.about-iconbx h2 {
    text-align: center;
    }
    .about-iconbx p {
    text-align: center;
}
.body3-hd h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 55px;
    font-size: 40px;
    line-height: 49px;
}
.service-banner2 h6 {
    text-align: center;
}
.pr-50 {
    padding-right: 15px;
}
.b5-box2 img {
    float: none;
   
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
}
      .media-h4 br{
        display: none;
    }
    .pl-50 {
        padding-left: 15px;
    }
    .b5-sp2-box {
    border-top: 1px solid #c6c8c3;
}
.contact-full {
    padding: 50px 0px;
}
.ct-right h2 {
    text-align: center;
}
.ct-right p {
    text-align: center;
    }
    .ct-social h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.ct-social {
    text-align: center;
    }
    .ct-social a {
    float: none;
}
.ct-social a img{
    float: none;
}
.contact-full h1 {
    font-size: 38px;
    text-align: center;
    }
    .st-bx-text h3{
            font-size: 24px;
            padding-bottom: 20px;
    }
    .banner-5 {
    background-size: 58%;
}
.st-bx-text {
    height: 312px;
  
    padding: 35px 35px 40px 35px;

}
.banner4 {
    float: left;
    width: 100%;
    padding: 75px 0px 60px 0px;
}
.banner-5 h2 {
 
    font-size: 40px;
 
    letter-spacing: 0px;
}
    .abt-ftr-hd p  br{
        display: none;
    }
    .about-ftrtop {
    padding-bottom: 121px;
    padding-top: 121px;
    
}
.service-banner2 {
   
    padding: 70px 0px;
    }
    .banner3-med{
            padding: 70px 0px 40px 0px;
        background-size: 69%;
        background-position-x: -128px;
    }
    .banner3-med h2{
        font-size: 40px;
    }
    .s2-bx-med {
    float: none;
    width: 90%;
  
    margin: auto;
    display: block;
}
.st-bx-text-med {
    height: 252px;
    }
    .contact-box{
    padding: 40px 0px;
    }
}








@media(min-width: 450px) and (max-width: 575px)
{
    .inner-vision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-mision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-vision h4 {
        text-align: center;
    }
    .inner-mision h4 {
        text-align: center;
    }
    .inner-vision {
        border-right: 0px;
    }
    .banner5{
        padding-bottom: 50px;
    }
    .header-content h2{
        font-size: 52px;
        line-height: 62px;
        top: -6px;
        text-align: center;
    }
.slide-par{
        width: 100%;
        bottom: 317px;
        float: left;
        padding-left: 0px;
        padding: 0px 33px;
}
.slide .item .header-content {bottom: 345px;}
.slide-par p{
            text-align: center;
            font-size: 14px;
            padding-right: 0px;
            margin-bottom: 25px;
  }
  .slide-par a img {
    margin-top: 2px;
    width: 20px;
}
       .slide-par p br{
        display: none;
    }
    .slide-par a{
    
                font-size: 14px;
        float: none;
        display: table;
        margin: auto;
    }
    .logopart img {
    float: left;
    width: 224px;
}
    .menu-img {
   margin-top: -26px !important;
   }

    
.ban2-img{
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    margin-bottom: 20px;
}
.banner2 h2 {
    line-height: 50px;
    margin-bottom: 15px;
    font-size: 40px;
    float: left;
    width: 100%;
    text-align: center;
}
.banner2 h6{
        font-size: 17px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px;
}
.banner2 p{
     float: left;
        line-height: 29px;
        text-align: center;
        width: 100%;
        padding: 10px 0px;
        MARGIN-BOTTOM: 0px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 70px 0px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: center;
    /* display: table; */
}
.points h5 img {
  /* margin-top: -2px; */
  margin-right: 8px;
  float: none;
  display: inline-block;
  text-align: center;
  position: relative;
  bottom: -6px;
  }
    .banner3 {
        background-size: 79%;
        /* padding-right: 15px !important; */
    }
      .p3-carousel .owl-prev {
        top: -572px;
        width: 40px;
        height: 40px;
        right: 61px;
        /* left: 0px; */
    }
    .p3-carousel .owl-nav {
    width: 100%;
    float: left;
    position: relative;
    top: -1px;
}
.p3-carousel .owl-next {
        top: -573px;
        width: 40px;
        height: 40px;
        right: 14px;
        /* left: 48px; */
    }
    .b4-1 h2 {
        font-size: 40px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        letter-spacing: 0px;
}
.pr-0{
    padding-right: 15px !important;
}
.sp-head h3{
        padding: 16px 16px;
  width: 100%;
    font-size: 16px;

}
.sp-head h3 img{
        width: 24px;
        /* margin-right: 11px; */
        margin-top: -5px;
}
.b4-1 p {
            margin-bottom: 15px;
            float: left;
            width: 100%;
            text-align: center;
            padding: 0px 0px;
            margin-bottom: 25px;
}
.b5-box{
    width: 70%;
    padding: 34px 26px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.b5-box a {
    width: 140px;
}
.p5-carousel .owl-prev {
  
    top: -248px;
    }
    .p5-carousel .owl-next {
  
    top: -245px;
}
.ft-logo img {
   float: none;
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 30px;
    width: 250px;
}
.ft-logo p {
   margin-top: 0px;
    width: 100%;
    text-align: center;
    }
    .link h3 {
    margin-bottom: 30px;
    text-align: center;
}
.ql-1 a {
    text-align: center;
    }
    .link p {
    text-align: center;
}
.link h2 a {
    text-align: center;
    }
.abt-banner2 img {
    float: none;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.arrow-under{
    margin-bottom: 69px !important;
}
.b5-box1 h5 {
    text-align: center;
    float: left;
    }
.b5-box1 h1 {
    text-align: center;
    float: left;
    font-size: 40px;
   
    margin-bottom: 20px;
    letter-spacing: 1px;
    }
 .ab-imdhd {
        width: 100%;
    }
        .ab-pera {
        width: 100%;
    }
     .ab-imdhd1 {
        width: 100%;
    }
    .ab-pera1 {
        width: 100%;
    }
    .vmvbx p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
    .vmvbx1 p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx1 img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx1 h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
.abt-ftr-hd h2 {
    font-size: 43px;
    text-align: center;
    line-height: 55px;
}
.abt-ftr-hd p {
    padding-top: 12px;
    text-align: center;
    }
    .body3-hd p {
    padding-top: 15px;
    text-align: center;
    padding: 0px 0px;
}
.service-bannerimg{
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        float: none;
        display: block;
}
.banner6 h2 {

    font-size:38px;

letter-spacing: 0px;
    }
.service-banner2 h2 {
    font-size: 35px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 45px;
}

.sp-box li {width: 100%;font-size: 15px;}
.b5-box1 h1 br{
    display: none;
}
.b5-box1 p {
   text-align: center;
   padding-right: 0px;
   }
    .abt-banner1{
        height: 287px;
        background-size: 79%;
        background-position-x: 252px;
    }
      .inner-mision p {
        width: 100% !important;
        text-align: center !important;
    }
      .inner-vision p {
        width: 100% !important;
        text-align: center !important;
    }
.inner-mision{
    padding-left: 0px;
padding-top: 10px;
}
    .abt-banner1 h1{
            font-size: 36px;
            line-height: 67px;
            padding-top: 148px;
            letter-spacing: 0px;
    }
.b3slide h4{
    font-size: 40px;
    margin-bottom: 0px;
}
.hover-class h5{
        padding: 0px 30px;
}
.b2-box1 h3{
        /* font-size: 22px; */
        /* line-height: 30px; */
}
.b3slide {
            padding: 45px 0px 30px 0px;
    background-size: 50%;
    }
    .loop-what-we-do .owl-prev {left: -1px;width: 45px;height: 45px;}
.loop-what-we-do .owl-next {
          right: -1px;
          top: -259px;
          width: 45px;
          height: 45px;
    }
    .kesac-gallery {
        padding: 60px 0px;
    }
    .kesac-gallery h1 {
        font-size: 40px;
        line-height: 50px;

letter-spacing: 0px;
    }
.lpm p {
    padding: 0px 20px;
}
.lpm {
    width: 90%;
    height: 231px;
    padding: 30px 15px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
    .ct-box{
        margin-right: auto;
        height: 191px;
        width: 81%;
        margin-bottom: 20px;
        margin-left: auto;
        float: none;
        display: block;
    }

    .points{
        width: 100%;
        float: left;
    }
    .banner3 h2{
                   font-size: 34px;
        letter-spacing: 0px;
    }
    .st-bx-text {
    margin-top: -1px;
}


.banner4img {
    float: none;
    max-width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}

               .b5-bx1 {
        max-width: 309px;
        margin: auto;
        display: grid;
        float: none;
        /* position: inherit; */
        margin-top: -78px;
    }


.ft-logo {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.footer {
    background-size: 56%;
}
.copy h4 {
    float: left;
    width: 100%;
    text-align: center;
    }
     .copy h3 {
    float: left;
    width: 100%;
    text-align: center;
    }
    .abt-banner2 {

    padding: 70px 0px
}
.copy {
            padding: 30px 0px;
    margin-top: 29px;
    }
    .service-banner2 p {
    float: left;
    width: 100%;
    text-align: center;
}
.abt-banner2 h2 {
    font-size: 40px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 44px;
    }
    .abt-banner2 p{
            float: left;
    width: 100%;
    text-align: center;
   
    margin-top: 0px;
}
 .about-iconbx {
    width: 87%;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.about-iconbx img {
    width: 73px;
    float: none;
    margin: auto;
    display: block;
}
.about-iconbx h2 {
    text-align: center;
    }
    .about-iconbx p {
    text-align: center;
}
.body3-hd h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 55px;
    font-size: 40px;
    line-height: 49px;
}
.service-banner2 h6 {
    text-align: center;
    font-size: 26px;
}
.pr-50 {
    padding-right: 15px;
}
.b5-box2 img {
    float: none;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
    width: 100%;
}
      .media-h4 br{
        display: none;
    }
    .pl-50 {
        padding-left: 15px;
    }
    .b5-sp2-box {
    border-top: 1px solid #c6c8c3;
}
.contact-full {
    padding: 30px 0px;
}
.ct-right h2 {
    text-align: center;
}
.ct-right p {
    text-align: center;
    }
    .ct-social h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.ct-social {
    text-align: center;
    }
    .ct-social a {
    float: none;
}
.ct-social a img{
    float: none;
}
.contact-full h1 {
    font-size: 38px;
    text-align: center;
    }
    .st-bx-text h3{
            font-size: 24px;
            padding-bottom: 20px;
    }
    .banner-5 {
    padding-bottom: 30px;
    background-size: 92%;
    background-position-x: -179px;
}
.st-bx-text {
    height: auto;
    padding: 35px 35px 40px 35px;
}
.banner4 {
    float: left;
    width: 100%;
    padding: 75px 0px 60px 0px;
}
.banner-5 h2 {
 
    font-size: 40px;
 
    letter-spacing: 0px;
}
    .abt-ftr-hd p  br{
        display: none;
    }
    .about-ftrtop {
    background-position: center;
    padding-bottom: 121px;
    padding-top: 121px;
}
.service-banner2 {
   
    padding: 70px 0px;
    }
    .banner3-med{
            padding: 70px 0px 40px 0px;
        background-size: 69%;
        background-position-x: -128px;
    }
    .banner3-med h2{
        font-size: 40px;
    }
    .s2-bx-med {
    float: none;
    width: 90%;
  
    margin: auto;
    display: block;
}
.st-bx-text-med {
    height: 252px;
    }
    .contact-box{
    padding: 40px 0px;
    }
    .s2-bx {
    float: left;
    width: 97%;
}
.b5-box3 img {
    float: left;
    margin-right: 20px;
    width: 27px;
}
.b5-box3 h4 {
    color: #fff;
    font-size: 20px;
}
.b5-sp-box h4 {
    font-size: 20px;
}
.b5-sp-box img {
  float: left;
    margin-right: 20px;
    width: 27px;
}
.b5-sp2-box h4 {
    font-size: 20px;
}
.b5-sp2-box img {
  float: left;
    margin-right: 20px;
    width: 27px;
}
.b2-box1 {
    margin: auto;
    float: none;
    width: 90%;
    }
}




@media(min-width:410px) and (max-width: 449px)
{
     .ct-box{
        margin-right: auto;
        height: 193px;
        width: 90%;
        margin-bottom: 20px;
        margin-left: auto;
        float: none;
        display: block;
    }
    .inner-vision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-mision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-vision h4 {
        text-align: center;
    }
    .inner-mision h4 {
        text-align: center;
    }
    .inner-vision {
        border-right: 0px;
    }
    .banner5{
        padding-bottom: 50px;
    }
       
    .logopart img {
    float: left;
    width: 224px;
}
    .menu-img {
   margin-top: -25px !important;
   }

    .header-content h2{
        font-size: 52px;
        line-height: 62px;
        top: -6px;
        text-align: center;
    }
.slide-par{
        width: 100%;
        bottom: 223px;
        float: left;
        padding-left: 0px;
        padding: 0px 33px;
}
.slide .item .header-content {bottom: 237px;}
.slide-par p{
            text-align: center;
            font-size: 14px;
            padding-right: 0px;
            margin-bottom: 25px;
  }
  .slide-par a img {
    margin-top: 2px;
    width: 20px;
}
       .slide-par p br{
        display: none;
    }
    .slide-par a{
    
                font-size: 14px;
        float: none;
        display: table;
        margin: auto;
    }
    .slide{
        height: 570px;
    }
    .slide .item{
        height: 570px;
    }
    .slide .item .slide-image{
        height: 570px;
    }
.ban2-img{
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    margin-bottom: 20px;
    height: auto;
}
.banner2 h2 {
    line-height: 46px;
    margin-bottom: 15px;
    font-size: 36px;
    float: left;
    width: 100%;
    text-align: center;
}
.banner2 h6{
        font-size: 17px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px;
}
.banner2 p{
     float: left;
        line-height: 29px;
        text-align: center;
        width: 100%;
        padding: 10px 0px;
        MARGIN-BOTTOM: 0px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 70px 0px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: center;
    /* display: table; */
}
.points h5 img {
  /* margin-top: -2px; */
  margin-right: 8px;
  float: none;
  display: inline-block;
  text-align: center;
  position: relative;
  bottom: -6px;
  }
    .banner3 {
        padding-bottom: 30px;
        background-size: 79%;
        /* padding-right: 15px !important; */
    }
     .p3-carousel .owl-prev {
        top: -572px;
        width: 40px;
        height: 40px;
        right: 61px;
        /* left: 0px; */
    }
    .p3-carousel .owl-nav {
    width: 100%;
    float: left;
    position: relative;
    top: -41px;
}
.p3-carousel .owl-next {
        top: -573px;
        width: 40px;
        height: 40px;
        right: 14px;
        /* left: 48px; */
    }
    .b4-1 h2 {
        font-size: 36px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        letter-spacing: 0px;
}
.pr-0{
    padding-right: 15px !important;
}
.sp-head h3{
        padding: 16px 16px;
  width: 100%;
    font-size: 16px;

}
.sp-head h3 img{
        width: 24px;
        /* margin-right: 11px; */
        margin-top: -5px;
}
.b4-1 p {
            margin-bottom: 15px;
            float: left;
            width: 100%;
            text-align: center;
            padding: 0px 0px;
            margin-bottom: 25px;
}
.b5-box{
    width: 100%;
    padding: 34px 26px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.b5-box a {
    width: 140px;
}
.p5-carousel .owl-prev {
  
    top: -248px;
    }
    .p5-carousel .owl-next {
  
    top: -245px;
}
.ft-logo img {
   float: none;
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 30px;
    width: 250px;
}
.ft-logo p {
   margin-top: 0px;
    width: 100%;
    text-align: center;
    }
    .link h3 {
    margin-bottom: 30px;
    text-align: center;
}
.ql-1 a {
    text-align: center;
    }
    .link p {
    text-align: center;
}
.link h2 a {
    text-align: center;
    }
.abt-banner2 img {
    float: none;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.arrow-under{
    margin-bottom: 69px !important;
}
.b5-box1 h5 {
    text-align: center;
    float: left;
    }
.b5-box1 h1 {
    text-align: center;
    float: left;
    font-size: 40px;
   
    margin-bottom: 20px;
    letter-spacing: 1px;
    }
 .ab-imdhd {
        width: 100%;
    }
        .ab-pera {
        width: 100%;
    }
     .ab-imdhd1 {
        width: 100%;
    }
    .ab-pera1 {
        width: 100%;
    }
    .vmvbx p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
    .vmvbx1 p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx1 img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx1 h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
.abt-ftr-hd h2 {
    font-size: 36px;
    text-align: center;
    line-height: 44px;
}
.abt-ftr-hd p {
    padding-top: 12px;
    text-align: center;
    }
    .body3-hd p {
    padding-top: 15px;
    text-align: center;
    padding: 0px 0px;
}
.service-bannerimg{
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        float: none;
        display: block;
}
.banner6 h2 {

    font-size:38px;

letter-spacing: 0px;
    }
.service-banner2 h2 {
    font-size: 35px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 45px;
}

.sp-box li {width: 100%;font-size: 15px;}
.b5-box1 h1 br{
    display: none;
}
.b5-box1 p {
   text-align: center;
   padding-right: 0px;
   }
    .abt-banner1{
        height: 287px;
        background-size: 79%;
        background-position-x: 252px;
    }
      .inner-mision p {
        width: 100% !important;
        text-align: center !important;
    }
      .inner-vision p {
        width: 100% !important;
        text-align: center !important;
    }
.inner-mision{
    padding-left: 0px;
padding-top: 10px;
}
    .abt-banner1 h1{
            font-size: 36px;
            line-height: 67px;
            padding-top: 148px;
            letter-spacing: 0px;
    }
.b3slide h4{
    font-size: 40px;
    margin-bottom: 0px;
}
.hover-class h5{
        padding: 0px 30px;
}
.b2-box1 h3{
        /* font-size: 22px; */
        /* line-height: 30px; */
}
.b3slide {
            padding: 45px 0px 30px 0px;
    background-size: 50%;
    }
    .loop-what-we-do .owl-prev {left: -1px;width: 45px;height: 45px;}
.loop-what-we-do .owl-next {
          right: -1px;
          top: -259px;
          width: 45px;
          height: 45px;
    }
    .kesac-gallery {
        padding: 60px 0px;
    }
    .kesac-gallery h1 {
        font-size: 40px;
        line-height: 50px;

letter-spacing: 0px;
    }
.lpm p {
    padding: 0px 20px;
}
.lpm {
    width: 90%;
    height: 231px;
    padding: 30px 15px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
  

    .points{
        width: 100%;
        float: left;
    }
    .banner3 h2{
                   font-size: 34px;
        letter-spacing: 0px;
    }
    .st-bx-text {
    margin-top: -1px;
}


.banner4img {
    float: none;
    max-width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.b5-bx1{
      padding: 11px 5px;

        max-width: 309px;
        margin: auto;
        display: grid;
        float: none;
        /* position: inherit; */
        margin-top: -78px;
    }
            
.countimg img {
    width: 85px;
    }
    .count .item1 {
    font-size: 65px;
}
.ft-logo {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.footer {
    background-size: 56%;
}
.copy h4 {
    float: left;
    width: 100%;
    text-align: center;
    }
     .copy h3 {
    float: left;
    width: 100%;
    text-align: center;
    }
    .abt-banner2 {

    padding: 70px 0px
}
.copy {
            padding: 30px 0px;
    margin-top: 29px;
    }
    .service-banner2 p {
    float: left;
    width: 100%;
    text-align: center;
}
.abt-banner2 h2 {
    font-size: 36px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 44px;
    }
    .abt-banner2 p{
            float: left;
    width: 100%;
    text-align: center;
   
    margin-top: 0px;
}
 .about-iconbx {
    width: 95%;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 30px 30px;
}
.about-iconbx img {
    width: 73px;
    float: none;
    margin: auto;
    display: block;
}
.about-iconbx h2 {
    text-align: center;
    }
    .about-iconbx p {
    text-align: center;
}
.body3-hd h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 55px;
    font-size: 36px;
    line-height: 45px;
}
.service-banner2 h6 {
    text-align: center;
    font-size: 26px;
}
.pr-50 {
    padding-right: 15px;
}
.b5-box2 img {
    float: none;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
    width: 100%;
}
      .media-h4 br{
        display: none;
    }
    .pl-50 {
        padding-left: 15px;
    }
    .b5-sp2-box {
    border-top: 1px solid #c6c8c3;
}
.contact-full {
    padding: 50px 0px;
}
.ct-right h2 {
    text-align: center;
}
.ct-right p {
    text-align: center;
    }
    .ct-social h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.ct-social {
    text-align: center;
    }
    .ct-social a {
    float: none;
}
.ct-social a img{
    float: none;
}
.contact-full h1 {
    font-size: 38px;
    text-align: center;
    }
    .st-bx-text h3{
            font-size: 24px;
            padding-bottom: 20px;
    }
    .banner-5 {
    padding: 70px 15px 30px 15px;
    padding-bottom: 30px;
    background-size: 92%;
    background-position-x: -179px;
}
.st-bx-text {
    height: auto;
    padding: 35px 35px 40px 35px;
}
.banner4 {
    float: left;
    width: 100%;
    padding: 75px 0px 60px 0px;
}
.banner-5 h2 {
 
    font-size: 40px;
 
    letter-spacing: 0px;
}
    .abt-ftr-hd p  br{
        display: none;
    }
    .about-ftrtop {
    background-position: center;
    padding-bottom: 100px;
    padding-top: 100px;
}
.service-banner2 {
   
    padding: 70px 0px;
    }
    .banner3-med{
            padding: 70px 0px 40px 0px;
        background-size: 69%;
        background-position-x: -128px;
    }
    .banner3-med h2{
        font-size: 40px;
    }
    .s2-bx-med {
    float: none;
    width: 90%;
  
    margin: auto;
    display: block;
}
.st-bx-text-med {
    height: auto;
    }
    .contact-box{
    padding: 40px 0px;
    }
    .s2-bx {
    float: left;
    width: 97%;
}
.b5-box3 img {
    float: left;
    margin-right: 20px;
    width: 27px;
}
.b5-box3 h4 {
    color: #fff;
    font-size: 20px;
}
.b5-sp-box h4 {
    font-size: 20px;
}
.b5-sp-box img {
  float: left;
    margin-right: 20px;
    width: 27px;
}
.b5-sp2-box h4 {
    font-size: 20px;
}
.b5-sp2-box img {
  float: left;
    margin-right: 20px;
    width: 27px;
}
.b2-box1 {
    margin: auto;
    float: none;
    width: 90%;
    }
    .sp-box{
            padding: 35px 18px;
    }
}



@media (max-width: 409px)
{
     .ct-box{
        margin-right: auto;
        height: 193px;
        width: 90%;
        margin-bottom: 20px;
        margin-left: auto;
        float: none;
        display: block;
    }
    .inner-vision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-mision img {
    float: none;
    width: 100px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inner-vision h4 {
        text-align: center;
    }
    .inner-mision h4 {
        text-align: center;
    }
    .inner-vision {
        border-right: 0px;
    }
    .banner5{
        padding-bottom: 50px;
    }
       
    .logopart img {
    float: left;
    width: 224px;
}
    .menu-img {
   margin-top: -25px !important;
   }

    .header-content h2{
        font-size: 47px;
        line-height: 54px;
        top: -15px;
        text-align: center;
    }
.slide-par{
        width: 100%;
        bottom: 243px;
        float: left;
        padding-left: 0px;
        padding: 0px 33px;
}
.slide .item .header-content {bottom: 237px;}
.slide-par p{
            text-align: center;
            font-size: 14px;
            padding-right: 0px;
            margin-bottom: 16px;
  }
  .slide-par a img {
    margin-top: 2px;
    width: 20px;
}
       .slide-par p br{
        display: none;
    }
    .slide-par a{
    
                font-size: 14px;
        float: none;
        display: table;
        margin: auto;
    }
    .slide{
        height: 570px;
    }
    .slide .item{
        height: 570px;
    }
    .slide .item .slide-image{
        height: 570px;
    }
.ban2-img{
    margin-top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    margin-bottom: 20px;
    height: auto;
}
.banner2 h2 {
    line-height: 46px;
    margin-bottom: 15px;
    font-size: 36px;
    float: left;
    width: 100%;
    text-align: center;
}
.banner2 h6{
        font-size: 17px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px;
}
.banner2 p{
     float: left;
        line-height: 29px;
        text-align: center;
        width: 100%;
        padding: 10px 0px;
        MARGIN-BOTTOM: 0px;
}
.banner2 {
    float: left;
    width: 100%;
    padding: 70px 0px;
}
.points h5 {
    float: left;
    font-size: 14px;
    width: 100%;
    text-align: center;
    /* display: table; */
}
.points h5 img {
  /* margin-top: -2px; */
  margin-right: 8px;
  float: none;
  display: inline-block;
  text-align: center;
  position: relative;
  bottom: -6px;
  }
    .banner3 {
        padding-bottom: 30px;
        background-size: 79%;
        /* padding-right: 15px !important; */
    }
     .p3-carousel .owl-prev {
        top: -572px;
        width: 40px;
        height: 40px;
        right: 61px;
        /* left: 0px; */
    }
    .p3-carousel .owl-nav {
    width: 100%;
    float: left;
    position: relative;
    top: -70px;
}
.p3-carousel .owl-next {
        top: -573px;
        width: 40px;
        height: 40px;
        right: 14px;
        /* left: 48px; */
    }
    .b4-1 h2 {
        font-size: 36px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        letter-spacing: 0px;
}
.pr-0{
    padding-right: 15px !important;
}
.sp-head h3{
        padding: 16px 16px;
  width: 100%;
    font-size: 16px;

}
.sp-head h3 img{
        width: 24px;
        /* margin-right: 11px; */
        margin-top: -5px;
}
.b4-1 p {
            margin-bottom: 15px;
            float: left;
            width: 100%;
            text-align: center;
            padding: 0px 0px;
            margin-bottom: 25px;
}
.b5-box{
    width: 100%;
    padding: 34px 26px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.b5-box a {
    width: 140px;
}
.p5-carousel .owl-prev {
  
    top: -248px;
    }
    .p5-carousel .owl-next {
  
    top: -245px;
}
.ft-logo img {
   float: none;
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 30px;
    width: 250px;
}
.ft-logo p {
   margin-top: 0px;
    width: 100%;
    text-align: center;
    }
    .link h3 {
    margin-bottom: 30px;
    text-align: center;
}
.ql-1 a {
    text-align: center;
    }
    .link p {
    text-align: center;
}
.link h2 a {
    text-align: center;
    }
.abt-banner2 img {
    float: none;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.arrow-under{
    margin-bottom: 69px !important;
}
.b5-box1 h5 {
    text-align: center;
    float: left;
    }
.b5-box1 h1 {
    text-align: center;
    float: left;
    font-size: 40px;
   
    margin-bottom: 20px;
    letter-spacing: 1px;
    }
 .ab-imdhd {
        width: 100%;
    }
        .ab-pera {
        width: 100%;
    }
     .ab-imdhd1 {
        width: 100%;
    }
    .ab-pera1 {
        width: 100%;
    }
    .vmvbx p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
    .vmvbx1 p {
    padding-top: 20px;
    text-align: center;
    padding-left: 0px;
}
.vmvbx1 img {
    width: 68px;
    float: none;
    display: block;
    margin: auto;
}
.vmvbx1 h2 {
    margin-top: 14px;
    padding-left: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
.abt-ftr-hd h2 {
    font-size: 36px;
    text-align: center;
    line-height: 44px;
}
.abt-ftr-hd p {
    padding-top: 12px;
    text-align: center;
    }
    .body3-hd p {
    padding-top: 15px;
    text-align: center;
    padding: 0px 0px;
}
.service-bannerimg{
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        float: none;
        display: block;
}
.banner6 h2 {

    font-size:38px;

letter-spacing: 0px;
    }
.service-banner2 h2 {
    font-size: 35px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 45px;
}

.sp-box li {width: 100%;font-size: 15px;}
.b5-box1 h1 br{
    display: none;
}
.b5-box1 p {
   text-align: center;
   padding-right: 0px;
   }
    .abt-banner1{
        height: 287px;
        background-size: 79%;
        background-position-x: 252px;
    }
      .inner-mision p {
        width: 100% !important;
        text-align: center !important;
    }
      .inner-vision p {
        width: 100% !important;
        text-align: center !important;
    }
.inner-mision{
    padding-left: 0px;
padding-top: 10px;
}
    .abt-banner1 h1{
            font-size: 36px;
            line-height: 67px;
            padding-top: 148px;
            letter-spacing: 0px;
    }
.b3slide h4{
    font-size: 40px;
    margin-bottom: 0px;
}
.hover-class h5{
        padding: 0px 30px;
}
.b2-box1 h3{
        /* font-size: 22px; */
        /* line-height: 30px; */
}
.b3slide {
            padding: 45px 0px 30px 0px;
    background-size: 50%;
    }
    .loop-what-we-do .owl-prev {left: -1px;width: 45px;height: 45px;}
.loop-what-we-do .owl-next {
          right: -1px;
          top: -259px;
          width: 45px;
          height: 45px;
    }
    .kesac-gallery {
        padding: 60px 0px;
    }
    .kesac-gallery h1 {
        font-size: 40px;
        line-height: 50px;

letter-spacing: 0px;
    }
.lpm p {
    padding: 0px 20px;
}
.lpm {
    width: 90%;
    height: 231px;
    padding: 30px 15px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    .lpm h2{
            font-size: 20px;
    }
    .lpm img{
        width: 60px;
    }
  

    .points{
        width: 100%;
        float: left;
    }
    .banner3 h2{
                   font-size: 30px;
                   letter-spacing: 0px;
    }
    .st-bx-text {
    margin-top: -1px;
}


.banner4img {
    float: none;
    max-width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
}
.b5-bx1{
      padding: 11px 5px;

        max-width: 266px;
        margin: auto;
        display: grid;
        float: none;
        /* position: inherit; */
        margin-top: -78px;
    }
.countimg img {
    width: 85px;
    }
    .count .item1 {
    font-size: 65px;
}
.ft-logo {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.footer {
    background-size: 56%;
}
.copy h4 {
    float: left;
    width: 100%;
    text-align: center;
    }
     .copy h3 {
    float: left;
    width: 100%;
    text-align: center;
    }
    .abt-banner2 {

    padding: 70px 0px
}
.copy {
            padding: 30px 0px;
    margin-top: 29px;
    }
    .service-banner2 p {
    float: left;
    width: 100%;
    text-align: center;
}
.abt-banner2 h2 {
    font-size: 36px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 44px;
    }
    .abt-banner2 p{
            float: left;
    width: 100%;
    text-align: center;
   
    margin-top: 0px;
}
 .about-iconbx {
    width: 95%;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 30px 30px;
}
.about-iconbx img {
    width: 73px;
    float: none;
    margin: auto;
    display: block;
}
.about-iconbx h2 {
    text-align: center;
    }
    .about-iconbx p {
    text-align: center;
}
.body3-hd h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 55px;
    font-size: 36px;
    line-height: 45px;
}
.service-banner2 h6 {
    text-align: center;
    font-size: 26px;
}
.pr-50 {
    padding-right: 15px;
}
.b5-box2 img {
    float: none;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
    width: 100%;
}
      .media-h4 br{
        display: none;
    }
    .pl-50 {
        padding-left: 15px;
    }
    .b5-sp2-box {
    border-top: 1px solid #c6c8c3;
}
.contact-full {
    padding: 50px 0px;
}
.ct-right h2 {
    text-align: center;
}
.ct-right p {
    text-align: center;
    }
    .ct-social h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.ct-social {
    text-align: center;
    }
    .ct-social a {
    float: none;
}
.ct-social a img{
    float: none;
}
.contact-full h1 {
    font-size: 38px;
    text-align: center;
    }
    .st-bx-text h3{
            font-size: 24px;
            padding-bottom: 20px;
    }
    .banner-5 {
    padding: 70px 15px 30px 15px;
    padding-bottom: 30px;
    background-size: 92%;
    background-position-x: -179px;
}
.st-bx-text {
    height: auto;
    padding: 35px 35px 40px 35px;
}
.banner4 {
    float: left;
    width: 100%;
    padding: 75px 0px 60px 0px;
}
.banner-5 h2 {
 
    font-size: 40px;
 
    letter-spacing: 0px;
}
    .abt-ftr-hd p  br{
        display: none;
    }
    .about-ftrtop {
    background-position: center;
    padding-bottom: 100px;
    padding-top: 100px;
}
.service-banner2 {
   
    padding: 70px 0px;
    }
    .banner3-med{
            padding: 70px 0px 40px 0px;
        background-size: 69%;
        background-position-x: -128px;
    }
    .banner3-med h2{
        font-size: 40px;
    }
    .s2-bx-med {
    float: none;
    width: 90%;
  
    margin: auto;
    display: block;
}
.st-bx-text-med {
    height: auto;
    }
    .contact-box{
    padding: 40px 0px;
    }
    .s2-bx {
    float: left;
    width: 97%;
}
.b5-box3 img {
    float: left;
    margin-right: 20px;
    width: 27px;
}
.b5-box3 h4 {
    color: #fff;
    font-size: 20px;
}
.b5-sp-box h4 {
    font-size: 20px;
}
.b5-sp-box img {
  float: left;
    margin-right: 20px;
    width: 27px;
}
.b5-sp2-box h4 {
    font-size: 20px;
}
.b5-sp2-box img {
  float: left;
    margin-right: 20px;
    width: 27px;
}
.b2-box1 {
    margin: auto;
    float: none;
    width: 90%;
    }
    .sp-box{
            padding: 35px 18px;
    }
}

/*kesac*/
.banr4{
    float: left;
    width: 100%;
    background-color: #8cc0573d;
    padding: 70px 0px;
}
.banr4 h6
{
 float: left;
 width: 100%;
 font-size: 55px;
 font-weight: 800;
 /* text-decoration: underline; */
 color: #8cc057;
 padding-bottom: 30px;
 text-align: center;
}
.banr4 h5{
     float: left;
     width: 100%;
     font-size: 16px;
     font-weight: 400;
     line-height: 31px;
     color: #959595;
     text-align: center;
     padding-bottom: 40px;
     padding: 0px 271px 40px 271px;
}
.banr4 h5 span{
    font-weight: bold;
    color: #0d316e;
}
.bn4-1{
    margin-bottom: 41px;
    float: left;
    width: 100%;
    /* padding: 30px 0px; */
}
.bn4-1 img{
     float: left;
     width: 499px;
     margin-right: 50px;
     margin-bottom: 30px;
     border-radius: 20px;
     object-fit: cover;
}
.bn4-1 h1{margin-bottom: 45px;float: left;width: 100%;font-size: 42px;font-weight: 800;line-height: 48px;color: #252a34;padding: 30px 0px;text-align: left;border-bottom: 1px solid #f0f0f0;}
.bn4-1 h1 span{
    font-size: 30px;
    /* font-weight: 600; */
    float: right;
    text-align: center;
    border-radius: 100%;
    /* padding: 10px 18px; */
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.bn4-1  p{
     margin-top: 6px;
     font-size: 16px;
     color: #000;
     font-weight: 400;
     text-align: left;
     line-height: 30px;
     padding-bottom: 15px;
}

.clr-1{
    color: #ffffff;
    background-color: #8fc059;
}
.clr-2{
        color: #ffffff;
    background-color: #efb62e;
}
.a{
    height: 486px;
}
.b{
 height: 243px;
}
.c{
 height: 437px;
}
.d{
 height: 241px;
}
.e{
 height: 274px;
}
.f{
 height: 295px;
}
.g{
 height: 295px;
}
@media(min-width:991px) and (max-width:1024px)
{
     .sp-pad {
    padding-top: 184px;
}
    .sp-pad1 {
    padding-top: 0px;
}
    .bn4-1 img {
    float: left;
    width: 460px;
    margin-right: 31px;
}
.bn4-1 h1 {
  
    font-size: 38px;
    }
    .banr4 h5{
            padding: 0px 209px 40px 209px;
    }
}


@media(max-width:990px)
{
    .sp-pad{
        padding-top: 0px;
    }
    .sp-pad1{
        padding-top: 0px;
    }
}
@media(min-width:778px) and (max-width:990px)
{
    .p3-carousel .owl-nav {
    width: 100%;
    float: left;
    position: relative;
    top: 14px;
}
    .bn4-1 img {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.bn4-1 h1 {
  font-size: 32px;
  }
    .banr4 h5{
            padding: 0px 88px 40px 88px;
    }
    .bn4-1 p{
        text-align: center;
        width: 100%;
        float: left;
    }
    .b {
        height: auto;

    }
    .c{
        height: auto;
    }
    .d{
        height: auto;
    }
    .e{
        height: auto;
    }
    .f{
        height: auto;
    }
    .g{
        height: auto;
    }
}


@media(min-width:576px) and (max-width:767px)
{
    .p3-carousel .owl-nav {
    width: 100%;
    float: right;
    position: relative;
    top: -13px;
}
    .bn4-1 img {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.bn4-1 h1 {
  font-size: 32px;
  text-align: center;
  line-height: 40px;
  }
  .banr4 h6 {
   
    font-size: 42px;
}
    .banr4 h5{
            padding: 0px 0px 40px 0px;
    }
    .bn4-1 p{
        text-align: center;
        width: 100%;
        float: left;
    }
    .b {
        height: auto;

    }
    .c{
        height: auto;
    }
    .d{
        height: auto;
    }
    .e{
        height: auto;
    }
    .f{
        height: auto;
    }
    .g{
        height: auto;
    }
.bn4-1 h1 span {
    display: none;
}
}



@media (max-width:575px)
{
    .bn4-1 img {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.bn4-1 h1 {
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  }
  .banr4 h6 {
   font-size: 37px;
}
    .banr4 h5{
            padding: 0px 10px 40px 10px;
    }
    .bn4-1 p{
        text-align: center;
        width: 100%;
        float: left;
    }
    .b {
        height: auto;

    }
    .c{
        height: auto;
    }
    .d{
        height: auto;
    }
    .e{
        height: auto;
    }
    .f{
        height: auto;
    }
    .g{
        height: auto;
    }
.bn4-1 h1 span {
    display: none;
}
}




textarea {
    padding: 20px 15px !important;
}
@media (max-width: 575px) {
    .ip-logo, .ip-loader {
        position: absolute;
        left: 9px !important;
        width: 100%;
        opacity: 0;
        cursor: default;
        pointer-events: none;
    }
}


.grecaptcha-badge { 
    visibility: hidden;
}