body{ padding: 0px; margin: 0px; list-style: none; font: normal 16.67px/21px 'Poppins'; color:#000;}
p{padding: 0px 0px 20px 0; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px 0px 20px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
.container{max-width: 1200px;}



:root{

    --c-color1:#078888;
    /* fontsize*/
    --fontsize-52: 52.78px;
    --fontsize-47: 47.22px;
    --fontsize-41: 41.67px;
    --fontsize-34: 34.42px;
    --fontsize-27: 27.74px;
    --fontsize-25: 25px;
    --fontsize-22: 22.22px;
    --fontsize-19: 19.45px;
    --fontsize-16: 16.67px;
    --fontsize-45: 25px;

    /* line height */
    --lineheight-52: 60px;
    --lineheight-47: 55px;
    --lineheight-41: 50px;
    --lineheight-34: 41.67px;
    --lineheight-27: 35px;
    --lineheight-25: 30px;
    --lineheight-19: 25px;
    --lineheight-22: 28px;
    --lineheight-16: 20px;
    

}



p{font-size: var(--fontsize-45);}
.forhone h1, .forhone h2{font-size: var(--fontsize-47) !important; line-height: var(--lineheight-47) !important;}
.tophead p{font-size: var(--fontsize-16); line-height: var(--lineheight-16); color: #848484; font-weight:400;}
.tophead span{font-size: var(--fontsize-22); line-height: var(--lineheight-22); color: var(--c-color1);font-weight: 400;}
.tophead{padding: 70px 0px;}
.tophead h5{font-size: var(--fontsize-22); line-height: var(--lineheight-22);}
.tophead h2{font-size: var(--fontsize-41); line-height: var(--lineheight-41); font-weight: 700;}
.navbar-nav li{padding: 0 20px; padding: 0 20px;border-radius: 9px;line-height: 45px;}
.navbar-nav li a{color: #000; font-size: 19.22px; line-height: 25px;font-weight: 500; padding: 6px 0;}
.navbar-nav li a:hover{color: var(--c-color1);}
.headbtn {background: var(--c-color1);padding: 0 12px !important;margin-left: 24px;}
.headbtn a{color: #fff !important;}
.banner::before{content: "";position: absolute;inset: 0;background: linear-gradient(89deg, #000000b3, #000000bd, #00000038, #00000014);}
.banner{position: relative;}
.banintx span{font-size: var(--fontsize-25); line-height: var(--lineheight-25); color: var(--c-color1); padding-bottom: 20px;}
.headbtn:hover{background-color: #000;}
.banTx{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%; z-index: 9;}
.banintx{display: flex; flex-direction: column; color: #fff;}
.banintx strong{font-size: var(--fontsize-52); line-height: var(--lineheight-52); padding-bottom: 20px; display: block;}
.comBtn{background: var(--c-color1);
    width: 160px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    display: inline-block; font-size: 15.75px; font-weight: 500;}
.comBtn i{padding-left: 6px;}
.comBtn:hover{background: #000; color: var(--c-color1);}

.aboutUs img{border-radius: 10px; width: 100%;}
.abotgap{padding-left: 30px;}
.abotgap h1{font-weight: 700;}
.servicesSec{background-color: var(--c-color1); text-align: center; color: #fff;}
.iconBox {
  background: #3c9d9d;
  border-radius: 20px;
  position: relative;
  padding: 81px 20px 14px 20px;
  margin-top: -44px;
  min-height: 170px;
  color: #fff;
}
.abotgap p{text-align: justify;}
.mainpos{position: relative;}
.mainpos::before{content: "";
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #0f5757;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.iconBox h5{font-weight: 700;}

.icomax img{width: 72px !important;
    height: 72px;
    margin: 0 auto;
    line-height: 270px;}

.servicesSlid.owl-carousel .owl-stage-outer {padding: 50px 0;}

.servicesSec {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    margin-top: 0px;
}

.servicesSlid .owl-dots{text-align: center;}
.servicesSlid .owl-dot{background: #fff !important; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px;}
.servicesSlid .owl-dot.active{position: relative;}
.servicesSlid .owl-dot.active::before{  position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    border-radius: 50%;

    content: "";
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;}
.overslid{background: linear-gradient(89deg, #3c9d9d96, #3c9d9da3, #3c9d9da3, #3c9d9d6e); width: 100%; height: 100%; padding: 73px 0;}

.mainbgcl{background: #078888;  border-radius: 20px; }
.cardMain img{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.cardMain img{height: 100%; object-fit: cover;}
.slitex{padding: 44px 40px; color: #fff;}
.footSec{width: 100%; height: 100%; background-size: cover; position: relative;background-position: center;
    background-repeat: no-repeat;}

.overlay{background: linear-gradient(135deg, #000000e0, #000000ab); padding-top: 140px; padding-bottom: 10px;}

.footmenu ul {display: flex;  position: relative;justify-content: space-between; padding-bottom: 21px;}
.footmenu ul li{font-size: 19.44px; line-height: 25px;}
.footmenu ul li a{color: #fff; font-weight: 500;}
.footSec .row{align-items: center;}
.footmenu ul::before{position: absolute; content: ""; width: 100%; height: 2px; background-color: #fff; bottom: 0;}

.socaiic ul::before{display: none;}
.socaiic{display: flex; justify-content: space-between;align-items: center; margin-top: 30px;}
.conta ul::before{display: none;}
.conta ul{justify-content: space-between;}
.socaiic i{width: 50px;
    height: 50px;
    background: var(--c-color1);
    text-align: center;
    line-height: 50px;
    border-radius: 50%; color: #13121b;}

.socaiic p{font-size: 19.44px;font-weight: 500;color: #fff; line-height: 25px;}
.conta ul{display: flex; justify-content: space-between;}
.socaiic ul{display: flex; justify-content: space-between; gap: 23px;}
.conta{margin-top: 30px;}

.conta i{font-size: 21px; color: var(--c-color1);}
.conta a{font-size: 19.44px; font-weight: 500; line-height: 25px; color: #fff;}

.footinformati{text-align: center;
    padding-top: 30px;
    border-top: 2px solid #fff;
    margin-top: 51px;}

.trusted {padding-bottom: 0;position: relative;z-index: 9;}
  
.footinformati p{color: #fff; font-size: 13.99px; line-height: 20px;font-weight: 400;}  





/* contact page------------------------------- */
.combanner::before{content: "";position: absolute;inset: 0;background: #00000096;}
.combanner{position: relative;}

.combantxt{width: 100%; position: absolute; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); width: 100%;
    text-align: center;}
.contbkg h3{font-size:var(--fontsize-27) ; line-height: var(--lineheight-27); font-weight: 700;border-bottom: 3px solid var(--c-color1);}
.banintxi h1{font-size: var(--fontsize-52); line-height: var(--fontsize-52); font-weight: 700; color: #fff; padding-bottom: 0px;}
.contbkg input{width: 100%; height: 45px; padding: 0 20px; border: 2px solid #bec8cd;border-radius: 5px; font-size: var(--fontsize-16);
    line-height: var(--lineheight-16); font-weight: 400; background: none;}
.contbkg textarea{width: 100%; height: 125px; resize: none; padding: 15px 20px; border: 2px solid #bec8cd; border-radius: 5px;font-size: var(--fontsize-16);
    line-height: var(--lineheight-16);font-weight: 400; background: none;}
.contbkg{padding: 50px 22px;}
.contbkg button{background-color: 
  var(--c-color1); color: #fff; font-size: var(--fontsize-19); line-height: var(--lineheight-19); font-weight: 500;outline: none;
    padding: 10px 20px;}
.contbkg button:hover{background-color: #000; color: var(--c-color1);}
.form-mn{background-color:#f9f9f9; border-radius: 20px;overflow: hidden;}

.contbkg form{margin-top: 28px;}

/* blog */


.cardone{border: 2px solid #bbbdbf; border-radius: 10px; overflow: hidden; margin-bottom: 40px;}
.blCrdTex{padding: 32px 16px; text-align: left; padding: 32px 16px;min-height: 381px;}
.blCrdTex ul li{position: relative; font-size: var(--fontsize-16); line-height: var(--lineheight-16); color: #848484 ; margin-bottom: 10px;padding-left: 20px;} 
.blCrdTex ul li::before{width: 10px; height: 10px; border-radius: 50%; background: var(--c-color1);position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0;}
.blCrdTex a{color: #000;;}
.blCrdTex .comBtn{color: #fff; margin-top: 20px;}
.blogCrd{text-align: center;}

.blogCrd{padding: 0px 0 80px 0;}

.servicesSec p{color: #fff;}
.slitex p{color: #fff;}


.cardMain .owl-nav button{background: var(--c-color1) !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px; color: #fff !important; position: absolute;}

.cardMain .owl-prev{ top: 50%; left: -26px;
    transform: translateY(-50%);}
.cardMain .owl-next{ top: 50%; right: -26px;
    transform: translateY(-50%);}


.socaiic i:hover{background-color: #fff;}

.cardMain .owl-nav button:hover {background-color: #fff !important; color: #000 !important;}

.footmenu ul li a:hover {color: var(--c-color1);}

.icomax i{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}


.abotservices{text-align:center;}

.forbgblu {background: var(--c-color1); border-radius:20px; align-items: center;}
.forclgph{padding: 30px 32px 19px;}
.forclgph input{width: 100%; height: 45px;
  padding: 0 20px;
  border: 2px solid #bec8cd;
  border-radius: 5px;
  font-size: var(--fontsize-16);
  line-height: var(--lineheight-16);
  font-weight: 400; background: none; color:#fff;}
.forclgph textarea{width: 100%; height: 145px; background: none;resize: none;
  padding: 15px 20px;
  border: 2px solid #bec8cd;
  border-radius: 5px;
  font-size: var(--fontsize-16);
  line-height: var(--lineheight-16);
  font-weight: 400; color: #fff;}
.slitexx h5{font-weight: 700;}
.slitexx{padding: 44px 40px;color: #fff;text-align: center;}
.abtmnbtn{font-weight: 700; background:#ffffff; color: var(--c-color1);padding: 0 28px;border-radius: 5px; display: inline-block; line-height: 25px;padding: 13px 28px;}
.abtmnbtn:hover{background:#000; color: #fff;}
.forclgph .btn{background: #40a8a7;
  color: #fff;}
  
.abotservices .col-md-3{margin-top: 50px;} 
.abotservices .row{margin-bottom: 50px;} 
.abotservices h5{font-weight:700;}
.abotservices h5 a{font-weight: 400;text-decoration: underline !important;color: #000;} 
.abotservices h5 a:hover{color:var(--c-color1);} 
.srcrd .blCrdTex h5{font-weight: 700; color: var(--c-color1);} 
.srcrd .blCrdTex p{color: #000; font-size:13.89px; line-height: 18px;} 
.srcrd .blCrdTex li{ font-size:13.89px; line-height: 18px;}   
  
  
  
.srcrd .blCrdTex {

  min-height: 530px;
}
.logoSlid{background:#f8f8f8; text-align: center;} 
.logoSlid h2{color: #078888 ;}

.logoSidM .owl-nav button {
  background: var(--c-color1) !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  color: #fff !important;
  position: absolute;
} 
  
  
.logoSidM .owl-prev {
  top: 0%;
 left: -58px;
  transform: translateY(-50%);
} 
  
.logoSidM .owl-next {
  top: 0%;
  right: -58px;
  transform: translateY(-50%);
} 
  
.xerocard h5{font-weight: 700;}  
.xerocard .blCrdTex p{font-size: 13.89px; line-height: 20px;} 
.xerocard .blCrdTex ul li::before {width: 6px;height: 6px; top: 9px;} 
.xerocard .blCrdTex ul{display: flex; width: 100%; flex-wrap: wrap;}
.xerocard .blCrdTex ul li{width: 33.33%;font-size: 14.85px; line-height: 20px;} 
.xerocard .firimgp img{position: relative; z-index: -1;}

.xeroimg{width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  line-height: 100px;
  text-align: center;
  position: relative;
 top: -27px;
  left: 6px;
  margin-top: -65px;}

.xeroimg::before {
  content: "";
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background: #0f5757;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.conta ul li{display: flex;
  align-items: center;
  gap: 5px}

.srcrd .blCrdTex ul li::before {
  width: 5px;
  height: 5px; top:8px;}

.form-mn img{height: 100%; object-fit: cover;}

.over_img::after {
  content: '';
  bottom: 0;
  width: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(89deg, #000000b3, #000000bd, #00000038, #00000014);
}
.over_img{position: relative;}
.abotgap p{font-weight: 400;}


.navbar .justify-content-center {
  justify-content: right !important;
}

.icomax{position: relative;}
.icomax:before {position: absolute; content: ""; width: 120px; height: 120px; border-radius: 50%; background: #000; left: 50%;top: 50%;transform: translate(-50%,-50%);}

.icomax i{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:100px;height:100px;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:9;top:51px;}


/*04/09/2025*/


.contbkg input[type="submit"] {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
  width: 143px !important;
  background-color: var(--c-color1);
  color: #fff;
  font-size: var(--fontsize-19);
  line-height: var(--lineheight-19);
  font-weight: 500;
  outline: none;
  padding: 10px 20px;
  color: #fff;
  border: none !important;
}
.contbkg input[type="submit"]:hover {background: #000 !important; color:#fff;}
.contbkg p{padding-bottom: 0;}
.wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Poppins'; color:#fff;
 margin: 15px 0 0 !important; }
.invalid .wpcf7-response-output{ background:#dc3232; }
.sent .wpcf7-response-output{ background:#84c426; }

span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Poppins';
 border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1; display: inline-block;}
 
span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}

.wpcf7-form-control-wrap {  position: relative; display: inline-block; width: 100%;}

span.wpcf7-not-valid-tip {  top: 100%;}
.inputFld iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
.inputFld{ position: relative;}


.page-template-template-home .footSec .overlay {padding-top: 265px;}



.menu_sec .actv a {
position: relative;
}

.menu_sec .actv a:before {position: absolute; bottom: 0; width: 100%; height: 2px; background:var(--c-color1); content: "";}
.abotgap a{color: #000;}
.cardone .blogPic img{height: 300px;object-fit: cover;}
.blogCrd .page-numbers{display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%; gap: 20px;}
.blogCrd .page-numbers a{color:var(--c-color1); border: 1px solid var(--c-color1);width: 40px;height: 40px;}

.blogCrd .page-numbers span{border: 1px solid var(--c-color1);width: 40px;height: 40px;}

.blogCrd .page-numbers .next{border: none;width: 60px;height: 60px;}

.blogCrd .page-numbers .current{width: 40px;height: 40px; background: #000; color: #fff;}
.blogCrd .page-numbers .prev{border: none;width: 60px;height: 60px;}

.forclgph .mb-3 {margin-bottom: 1rem !important;}
.forclgph p{padding-bottom: 0px;}
.forclgph input[type="submit"]{width: 103px !important; border: none;}
.page-template-template-about .footSec .overlay {padding-top: 194px;}
.page-template-template-about .footSec {margin-top: -153px;}


.page-template-template-home .trusted.pt-0 {
  padding-top: 50px !important;
}

.page-template-template-home .footSec .overlay {padding-top: 229px;}
.page-template-template-home .footSec {margin-top: -185px;}

.page-template-template-service .footSec .overlay {padding-top: 194px;}
.page-template-template-service .footSec {margin-top: -153px;}
.page-template-template-service .trusted.pt-0 {padding-top: 50px !important;}

.service-template-default .footSec .overlay {padding-top: 194px;}
.service-template-default .footSec {margin-top: -153px;}
.service-template-default .blCrdTex {min-height: 308px;}

.blog-details-page .blog-navigation{display: flex;justify-content: space-between;align-items: center;}
.blog-details-page .blog-navigation .prev-post a{color: var(--c-color1);}
.blog-details-page .blog-navigation .next-post a{color: var(--c-color1);}
.list-unstyled li{font-size: 13.89px; line-height: 18px; color: #848484;margin-bottom: 10px; padding-left: 20px; position: relative;}
.list-unstyled li a{color: #848484;}


.list-unstyled li::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--c-color1);
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.blog-title{font-weight: 700;}

.forclgph input::placeholder {color: #fff !important; opacity: 1;}
.forclgph textarea::placeholder {color: #fff !important; opacity: 1;}
.blCrdTex h2{font-size:var(--fontsize-34); line-height: var(--lineheight-34);}
.service-template-default .blCrdTex {min-height: 322px;}
















  

@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}


@media (min-width: 1600px) and (max-width: 1900px) {
	

}

@media (min-width: 1600px) and (max-width: 1800px) {
	
:root{


    /* fontsize*/
    --fontsize-52: 45px;
    --fontsize-47: 40px;
    --fontsize-41: 35px;
    --fontsize-34: 30px;
    --fontsize-27: 30px;
    --fontsize-25: 20px;
    --fontsize-22: 18px;
    --fontsize-19: 16px;
    --fontsize-16: 14px;
    --fontsize-45: 25px;

    /* line height */
    --lineheight-52: 50px;
    --lineheight-47: 45px;
    --lineheight-41: 40px;
    --lineheight-34: 30px;
    --lineheight-27: 35px;
    --lineheight-25: 30px;
    --lineheight-19: 25px;
    --lineheight-22: 28px;
    --lineheight-16: 20px;
    

}
}
@media (min-width: 1600px) and (max-width: 1799px) {


:root{


    /* fontsize*/
    --fontsize-52: 45px;
    --fontsize-47: 40px;
    --fontsize-41: 35px;
    --fontsize-34: 30px;
    --fontsize-27: 30px;
    --fontsize-25: 20px;
    --fontsize-22: 18px;
    --fontsize-19: 16px;
    --fontsize-16: 14px;
    --fontsize-45: 25px;

    /* line height */
    --lineheight-52: 50px;
    --lineheight-47: 45px;
    --lineheight-41: 40px;
    --lineheight-34: 35px;
    --lineheight-27: 35px;
    --lineheight-25: 30px;
    --lineheight-19: 25px;
    --lineheight-22: 28px;
    --lineheight-16: 20px;
    

}

.page-template-template-home .footSec {
  margin-top: -170px;
}

}


@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}




}   



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



.page-template-template-home .footSec .overlay {padding-top: 229px;}
.page-template-template-home .footSec {margin-top: -186px;}




}

@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}



:root{


    /* fontsize*/
    --fontsize-52: 45px;
    --fontsize-47: 40px;
    --fontsize-41: 35px;
    --fontsize-34: 30px;
    --fontsize-27: 30px;
    --fontsize-25: 20px;
    --fontsize-22: 18px;
    --fontsize-19: 16px;
    --fontsize-16: 14px;
    --fontsize-45: 25px;

    /* line height */
    --lineheight-52: 55px;
    --lineheight-47: 55px;
    --lineheight-41: 40px;
    --lineheight-34: 35px;
    --lineheight-27: 35px;
    --lineheight-25: 30px;
    --lineheight-19: 25px;
    --lineheight-22: 28px;
    --lineheight-16: 20px;
    

}

.page-template-template-home .footSec .overlay {padding-top: 229px;}
.page-template-template-home .footSec {margin-top: -170px;}
} 

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




}



@media only screen and (max-width: 1200px) {









}
@media (min-width: 992px) and (max-width: 1199px) {











}

@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}


:root{


    /* fontsize*/
    --fontsize-52: 45px;
    --fontsize-47: 35px;
    --fontsize-41: 30px;
    --fontsize-27: 27px;
    --fontsize-25: 20px;
    --fontsize-22: 16px;
    --fontsize-19: 16px;
    --fontsize-16: 13px;
    --fontsize-45: 25px;

    /* line height */
    --lineheight-52: 55px;
    --lineheight-47: 40px;
    --lineheight-41: 35px;
    --lineheight-27: 35px;
    --lineheight-25: 30px;
    --lineheight-19: 25px;
    --lineheight-22: 20px;
    --lineheight-16: 18px;
    

}

.abotgap {
  padding-left: 14px;
}

.slitex {padding: 21px 0px 3px 28px;}


.cardMain .owl-nav button {width: 30px;height: 30px;}
.cardMain .owl-next {right: -14px;}
.cardMain .owl-prev {left: -14px;}

.conta a {font-size: 13.44px;line-height: 20px;}
.footmenu ul li {
  font-size: 13.44px;
  line-height: 20px;
}


.socaiic i {width: 30px;height: 30px;line-height: 30px;font-size: 14px;}
.socaiic p {font-size: 14.44px;line-height: 20px;}



  .iconBox {

  padding: 81px 20px 21px 20px;
  margin-top: -44px;
  min-height: 165px;

}
  

.navbar-nav li a {
  color: #000;
  font-size: 14.22px;
  line-height: 25px;}

.navbar-nav li {padding: 0 15px;}
.abotservices{padding-bottom: 0px; padding-top: 0px;}
.abotservices{padding-bottom: 0px !important;}

.srcrd .blCrdTex {
  min-height: 575px;
}

.xerocard {padding: 0 0;}




.contbkg {
  padding: 50px 0px 50px 22px;
}










}





@media only screen and (max-width: 991px) {
	
	
	:root{


    /* fontsize*/
    --fontsize-52: 40px;
    --fontsize-47: 25px;
    --fontsize-41: 25px;
    --fontsize-27: 20px;
    --fontsize-25: 20px;
    --fontsize-22: 16px;
    --fontsize-19: 16px;
    --fontsize-16: 13px;
    --fontsize-45: 25px;

    /* line height */
    --lineheight-52: 45px;
    --lineheight-47: 30px;
    --lineheight-41: 30px;
    --lineheight-27: 28px;
    --lineheight-25: 30px;
    --lineheight-19: 25px;
    --lineheight-22: 20px;
    --lineheight-16: 18px;
    

}
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #000;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.9); width: 100%; z-index: 11;padding: 15px 0;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
        

.container{max-width: 720px;}

.navbar-nav li a {color: #fff;}
.headbtn {
  background: var(--c-color1);
  padding: 0 5px !important;
  width: 136px;
  font-size: 15px;
  margin-left: 20px;
}

.menu_sec .actv a::before {
display: none;
}

.banintx strong {font-size: 28px;line-height: 34px;}
.banintx span {font-size: 18px; line-height: 23px;}
 .conta a {
    font-size: 11.44px;
    line-height: 15px;
  }

.footinformati {
  text-align: center;
  padding-top: 19px;}
  
.overlay {padding-bottom: 0px;}
.iconBox {
    background: #3c9d9d;
    border-radius: 10px;
    position: relative;
   padding: 63px 4px 11px 4px;
    margin-top: -50px;
    min-height: 139px;
  }

.icomax img {
  width: 50px !important;
  height: 50px;
  margin: 0 auto;
  line-height: 270px;
}

.icomax::before {width: 100px; height: 100px;}
.icomax i {width: 80px;height: 80px;top: 38px;}


.mainpos::before {width: 118px;height: 118px;}

.tophead {
  padding: 40px 0px;
}

 .servicesSec {
    margin-top: 0;
    padding: 0 0;
  }
.overslid {padding: 30px 0;} 
  
.srcrd .col-md-4{width: 50%;}  


.page-template-template-home .footSec .overlay {
  padding-top: 203px;
}
.aboutUs img {height: 500px;
  object-fit: cover;} 

}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}

.footimgcol .col-md-4{width: 25%;}
.footimgcol .col-md-3{width: 25%;}

.footimgcol .col-md-5{width: 50%;}
 .cardMain .owl-next {
    right: 0;
  }

.cardMain img {border-top-right-radius: 0px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.cardMain .owl-prev {
    left: 0;
  }

 .abotgap {
    padding-left: 14px;
    margin-top: 26px;
  }

.servicesSec {margin-top: 0;}
.navbar-brand img{width: 176px;}
.banner img{height: 300px; object-fit: cover;}
.cardMain .owl-dots{text-align: center;}
.cardMain .owl-dot{
  width: 10px;
  height: 10px;
  background: #fff !important;
border-radius: 50%;
margin: 20px 5px;
}
 .slitex {
    padding: 21px 13px 3px 13px;
  }

.abotservices .col-md-3{width: 33.33%;}
.abotservices .row {
  margin-bottom: 23px;
}



.abtmnbtn {padding: 6px 19px;font-size: 14px;line-height: 20px;}
.forclgph {padding: 0px 20px 20px;}
.tophead {padding: 20px 0px;padding-bottom: 20px;}



.mainpos::before {width: 100px;height: 100px;} 

.abotservices .col-md-3 {width: 50%;} 
.abotservices .col-md-3 {
  margin-top: 30px;
}  
  
 .banintxi h1{font-size: 24px;
  line-height: 41px; padding-bottom: 0px;}
  
.combanner img{height: 97px;
  object-fit: cover;}  
  
 .srcrd .blCrdTex li {
  font-size: 12.89px;
  line-height: 17px;
}
   
.srcrd .blCrdTex {min-height: 308px;}
  
.blCrdTex {
  padding: 12px 7px;
  text-align: left;
}  
  
.logoSidM img{width: 189px !important;}
  
.logoSidM .owl-prev {
  top: 0%;
  left: 0;
  transform: translateY(-50%);
}

.logoSidM .owl-next {
  top: 0%;
  right: 0;
  transform: translateY(-50%);
} 
  
.footmenu{margin-top: 30px;}  
  
.servicesSec{padding-bottom: 0 !important; padding-top: 0 !important;}  
 .servicesSlid.owl-carousel .owl-stage-outer {
  padding: 18px 0;
}
  
.iconBox h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
  
.slitexx {padding: 44px 20px 0;}  
  
.trusted{padding: 0 20px;}  
.aboutUs img{height: 400px; object-fit: cover;}
.blCrdTex ul li::before {width: 5px;height: 5px;}
.blCrdTex ul li {padding-left: 13px;}
.blog-details-page .blog-navigation {margin-bottom: 30px;}
.cardone {margin-bottom: 21px;}







  
}




@media only screen and (max-width: 640px){ 

.srcrd .blCrdTex {min-height: 486px;}

} 

@media only screen and (max-width: 557px){ 

.srcrd .col-md-4 {
    width: 100%;
  }
   .srcrd .blCrdTex {
    min-height: 0;
  }

} 
@media only screen and (max-width: 480px){ 



}
@media only screen and (max-width: 400px){ 
.overlay {padding-top: 59px;}
.blCrdTex h2{font-size: 20px;line-height: 25px;}


}