/* all  */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700&display=swap");

/* arial font face start */

/* @font-face {
    font-family: 'Arial Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('./arial-webfont/ARIAL.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow'), url('./arial-webfont/ARIALN.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Italic'), url('./arial-webfont/ARIALI 1.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Italic'), url('./arial-webfont/ARIALI.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Narrow Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Italic'), url('./arial-webfont/ARIALNI.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium'), url('./arial-webfont/ArialMdm.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium Italic'), url('./arial-webfont/ArialMdmItl.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('./arial-webfont/ARIALBD 1.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('./arial-webfont/ARIALBD.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Narrow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Bold'), url('./arial-webfont/ARIALNB.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold Italic'), url('./arial-webfont/ARIALBI 1.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold Italic'), url('./arial-webfont/ARIALBI.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Narrow Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Bold Italic'), url('./arial-webfont/ARIALNBI.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Black';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black'), url('./arial-webfont/ARIBLK.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black Italic'), url('./arial-webfont/ARIALBLACKITALIC.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Regular'), url('./arial-webfont/ARIALLGT.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial CE Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Regular'), url('./arial-webfont/ArialCE.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial CE MT Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE MT Black Regular'), url('./arial-webfont/ArialCEMTBlack.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial CE Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Bold'), url('./arial-webfont/arialceb.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Italic'), url('./arial-webfont/ARIALLGTITL.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial CE Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Italic'), url('./arial-webfont/ArialCEItalic.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Arial CE Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Bold Italic'), url('./arial-webfont/ArialCEBoldItalic.woff') format('woff');
  } */

/* arial font face End */


