:root{overflow-x: hidden;}
.main-nav {
  /* background: #eee; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

@media (min-width: 992px) {
  .main-nav {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
  }
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font-family: 'Overpass', sans-serif;
  overflow: hidden;
}

.nav-brand {
  padding: 4px 0;
}

.nav-brand a {
  display: block;
  /* color: #555; */
  font-family: 'Overpass';
  font-size: 22px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

#main-menu {
  clear: both;
}

@media (min-width: 992px) {
  #main-menu {
    /* float: right; */
    clear: none;
  }
}

@media (max-width:991px) {
  #main-menu {
    width: 300px;
    overflow-y: auto;
    position: fixed;
    background: #fff;
    padding: 20px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    display: block !important;
    right: -350px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 0;
  }
  #main-menu li {
    padding: 10px 0;}

  .nav-icon .bi {
    position: absolute;
    top: 14px;
    right: 66px;
  }

  .social-icons {
    display: none;
  }
  .navbar_header .sm-clean a, .navbar_header .sm-clean a:active, .navbar_header .sm-clean a:focus, .navbar_header .sm-clean a:hover {
    padding-right: 15px;
}
}

/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 6px 10px;
  position: relative;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  right: 0px;
  top: 16px;
  z-index: 9999;
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  right: 2px;
  height: 2px;
  width: 24px;
  background: #555;/* 
  -webkit-transition: all 0.25s;
  transition: all 0.25s; */
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

/* #main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
 */

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked)~#main-menu {
  display: none;
}

#main-menu-state:checked~#main-menu {
  display: block;
}

@media (min-width: 992px) {

  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }

  /* always show the menu in desktop view */
  #main-menu-state:not(:checked)~#main-menu {
    display: block;
  }
}


/* IGNORE: Unrelated generic demo styles */

body {
  font-family: 'Overpass', sans-serif !important;
  /* overflow-x: hidden; */
}

.demo-text {
  margin: 3em 22px;
}

.demo-text p {
  margin-bottom: 1em;
}

.demo-text a {
  color: #999;
}


/* navbar */

.navbar-header {
  padding: 0;
}

.navbar-header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  max-width: 100%;
  height: auto;
}

.navbar-header .sm-clean {
  background: none;
  margin-left: 25px;
  padding: 8px 16px !important;
}

.navbar-header .sm-clean .active {
  color: #d12233;
  font-weight: 500;
}
.sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover{
  color: #d12233;
}
.sm-clean a, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover{
  font-weight: 500;
}
.sm-clean ul a, .sm-clean ul a:active, .sm-clean ul a:focus, .sm-clean ul a:hover{
  font-size: 18px;
  color: #d12233;
  background: none;
}

