@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Manrope:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

*,
*::before,
*::after
{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus, 
*:hover, 
*:visited,
*:active, 
*:target,
*:focus-visible,
*:focus-within{
  outline: 0 !important;
}
html {
  font-family: 'Manrope', sans-serif;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
body {
  background: white;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  line-height: 20px;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: normal;
}
.title{
  font-family: 'Montserrat', sans-serif;
      margin-bottom: 5px;
      font-size: 25px;
}
.sub-title{font-family: 'Montserrat', sans-serif;
      margin-bottom: 5px;
      font-size: 15px;}
.text-white{
  color: white;
}
a {
  text-decoration: none;
  display: block;
}
span{
  display: inline-block;
}
span.alert{color: red;font-size: 11px}

button {
  background: none;
  font: inherit;
  border: none;
  cursor: pointer;
}
ul {
  list-style: none;
}
ul,
li {
  margin: 0;
  padding: 0;
}
input,
textarea {
  display: block;
  width: 100%;
  font: inherit;
}
input::-webkit-input-placeholder {
  font: inherit;
}
input:-ms-input-placeholder {
  font: inherit;
}
input::-ms-input-placeholder {

  font: inherit;

}
input::placeholder {

  font: inherit;

}
img.responsive-img{
  width: 100%;
}
a,
a:active,
a:focus,
a:hover {
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
a:hover {
  text-decoration: none;
}


.logo_text{color: #ececec;
    font-size: 23px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Manrope', sans-serif;
    line-height: 25px;
}

        /*new_topbar Area*/
.item_right{display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top-bar-area{background:transparent;color: #f0fffa;border-bottom: solid 1px #8f8f8f;}
.top-bar-area .flex-item {
    display: flex;
    align-items: center;
    height: 100%;
}
.top-bar-area p {
    margin: 0;
    margin-right: 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    padding-right: 30px;
}
.top-bar-area ul li {
    margin-right: 25px;
    display: inline-flex;
    align-items: center;
}
.top-bar-area .flex-item.left ul li { border-right: 1px solid rgba(255, 255, 255, 0.4);padding-right: 25px;}

.top-bar-area .flex-item i svg{
    margin-right: 5px;
    font-weight: 100;
    position: relative;
}
.top-bar-area .social {
    display: inline-block;
    padding: 10px 0px;
    padding-right: 0;
}
.top-bar-area .text-end ul li {
    margin-right: 13px;
    margin-left: 13px;
}
.top-bar-area i svg {fill: #fff!important;width: 18px;}
.text-end {
    text-align: right!important;
}

.map_marker svg path{fill: #fff!important;}

.fa_headphones svg path{fill: #fff!important;}


.top_nav .dropdown .dropbtn {
  outline: none;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.top_nav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.15);
    padding: 10px;
    width: 250px;
}
@media (min-width:1599px){
.top_nav .dropdown:hover .dropdown-content{display: block;}
}

.dropbtn:before{border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #000;
    transition: transform ease-in-out 0.3s;
    position: absolute;
    content: '';
    right: -15px;
    top: 8px;}
.dropbtn{position: relative;}

/*.top_nav .dropdown:hover .dropdown-content.show {
  display: block;
}*/




.header{
  position: fixed;
  background: none;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: transparent;
}
/*.header-nav.add_bg{
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}*/
.main-nav{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  color: #FFF;
  align-items: center;
  transition: all .3s;
}
.header-nav.active{
  background-color: #FFF;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}

.navigation{
  display: flex;
  margin-left: auto;

}
.navigation li{
  margin: 15px;

}
.navigation li a{
    color: #fff;
    transition: all .3s;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 12px 9px;
    border-radius: 25px;
    letter-spacing: -.5px;
    font-weight: 300;
    font-size: 18px;
}
.mobile-open-btn,.mobile-close-btn{
  display: none;
}

/*.brand{
  display: flex;
  align-items: center;
  color: #FFF;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  transition: all .3s;
  width: 85px;
}*/
/*.brand{
    display: flex;
    align-items: center;
    width: 405px;
    
}*/

.header-nav.active .brand {
    color: #7c7c7c;
    font-size: 19px;
    line-height: 25px;
    position: relative;
    padding: unset;
    width: 295px;
}
.header-nav.active .navigation li a{
  color: #7c7c7c;
  font-size: 13px;
  letter-spacing: 1px;
}
/*.header-nav.active .brand{
  color: #000;
  font-size:25px;
  line-height: 25px;
}
*/
/*.header-nav.active .brand {
    color: #000;
    font-size: 25px;
    line-height: 25px;
    position: relative;
    padding: unset;
    width: 295px;
}
*/

.banner{
  width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
  height: 850px; 
}
.banner-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.banner-over-lay{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.5));
}
.banner-inner{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.banner-text h1{
  width: 100%;
    margin: 0px 0 42px 0;
    text-transform: uppercase;
    letter-spacing: -2.5px;
    line-height: 55px;
    font-weight: 600;
    font-size: 52px;
    position: relative;
}


.banner-text h1 span:after {
    content: "";
    display: inline-block;
    width: 4px;
    min-height: 48px;
    padding: 0;
    position: absolute;
    left: -44px;
    top: 3px;
    background-color: #fff;
}
.banner-text h1 span:after {
    opacity: 1;
    background-color: #fff;
    transform: scale3d(1,0,1);
    animation: v-line 3s cubic-bezier(.4,0,.2,1) infinite both;
}
@keyframes v-line{
	10%{transform:scale3d(1,0,1);transform-origin:center top}
	50%{transform-origin:center top;transform:scale3d(1,1,1)}
	51%{transform-origin:center bottom}
	100%{transform-origin:center bottom;transform:scale3d(1,0,1)}
}
.banner-text p{
  margin-bottom: 40px;
    font-weight: 300;
    line-height: 28px;
    font-size: 20px;
}

.banner-btn{
    font-size: 17px;
    line-height: 54px;
    font-weight: 900;
    letter-spacing: 0px;
    color: #ffffff;
    background: #ec1111;
    text-align: center;
    max-width: 161px;
    border: solid 1px #ec1111;
    border-radius: 41px;
}
.banner-btn.colorbor{
    color: #FFF;
    border: solid 1px #ec1111;
    min-width: 161px;
  }

.banner-text{padding-left: 52px;}

.banner-btn:hover{
  background: #000;
  color: #FFF;
  border-color:#000 ;
}
.product-showcase{ width: 100%;
  margin: auto;
  background:#f4f6f9 url(../images/bg1.jpg) no-repeat;
  background-position: left center;
    background-size: contain;}
.product-showcase{
  padding: 80px 0;
  width: 100%;
  margin: auto;
}
.section-heading{
  padding-bottom: 40px;
}

.inner-content p.smallHeading{color:#ec1111;font-size: 18px;font-weight: 600;
    line-height: normal;}
.left-info .sub-title {
    font-size: 18px;
    color: #e26c0a;
}
.section-heading h2{
  color: #04000a;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 15px;
    text-align: center;
}
/*.product-card{
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 400px;
  border: 1px solid #e5e5e5;
}*/

/*.product-card:hover img{
  transform: scale(1.5);
}*/

.product-card-content{
  width: 100%;
  position: relative;
  margin: 9px auto;
  text-align: center;
}
.product-card__name {
  font-size: 18px;
    padding: 0;
    color: #000;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 15px;
}
.product-card__name{
  transition: color .3s ease;
}
.product-card__name a:hover {
  color: #cb8161;
  text-decoration: none;
}
.product-group-price {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size: 16px;
  align-items: center;
}
.product-group-price div{
  margin: 0 2px;
}
.product-price.product-price--regular {
  font-size: 14px;
  color: #868686;
  line-height: 99%;
}
.ttip_currency {
  position: relative;
}
.product-price--regular {
  color: #9b9b9b;
  text-decoration: line-through;
  font-size: 14px;
}
.product-price.price-sale span.tt_currency_txt{
  color: #cb8161;
  position: relative;
  top: -2px;
}
.product-price {
  color: #cb8161;
}
.view-more-btn{
    font-size: 19px;
    line-height: 57px;
    font-weight: 900;
    letter-spacing: 2px;
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
    width: 100%;
    background: #e26c0a;
    color: #fff;
    border-radius: 10px;
}

.view-more-btn.cont-form-submit-btn{
  background:#e16b09;
    color: #fff;
    border-radius: 10px;
}

.left-align{margin-right:auto !important; margin-left: 0;}


.view-more-btn:hover{
  background: #000;
  color: #FFF;
}
.about-us{
  width: 100%;
  margin: 80px 0;
/*  background: url(../images/about-us-bg.webp) no-repeat;
  background-size:cover ;
  background-position: center center;*/
}
.about-inner{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-right{
    max-width: 100%;
    flex: 0 0 50.7%;
}
.content-left{
  max-width: 100%;
  flex: 0 0 43.3%;
}
.inner-content{
  max-width: 750px;
  margin: 0 auto;
  padding: 60px 15px;
}
.about-title {
  font-size: 38px;
    margin-bottom: 20px;
    line-height: 44px;
    font-weight: 600;

}
.inner-content p{
    font-size: 16px;
    color: #808080;
    margin-bottom: 10px;
    line-height: 27px;
}
.our_pertner {padding: 80px 0 80px 0;}
.testimonial {
  padding: 80px 0 80px 0;
  width: 100%;
  margin: auto;
  background:#f4f6f9 url(../images/23gh.png) no-repeat;
  background-position: left center;
    background-size: contain;
}
.testimo-wrapper{
    width: 100%;
    margin-top: 30px;
/*    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);*/
    border-radius: 10px;
    position: relative;
    padding: 4px 0 35px;
}
.patner_carousel.owl-carousel .owl-item img {
    display: block;
    width: 100%;
   
}
.patner_carousel.owl-carousel .owl-item .image_pertner{
  padding: 20px;
}
.companyPartner{margin: 30px 0px 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 19px;}



.testimonial-imageAndTile{
  display: flex;
    flex-direction: column;
    align-items: center;
}

.m-auto{margin: 0 auto;}

.review li{
  display: inline-block;
  margin: 0 1px;
}
.testimonial-title{
    width: 100%;
    text-align: left;
    font-size: 19px;
    color: #000;
    padding: 5px 0;
}
.testimo-wrapper p{
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #000000;
    padding: 0px;
    margin-bottom:0px;
    border-radius: 11px;
    display: block;
  
}
.image-wrapper{
    width: 150px;
    height: 150px;
    border-radius: 500%;
    border: 2px solid #e5e5e5;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}
.image-wrapper img{height: 100%;object-fit: contain;}
.contact-info-wrapper{
  width: 100%;
    padding: 30px;
    height: 100%;
    color: green;
}
.contact-info-image-wrapper{
  width: 100%;
  margin-bottom: 30px;
}
.contact-infos {
    display: flex
}

.c-infot+.c-infot {
    margin-left: 15px
}

.c-infot {
    width: 40%
}

.c-infot span {
    display: block;
    font-weight: 300;
    margin: 0 0 10px;
    font-size: 17px;
    letter-spacing: 1px
}

.c-infot a i {
    margin: 0 10px 0 0
}

.c-infot a {
    display: inline-flex;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    width: 100%
}




.contact-us{
  width: 100%;
    margin: auto;
    background: #f4f6f9;
    position: relative;
 }
 .section-heading img{
  display: block;
  margin: 0 auto 15px;
 }
 .form-inner-container{
  box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    padding: 60px 80px;
    border-radius: 10px;
    position: relative;
    background: #ffffff;

 }
  .form-inner-container h3{
   font-size: 22px;
    margin-bottom: 30px;
    font-weight: 500;
    text-align: center;
  }
 .form-wrapper{
  width: 100%;
  position: relative;
 }
 .form-wrapper small {
  position: absolute;
    color: #cc0202;
    top: -1px;
    left: 3px;
    height: 60%;
    font-size: 24px;
    display: flex;
    align-items: center;
}
 .form-lable{
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
 }
 .form-filed{
  
    width: 100%;
    padding: 15px;
    margin: 0 0 15px;
    color: #172b43;
    font-size: 18px;
    outline: 0;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
 }
 .form-filed-text{
    width: 100%;
    height: 100px;
    padding: 15px;
    margin: 0 0 15px;
    color: #172b43;
    font-size: 18px;
    outline: 0;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
 }

.home-contact-block{
    position: absolute;
    top:41px;
    right: -230px;
    width: 355px;
}
.home-contact-block img{max-width: 100%}
 footer{
  width: 100%;
    background:#ececec;
    padding: 50px 0 0;
    color: #5f5f5f;


 }
 .content-right{position: relative;}
 .content-right img.responsive-img {
    width: 100%;
    position: relative;
    z-index: 2;
}
 .content-right:before {
    position: absolute;
    content: '';
    width: 11%;
    height: 13%;
    background: #ec1111;
    bottom: -11px;
    z-index: 1;
    right: -11px;
}
.content-right:after {
    position: absolute;
    content: '';
    width: 11%;
    height: 13%;
    background: #ec1111;
    top: -11px;
    z-index: 1;
    left: -11px;
}
 .contact-content{
  color: #1e1e1e;
    font-size: 17px;
    display: inline-block;
    width: calc(100% - 50px);
    font-weight: 500;
 }
 .contact-content strong{
font-weight: 600;
    margin-bottom: 8px;
    display: block;
 }
 .d-flex{
  display: flex;
  justify-content: space-between;
 }
 .logo_text_foo{color: #4d4d4d;font-weight: 800;
    font-size: 17px;
    line-height: 25px;
    position: relative;
    padding: unset;}
 .footer-links{
  display: block;
  margin-top: 15px;
  text-align: center;
 }
 .footer-links li{
  display: inline-block;
  margin: 0 10px;
 }
 .footer-links li a{
  display: block;
  font-size: 16px;
      color: #FFF;
  padding: 5px 0;
 }
 .footer-links li a:hover{
  color: #555;
 }
 .social-media-links{
  width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: 35px;
    flex-direction: column;
 }
 .footer-heading{
    color: #ec1111;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
  }
.footer_pra{font-size: 17px;
    line-height: 26px;
    color: #585858;}

 .social-media-links a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 52px;
  height: 50px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  transition: .3s;
  padding: 0;
 }

 .social-media-links a{
   border: 1px solid #11213b;
    background:#11213b;
  
 }
  .social-media-links a svg{
    width: 20px;
  }

 .copyright{
  width: 100%;
  background: #1c1a1b;
  padding: 25px 0;
  text-align: center;
 }
 .copyright p{
  color: #888888;
  font-size: 13px;
 }
 p.branding-text {
  width: 100%;
  padding: 10px 0;
  color: #8c8c8c;
}
p.branding-text a {
  display: inline-block;
  color: #f7b600;
}
 .development{
  display: block;
  margin-top: 5px;
  
 }
 .development a{
  display: inline-block;
  
 }

 /* product-details starts */
 .content-box {text-align: center;
    background: #FFF;
    padding: 15px;}
.header-height-adjuter{
  width: 100%;
    position: relative;
    height: 454px;
}
.inner-page-container{
  width: 100%;
  padding: 70px 0;
}
.product-information-container{
  padding: 30px;
}
.containt_p{padding: 30px 0 0;}
.containt_p p{font-size: 16px;
    color: #808080;
    margin-bottom: 10px;
    line-height: 27px;}
.Product-title{
  font-size: 40px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 15px;
}
.price-wrapper{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.product_mrp{
  font-size: 20px;
  color: #868686;
  text-decoration: line-through;
  letter-spacing: 2px;
  margin-right: 10px;
}
.product_sale_mrp{
  font-size: 22px;
  color: #cb8161;
  letter-spacing: 2px;
  margin-right: 10px;
}
.product_price_discount{
  font-size: 24px;
  color: #000;
  letter-spacing: 2px;
  margin-right: 10px;
}
.product-desc{
  width: 100%;
}
.product-desc h3{
  font-size: 22px;
  color: #000;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.product-desc p{
  font-size: 14px;
  color: #868686;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.product-desc ul{
  padding-left: 35px;
  list-style: disc;
  margin-bottom: 15px;
}
.product-desc ol{
  padding-left: 32px;
  margin-bottom: 15px;
}
.product-desc ul li{
  
  margin: 10px 0;
  color: #868686;
  line-height: normal;
  position: relative;
  padding-left: 20px;
}
.product-desc ol li{
  
  margin: 10px 0;
  color: #868686;
  line-height: normal;
  padding-left: 20px;
}
.call-to-action{
  width: 100%;
  margin-top: 30px;
}
.call-to-action a{
  font-size: 19px;
    line-height: 57px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    background:#e26c0a;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.call-to-action a:hover{
  background: #000;
  color: #FFF;
}
@media(min-width:992px){
.brand {
    display: flex;
    align-items: center;
    height: 92px;
   position: relative;}
.brand img{z-index: 9;
    width: 100%;
    height: 50px;
    position: relative;
    /*top: 20px;*/}
/*.header-nav.active .brand img{z-index: 9;
    width: auto;
    height: auto;
    position: relative;
    top: 0;}*/
}

@media(max-width:991px){
.header-nav.active .main-nav{padding: 20px 0px ;}
.main-nav {padding: 41px 0px 0;}

  .mobile-open-btn{
    display: block;
    width: 40px;
    height: 30px;
    position: relative;
  }
  .mobile-open-btn span{
    width: 100%;
    display: block;
    height: 3px;
    background: #e9e9e9;
    border-radius: 1px;
    position: absolute;
    transition: all 500ms;
    transition-delay: 500ms;
    opacity: 1;
    visibility: visible;
  }
  .mobile-open-btn.hide span{
    visibility: hidden;
    opacity: 0;
  }
  .mobile-open-btn span:nth-child(1){
    left: 0;
    top: 0;
  }
  .mobile-open-btn span:nth-child(2){
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .mobile-open-btn span:nth-child(3){
    left: 0;
    bottom: 0;
  }
  .mobile-close-btn {
    display: block;
    width: 40px;
    height: 30px;
    position: fixed;
    left: 50%;
    bottom: 60px;
    z-index: 99999;
    transform: translateX(-50%);
    padding: 10px;
  }
  .mobile-close-btn span{
    width: 100%;
    display: block;
    height: 2px;
    background: #FFF;
    border-radius: 1px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms;
    
  }
  .mobile-close-btn span:nth-child(1){
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    transition-delay:200ms;
  }
  .mobile-close-btn span:nth-child(2){
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    transition-delay:400ms;
  }

  .mobile-close-btn.active span{
    visibility: visible;
    opacity: 1;
    
  }
  .mobile-close-btn.active span:nth-child(1){
    transform: translate(-50%,-50%) rotate(45deg);
    transition-delay:1600ms
  }
  .mobile-close-btn.active span:nth-child(2){
    transform: translate(-50%,-50%) rotate(-45deg);
    transition-delay:1800ms;
  }
  .navigation {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    left: -100%;
    top: 0;
    text-align: center;
    justify-content: center;
    z-index:9999;
    flex-wrap: wrap;
    padding: 200px 0;
    box-sizing: border-box;
    transition: all 500ms;
    transition-delay: 800ms;
    
}
.navigation.active{
  left: 0;
}
.navigation li{
  width: 100%;
  margin: 15px 0;
}
.header-nav.active .navigation li a{
  color: #FFF;
} 
.header-nav.active  .mobile-open-btn span{
  background: #000;
}
}



      /*about_us*/

.about-us .thumb {
    position: relative;
    margin-bottom: 50px;
}
.about-us .thumb .sub-item {
    height: 250px;
    width: 250px;
    border-radius: 50%;
    position: absolute;
    left: -80px;
    bottom: -50px;
    padding: 17px;
}

.about-us .thumb .sub-item img {
    border-radius: 50%;
}

.about-us .thumb .sub-item::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: url('../images/15g.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.about-us .thumb img {
    border: none;
    outline: none;
    max-width: 100%;
}
.top-product-item {
    background: #47a85f;
    padding: 30px;
    margin-top: 30px;
}
.top-product-item img {
   height: 144px;
    margin-bottom: initial;
    float: left;
    margin-right: 34px;
    margin-bottom: 0;
}
.top-product-item:first-child {
    margin-bottom: 30px;
}
.top-product-item {
    background:#e16b09;
    padding: 30px;
    margin-top: initial;
    display: inherit;
    height: 200px;
}
.top-product-item:nth-child(2) {background:#11213b;}
.top-product-item h5{color: #060011;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 15px;font-size: 18px;}
.top-product-item h5 a{color:#FFF;}
.top-product-item p {
    margin: 0;
    color: #ffffff;
    opacity: 0.9;
    text-transform: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}
.about-us{position: relative;}
.shape-right-top {
    position: absolute;
    right: 0;
    top: -10px;
    z-index: -1;
    max-width: 22%;
}
.shape-right-top img {
    border: none;
    outline: none;
    max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.about-us .pl-50 {
    padding-left: 15px;
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;}
.top-product-item {
    margin: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.about-us .thumb > img {
    margin: auto;
    max-width: 100%;
    border-radius: inherit;
}
.about-us .thumb .sub-item {
    left: auto;
    right: 0;
    display: none;
}
.top-product-item {
    float: left;
    width: 100%;
    margin: 0;
    margin-right: 4% !important;
    margin-top: 0px !important;}
.top-product-item:last-child {
    margin-right: 0 !important;margin-bottom: 25px;}
}


/*service*/

.bg-gray {
    background: #f4f6f9;
}


.bg-gray .heading-left .left-info {
    border-right: 1px solid #cccccc;
}
.heading-left .left-info {
    padding-right: 50px;

}
.right-info p{font-size: 16px;
    color: #808080;
    margin-bottom: 10px;
    line-height: 27px;}

.mtb-20{margin-bottom: 20px;margin-top: 15px;}
.product-card{position: relative;}
/*.product-card:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 150px;
    width: 150px;
    background: #f6c25e;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}*/
/*.product-card{
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 218px;
    width: 218px;
    background: #f6c25e;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, 6%);
}*/
.card_product img{filter: grayscale(100%);}
.card_product{background: #f7f9fb;
    border: 1px solid #f7f9fb;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.card_product:hover img{filter:initial;}
.card_product:hover{
    background: #ffffff;
    transition: all 0.3s ease;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    cursor: pointer;
}
.product-card img {
    height: 120px;
    width: auto !important;
}
.product-card  {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
    margin-top: 18px;
}
.text_center{text-align: center;}
 .product-card__name button{padding: 15px;
    font-size: 15px;}
.service_carousel .item a{/*padding: 50px 0px;
    background: #ffffff;*/
    position: relative;
    z-index: 1;}
/*.align_centerr{text-align: center;}*/
/*{color: #030008;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 15px;}*/
.product-showcase{position: relative;}
/*.product-showcase:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 30%;
    width: 100%;
    background: #c7d9f1;
    z-index: 1;
}*/
.service_carousel{position: relative;z-index: 2;}
.notis_bordarea .thumb{position: relative;}
.notis_bordarea .thumb img{width: 100%;}
.notis_bordarea .thumb:after {
    position: absolute;
    left: -20px;
    top: 30px;
    bottom: 30px;
    content: "";
    width: 20px;
    background: #48ab60;
    z-index: 1;
    transform: skew(0);
}
.notis_bordarea {
    padding: 70px 0;
    width: 100%;
    margin: auto;
}
.notis_bordarea .thumb img {
    padding-right: 50px;
}
    /*notice*/
.holder { 
  
  width:100%;
  height:100%;
  overflow:hidden;
  background: #f1f7ff;
    text-align: left;
    border-radius: 0;
    box-shadow: 1px 0px 5px 1px #dbdbdb;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
    height: 100%;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:100%;
  height:400px;
  overflow: hidden;
  padding: 25px 25px 25px 25px;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
  border-bottom: dashed 1px #1e4b3a;
}
.holder ul li span{display: block;padding-bottom: 10px;}
.holder ul li a {
  color: #e26c0a;
  font-size: 18px;
  text-decoration:none;
}
.holder .title{text-align: center;
    color: #FFFF;
    background:#11213b;
    font-size: 17px;
    padding: 10px;}


.contabg{

    background: #FFF no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}

.posright{    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right bottom;}
.social-media-links svg path{fill:#fff !important;}

.list_fot{display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
  margin-bottom: 30px;}

  .footer-item.about {
    padding-right: 50px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    margin-right: 20px;
}
.footer-item .logo {
    height:54px;
}
.footer-item .widget-title {
    font-weight: 800;
}
.text-light h4{color: #424242;margin-bottom: 30px;font-size: 20px;}
.footer-item.link li a {
    font-weight: 500;
    color: #686868;
    font-size: 16px;
}
.footer-item.link li {
    margin-top: 12px;
}
.footer-item.link li:first-child {
    margin: 0;
}
.footer-item.contact li {
    color: #dedede;
}
.footer-item.contact li {
    display: flex;
    margin-top: 20px;
}
.footer-item.contact li strong {
    display: block;
    text-transform: uppercase;
    color: #686868;
    font-size: 14px;
}
.footer-item.contact li i {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    margin-right: 20px;
    background: rgb(206 0 0);
    color: #ffffff;
    border: 1px dashed rgb(206 0 0);
    font-weight: 300;
    font-size: 18px;
}
.footer-item.contact li a {
    color: #686868;
    font-weight: 500;
}
.footer-bottom {
    padding: 20px 0;
    background:#747474;
    position: relative;
    z-index: 1;
    padding-right: 30px;
    margin-top: 40px;
}
.footer-item .content{color:#686868;}
.footer-bottom p {
    margin: 0;
    color: #dedede;
    text-align: center;
}
.fas_pfoot svg path{fill:#d6d6d6 !important;}
.fas_pfoot svg {padding: 10px 2px 0;}
.check-solid-list li {
    position: relative;
    z-index: 1;
    line-height: 2;
    font-weight: 800;
    padding-left: 25px;
}

.iinerbnr_heading{text-align: center;
    padding-top: 165px;color:#FFF !important;
    font-size: 32px;}

@media (max-width: 1199px){
.container {
    max-width: 91%;}
.top-bar-area .social{padding: 10px 17px;}
}
@media (max-width: 1000px){
.top-bar-area .social{padding: 10px 0px;}
}
@media (max-width: 991px){
.top-bar-area .social {
    padding: 5px 0 0px;
}
.top-bar-area .flex-item {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;}
.text-end {
    text-align: center !important;
}
.top-bar-area .social {
    display: block;
    background: initial;
    border-top: solid 1px #9d9d9d;
    width: 100%;
    text-align: center;
}
.item_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.about-us .thumb {
    position: relative;
    width: 600px;
    margin: 20px auto 25px;
}
.top-bar-area .flex-item.left ul li:last-child{
    border-right: none;
    padding-right: 25px;
}


}

@media (max-width: 512px){
.header-height-adjuter {
    height: 330px;}
.header-height-adjuter h2{
    font-size: 21px;}
}

.our-team {
    position: relative;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 5px #808080;
    margin-bottom: 35px;
    margin-top: 25px;
    cursor: pointer;
}
.our-team img {
    width: 100%;
    height: 540px;
    transition: all 0.50s linear 0s;

}
.our-team .team-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 20px;
    background: rgba(152, 197, 112, 0.95);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.our-team .team-prof {
    margin: 20px 0;
    position: relative;
    top: 13%;
    font-size: 25px;
    font-weight: bold;
    color:#FFF;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.our-team .social-link {
   padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 13%;
    color: #FFF;
    font-size: 18px;
    line-height: 26px;
}
.our-team .team-prof small {
    display: block;
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
}
.our-team .team-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 20px;
    background:rgb(0 0 0 / 74%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.our-team:hover .team-content {
    opacity: 1;
}