body {margin: 0;padding: 0;}
span,a,p,body {color: #000;font-size: 15px;font-weight: 500;font-family: "poppins", "sans-serif";margin: 0;padding: 0;}
body.mobile-nav-active {overflow: hidden;}
span {flex: 0 0 auto;display: block;}
a {display: block;text-decoration: none;}
ul {list-style: none;padding: 0;margin: 0;}
.main-page ol{list-style: auto;padding-left: 2.1rem;margin: 2rem 0;}
.main-page ul {list-style: disc;padding-left: 2.1rem;margin: 2rem 0;}
.main-page ol li,.main-page ul li{margin-bottom: 5px;}
img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.h-container {max-width: 1650px;/* padding: 0 15px; */margin: 0 auto;}
.flex-all {display: flex;justify-content: start;align-items: center;}
.btn {border-radius: 27px;border: 1px solid #fff;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.btn:hover {box-shadow: 0px 0px 10px 0px rgba(52, 52, 52, 0.35);transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.h2-style {font-size: 28px;font-weight: 600;line-height: normal;margin-bottom: 24px;display: block;}
/* 01 header start  */
.header {color: #000;background-color: #fff;transition: all 0.5s;position: relative;z-index: 997;box-shadow: 0px 18px 20px 0px rgba(0, 0, 0, 0.1);/* box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); */position: sticky;top: 0;}
.header.add {position: sticky;top: 0;border-color: transparent;box-shadow: 0 0 25px rgb(0 0 0 / 38%);}
.navbar {display: flex;justify-content: space-between;padding: 0.7rem 1rem;align-items: center;}
.nav-logo img {max-width: 214px;width: 100%;max-height: 56px;height: 100%;}
.nav-logo {display: block !important;}
.nav-item {position: relative;display: inline-block;}
.navbar-nav {display: flex;align-items: center;}
.nav-item .nav-link {color: #343434;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;padding: 1rem;}
/* .nav-item .nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #3B4498;
} */
 .blog-details ul{margin:4px 0;}
.nav-item .nav-link.active {color: #3b4498;font-weight: 600;background-color: transparent !important;}
.menu-arrow img {max-width: 12px;max-height: 7px;transform: rotate(180deg);width: 100%;height: 100%;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;filter: grayscale(1);-webkit-filter: grayscale(1);}
.nav-link.flex-all {gap: 5px;}
.roff-button{white-space: nowrap; cursor: pointer;}
.roff-button,.header-btn {background-color: #2f6581 !important;border-radius: 25px;border: none;padding: 0.58rem 1rem;color: white;font-size: 14px;font-weight: 500;letter-spacing: 0.3px;display: inline-block;}
/* meha product menu start  */
.product-mega-menu {display: flex;max-width: 1600px;width: 100%;}
/* .product-list-main{
  padding: 0;
} */
.product-mega-list {background-color: #192169;padding: 2rem;border-radius: 0 0 0 37.302px;-webkit-border-radius: 0 0 0 37.302px;-moz-border-radius: 0 0 0 37.302px;-ms-border-radius: 0 0 0 37.302px;-o-border-radius: 0 0 0 37.302px;width: 35%;}
.product-mega-sub-list {padding: 2rem;/* margin: auto; */width: 100%;}
.mega-product-title a:hover{color: rgba(179, 210, 54, 1) !;}
.mega-product-title a,.mega-product-title {color: #fff;font-size: 18px;font-weight: 600;line-height: 24.868px;letter-spacing: 0.6px;}
.product-mega-item .nav-link {display: flex;width: auto;height: 30px;padding: 0px 0;align-items: center;color: rgba(226, 226, 226, 1);font-weight: 400;}
/* .product-mega-item .nav-link.arrow-active, */
.product-mega-item .nav-link:hover {color: rgba(179, 210, 54, 1) !important;}
.product-mega-list ul {list-style: disc;padding-left: 1.5rem;}
.product-mega-list ul li::marker {color: #fff;}
.sub-product-list .nav-link span {color: #3c3a3a;font-size: 13px;font-weight: 600;line-height: 18.651px;letter-spacing: 0.298px;white-space: break-spaces;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.product-mega-item {margin-bottom: 1.5rem;width: 100%;}
.sub-product-list .nav-link {padding: 2rem 3rem;background-color: #ffffff;border-radius: 8px;transition: 0.3s;padding-left: 8px !important;}
.sub-product-list .nav-link:hover{transition: 0.3s;background-color: #E9E9E9;}
span.copy-footer a,.mega-footer-menu1 a,.mega-footer-menu a{color: #FFF;}
.footer-subscribe-error label.error {position: absolute;top: -1.5rem;left: 1rem;color: #ff0000;width: 280px;}
span.copy-footer {flex: unset;justify-content: center;gap: 0 0.5rem;color: #ffffff;}
/* .footer-bottom-bar .footer-pct-link a, */
/* .footer-bottom-bar span.copy-footer { */
.footer-bottom-bar span.copy-footer text,.footer-bottom-bar span.copy-footer a:last-child{font-size: 13px;}
.footer-logo {justify-content: start;}
section.footer-bottom {margin-top: 8rem;}
.footer-bottom span img {max-width: 273px;max-height: 296px;width: 100%;height: 100%;}
.footer-subscribe {padding: 1rem;}
.input-subscribe:focus-visible{outline: none;border: none;}
.footer-subscribe img {width: 18px;height: 100%;}
.ins-logofooter {max-width: 32px;filter: grayscale(1);transition: 0.3s all;}
.ins-logofooter:hover {filter: grayscale(0);transition: 0.3s all;}
.ins-logofooter img {transform: rotateY(360deg);}
.ins-logofooter:hover img{animation: insbot 0.5s linear;}
/* header top contact line css start  */
.header-top-contact {border-bottom: 1px solid #b3d236;padding: 0 1rem;}
.header-top-contact .h-container{padding: 0 1rem;}
.h-contact-links a {margin-left: 4px;color: #3b4498;font-weight: 600;transition: 0.3s;}
.h-contact-links a:hover {color: #669c4f;transition: 0.3s;}
.h-contact-items{justify-content: space-between;}
/* header top contact line css End  */
@keyframes insbot {0% {transform: rotatey(0);}100% {transform: rotatey(360deg);}}
.whats-icone img {max-width: 116px;max-height: 115px;width: 100%;height: 100%;transform: translateX(0);animation: bot 2s linear;-webkit-animation: bot 2s linear;}
@keyframes bot {0% {transform: translateX(10rem);}100% {transform: translateX(0);}}
/* footer tooltip Start */
.footer-tooltip a {margin: 0 !important;}
.footer-tooltip {position: relative;display: inline-block;cursor: pointer;color: #f1f1f1;border-radius: 1em;transition: 0.3s;}
.footer-tooltip .tooltip-ins {visibility: hidden;width: 200px;background-color: #ffffffd9;color: #000000;text-align: center;border-radius: 5px;padding: 8px;position: absolute;z-index: 999;bottom: unset;top: -4.5rem;left: auto;right: auto;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;font-size: 13px;line-height: normal;letter-spacing: 0.5px;}
.footer-tooltip:hover .tooltip-ins {visibility: visible;opacity: 1;}
/* footer tooltip End */
/* .whats-icone {
  right: 1rem;
  animation: bot 2s linear;
  -webkit-animation: bot 2s linear;
}
@keyframes bot {
  0% {
    right: -14rem;
    transition: 2s;
}
100% {
    right: 1rem;
    transition: 2s;
}
} */
.tooltip {display: inline;position: relative;/* z-index: 9999; */}
.tooltip:after {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;text-align: center;background-color: #fff;border-radius: 50px;content: attr(title);padding: 6px 10px;width: 130px;position: absolute;top: -4rem;right: 0;color: #363636;font-size: 12px;font-weight: 500;line-height: 14px;/*border: 2px solid hsl(0, 0%, 81%);*/animation: tooltip 3s;box-shadow: 0 0 24px #00000091;}
/* @keyframes tooltip0 {
  0% {
  width: 0;
  height: 0;
}
  100% {
   height: auto;
  width: 130px;
}
} */
.tooltip:before {content: "";position: absolute;width: 19px;height: 15px;background-color: #ffffff;right: 28%;top: -1.56rem;z-index: 1;clip-path: polygon(50% 100%, 0 0, 100% 0);animation: tooltip 3s;-webkit-animation: tooltip 3s;}
@keyframes tooltip {0% {opacity: 0;}80%{opacity: 0;}81%{opacity: 0.1;}84%{opacity: 0.2;}86%{opacity: 0.3;}88%{opacity: 0.4;}90%{opacity: 0.5;}92%{opacity: 0.6;}94%{opacity: 0.7;}96%{opacity: 0.8;}98%{opacity: 0.9;}100% {opacity: 1;}}
.footer-logo img {max-width: 214px;width: 100%;max-height: 57px;height: 100%;}
.mega-footer-menu.footer-menu-none {display: flex;}.whatsapp-btn {width: 35px;}
.pcard-whatsapp-btn a.btn.find-btn.find-dealer-btn {width: 180px;margin: auto;gap: 0.5rem;}
.product-mega-list.flex.flex-col.justify-center.items-start {height: 561px;width: 500px;max-width: 500px;min-width: 500px;/* justify-content: center; */}
/* new  */
.sub-product-list li {width: 173px;}
.sub-product-list{max-height: 501px;}
.webproductlistdropdoun{display: flex;}
.seomore-btn-group{max-height: 340px;height: 100%;}
.seomore-btn-group.\!block{max-height: 100%;height: 100%;}
.show-more-full {overflow: hidden;}
/* .show-more-full.active {-webkit-line-clamp: inherit;overflow: visible;height: 100%;} */
.show-more {
  cursor: pointer;
  background: #fff;
  color: #3b4498b9;
  padding: 1rem 0;
  font-weight: 600;
  position: relative;
  z-index: 1;
  margin-top: 0;
  background: unset;
  background-color: transparent;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.show-more.show-more2 {
  cursor: pointer;
  background: #fff;
  padding: 1rem 0;
  position: relative;
  z-index: 1;
  margin-top: -38px;
  background: -o-linear-gradient(#ffffff6e, #fff, #fff);
  background: -webkit-gradient(linear,left top,left bottom,from(#ffffff6e),color-stop(#fff),to(#fff));
  background: linear-gradient(#ffffff6e, #fff, #fff);
}
.show-more2.readlessactive {
  margin: 0;
  display: block;
}
.readmoreactive, .readless {
  display: none;
}
.seomore-btn-group a {display: inline-block;margin: 0 4px;color: #000;}
@media (min-width: 991px) {
  .mobileproductlistdropdoun{display: none;}
  .nav-item:hover .nav-link.head-link,
  .nav-item .nav-link:hover {color: #3b4498;/* font-weight: 600; */}
  .navbar-toggler {display: none;}
  .nav-item:hover .nav-link .menu-arrow img {
    transform: rotate(0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
  }

  /* dropdoun menu  */
  .dropdown-box {
    position: absolute;
    left: 10px;
    padding: 10px 1rem;
    background-color: #fff;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 998;
    box-shadow: -2px 5px 18px hsl(0deg 0% 49.85% / 50%);
    border-radius: 8px;
}

.dropdown-box.product-list-main {
  padding: 0.7rem 0 0 0;
  position: fixed;
  left: 20%;
  right: 0%;
  border-radius: 0 0 37px 37px;
  background-color: transparent;
  box-shadow: none;
}

.product-mega-menu {
  background-color: #fff;
  box-shadow: 0px 12px 25px hsl(0deg 0% 49.85% / 50%);
  border-radius: 0 0 37px 37px;
}

/* .product-mega-list.flex.flex-col.justify-center.items-start {
  height: 561px;
} */

/* .mega-sub-list-item{
  display: none;
} */

.mega-sub-list-item {
  /* height: 100%;
  opacity: 0;
  -webkit-transition: opacity .7s linear;
  transition: opacity .7s linear;
  visibility: hidden;
  z-index: -1;
  margin: 0;
  width: 100%; */
  transition: opacity .7s linear;
  display: none;
  overflow: auto;
}

/* .mega-sub-list-item.show{
  display: block;
} */

.mega-sub-list-item.show {
  /* opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 9; */
  display: block;
}

  .dropdown-box .nav-link {
    text-wrap: nowrap;
    padding: 8px 8px 8px 0;
  }

  /* .dropdown-box .nav-link:hover,
  .dropdown-box .nav-link.active{
    font-weight: 400;
  } */

  .nav-item:hover .dropdown-box {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
  }

  .sub-product-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem 5rem;
    padding: 0 2rem;
    max-height: 501px;
} 

  .sub-product-list img {
    width: 100px;
    max-height: 93px;
    height: 100%;
    margin: auto;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center;
}
}