/* --open sans-- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* -- Kalnia -- font-family: "Kalnia", serif; */

@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@100..700&display=swap');

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Anek Odia", sans-serif;}
h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Open Sans", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Open Sans", sans-serif;background-color:#fff;font-weight: 400;}
body,html{padding: 0;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Open Sans", sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:1px;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: relative;z-index: 9;background: whitesmoke;}
.fixedhead{position: fixed;top: -38px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #fff;z-index: 999;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.mb-50 {
    margin-bottom: 50px;
}

.heading h2{font-family: "Kalnia", serif; font-weight: 500; font-size: 35px;}

.heading span{color: #408a39;}


/* ---------------- */
.top-menu {    background: linear-gradient(45deg, #418a38 40%, #bc842a 60%);padding: 0px 0;position: relative;}

.top-menu::before{position: absolute;content: " "; height: 100%;width: 100%; top: 0;left: 0; background-image: url(../images/header-bg.png);background-size: contain;background-position: center;background-repeat: repeat; opacity: .5;animation: slide 100s linear;animation-iteration-count: infinite;}

.top-menu-flex { display: flex;justify-content: space-between; align-items: center;position: relative ; z-index: 3;}

.top-icon ul {display: flex;}

.top-icon li {display: flex;color: #fff;  font-weight: 500; align-items: center;position: relative;padding: 8px 0px;}

.top-icon li:first-child{margin-right: 10px;padding-right: 10px;}

img { max-width: 100%;height: auto;outline: none;}

.top-icon li a { color: #fff; padding: 0px 10px 0px 10px; text-decoration: none;}

.top-icon li a:hover{color: #00b911;}

.top-menu-navbar a {background-color: #00990E;color: white;padding: 8px 20px;border-radius: 5px;display: block;transition: all .3s ease;border: 1px solid #00990e;}

.top-menu-navbar a:hover{background-color: #00990e00;color: #00b911; border: 1px solid #00b911;}

.top-menu-navbar a:hover img{filter: brightness(50%) sepia(155) saturate(48) hue-rotate(131deg);}

.top-menu-navbar a img {margin-right: 8px;transition: all .3s ease;}

.top-icon-social { float: right;}

.top-icon-social li { display: inline-block; padding: 0px 0px 0px 15px;color: #fff;font-size: 15px;}

.top-icon-social li a { color: #fff; font-size: 25px;}

ul,
ol {list-style: none; margin: 0; padding: 0;}

.search-btn { border: 1px solid #ba3e11;color: #ba3e11; background: #ba3e11; width: 40px; height: 40px; font-size: 18px;transition: 0.5s ease;}

.wrapper .owl-stage-outer{    height: calc(100% + 30px); margin: -15px;padding: 15px !important;width: calc(100% + 30px);}

.search-btn i { color: white; font-weight: 100;}

.btn-style-one {border: 1px solid #ba3e11;background: #ba3e11; color: #fff; border-radius: 30px;  width: 150px; height: 40px; display: inline-block;transition: 0.5s ease;font-size: 15px;}

.cart-button {padding: 0;}

.mobile-menu { display: none;}

.active-products h5 {margin: 0; color: #fff;}

.link-dropdown {background-color: unset !important;order: none !important;color: black !important;}

ul { margin-bottom: 0 !important;}

.bottom-menu{background-color: #b72d2d;}

.top-menu-flex .top-icon {width: 40%;}

.menu-contact li{ display: flex; gap: 15px;margin-top: 15px;}

.menu-contact li span{ flex: 0 0 30px;display: flex; align-items: center;  justify-content: center; border: 1px solid #ff6983;  width: 30px;   height: 30px; border-radius: 3px; background: #ff6983; color: #fff;  font-size: 15px;}

.menu-contact li span i{animation: gtwss-vibrateq 1.5s linear infinite;}

.menu-contact li a{ color: #757575;font-size: 14px;}

.menu-social  ul {display: flex;align-items: center;  gap: 10px;border-radius: 10px;} 

.menu-social  ul li a{height: 30px; width: 30px;background: #418a38; display: flex;align-items: center; justify-content: space-evenly; border-radius: 50%;color: #fff;font-size: 14px;}

.menu-social  ul li a:hover{ background: #fff; color: #418a38;}

.menu-social  ul li a:hover i{animation: pop .3s 2;}

@keyframes  pop {
  0% {
      transform: scale(1,1);
  }
  50% {
      transform: scale(1.1,1.1);
  }
  100% {
      transform: scale(1,1);
  }
}

.log-box > ul{display: flex;align-items: center;justify-content: center; gap: 15px;}

.log-box > ul li a{color: #fff;}

.log-1 {width: 140px;}

.mid-menu-flex {display: flex;align-items: center;justify-content: space-between; position: relative;z-index: 2;}

.head-kar img{width: 25px; height: 25px;}

.head-kar {position: relative;text-align: center; width: fit-content;}

.kt-count {font-size: 10px; background: #b72d2d ; display: flex; height: 15px; width: 15px; justify-content: center;color: #fff;border-radius: 50%; position: absolute; top: 0; right: -5px;animation: bg-circle-one 3s infinite alternate;}

.head-kar-head .head-kar-item{display: flex; align-items: center;}

.head-kar-head .head-kar-item .head-kar-item-inner{margin-left: 20px;}


.mid-menu {position: relative;}

.mid-menu::before{ position: absolute;content: ""; height: 100%; width: 25%;top: 0; left: 0; border-radius: 0 10px 10px 0; background-color: #000000;}

@keyframes slide{
  from { background-position: 0 0; }
  to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
  to { background-position: 1920px 0; }
}

.fc-banner-2{height: 100%;}

.fc-banner  .fc-banner-item img{border-radius: 10px;transform: scale(1.5);transition: all 1s ease; opacity: 0.3;}

.fc-banner-item img{border-radius: 10px;}

.fc-banner-item{position: relative;overflow: hidden; box-shadow: 0 0 5px 0 #c4c4c4; border-radius: 10px;}

.fc-banner-item .fc-banner-txt{position: absolute; top: 50%; right: -0%; opacity: 0; transform-origin: top;    transform: translate(100px, -50%);transition: all 2.5s ease;text-align: end;width: 40%;opacity: 0;}

.fc-banner-txt h1{ font-family: "Kalnia", serif; font-size: 70px;font-weight: 500;color: black;}

.fc-banner-txt h1 span{font-size: 14px; display: block; letter-spacing: 10px;color: #bc842a;position: relative;top: -5px;}

.fc-banner-txt h6{ font-family: "Kalnia", serif;  color: #408a39;    font-size: 20px; font-weight: 500; transition: all .3s ease-in-out;} 

.fc-banner .active .fc-banner-txt { opacity: 1; transform: translate(-15%, -50%);}

.fc-banner .active .fc-banner-item img{ transform: scale(1);opacity: 1;}

/* -- Buttons -- */

button { font-weight: 500;color: white; background-color: #408a39; padding: 10px 25px;border: none;border-radius: 5px; position: relative;cursor: pointer;overflow: hidden;font-size: 16px;}

button span:not(:nth-child(6)) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 35px;
  background-color: #bc842a ;
  border-radius: 50%;
  transition: .6s ease;
}

button span:nth-child(6) {
  position: relative;
}

button span:nth-child(1) {
  transform: translate(-3.3em, -4em);
}

button span:nth-child(2) {
  transform: translate(-6em, 1.3em);
}

button span:nth-child(3) {
  transform: translate(-.2em, 1.8em);
}

button span:nth-child(4) {
  transform: translate(3.5em, 1.4em);
}

button span:nth-child(5) {
  transform: translate(3.5em, -3.8em);
}

button:hover span:not(:nth-child(6)) {
  transform: translate(-50%, -50%) scale(4);
  transition: 1.5s ease;
}
  

/* -- intro -- */

.intro{padding: 60px 0;}

.intro-img-logo{height: 100%;width: 100%; background-color: #000000;display: flex; align-items: center; justify-content: center;border-radius: 10px;position: relative;}

.intro-img-logo::before{position: absolute;height: 100%;width: 100%;content: " "; left: 0;top: 0;background-image: url(../images/hanger-back.png) ; background-size: cover; background-repeat: no-repeat;opacity: .2;}

.intro-img-logo img{width: 250px;}

.intro-img{ height: 100%; width: 100%; display: flex;align-items: center;justify-content: center;}

/* -- product-item -- */

.product { padding: 60px 0;background: #f5faff;position: relative;}

.product::before{ position: absolute; height: 100%;width: 100%; content: " "; left: 0; top: 0;background-image: url(../images/hanger-back.png);background-size: contain; background-repeat: repeat; opacity: .1;}

.product-item {position: relative; height: 100%; box-shadow: 0 0 5px 0 #bbbbbb;border-radius: 10px 10px 0 0;}

.product-item .product-txt{position: absolute; bottom: 0; left: 0; background: #408a39f5; width: 100%; text-align: unset;padding: 15px 15px 35px 15px; overflow: hidden;}

.product-item .product-txt h4{ margin: 0;color: #fff;font-family: "Kalnia", serif;font-weight: 500;}

.product-item .product-txt .enquire{ position: absolute;right: 0; bottom: 0;padding: 10px 20px; background: #fff;}

.product-item .product-txt .enquire a{ font-size: 14px; color: #408a39;}

.product-item .product-txt .enquire::before{ content: ""; width: 37px; height: 46px; background-color: #fff; background-size: cover;  clip-path: polygon(112% 0%, 0% 100%, 0% 100%, 100% 100%); position: absolute; left: -37px; bottom: 0;}

.product-item .product-img{  border-radius: 10px 10px 0 0;overflow: hidden;}

.product-item .product-img img{  border-radius: 10px 10px 0 0;transition: all .3s ease-in-out;}

.product-item .product-img:hover img{transform: scale(1.1);}

/* -- whyus -- */

.whyus{padding: 60px 0;}

.whyus .why-us-item{text-align: center;position: relative;}

.whyus .why-us-item::before{ position: absolute; content: " "; height: 50px;  width: 50px; background-image: url(../images/eight-arrow.png); background-size: contain; background-repeat: no-repeat;background-position: center; right: -16%;top: 16%; filter: opacity(0.5);}

.whyus  .row .col-md-4:last-child .why-us-item::before{background-image: unset;}

.whyus .why-us-img{ width: 120px; height: 120px; margin: 0 auto;  display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; }

.whyus .why-us-img::before{position: absolute; content: " "; top: 0; left: 0; height: 100%; width: 100%; transform: scale(1.2); border: 1px dashed #c8c8c8;border-radius: 50%;}

.whyus .why-us-img:after{ position: absolute; height: 100%; width: 100%;  content: " ";  left: 0;  top: 0;bottom: 0; right: 0; transform: scale(0); border-radius: 50%;  background: #408b3c63; transition: .5s;}

.whyus .why-us-img img{ position: relative; z-index: 2;}

.whyus .why-us-img .why-proess{position: absolute;right: -22px; top: 40px; background: #c8c8c8; color: #fff; height: 25px; width: 25px;display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 13px;transition: all .3s ease;}

.whyus .why-us-txt{margin-top: 25px;}

.whyus .why-us-txt h6{ margin-bottom: 5px; color: #408a39;}

.whyus .why-us-txt p{font-size: 14px; color: #767676;}

.whyus .why-us-item:hover .why-us-img:after{transform: scale(1);}

.whyus .why-us-item:hover .why-us-img::before{ animation-name: rotating_invers;animation-duration: 5s;animation-timing-function: linear;animation-fill-mode: both; animation-iteration-count: infinite;border: 1px dashed #408a39}

.whyus .why-us-item:hover .why-us-img .why-proess{background: #408a39;right: -5px; top: -5px;}

@keyframes rotating_invers {
  0% {
   transform: rotate(0deg) scale(1.2);
   }

   100% {
       transform: rotate(-360deg) scale(1.2);
   }
}

/* home-counter */

.home-counter{padding: 35px 0; margin-bottom: 35px;}

.counter-item h4{font-size: 50px;}

.cl-1 h4{color: #008100;}

.cl-2 h4{color: #673AB7;}

.cl-3 h4{color: #dd4838;}

.cl-4 h4{color: #fbb03b;}


/* Testimonial */

.testimonial{ padding: 60px 0; position: relative;}

.testimonial:before{position: absolute; content: ""; height: 100%; width: 100%; left: 0;  top: 0; background-image: url(../images/mechine.jpg); background-attachment: fixed;}

.testimonial::after{position: absolute;content: ""; height: 100%; width: 100%; top: 0; left: 0;  background-color: #351c439c;}

.fc-testimonial .owl-nav {display: none !important;}

.testimonia-sect{ background: rgb(255, 255, 255);z-index: 9; position: relative; padding: 35px 35px 60px; bottom: -60px;position: relative;}

.testimonia-sect .shp7{position: absolute;top: 15px; right: 15px;opacity: .2;}

.testimonial-txt span{ color: #418a38; margin-bottom: 5px; font-family: "Kalnia", serif; font-size: 16px;line-height: 25px;font-weight: 400; display: block;}

.fc-testimonial  .testi-prof{ display: flex; align-items: center;    margin-top: 40px;}

.fc-testimonial  .tp-img{ flex: 0 0 70px; margin-right: 20px;border-radius: 50%;}

.fc-testimonial  .tp-img img{border-radius: 50%;}

.fc-testimonial .tp-txt .star{ width: 100px;margin-bottom: 5px;}

.fc-testimonial .tp-txt h6{margin-bottom: 5px;}

.fc-testimonial {padding: 40px 0;}

.fc-testimonial .fc-testimonial-item p{font-size: 15px;color: #535353;}

.fc-testimonial .owl-dots {bottom: -25px; justify-content: end;}

.fc-testimonial .owl-dots .active {background-color: #351c439c; outline: 1px solid #351c439c;}

.testimonial .testimonial-txt{ border-bottom: 1px solid #dbdbdb;}

.testimonial-left{position: relative;z-index: 2;}

.testimonial-left h3{ font-size: 50px;color: #ffffff;font-weight: 400;    font-family: "Kalnia", serif;}

.testimonial-left p{color: #fff;}

.testimonial-left .call-now{display: flex; align-items: center;}

.testimonial-left .call-now .call-img{ flex: 0 0 40px;margin-right: 15px;}

.testimonial-left .call-now .call-us{display: flex;flex-direction: column;  gap: 5px;}

.testimonial-left .call-now .call-us span{ color: aliceblue;}

.testimonial-left .call-now .call-us a{ font-size: 25px; color: #fff; font-weight: 600;}

.client{overflow: hidden;padding: 50px 0;    background: #f8fcff;}

.client .gallery-slider {overflow: hidden;padding: 10px 0;}

.client .box{ text-align: center;padding: 10px; border: 1px solid #dddddd;  background: #fff;  border-radius: 10px; box-shadow: 4px 4px 5px 0 #e5e5e5; height: 120px;  display: flex; align-items: center;justify-content: center;}

.client .box-inner{text-align: center; height: 100%;width: 100%;}

.client .box-inner img{object-fit: contain; height: 100%;  width: 100%; filter: grayscale(1); transition: all .3s ease-in-out;}

.client .box-inner:hover img{filter: unset;}
 
.client .galleryslider {overflow: hidden;padding: 10px 0;}


/* -- footer -- */

footer {position: relative; background: #000000e3;  padding: 2rem 0 2rem;}

footer .social_icn .footericons {display: block;height: 40px; width: 40px; border-radius: 5px; transition: all .3s ease; text-align: center; line-height: 38px;}

footer .social_icn .footericons img { width: 25px;}

footer .footer_menuWrapper ul { justify-content: center;}

footer .footer_menuWrapper ul .footer_menuTitle { color: #fff; margin-bottom: 20px;}

footer .footer_menuWrapper ul .footer_menuTitle::first-letter { color: #fff;}

footer .footer_menuWrapper ul li { position: relative;  margin-bottom: 8px; font-size: 16px; color: #c3c3c3; transition: all .3s ease; width: -moz-fit-content; width: fit-content;}

footer .footer_menuWrapper ul li:hover { margin-left: 5px;}


footer .footer_menuWrapper ul li:last-child { margin-bottom: 0;}

footer .footer-inner {width: 80%; margin-left: auto;margin-right: auto;text-align: center;}

footer .footer-inner .fot-link { width: 70%;margin-left: auto; margin-right: auto; margin-top: 30px;}

footer .footer-inner .fot-link .footer_menuWrapper ul {justify-content: center; display: flex; gap: 20px; list-style: none;flex-wrap: wrap;}

footer .footer-inner .fot-logo ul {list-style: none; justify-content: center;padding: 0;}

footer .list-unstyled li a{color: #fff;} 

footer .footer_menuWrapper ul li:hover a{color: #418a38;}

.footerWrapper{ width: 150px;height: 150px;margin: 0 auto;}

.privacy-pages a{ color: #b4b4b4;}

.back-to-top{ height: 50px; width: 50px;position: fixed; right: 20px;bottom: 20px;   z-index: 2;  animation: bounce 3000ms infinite; }

.back-to-top { width: 40px; height: 40px; line-height: 40px;text-align: center;position: fixed; bottom: 0; right: 0;text-decoration: none; color: #fff; font-size: 14px; display: none; z-index: 999;animation: 1s infinite bounce_513;background: linear-gradient(45deg, #418a38, #bc842a);border-radius: 5px;}

@keyframes bounce_513 {
  0%,
    100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

/* -- Breadcum -- */

.breadcrumb-top{ height: 300px;position: relative;}

.breadcrumb-top::before{position: absolute;content: "";top: 0;left: 0;height: 100%; width: 100%; z-index: 1; background: #f0f8ff52;}

.breadcrumb-top .breadcrumb-img{ height: 100%;position: absolute; width: 100%;top: 0; left: 0;}

.breadcrumb-top .breadcrumb-img img{ height: 100%; width: 100%;object-fit: cover; object-position: bottom;}

.breadcrumb-top .breadcrumb-inner{height: 100%;display: flex;align-items: center;justify-content: space-between; position: relative;width: 100%; z-index: 3;}

.breadcrumb-top .breadcrumb-inner .heading {width: 100%;position: relative;}

.breadcrumb-top .breadcrumb-inner .heading  h2{color: #3bb67e;font-size: 45px;  margin: 0; position: relative;z-index: 2;}

.breadcrumb-top .breadcrumb-inner .heading span{ position: absolute;color: transparent; top: 0px;left: 0;  opacity: 0.1; font-size: 40px; line-height: 60px; font-weight: 700; -webkit-text-stroke: 2px #000000; text-shadow: 1px 1px 0 #282f3b, -1px -1px 0 #282f3b, 1px -1px 0 1px #282f3b, -1px 1px 0 #282f3b, 1px 1px 0 #282f3b;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li{font-size: 16px;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li a{color: #3bb67e;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li:last-child{color: #023a20;}

/* --  About Us -- */


.criterea{padding: 60px 0;background: #000000bf;position: relative;}

.criterea::before{position: absolute; content: " ";height: 100%; width: 50%; background-image: url(../images/mission.jpg); background-position: center; background-size: cover;z-index: -1;top: 0;left: 0;background-attachment: fixed;}

.criterea::after{ position: absolute; content: " "; height: 100%; width: 50%; z-index: 1;top: 0;right: 0;background: #c98c2b;}

.criterea .criteria-cont{padding: 0 80px;position: relative;z-index: 3;height: 100% ;}

.criteria-cont .cc-img{ width: 90px; height: 89px; border: 2px solid #418a38;display: flex;align-items: center; justify-content: center;border-radius: 50%;background: #418a38;}

.criteria-cont .cc-img img{ width: 50px;}

.criteria-cont .cc-txt h5{color: #fff; font-family: "Kalnia", serif;font-weight: 500; font-size: 35px;}

.criteria-cont ul {padding-left: 25px;}

.criteria-cont ul li{list-style-type: circle;color: #fff;margin-top: 10px;}

.criteria-cont p{ color: #fff;}

/* -- our-clients -- */

.our-clients{padding: 60px 0  ;}

.our-clients .client-inner{height: 120px; background: #fff; box-shadow: 0 0 5px 0 #d0d0d0;border-radius: 5px;padding: 5px;position: relative; top: 0;transition: .5s ease-in-out;}

.our-clients .client-inner:hover{ top: -5px;box-shadow: 0 -3px 6px 0 #c8c8c8;}

.our-clients .client-inner  a{height: 100%; width: 100%;}

.our-clients .client-inner  a img{height: 100%; width: 100%; object-fit: contain;} 

.contact-info-wrap{ box-shadow: 0px 8px 30px rgba(4, 6, 66, 0.08); border-radius: 10px; padding: 40px;background-color: #fff;position: relative;}

.contact-info-wrap .shape-img {position: absolute; right: 30px;top: 50%;transform: translateY(-50%);}

.border-title2 {border-bottom: 2px solid #e4e4e4; padding-bottom: 15px;margin-top: -0.28em; margin-bottom: 35px;position: relative;}

.border-title2:after { content: ""; height: 2px; width: 80px;background-color: #64c4b6; position: absolute;bottom: -2px;left: 0;}

.contact-info { display: flex; align-items: center; flex-wrap: wrap;  margin-bottom: 35px;}

.contact-info__title { font-size: 20px; margin-top: -0.25em; margin-bottom: 15px;  min-width: 100%;}

.contact-info__icon { display: inline-block; width: 50px; min-width: 50px; height: 50px; line-height: 50px;background-color: #64c4b6; color: #ffffff; text-align: center;font-size: 20px; border-radius: 50%; margin-right: 15px;}

.contact-info__text a {color: #687179;display: block;}

.contact-map{height: 100%;border-radius: 10px; overflow: hidden;}

.contact{padding: 60px 0;}

.contact-form-inner{width: 70%; margin: 0 auto; padding: 25px; box-shadow: 0px 8px 30px rgba(4, 6, 66, 0.08);    background: whitesmoke;}

.contact-form{padding: 60px 0; background: #f5faff;}

.form-row span{color: red;}


/* -- ----- Service ----- -- */

.service{padding: 60px 0;}

.service .service-sidebar { background: #fff;  padding: 20px;  border-radius: 20px;box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);}

.service .service-menu li {border-bottom: 1px dashed #e1e1e1; padding-bottom: 15px; margin-bottom: 15px;}

.service .service-menu li a { color: #16072f  ; display: block; font-size: 16px; position: relative;    text-align: end;}

.service .service-menu .active a{ font-weight: 600;color: #408a39;}

.service  .service-menu li a:before {position: absolute; top: 0;left: 0; font-family:"Font Awesome 5 Free" ; content: "\f061"; font-size: 15px;display: flex; z-index: 1; height: 100%; color: #408a39 ;justify-content: center; align-items: center; font-weight: bolder;transform: rotate(180deg);}

.service  .contact-widget { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px ; padding: 30px 30px 200px;background-image: url(../images/contact-1.png);}

.service .contact-widget h5{ font-size: 27px; color: #408a39; font-family: "Kalnia", serif; font-weight: 400;}

.service .contact-widget p{ font-size: 20px;}

.service .sc-img{width: 100%;height: 400px;}

.service .sc-img img{width: 100%; height: 100%;border-radius: 10px;object-fit: cover;}

.service .strategy ul{display: flex;align-items: center;flex-wrap: wrap;width: 90%;justify-content: space-between;}

.service .strategy ul li{  width: 48%;    margin-bottom: 15px;}

.service .strategy ul li i{ margin-right: 10px;color: #408a39;}

.service .service-accordian .accordion-item{border: unset; border-radius: unset; margin-bottom: 15px;box-shadow: 0 0 10px 0 #e7e7e7;}

.service .service-accordian .accordion-button{font-size: 18px;font-weight: 600;}

.service .accordion-button:not(.collapsed){color: #408a39; background-color: #dcdcdc;}

.service .service-accordian .accordion-body p{margin: 0;}

.free-service{ position: relative;background-image: url(../images/consult-bg.jpg);height: 100%; width: 100%;background-size: cover;padding: 60px 0;}

.free-service .free-cons-btn{ display: flex;gap: 15px; margin-top: 30px;padding-top: 30px;border-top: 1px dashed #787878;}

.free-service .free-cons-btn li a{height: 100px;width: 150px;display: block; box-shadow: inset 0 0 9px 0 #d0d0d0;border-radius: 5px;padding: 5px;    background: #fff;}

.free-service .free-cons-btn li a img{ width: 100%; height: 100%; object-fit: contain;}

.free-service  .free-service-inner-img  {height: 370px;width: 600px;margin: 0 auto;}

.free-service  .free-service-inner-img img{ width: 100%; height: 100%; object-fit: contain;}

.service .accordion-body ul{ margin-left: 15px;margin-top: 15px;}

.service .accordion-body ul li{margin-bottom: 10px; list-style-type: disclosure-closed; margin-left: 15px;}

.service .accordion-body ul li::marker{color: #408a39;  }

.service-content h5{    color: #418a38;}







  

/* ====================responssive==================== */   



@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    .container{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1680px) and  (max-width: 1766px)  {
  .product-item .product-txt .enquire { padding: 8px 10px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 32px;height: 42px;left: -32px;}

  .product-item .product-txt h4 { font-size: 20px;}

  .whyus .why-us-item::before {height: 40px; width: 40px;}

  .testimonial-left h3 { font-size: 45px;}
}
@media only screen and (min-width: 1600px) and  (max-width: 1681px)  {

  .product-item .product-txt .enquire { padding: 8px 10px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 32px;height: 42px;left: -32px;}

  .product-item .product-txt h4 { font-size: 20px;}

  .whyus .why-us-item::before {height: 40px; width: 40px;}

  .testimonial-left h3 { font-size: 45px;}
    
}
@media only screen and (min-width: 1440px) and  (max-width: 1599px)  {

  .product-item .product-txt .enquire { padding: 8px 10px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 32px;height: 42px;left: -32px;}

  .product-item .product-txt h4 { font-size: 20px;}

  .whyus .why-us-item::before {height: 40px; width: 40px;}

  .testimonial-left h3 { font-size: 45px;}

  .mid-menu::before { width: 20%;}

  .fc-banner-txt h1 {font-size: 50px;margin-bottom: 10px;}

  .fc-banner-txt h1 span {  font-size: 12px; }

  .fc-banner-txt h6 { font-size: 16px;}

  .fc-banner-txt p{font-size: 14px;}


}   
@media only screen and (min-width: 1360px) and  (max-width: 1439px)  {

  .heading h2 { font-size: 30px;}

  p{font-size: 14px;}

  .product-item .product-txt .enquire { padding: 8px 10px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 32px;height: 42px;left: -32px;}

  .product-item .product-txt h4 { font-size: 20px;}

  .whyus .why-us-item::before {height: 30px; width: 30px;}

  .testimonial-left h3 { font-size: 45px;}

  .mid-menu::before { width: 20%;}

  .fc-banner-txt h1 {font-size: 50px;margin-bottom: 10px;}

  .fc-banner-txt h1 span {  font-size: 12px; }

  .fc-banner-txt h6 { font-size: 16px;}

  .fc-banner-txt p{font-size: 14px;}

  button { font-size: 14px;}

  .whyus .why-us-img { width: 100px; height: 100px;}

  .criterea .criteria-cont { padding: 0 15px;}

  .criteria-cont .cc-txt h5 { font-size: 25px;}

  .our-clients .client-inner { height: 95px;}

  .service .contact-widget p { font-size: 14px;}

  .service .contact-widget h5 {font-size: 22px;}

  .service .service-sidebar {padding: 15px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 40px;}

  .breadcrumb-top {height: 250px;}

  .service .service-menu li a { font-size: 15px;}


}
@media only screen and (min-width: 1280px) and  (max-width: 1359px)  {

  .heading h2 { font-size: 30px;}

  p{font-size: 14px;}

  .product-item .product-txt .enquire { padding: 8px 10px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 32px;height: 42px;left: -32px;}

  .product-item .product-txt h4 { font-size: 20px;}

  .whyus .why-us-item::before {height: 30px; width: 30px;}

  .testimonial-left h3 { font-size: 45px;}

  .mid-menu::before { width: 20%;}

  .fc-banner-txt h1 {font-size: 50px;margin-bottom: 10px;}

  .fc-banner-txt h1 span {  font-size: 12px; }

  .fc-banner-txt h6 { font-size: 16px;}

  .fc-banner-txt p{font-size: 14px;}

  button { font-size: 14px;}

  .whyus .why-us-img { width: 100px; height: 100px;}

  .criterea .criteria-cont { padding: 0 15px;}

  .criteria-cont .cc-txt h5 { font-size: 25px;}

  .our-clients .client-inner { height: 95px;}

  .service .contact-widget p { font-size: 14px;}

  .service .contact-widget h5 {font-size: 22px;}

  .service .service-sidebar {padding: 15px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 40px;}

  .breadcrumb-top {height: 250px;}

  .service .service-menu li a { font-size: 15px;}
    
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {

  .heading h2 { font-size: 30px;}

  p{font-size: 14px;}

  .product-item .product-txt .enquire { padding: 8px 10px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 32px;height: 42px;left: -32px;}

  .product-item .product-txt h4 { font-size: 20px;}

  .whyus .why-us-item::before {height: 30px; width: 30px;}

  .testimonial-left h3 { font-size: 45px;}

  .mid-menu::before { width: 20%;}

  .fc-banner-txt h1 {font-size: 50px;margin-bottom: 10px;}

  .fc-banner-txt h1 span {  font-size: 12px; }

  .fc-banner-txt h6 { font-size: 16px;}

  .fc-banner-txt p{font-size: 14px;}

  button { font-size: 14px;}

  .whyus .why-us-img { width: 100px; height: 100px;}

  .criterea .criteria-cont { padding: 0 15px;}

  .criteria-cont .cc-txt h5 { font-size: 25px;}

  .our-clients .client-inner { height: 95px;}

  .service .contact-widget p { font-size: 14px;}

  .service .contact-widget h5 {font-size: 22px;}

  .service .service-sidebar {padding: 15px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 40px;}

  .breadcrumb-top {height: 250px;}

  .service .service-menu li a { font-size: 15px;}
    
}
@media only screen and (min-width: 992px) and  (max-width: 1179px)  {

  .heading h2 { font-size: 28px;}

  p{font-size: 14px;}

  h4 {   font-size: 18px;}

  .product-item .product-txt .enquire { padding: 6px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 26px;height: 38px; left: -26px;}

  .product-item .product-txt h4 { font-size: 16px;}

  .whyus .why-us-item::before {height: 20px; width: 20px;}

  .testimonial-left h3 { font-size: 35px;}

  .mid-menu::before { width: 20%;}

  .fc-banner-txt h1 {font-size: 30px;margin-bottom: 0px;}

  .fc-banner-txt h1 span {  font-size: 10px; }

  .fc-banner-txt h6 { font-size: 16px; margin-bottom: 5px;}

  .fc-banner-txt p{font-size: 14px; margin-bottom: 5px;}

  button { font-size: 14px;}

  .whyus .why-us-img { width: 80px; height: 80px;}

  .criterea .criteria-cont { padding: 0 15px;}

  .criteria-cont .cc-txt h5 { font-size: 25px;}

  .our-clients .client-inner { height: 95px;}

  .service .contact-widget p { font-size: 14px;}

  .service .contact-widget h5 {font-size: 20px;}

  .service .service-sidebar {padding: 15px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 40px;}

  .breadcrumb-top {height: 250px;}

  .service .service-menu li a { font-size: 15px;}

  .fc-banner-item .fc-banner-txt{ width: 95%;}

  .fc-banner .active .fc-banner-txt {transform: translate(-5%, -50%);}

  .whyus .why-us-txt h6 { font-size: 16px;}

  .whyus .why-us-img img { width: 45px;}

  .log-1 { width: 120px;}
  
  .counter-item {text-align: center ;}

  .counter-item h4 {font-size: 35px;}

  .testimonial-left .call-now .call-us a {font-size: 20px;}

  .testimonia-sect {  padding: 25px 25px 45px;}

  .fc-testimonial {padding: 25px 0;}

  .client .box {height: 95px;}

  .criteria-cont ul li { font-size: 14px;}

  .service .contact-widget { padding: 15px 15px 130px;}

  .service .sc-img {height: 300px;}

  .service-content h5 {font-size: 18px;}

}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {   

  .container{
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
    
  .heading h2 { font-size: 28px;}

  p{font-size: 14px;}

  h4 {   font-size: 18px;}

  .product-item .product-txt .enquire { padding: 6px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 26px;height: 38px; left: -26px;}

  .product-item .product-txt h4 { font-size: 16px;}

  .whyus .why-us-item::before {height: 20px; width: 20px; right: unset; top: 16%; left: -5%;}

  .testimonial-left h3 { font-size: 35px;}

  .mid-menu::before { width: 20%;}

  .fc-banner-txt h1 {font-size: 30px;margin-bottom: 0px;}

  .fc-banner-txt h1 span {  font-size: 10px; }

  .fc-banner-txt h6 { font-size: 16px; margin-bottom: 5px;}

  .fc-banner-txt p{font-size: 14px; margin-bottom: 5px;}

  button { font-size: 14px;}

  .whyus .why-us-img { width: 80px; height: 80px;}

  .criterea .criteria-cont { padding: 0 15px;}

  .criteria-cont .cc-txt h5 { font-size: 25px;}

  .our-clients .client-inner { height: 95px;}

  .service .contact-widget p { font-size: 14px;}

  .service .contact-widget h5 {font-size: 20px;}

  .service .service-sidebar {padding: 15px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 40px;}

  .breadcrumb-top {height: 250px;}

  .service .service-menu li a { font-size: 15px;}

  .fc-banner-item .fc-banner-txt{ width: 95%;}

  .fc-banner .active .fc-banner-txt {transform: translate(-5%, -50%);}

  .whyus .why-us-txt h6 { font-size: 16px;}

  .whyus .why-us-img img { width: 45px;}

  .log-1 { width: 85px;}
  
  .counter-item {text-align: center ;}

  .counter-item h4 {font-size: 35px;}

  .testimonial-left .call-now .call-us a {font-size: 20px;}

  .testimonia-sect {  padding: 25px 25px 45px;}

  .fc-testimonial {padding: 25px 0;}

  .client .box {height: 95px;}

  .criteria-cont ul li { font-size: 14px;}

  .service .contact-widget { padding: 15px 15px 130px;}

  .service .sc-img {height: 300px;}

  .service-content h5 {font-size: 18px;}

  .fc-banner-item {height: 285px;}

  .fc-banner-item img{width: 100%;height: 100%; object-fit: cover;}

  .intro-img-logo {margin-top: 25px;}


    
}
@media only screen and (max-width: 767px) {
 
      
  .heading h2 { font-size: 25px;}

  p{font-size: 14px;}

  h4 {   font-size: 18px;}

  .product-item .product-txt .enquire { padding: 6px;}

  .product-item .product-txt .enquire::before { bottom: -1px; width: 26px;height: 38px; left: -26px;}

  .product-item .product-txt h4 { font-size: 16px;}

  .whyus .why-us-item::before {height: 20px; width: 20px; right: unset; top: 16%; left: -5%;opacity: 0;}

  .testimonial-left h3 { font-size: 28px;}

  .mid-menu::before { width: 35%;}

  .fc-banner-txt h1 {font-size: 30px;margin-bottom: 0px;}

  .fc-banner-txt h1 span {  font-size: 10px; }

  .fc-banner-txt h6 { font-size: 16px; margin-bottom: 5px;}

  .fc-banner-txt p{font-size: 14px; margin-bottom: 5px;}

  button { font-size: 14px;}

  .whyus .why-us-img { width: 80px; height: 80px;}

  .criterea .criteria-cont { padding: 0 15px; margin-top: 25px;}

  .criteria-cont .cc-txt h5 { font-size: 25px;}

  .our-clients .client-inner { height: 95px;}

  .service .contact-widget p { font-size: 14px;}

  .service .contact-widget h5 {font-size: 20px;}

  .service .service-sidebar {padding: 15px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 30px;}

  .breadcrumb-top {height: 190px;}

  .service .service-menu li a { font-size: 15px;}

  .fc-banner-item .fc-banner-txt{ width: 95%;}

  .fc-banner .active .fc-banner-txt {transform: translate(-5%, -50%);}

  .whyus .why-us-txt h6 { font-size: 16px;}

  .whyus .why-us-img img { width: 45px;}

  .log-1 { width: 85px;}
  
  .counter-item {text-align: center ;}

  .counter-item h4 {font-size: 35px;}

  .testimonial-left .call-now .call-us a {font-size: 16px;}

  .testimonia-sect {  padding: 25px 25px 45px;}

  .fc-testimonial {padding: 25px 0;}

  .client .box {height: 70px;}

  .criteria-cont ul li { font-size: 14px;}

  .service .contact-widget { padding: 15px 15px 130px;}

  .service .sc-img {height: 300px;}

  .service-content h5 {font-size: 18px;}

  .fc-banner-item {height: 285px;}

  .fc-banner-item img{width: 100%;height: 100%; object-fit: cover;}

  .intro-img-logo {margin-top: 25px;display: none;}

  .fc-banner-2 {  margin-top: 25px;}

  .testimonial:before { background-size: contain;}

  footer .footer-inner {width: 100%;}

  footer .footer-inner .fot-link { width: 100%;}

  .privacy-pages a {  font-size: 12px;}

  footer .footer-inner .fot-link .footer_menuWrapper ul { gap: 15px;}

  footer .list-unstyled li a {font-size: 14px;}

  .intro-inner .row{flex-direction: column-reverse;}

  .intro { padding: 25px 0;}

  .product {padding: 25px 0;}

  .whyus { padding: 25px 0;}

  .home-counter { padding: 25px 0;  margin-bottom: 0px;}

  .testimonial { padding: 25px 0 60px;}

  .client {padding: 25px 0;}

  .menu-social ul li a {height: 25px;width: 25px;font-size: 10px;}

  .footerWrapper {width: 100px; height: 100px;}

  .mid-menu-flex { display: block;}

  .top-menu-flex .top-icon { width: 55%;}

  .service .strategy ul li { width: 100%;}

  .service .service-menu li a:before {left: unset; right: 0; transform: rotate(0deg);}

  .service .service-menu li a {  text-align: left;}

  .criterea::after { height: 0;width: 0;}

  .criterea::before {height: 100%;width: 100%;}

  .criterea{padding: 25px 0 ;}

  .contact {  padding: 25px 0;}


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

  .product-item .product-txt { padding: 15px 10px 35px 10px;}

  .product-item .product-txt .enquire { padding: 4px;}

  .product-item .product-txt .enquire a { font-size: 12px;}

  .product-item .product-txt .enquire::before { bottom: -1px;  width: 20px;  height: 33px;left: -20px;}

  .testimonial-txt span { font-size: 14px;}

    
}