.navbar-header ul li a {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.navbar-header .sub-menu{
  width: 17em;
}
.navbar-header .sub-menu li{
  width: 17em;
}
.navbar-header .sub-menu li a{
  font-size: 15px;
  font-weight: 400;
  padding: 15px;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{
  height: 25px;
  width: 25px;
  background: transparent;
  position: fixed;
  right: 20px;
  top: 23px;
  margin-top: 15px;
  z-index: 999;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon::after{
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 999;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon::before{
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 999;
}
.navbar-header .nav-icon {
  margin-left: 15px;
}

.navbar-header .nav-icon .bi::before {
  padding: 16px 0;
  font-size: 20px;
  color: #d12233;
}

.navbar-header .social-icons {
  margin-right: 20px;
}

.navbar-header .social-icons a {
  height: 30px;
  width: 30px;
  background: #000;
  border-radius: 100%;
  display: inline-block;
}

.navbar-header .social-icons .bi::before {
  font-size: 16px;
  filter: brightness(100);
  padding: 7px;
}

.banner {
  position: relative;
}

.banner .banner-text {
  position: absolute;
  top: 45%;
  left: 8%;
  z-index: 1;
}

.banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {
  font-size: 76px;
  color: #d12233;
  font-weight: 900;
}
.banner .banner-text h1,.banner .banner-text h4{ color: #006dbc;}

.banner .banner-text p {
  font-size: 26px;
  font-weight: 600;
}
.banner .carousel-control-next, .carousel-control-prev{
  opacity: 1;
}
.banner .carousel-control-next:hover, .carousel-control-prev:hover{
  opacity: .6;
}
.banner .carousel-control-prev-icon {
  background-color: #d12233;
  height: 54px;
  width: 35px;
  left: 25%;
  position: absolute;
}

.banner .carousel-control-next-icon {
  background-color: #d12233;
  height: 54px;
  width: 35px;
  right: 25%;
  position: absolute;
}


/* about-us */

.about-us {
  padding: 70px 0;
}
.about-us .about-img{
  margin-bottom: 15px;
}
.about-us .about-text h2 {
  font-size: 120px;
  -webkit-text-stroke: 1px #d3d3d3;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 77px;
  margin: 0;
}

.about-us .about-text strong {
  font-size: 36px;
  margin-top: -40px;
  display: inline-block;
}

.about-us .about-text strong span {
  color: #d12233;
}

.about-us .about-text p {
  line-height: 30px;
  text-align: justify;
  font-size: 18px;
  font-family: PT Sans;
  color: #555;
}


/* .about-us .about-text .about-btn {
  border: 1px solid #000;
  padding: 3px;
  height: 40px;
  width: 60px;
} */

.about-us .btn {
  padding: 10px 40px;
  background: #000;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  min-width: 160px;
  position: relative;
}

.about-us .btn::after {
  position: absolute;
  content: '';
  border: 1px solid#000;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
}


/* recent-launch */

.recent-launch {
  padding: 50px 0;
  position: relative;
}

.recent-launch .recent-background {
  background-size: cover !important;
  background-position: 50% 50% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.recent-launch .container-fluid {
  position: relative;
  z-index: 1;
}

.recent-launch .recent-title h3 {
  font-size: 120px;
  -webkit-text-stroke: 1px #cdacac;
  color: transparent;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 78px;
}

.recent-launch .recent-text {
  padding: 15px;
}

.recent-launch .recent-text span {
  font-size: 36px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
  display: inline-block;
}

.recent-launch .recent-text p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 15px;
  max-width: 75%;
}


/* .recent-launch .recent-btn {
  border: 1px solid #fff;
  padding: 3px;
  display: inline-block;

} */

.recent-launch .btn {
  padding: 10px 40px;
  background: #fff;
  color: #000;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  min-width: 160px;
  position: relative;
}

.recent-launch .btn::after {
  position: absolute;
  content: '';
  border: 1px solid#fff;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
}

.recent-launch .owl-carousel .item {
  margin: 10px;
}

.recent-launch .owl-nav button.owl-prev {
  background: #fff;
  width: 48px;
  height: 35px;
  color: #000;
  font-size: 24px;
  position: absolute;
  top: 33%;
  left: -1%;
}

.recent-launch .owl-nav button.owl-next {
  background: #fff;
  width: 48px;
  height: 35px;
  color: #000;
  position: absolute;
  top: 33%;
  right: -1%;
  font-size: 24px;
}

.recent-launch .owl-nav button::after {
  position: absolute;
  content: '';
  border: 1px solid#fff;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
}

.owl-carousel .item img {
  margin-bottom: 30px;
}

.owl-carousel .item .box h3 {
  color: #fff !important;
  font-size: 26px;
  font-weight: 500;
  text-transform: capitalize;
}

.owl-carousel .owl-nav {
  display: block;
}


/* category */

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

.category .title h4 {
  font-size: 120px;
  -webkit-text-stroke: 1px #d3d3d3;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 79px;
  margin: 0;
}

.category span {
  color: #d12233;
  font-size: 36px;
  font-weight: 600;
  margin-top: -40px;
  display: inline-block;
  margin-bottom: 25px;
}

.category .category-img {
  position: relative;
  margin-bottom: 15px;
}

.category .category-text {
  position: absolute;
  left: 7%;
  top: 10%;
}

.category .category-text h4 {
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 24px;
}


/* .category-img .category-btn {
  border: 1px solid #7e7e7e;
  padding: 3px;
  display: inline-block;

} */

.category-text .btn {
  padding: 10px 40px;
  background: #d12233;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  min-width: 160px;
  position: relative;
}

.category-text .btn::after {
  position: absolute;
  content: '';
  border: 1px solid#000;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
}

.category .col-lg-4:first-child,
.category .col-lg-4:nth-child(2) {
  width: 50%;
}

.category .category-img:nth-child(3) {
  filter: grayscale(1);
}

.clients {
  padding: 60px 0;
}

.clients .client-title h5 {
  font-size: 120px;
  -webkit-text-stroke: 1px #d3d3d3;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 79px;
  margin: 0;
}

.clients span {
  color: #d12233;
  font-size: 36px;
  font-weight: 600;
  margin-top: -40px;
  display: inline-block;
  margin-bottom: 25px;
}

.clients .item {
  border: 1px solid #d6d6d6;
  margin: 10px;
}

.clients .item .box {
  padding: 25px 15px;
}

.clients .box img {
  margin-bottom: 0;
}

.clients .owl-carousel .owl-nav.disabled {
  display: block;
}

.clients .owl-nav button.owl-prev {
  width: 48px;
  height: 35px;
  font-size: 24px;
  position: absolute;
  top: 29%;
  left: -5%;
}

.clients .owl-nav button.owl-prev span {
  color: #000 !important;
}

.clients .owl-nav button.owl-next {
  width: 48px;
  height: 35px;
  font-size: 24px;
  position: absolute;
  top: 29%;
  right: -5%;
}

.clients .owl-nav button.owl-next span {
  color: #000 !important;
}
.clients .btn {
  padding: 10px 40px;
  background: #d12233;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  min-width: 160px;
  position: relative;
}
.clients .btn:after{position: absolute; content: ''; left: -4px; right: -4px; bottom: -4px; top: -4px; border: 1px solid #000;}

/* testimonial */

.testimonials {
  padding: 50px 0;
}

.testimonials .testimonial-title h6 {
  font-size: 120px;
  -webkit-text-stroke: 1px #d3d3d3;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 80px;
  margin: 0;
}

.testimonials span {
  color: #d12233;
  font-size: 36px;
  font-weight: 600;
  margin-top: -40px;
  display: inline-block;
  margin-bottom: 25px;
}

.testimonials .item {
  padding: 30px;
}

.testimonials .item .box p img {
  width: 50px;
}

.testimonials .item .box .d-flex img {
  width: 55px;
  padding: 5px;
  line-height: 20px;
  height: 55px;
}

.testimonials .item .box .d-flex strong {
  font-size: 20px;
  margin-left: 35px;
}

.testimonials .item .box .d-flex strong span {
  font-size: 18px;
  font-weight: 400;
  color: #555;
}

.testimonials .item .box p:nth-child(2) {
  font-size: 16px;
  line-height: 30px;
  color: #555;
}

.testimonials .owl-nav button.owl-prev {
  width: 48px;
  height: 35px;
  font-size: 24px;
  position: absolute;
  top: 29%;
  left: -5%;
}

.testimonials .owl-nav button.owl-prev span {
  color: #000 !important;
}

.testimonials .owl-nav button.owl-next {
  width: 48px;
  height: 35px;
  font-size: 24px;
  position: absolute;
  top: 29%;
  right: -5%;
}

.testimonials .owl-nav button.owl-next span {
  color: #000 !important;
}


/* footer */

.footer {
  padding: 60px 0;
  background: #d12233;
}

.footer h2,
h3,
h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
}

.footer p {
  color: #fff;
  font-size: 16px;
  font-family: PT Sans;
  display: flex;
}

.footer p .bi {
  margin-right: 15px;
}

.footer ul {
  list-style: none;
  padding: 0;
}

.footer ul li a {
  text-decoration: none;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  font-family: PT Sans;
}

.footer .footer-icon {
  margin-right: 20px;
}

.footer .footer-icon a {
  height: 30px;
  width: 30px;
  background: #d12233;
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #fff;
}

.footer .footer-icon .bi::before {
  font-size: 16px;
  padding: 6px;
  color: #fff;
}

.copyright {
  padding: 15px 0;
  background: #000;
}

.copyright p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 12px;
  background: #fff;
  border: 0;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: block;
  line-height: 45px;
  text-align: center;
  color: #000;
  z-index: 9999;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
}

.search{
  width: 20%;
  position: absolute;
  right: 24%;
  top: 65px;
  display: none; 
}
.search .form-control{
  border-radius: 1.25rem;
}
.search .btn{
  padding: 6px 30px;
background: #d12233;
color: #fff;
border-radius: 0;
font-size: 16px;
font-weight: 500;
margin-left: -17px;
border-radius: 01.523rem 01.523rem 0;
}

            /* about-us */
.banner-inner  {
  padding: 15px 0;
  background: #d12233;
}
 
 
.banner-inner h1{
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  display: block; 
  margin: 0;
  text-transform: capitalize;
}
.banner-inner ul{ 
  margin-bottom: 0;
}
.banner-inner ul li{
  margin-right: 10px;
}
.banner-inner   ul li a{
  color: #fff;
  text-decoration: none;
  font-size: 16px;

}
.banner-inner   ul li{
  color: #ddd;
  font-size: 16px;
}
.inner-about{
  padding: 50px 0;
}
.inner-about h2{
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
  
}
.inner-about h2 span{
  color: #d12233;
}
.inner-about p{
  font-size: 16px;
  color: #555;
  line-height: 35px;
  text-align: justify;
  font-family: PT Sans;
}

.mission{
  padding: 40px 0;
}
.mission .col-lg-6:first-child{
  position: relative;
}
.mission .mission-background{
  background-size: cover !important;
  background-position: 38% 50% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.mission .mission-text{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 30px;
}
.mission .col-lg-6:last-child{
  background: #000;
}
.mission h3{
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}
.mission p{
  color: #fff;
  font-size: 18px;
  line-height: 35px;font-family: PT Sans;
}
.mission .vision-text{
  position: relative;
  z-index: 1;
}
.mission h4{
  color:#d7d7d7;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}
.mission .vision-text p{
  font-size: 18px;
  color: #d7d7d7;
  line-height: 35px;
}
.mission .vision-text ul{
  list-style: none;
  color: #d7d7d7;
  padding: 0;
}
.mission .vision-text ul li{
  line-height: 35px;
  font-size: 18px;
  font-family: PT Sans;
}
.mission .vision-text ul li .bi{
  color: #d7d7d7;
  margin-right: 8px;
}
.mission .vision-text ul li .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before{
  font-size: 22px;
}
.mission .vision-img{
  padding: 10px;
}
.quality{
  padding: 50px 0;text-align: center;
  background: #f5f5f5;
}
.quality .quality-text h5{
  font-size: 36px;
  font-weight: 600;
}
.quality .quality-text h5 span{
  color: #d12233;
}
.quality .quality-text p{
  font-size: 18px;
  color: #555;
  line-height: 35px;
  font-family: PT Sans;
}

/**/
.director-message { position: relative;}
.director-message p {font-family: PT Sans;}
.director-message h5{font-size: 24px; font-weight: 600;}
.director-message img.img-fluid{ border-radius: 8px;}

/* contact-us */
.contact-us{
  padding: 60px 0;
}
.contact-us h2, .contact-us h3{
  font-size: 36px;
  color: #000;
  font-weight: 700;
  letter-spacing: 0em;
  margin-bottom: 30px;
}
.contact-us p{ font-family: PT Sans;}
.contact-us p .bi{
  color: #d12233;
  margin-right: 10px;
}
.contact-us .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before{
  font-size: 18px;
}
.contact-us input{
  line-height: 30px;
  /* border-radius: 0; */
  font-family: PT Sans;
}
.form-control::placeholder{
  color: #d6d6d6;
  font-size: 16px;
}
.contact-us .btn {
  padding: 10px 40px;
  background: #d12233;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  min-width: 160px;
  position: relative;
}
.contact-us .btn::before{ content: ''; position: absolute; border: 1px solid #000; left: -4px; right: -4px; top: -4px; bottom: -4px;}

.contact-us label{ font-family: PT Sans; margin-bottom: 10px;}

/* .contact-us .btn:hover{
  color: #d12233;
  background: #fff;
  border: 1px solid #d12233;
} */

/* products */

.product-inner{padding: 60px 0;
}
.product-inner .sidebar {
  position: relative;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  margin-right: 15px;
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.07);
}
.product-inner .sidebar p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  background: #000;
  padding: 12px 30px; 
}
.product-inner .sidebar ul {
  padding-left: 0; 
}
.product-inner .sidebar ul li {
  list-style: none; 
}
.product-inner .sidebar ul li:last-child a {
  border-bottom: 0; 
}
.product-inner .sidebar ul li a {
  color: #000; 
  font-family: PT Sans;
}
.product-inner .sidebar ul li a .bi {
  font-size: 12px;
  float: right; 
}
.product-inner .sidebar ul li .list-title {
  font-size: 15px;
  color: #000;
  padding: 15px 20px;
  border-bottom: 1px solid #f5f5f5;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  text-decoration: none; 
}
.product-inner .sidebar ul li .active {
  color: #d12233;
  font-weight: 600; 
}
.product-inner .sidebar ul li ul li a {
  font-size: 15px;
  font-weight: 400;
  padding: 12px 30px;
  display: block; 
  color: #555;
}
  .product-inner .sidebar ul li ul li a:hover {
  color: #d12233; 
}
.product-inner h2{
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: inline-block;
  font-size: 24px;
  text-align: center;
  margin-bottom: 0px;
}
.product-inner a{
  text-decoration: none;
}
.product-inner .box {
/* margin-bottom: 30px;
text-align: center;  */
/* box-shadow: 0 0px 30px rgba(0, 0, 0, 0.02); */
margin-bottom: 15px;
text-align: center;
border: 1px solid #f1f1f1;
background: #f5f5f5;
/* padding: 15px 5px; */
}
.product-inner .box img {
  background: #fff;
  /* padding: 20px; */
  mix-blend-mode: multiply;
  
}
.product-inner span{
  font-size: 22px;
  color: #d12233;
  text-align: center;
  display: block;
  font-weight: 600;
}
.product-inner p{
  font-size: 18px;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  font-family: PT Sans;
  letter-spacing: .5px;
  font-weight: 500;
  text-transform: uppercase;
}

.product-inner .box p strong {
  font-weight: 400;
  font-size: 14px; 
}
.product-inner .box p span {
  font-weight: 300;
  font-size: 14px; 
}
.product-inner .product-box{ position: relative;}
.product-inner .product-box p{color: #000; font-size: 18px; font-weight: 600;}

/* .product-inner .box:hover img {
  background: #fff;
  box-shadow: none;
  border: 1px solid #eee;
  transition: .5s;
  transform: translateY(-10px); 
} */


.details{
  padding: 60px 0;
}
.details .detail-img{
  text-align: center;
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.07);
  padding: 35px;
  position: sticky;
  top: 50px;
  margin-left: 30px; 
  background: #fff;
}
.details h2{
  margin: 0 0 15px 0;
  font-family: "Roboto";
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  color: #333333;
  margin-bottom: 0px;
  line-height: 36px;
  justify-content: space-between;
}
.details h2 span{
  font-size: 16px;
color: #999;
font-weight: 400;
}
.details h2 span strong{
  display: block;
font-size: 24px;
font-weight: 600;
color: #000;
}
.details p{
  color: #555;
  font-size: 16px;
  line-height: 35px;
  text-align: justify;
  font-family: PT Sans;
  letter-spacing: .05em;
  font-weight: 500;
}
.details h3{
  color: #d12233;
  font-size: 18px;
  margin: 15px 0;
  background-color: #f2f2f2;
  padding: 10px 15px 8px 15px;
  font-size: 18px;
  text-transform: uppercase;
  border-left: 2px solid #000;
}
.details ul{
  list-style: none;
  padding: 0;
}
.details ul li{
  padding: 0;
  color: #555;
  font-size: 16px;
  line-height: 35px;
  font-family: PT Sans;
}
.details ul .bi{
  margin-right: 8px;
}
.details .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before{
  font-size: 18px;
}
.details h4{
  color: #000;
  font-size: 17px;
  margin-bottom: 5px;
  font-weight: 500;
}

.details table tr th{
  color: #000;
  font-weight: 600;
  font-family: PT Sans;
}
.details table tr td{
  font-size: 14px !important;
  font-weight: 300;
  font-family: PT Sans;
}
.details .drawing{
  text-align: center;
  padding: 25px;
  position: sticky;
  top: 20px;
}
.best-for{ position: relative; align-items: center;}
.best-for li{width: 80px; min-height: 70px; border: 1px solid #eee; margin-right: 5px;border-radius: 7px; text-align: center; padding: 8px 0 !important; line-height: 30px !important;}
.best-for li.active{background: #f0d705;}


@media (min-width: 1281px) and (max-width: 1440px) {
  .navbar-header ul li a {font-size: 18px;}
  .navbar-header .sm-clean {margin-left: 0;}
  .sm-clean a, .sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {padding: 12px 5px;}
  .sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {color: #d12233;}
  .navbar-header ul li a {font-weight: 500;}
  .sm-clean a, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {font-size: 18px;font-weight: 500;}
  .navbar-header ul li a {font-weight: 500;}

  .navbar-header .social-icons a{height: 28px; width: 28px;}
  .navbar-header .social-icons .bi::before{padding: 6px;}
  .banner .carousel-control-prev-icon{height: 45px; width: 28px; }
  .banner .carousel-control-next-icon{height: 45px; width: 28px;}
  .banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {font-size: 60px;}
  .banner .banner-text p{font-size: 22px;}
  .about-us .about-text h2{font-size: 100px; line-height: 70px;}
  .about-us .btn{padding: 7px 30px;min-width: 140px;font-size: 15px;}
  .recent-launch .recent-title h3{font-size: 100px; line-height: 50px;}
  .recent-launch .recent-text span{font-size: 30px;}
  .recent-launch .recent-text p{font-size: 16px;line-height: 25px;}
  .recent-launch .btn{padding: 7px 30px;min-width: 140px;font-size: 15px;}
  .recent-launch .owl-carousel .item img{margin-bottom: 15px;}
  .recent-launch .owl-carousel .item .box h3{font-size: 20px;}
  .category-text .btn{padding: 7px 30px;min-width: 140px;font-size: 15px;}
  .category{padding: 50px 0;}
  .category .title h4{font-size: 100px;line-height: 70px;}
  .category .category-text h4{font-size: 30px; margin-bottom: 16px;}
  .clients{padding: 20px 0;}
  .clients .client-title h5{font-size: 100px; line-height: 70px;}
  .testimonials{padding: 50px 0;}
  .testimonials .testimonial-title h6{font-size: 100px; line-height: 70px;}
  .testimonials .item .box p img{width: 36px;}
  .footer{padding: 35px 0;}
  .footer h2, h3, h4{margin-bottom: 22px;}
  .copyright{padding: 10px 0;}
  .copyright p{font-size: 14px;}
}
@media(min-width: 1200px) and (max-width: 1280px) {
  .navbar-header ul li a {font-size: 16px;}
  .navbar-header .sm-clean {margin-left: 0;}
  .sm-clean a, .sm-clean a.highlighted, .sm-clean a:active,.sm-clean a:focus, .sm-clean a:hover {padding: 12px 5px;}
  .sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {color: #d12233;}
  .navbar-header ul li a {font-weight: 500;}
  .sm-clean a, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {font-size: 16px;font-weight: 500;}
  .navbar-header ul li a {font-weight: 500;}
  .navbar-header .social-icons a{height: 28px; width: 28px;}
  .navbar-header .social-icons .bi::before{padding: 6px;}
  .banner .carousel-control-prev-icon{height: 45px; width: 28px;}
  .banner .carousel-control-next-icon{height: 45px; width: 28px;}
  .banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {font-size: 60px;}
  .banner .banner-text p{font-size: 22px;}
  .about-us .about-text h2{font-size: 100px; line-height: 70px;}
  .about-us .btn{padding: 7px 30px;min-width: 140px;font-size: 15px;}
  .recent-launch .recent-title h3{font-size: 100px; line-height: 50px;}
  .recent-launch .recent-text span{font-size: 26px;}
  .recent-launch .recent-text p{font-size: 14px;line-height: 22px;}
  .recent-launch .btn{padding: 7px 30px;min-width: 140px;font-size: 15px;}
  .recent-launch .owl-carousel .item img{margin-bottom: 15px;}
  .recent-launch .owl-carousel .item .box h3{font-size: 20px;}
  .category-text .btn{padding: 7px 30px;min-width: 140px;font-size: 15px;}
  .category{padding: 50px 0;}
  .category .title h4{font-size: 100px;line-height: 70px;}
  .category .category-text h4{font-size: 30px; margin-bottom: 16px;}
  .clients{padding: 20px 0;}
  .clients .client-title h5{font-size: 100px; line-height: 70px;}
  .testimonials{padding: 50px 0;}
  .testimonials .testimonial-title h6{font-size: 100px; line-height: 70px;}
  .testimonials .item .box p img{width: 36px;}
  .footer{padding: 35px 0;}
  .footer h2, h3, h4{margin-bottom: 22px;}
  .copyright{padding: 10px 0;}
  .copyright p{font-size: 14px;}
}
@media(max-width: 767px){
  .category .col-lg-4:first-child, .category .col-lg-4:nth-child(2){width: 100%;}
}
@media (max-width: 991px){
  .navbar-header ul li a{width: 80%;}
  .details table{display: block; overflow-x: auto;}
  .details .detail-img{margin-left: 0 !important;}
  .sidebar{margin-right: 0 !important; }
  .sidebar ul{display: none;}
  .sidebar p{cursor: pointer;}
  .navbar-header{padding: 10px 0;}
  body{overflow-x: hidden;}
  .mission .mission-text{position: relative;}
  .director-message h5{margin-top:30px;}
}
@media(min-width: 992px){
  .recent-launch .owl-carousel .owl-nav.disabled {display: block;}
  #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon{display: none;}
  .sm-clean a.has-submenu {
    padding-right: 24px !important;
  }
  
}
@media(min-width: 992px) and (max-width: 1199px) {
  .navbar-header ul li a{font-size: 16px;}
  .navbar-header .social-icons a{height: 25px; width: 25px;}
  .navbar-header .social-icons .bi::before{font-size: 15px;padding: 5px;}
  .sm-clean a, .sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover{padding: 12px 3px;}
  .sm-clean a, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover{font-size: 16px; color: #d12233;}
  .navbar-header .nav-icon{margin-left: 0;}
  .banner .carousel-control-prev-icon{height: 45px; width: 28px;}
  .banner .carousel-control-next-icon{height: 45px; width: 28px;}
  .banner .banner-text{top: 34%;}
  .banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {font-size: 50px;}
  .banner .banner-text p{font-size: 20px;}
  .about-us .about-text h2{font-size: 88px; line-height: 64px;}
  .about-us .about-text p{line-height: 30px; font-size: 16px;}
  .about-us .btn{padding: 7px 25px; min-width: 130px; font-size: 14px;}
  .recent-launch .recent-title h3{font-size: 88px;}
  .recent-launch .recent-text span{font-size: 22px;}
  .recent-launch .recent-text p{font-size: 12px;line-height: 22px;}
  .owl-carousel .item img{margin-bottom: 10px;}
  .owl-carousel .box h3{font-size: 20px; margin: 0;}
  .recent-launch .owl-nav button.owl-prev{top: 27%;}
  .recent-launch .owl-nav button.owl-next{top: 27%;}
  .recent-launch .btn{padding: 7px 25px; min-width: 130px; font-size: 14px;}
  .category-text .btn{padding: 7px 25px; min-width: 130px; font-size: 14px;}
  .category .title h4{font-size: 88px; line-height: 64px;;}
  .category .category-text h4{font-size: 26px;}
  .clients{padding: 15px 0;}
  .clients .client-title h5{font-size: 88px; line-height: 64px;}
  .testimonials{padding: 30px 0;}
  .testimonials .testimonial-title h6{font-size: 88px;line-height: 64px;}
  .footer{padding: 35px 0;}
  .footer h2, h3, h4{margin-bottom: 22px;font-size: 22px;}
  .footer p{font-size: 14px;}
  .footer ul li a{font-size: 14px;}
  .copyright{padding: 10px 0;}
  .copyright p{font-size: 14px;}

  .footer .footer-icon a{height: 25px; width: 25px;}
  .footer .footer-icon .bi::before{font-size: 15px;padding: 4px;}

}
@media(min-width: 768px) and (max-width: 991px){
  .banner .banner-text{top: 34%;}
  .banner .carousel-control-prev-icon{height: 36px; width: 24px;}
  .banner .carousel-control-next-icon{height: 36px; width: 24px;}
  .banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {font-size: 50px; margin-bottom: 0;}
  .banner .banner-text p{font-size: 20px;}
  .about-us .about-text h2{font-size: 100px; line-height: 70px;}
  .about-us .about-text p{font-size: 16px;}
  .about-us .btn{padding: 7px 32px; min-width: 140px;}
  .recent-launch .recent-title h3{margin: 0; font-size: 100px; margin-bottom: -22px;line-height: 48px;text-align: center;}
  .recent-launch .recent-text{text-align: center;}
  .recent-launch .recent-text p{max-width: 100%;}
  .owl-carousel .box h3{font-size: 22px;}
  .recent-launch .btn{padding: 7px 32px; min-width: 140px;}
  .category .title h4{line-height: 70px; font-size: 100px;}
  .category .category-text h4{font-size: 28px; margin-bottom: 20px;}
  .category-text .btn{padding: 7px 32px; min-width: 140px;}
  .clients{padding: 10px 0;}
  .clients .client-title h5{line-height: 70px; font-size: 100px;}
  .clients .owl-nav button.owl-prev{top: 35%; left: -3%;}
  .clients .owl-nav button.owl-next{top: 35%; right: -3%;}
  .testimonials .testimonial-title h6{line-height: 70px; font-size: 100px;}
  .testimonials .item .box p img{width: 36px;}
  .testimonials .owl-nav button.owl-prev{left: -3%;}
  .testimonials .owl-nav button.owl-next{right: -3%;}
  .footer{padding: 35px 0;}
  .footer h2, h3, h4{margin-bottom: 10px;}
  
}

@media(min-width: 576px) and (max-width: 767px) {
  .banner .banner-text{top: 34%;}
  .banner .banner-text{left: 10%;}
  .banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {font-size: 48px;}
  .banner .banner-text p{font-size: 22px;}
  .about-us .about-img{margin-bottom: 25px;}
  .about-us .about-text h2{font-size: 90px; text-align: center; margin-bottom: 15px;}
  .about-us .about-text strong{text-align: center; display: block;}
  .recent-launch .recent-title h3{font-size: 90px; margin-bottom: -26px; line-height: 48px;}
  .recent-launch .recent-text p{max-width: 100%;}
  .about-us .about-text p{font-size: 16px;}
  .about-us .btn{padding: 6px 25px; min-width: 120px;font-size: 14px;}
  .testimonials .item .box .d-flex strong span{font-size: 16px;}
  .recent-launch .btn{padding: 6px 25px; min-width: 120px;font-size: 14px;}
  .category-text .btn{padding: 6px 25px; min-width: 120px;font-size: 14px;}
  .recent-launch .recent-text{text-align: center;}
  .recent-launch .owl-nav button.owl-prev{top: 40%}
  .recent-launch .owl-nav button.owl-next{top: 40%}
  .owl-carousel .box h3{text-align: center;}
  .category .title h4{font-size: 90px; line-height: 66px;}
  .category .category-text h4{margin-bottom: 18px; font-size: 30px;}
  .clients{padding: 15px 0;}
  .clients .client-title h5{font-size: 90px;line-height: 67px;}
  .clients .owl-nav button.owl-prev{top: 35%; left: -4%;}
  .clients .owl-nav button.owl-next{top: 35%; right: -4%;}
  .testimonials{padding: 35px 0;}
  .testimonials .testimonial-title h6{font-size: 78px;line-height: 60px;}
  .testimonials .item{padding: 20px;}
  .testimonials .item .box p:nth-child(2){text-align: justify;}
  .testimonials .owl-nav button.owl-prev{left: -4%;}
  .testimonials .owl-nav button.owl-next{right: -4%;}
  .testimonials .item .box p img{width: 36px;}
  .banner .carousel-control-prev-icon{height: 40px; width: 24px;}
  .banner .carousel-control-next-icon{height: 40px; width: 24px;}

  .footer{padding: 30px 0;}
  .footer ul{padding: 0;}
  .footer h2, h3, h4{margin-bottom: 15px;}
  .copyright{padding: 5px 0;}
  .copyright p{font-size: 14px;}
}

@media(max-width: 575px) {
  .banner .banner-text{top: 34%;}
  /* .banner .carousel-item img{height: 250px;} */
  .banner .banner-text{left: 14%}
  .banner .banner-text h1, .banner .banner-text h2, .banner .banner-text h3, .banner .banner-text h4,.banner .banner-text h5 {font-size: 24px;   margin-bottom: 0;}
  .banner .banner-text p{font-size: 11px;}
  .about-us .about-text h2{font-size: 40px; line-height: 0;}
  .nav-brand img{width: 200px;}
  .banner .carousel-control-prev-icon{height: 38px; width: 21px; }
  .banner .carousel-control-next-icon{height: 38px; width: 21px;}
  .banner .carousel-control-prev-icon, .banner .carousel-control-next-icon{ background-color: transparent;}
  .about-us .about-text p{line-height: 30px; font-size: 14px;}
  .recent-launch{text-align: center; margin-bottom: 25px;}
  .recent-launch .recent-title h3{font-size: 40px; margin: 0; line-height: 0; }
  .recent-launch .recent-text p{max-width: 100%;}
  .recent-launch .recent-text span{font-size: 24px; margin-bottom: 6px;}
  .recent-launch .recent-text p{  font-size: 14px;line-height: 22px; margin-bottom: 15px;}
  .recent-launch .recent-text{padding: 8px; margin-bottom: 15px;}
  .recent-launch .owl-carousel .item{margin-right: 0px;}
  .recent-launch .owl-nav button.owl-prev{left: -1%; margin-bottom: 15px;}
  .recent-launch .owl-nav button.owl-next{right: -1%; margin-bottom: 15px;}
  .owl-carousel .box h3{margin-bottom: 15px; font-size: 24px;}
  .recent-launch .btn{padding: 6px 25px; min-width: 120px;font-size: 14px;}
  .about-us{text-align: center; padding: 30px 0;}
  .about-us .btn{padding: 6px 25px; min-width: 120px;font-size: 14px;}
  .about-us .about-text strong{font-size: 28px;}
  .about-us .about-img{margin-bottom: 40px;}
  .about-us .about-text strong{font-size: 24px;margin-top: 8px;}
  .category{padding: 40px 0;}
  .category .title h4{font-size: 40px; line-height: 0;}
  .category span{margin-top: 5px; font-size: 24px;}
  .category .category-text h4{font-size: 26px; margin-bottom: 6px;}
  .category-text .btn{padding: 6px 25px; min-width: 120px;font-size: 14px;}
  .category .category-text{right: 7%;}
  .clients{padding: 20px 0;}
  .clients .client-title h5{font-size: 40px; line-height: 0;}
  .clients .owl-nav button.owl-prev{top: 26%; left: -4%;}
  .clients .owl-nav button.owl-next{top: 26%; right: -4%;}
  .clients span{margin-top: 6px; font-size: 24px;}
  .testimonials{padding: 30px 0;   text-align: center;}
  .testimonials .testimonial-title h6{font-size: 40px; line-height: 16px;}
  .testimonials span{font-size: 24px;margin-top: -5px; margin-bottom: 5px;}
  .testimonials .item{padding: 16px;}
  .testimonials .item .box p:nth-child(2){ text-align: justify; }
  .testimonials .item .box .d-flex strong{font-size: 16px; margin-left: 15px;}
  .testimonials .owl-nav button.owl-prev{top: 36%; left: -4%}
  .testimonials .owl-nav button.owl-next{top:36%; right: -4%}
  .testimonials .item .box p img{width: 36px;}
  .footer ul{padding: 0;}
  .footer h2, h3, h4{margin-bottom: 15px;}
  .copyright{padding: 5px 0;}
  .copyright p{font-size: 14px;}
  .product-inner .sidebar p{font-size: 18px;}
  .category-text .btn, .about-us .btn,.clients .btn{padding: 4px 25px;}
  .banner-inner h1{font-size: 20px;}
  .banner-inner ul li{font-size: 14px;}
}