* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  @font-face {
    font-family: Karla;
    font-style: normal;
    font-weight: 400;
    src: url(../font/Karla-Regular.ttf);
  }
  @font-face {
    font-family: Karla;
    font-style: italic;
    font-weight: 400;
    src: url(../font/Karla-Italic.ttf);
  }
  @font-face {
    font-family: Karla;
    font-style: medium;
    font-weight: 500;
    src: url(../font/Karla-Medium.ttf);
  }
  @font-face {
    font-family: Karla;
    font-style: bold;
    font-weight: 600;
    src: url(../font/Karla-Bold.ttf);
  }
  a {
    text-decoration: none !important;
  }
  
  .btn {
    font: normal normal bold 15px/24px Karla;
    letter-spacing: 0px;
    text-transform: uppercase;
    border: 0px;
    min-width: 140px;
    padding: 8px 12px;
    transition: all ease 0.4s;
  }
  
  .btn-primary {
    background: #002faf 0% 0% no-repeat padding-box;
    color: #ffffff;
  }
  .btn-primary:hover {
    background: #001d69 0% 0% no-repeat padding-box;
  }
  .btn-primary:focus,
  .btn-primary:active {
    background: #001d69 0% 0% no-repeat padding-box !important;
  }
  
  .btn-secondary {
    background: #ffffff 0% 0% no-repeat padding-box;
    color: #1f1f1f;
  }
  .btn-secondary:hover {
    color: #fff;
    background: #585df4 0% 0% no-repeat padding-box;
  }
  .btn-secondary:focus,
  .btn-secondary:active {
    color: #fff;
    background: #585df4 0% 0% no-repeat padding-box !important;
  }
  
  .btn-light {
    color: #1e0d49;
    font-weight: 500;
  }
  
  .btn-link {
    color: #ffffff;
    text-align: left;
    text-decoration: underline !important;
    padding: 0;
  }
  .btn-link:hover {
    letter-spacing: 0.42px;
    color: #fff;
  }
  .btn-link:focus,
  .btn-link:active {
    color: #fff !important;
  }
  
  .btn-load {
    text-decoration: underline !important;
    font: normal normal 500 16px/28px Karla;
    letter-spacing: 0.54px;
    color: #4e4e4e;
  }
  .btn-load:hover {
    color: #4e4e4e;
  }
  
  form .form-group .form-control {
    font: normal normal 500 15px/26px Karla;
    letter-spacing: 0px;
    color: #4e4e4e;
    opacity: 0.7;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 0.5px solid rgba(216, 216, 216, 0.568627451);
    border-radius: 0px;
    padding: 8px 10px;
    box-shadow: none;
  }
  form .form-group .form-control::-moz-placeholder {
    color: #4e4e4e;
  }
  form .form-group .form-control::placeholder {
    color: #4e4e4e;
  }
  
  .main-title {
    font: normal normal bold 60px/45px Karla;
    letter-spacing: -2.4px;
    color: #ffffff;
    text-transform: capitalize;
  }
  
  .heading-title {
    font: normal normal 500 26px/30px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  
  .headingh1 {
    font: normal normal 500 24px/28px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    margin-bottom: 35px;
  }
  
  .circle {
    position: absolute;
    z-index: 99;
    width: 75px;
  }
  
  .fixed {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.0901960784);
    position: fixed !important;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9999999999999;
  }
  
  header .navbar {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.0901960784);
    padding: 10px 0px;
  }
  header .navbar .navbar-brand img {
    width: 160px;
  }
  header .navbar .navbar-toggler {
    box-shadow: none;
    border: none;
  }
  header .navbar .navbar-toggler .fa-bars {
    color: #222;
  }
  header .navbar .navbar-nav .nav-item {
    margin: 0px 15px;
  }
  header .navbar .navbar-nav .nav-item .nav-link {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0.18px;
    color: #191919;
    text-transform: uppercase;
    padding: 15px 0px;
    transition: all ease 0.4s;
  }
  header .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #3946b1;
  }
  header .navbar .navbar-nav .nav-item .nav-link .fa {
    font-size: 16px;
    position: relative;
    top: 0px;
    right: -3px;
    transition: all ease 0.4s;
  }
  header .navbar .navbar-nav .has-dropdown {
    position: relative;
    z-index: 1;
  }
  header .navbar .navbar-nav .has-dropdown .drop-menu {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 55px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    padding: 15px 20px;
    width: 420px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.4s;
  }
  header .navbar .navbar-nav .has-dropdown .drop-menu .nav-item {
    margin: 0;
  }
  header .navbar .navbar-nav .has-dropdown .drop-menu .nav-item .nav-link {
    font: normal normal 500 14px/22px Karla;
    letter-spacing: -0.48px;
    color: #191919;
    text-transform: uppercase;
    opacity: 0.6;
    padding: 6px 0px;
    transition: all ease 0.4s;
  }
  header .navbar .navbar-nav .has-dropdown .drop-menu .nav-item .nav-link:hover {
    color: #3946b1;
    opacity: 1;
  }
  header .navbar .navbar-nav .has-dropdown:hover .drop-menu {
    top: 65px;
    visibility: visible;
    opacity: 1;
  }
  header .navbar .right-nav {
    align-items: center;
    margin-bottom: 0;
  }
  header .navbar .right-nav .nav-item {
    margin: 0px 12px;
  }
  header .navbar .right-nav .nav-item .nav-link {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0.18px;
    color: #191919;
    text-transform: uppercase;
    padding: 15px 0px;
  }
  header .navbar .right-nav .nav-item .nav-link img {
    width: 15px;
  }
  header .navbar .right-nav .nav-item .contact-link {
    padding: 15px 25px;
    border-left: 0.5px solid rgba(57, 45, 90, 0.2509803922);
    border-right: 0.5px solid rgba(57, 45, 90, 0.2509803922);
    transition: all ease 0.4s;
  }
  header .navbar .right-nav .nav-item .contact-link:hover {
    color: #3946b1;
  }
  
  footer .footer-top {
    background: #ffffff 0% 0% no-repeat padding-box;
    padding: 40px 0px;
    position: relative;
    z-index: 0;
  }
  footer .footer-top::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000000;
    opacity: 0.2;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  footer .footer-top .footer-content .footer-title {
    font: normal normal normal 20px/35px Karla;
    letter-spacing: -0.48px;
    color: #1e0d49;
    text-transform: capitalize;
  }
  footer .footer-top .footer-content .address {
    padding-left: 4px;
  }
  footer .footer-top .footer-content .address li {
    display: flex;
    align-items: self-start;
    margin-bottom: 15px;
  }
  footer .footer-top .footer-content .address li img {
    padding-top: 6px;
    margin-right: 12px;
  }
  footer .footer-top .footer-content .address li p {
    text-transform: capitalize;
  }
  footer .footer-top .footer-content .address li p,
  footer .footer-top .footer-content .address li a {
    font: normal normal normal 16px/28px Karla;
    letter-spacing: -0.4px;
    color: #8d8d8d;
    margin-bottom: 0;
  }
  footer .footer-top .footer-content .quick-links li a {
    font: normal normal normal 16px/28px Karla;
    letter-spacing: -0.4px;
    color: #8d8d8d;
    text-transform: capitalize;
  }
  footer .footer-top .links {
    padding-left: 60px;
  }
  footer .footer-bottom {
    background: transparent linear-gradient(270deg, #574b8d 0%, #2c2ca0 100%) 0%
      0% no-repeat padding-box;
    padding: 8px 0px;
  }
  footer .footer-bottom .copyright p,
  footer .footer-bottom .copyright a {
    font: normal normal normal 14px/17px Karla;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 0;
  }
  
  .banner {
    padding-top: 50px;
  }
  .banner .banner-inner {
    padding-left: 30px;
  }
  .banner .banner-inner .sub-title {
    font: normal normal 500 16px/36px Karla;
    letter-spacing: 1.8px;
    color: #777384;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .banner .banner-inner .banner-title {
    font: normal normal bold 55px/60px Karla;
    letter-spacing: -3.2px;
    color: #1e0d49;
    text-transform: capitalize;
    margin-bottom: 30px;
  }
  .banner .banner-img {
    position: relative;
    z-index: -1;
    margin-top: -19px;
  }
  
  .home1 {
    background: transparent
      linear-gradient(328deg, #b2c7ff 0%, #3e379b 65%, #5e56b5 100%) 0% 0%
      no-repeat padding-box;
    padding: 50px 0px 120px 0px;
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .home1 .home1-img {
    position: relative;
    z-index: 0;
    padding-right: 12px;
  }
  .home1 .home1-img .circle {
    right: -25px;
    bottom: 40px;
  }
  .home1 .home1-inner .main-title {
    font: normal normal bold 54px/50px Karla;
  }
  .home1 .home1-inner p {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 25px 0;
  }
  .home1 .evermark {
    position: absolute;
    bottom: -28px;
    right: 0;
    text-align: end;
    z-index: -1;
  }
  .home1 .evermark h3 {
    font: normal normal bold 110px/80px Karla;
    color: #fff;
    opacity: 0.1;
    letter-spacing: 1.5px;
  }
  
  .home2 {
    background-image: url(../img/home2-bg.webp);
    background-repeat: no-repeat;
    background-position: -150px center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 80px 0px;
    position: relative;
    top: -35px;
    z-index: 0;
  }
  .home2 .row {
    padding: 0px 1.5rem;
  }
  .home2 .row .home2-inner .main-title {
    font: normal normal bold 45px/60px Karla;
    color: #1e0d49;
    margin-bottom: 15px;
  }
  .home2 .row .home2-inner p {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0px;
    color: #585858;
    margin-bottom: 32px;
  }
  
  .overlay .overlay-inner .overlay-img {
    position: relative;
    z-index: 0;
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    margin: auto;
  }
  .overlay .overlay-inner .overlay-img img {
    filter: grayscale(1);
  }
  .overlay .overlay-inner .overlay-img .overlay-hidden {
    position: absolute;
    z-index: 1;
    background-color: #3f389c;
    height: 100%;
    width: 100%;
    top: 0;
    display: grid;
    place-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.4s;
  }
  .overlay .overlay-inner .overlay-img .overlay-hidden img {
    width: 26px;
  }
  .overlay .overlay-inner:hover .overlay-img .overlay-hidden {
    opacity: 0.7;
    visibility: visible;
  }
  .overlay .overlay-inner .overlay-content {
    position: relative;
    top: 12px;
    transition: all ease 0.4s;
  }
  .overlay .overlay-inner .overlay-content .overlay-title {
    font: normal normal bold 13px/20px Karla;
    letter-spacing: -0.4px;
    color: #1e0d49;
    text-transform: uppercase;
  }
  .overlay .overlay-inner:hover .overlay-content {
    top: 14px;
  }
  
  .home3 {
    padding-bottom: 20px;
  }
  .home3 .client-title {
    font: normal normal 500 22px/28px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
  }
  .home3 .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
  }
  .home3 .owl-carousel .item {
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .home3 .owl-carousel .owl-item img {
    width: 75%;
  }
  .home3 .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -40px;
  }
  .home3 .owl-carousel .owl-nav button:hover {
    background: transparent;
  }
  .home3 .owl-carousel .owl-nav button img {
    width: 10px;
  }
  
  .home4 {
    background-image: url(../img/home4-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 73px 0px;
  }
  .home4 .enquire {
    max-width: 470px;
    text-align: center;
    padding-left: 10px;
  }
  .home4 .enquire .main-title {
    font: normal normal bold 45px/60px Karla;
    margin-bottom: 8px;
  }
  
  .page-title {
    background: transparent
      linear-gradient(90deg, #321a9a 0%, #f5fcff 105%, #f4f8f8 100%) 0% 0%
      no-repeat padding-box;
    padding: 40px 0px;
  }
  .page-title .main-title {
    font: normal normal bold 42px/45px Karla;
    margin-bottom: 2px;
  }
  .page-title ul li {
    font: normal normal 500 12px/30px Karla;
    letter-spacing: 1.4px;
    color: #ffffff;
    opacity: 0.8;
    margin: 0px 3px;
  }
  .page-title ul li a {
    color: #ffffff;
  }
  .page-title .title {
    font: normal normal 600 46px/62px Hanken Grotesk;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 0;
  }
  
  .service {
    background: transparent linear-gradient(151deg, #ffffff 0%, #ededed 100%) 0%
      0% no-repeat padding-box;
    padding: 50px 0;
  }
  
  .service-detail {
    background: transparent linear-gradient(175deg, #ffffff 0%, #ededed 100%) 0%
      0% no-repeat padding-box;
    padding: 40px 0px 80px 0px;
    position: relative;
    z-index: 0;
  }
  .service-detail::before {
    content: "";
    position: absolute;
    background-image: url(../img/a1.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 40%;
    height: 30px;
    right: 0;
    z-index: -1;
    bottom: -28px;
  }
  .service-detail .service-detail-img {
    padding-right: 40px;
  }
  .service-detail .service-detail-img .back-btn {
    font: italic normal normal 14px/24px Karla;
    letter-spacing: 0px;
    color: #4e4e4e;
    opacity: 0.6;
    margin-bottom: 15px;
  }
  .service-detail .service-detail-inner {
    padding-left: 30px;
  }
  .service-detail .service-detail-inner p {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0px;
    color: #4e4e4e;
    margin-bottom: 35px;
  }
  
  .about {
    background: transparent linear-gradient(155deg, #ffffff 0%, #ededed 100%) 0%
      0% no-repeat padding-box;
  }
  .about .about-inner {
    padding: 0px 80px;
  }
  .about .about-inner p {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0px;
    color: #4e4e4e;
  }
  
  .shop {
    background: transparent linear-gradient(181deg, #ffffff 0%, #ededed 100%) 0%
      0% no-repeat padding-box;
    padding: 50px 0;
  }
  .shop .sidebox .side-title {
    font: normal normal 500 20px/30px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .shop .sidebox .accordion-item {
    border: none;
  }
  .shop .sidebox .accordion-item .accordion-header .accordion-button {
    font: normal normal normal 16px/26px Karla;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.8); 
    padding: 15px 0px 5px 40px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3882352941);
    background: transparent;
    box-shadow: none;
  }
  .shop .sidebox .accordion-item .accordion-header .accordion-button::after {
    content: "-";
    position: absolute;
    transform: rotate(0);
    background: none;
    left: 0;
    top: 12px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
  }
  .shop .sidebox .accordion-item .accordion-header .anchor-button::after {
    content: "+";
  }
  .shop .sidebox .accordion-item .accordion-header .collapsed::after {
    content: "+";
  }
  .shop .sidebox .accordion-item .accordion-body {
    padding: 0;
  }
  .shop .sidebox .accordion-item .accordion-body ul {
    padding: 10px 0px 10px 50px;
    margin-bottom: 0;
  }
  .shop .sidebox .accordion-item .accordion-body ul li {
    padding: 5px 0px;
  }
  .shop .sidebox .accordion-item .accordion-body ul li a {
    font: normal normal normal 16px/26px Karla;
    letter-spacing: 0px;
    color: #8d8d8d;
    opacity: 0.8;
    transition: all ease 0.4s;
  }
  .shop .sidebox .accordion-item .accordion-body ul li a:hover {
    color: #1e0d49;
    opacity: 0.9;
  }
  
  .product {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0980392157);
    border: 1px solid rgba(112, 112, 112, 0.3882352941);
    padding: 0px 0px 20px;
    transition: all ease 0.4s;
  }
  .product .product-img {
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
    transition: all ease 0.4s;
  }
  .product .product-img .product-btn {
    position: absolute;
    z-index: 1;
    top: 35px;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.4s;
  }
  .product .product-img .product-btn .btn-primary {
    margin-bottom: 0;
  }
  .product .product-img .product-btn .btn-primary:hover,
  .product .product-img .product-btn .btn-primary:active,
  .product .product-img .product-btn .btn-primary:focus {
    background: #002faf 0% 0% no-repeat padding-box !important;
  }
  .product:hover.product {
    border: 1px solid #6c5bbf;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px #6c5bbf;
  }
  .product:hover .product-img .product-btn {
    background: rgba(255, 255, 255, 0.7882352941) 0% 0% no-repeat padding-box;
    top: 0;
    visibility: visible;
    opacity: 1;
  }
  .product .product-inner .product-title {
    font: normal normal 500 18px/28px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    margin-bottom: 0;
  }
  .product .product-inner .price {
    font: normal normal 500 17px/26px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    opacity: 0.4;
  }
  
  .pagination {
    margin: 50px 0px;
  }
  .page-link, .pagination .page-item a {
      position: relative;
      display: block;
      padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
      font-size: var(--bs-pagination-font-size);
      color: var(--bs-pagination-color);
      text-decoration: none;
      background-color: var(--bs-pagination-bg);
      border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  .pagination .page-item .page-link, .pagination .page-item a {
    font: normal normal 500 15px/26px Karla;
    letter-spacing: 10.8px;
    color: rgba(78, 78, 78, 0.5019607843);
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 7px 7px;
  }
  .pagination .page-item .active {
    color: #4e4e4e;
  }
  
  .shop-detail {
    padding: 50px 0px;
  }
  .shop-detail .product-img {
    text-align: center;
  }
  .shop-detail .product-img img {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1607843137);
    border: 1px solid #888888;
    border-radius: 18px;
  }
  .shop-detail .shop-inner .shop-inner-content {
    padding-bottom: 30px;
    border-bottom: 0.5px solid rgba(112, 112, 112, 0.4509803922);
  }
  .shop-detail .shop-inner .shop-inner-content .heading-title {
    text-transform: capitalize;
  }
  .shop-detail .shop-inner .shop-inner-content .price {
    font: normal normal 500 24px/28px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    opacity: 0.4;
  }
  .shop-detail .shop-inner .shop-inner-content P {
    font: normal normal 500 15px/24px Karla;
    letter-spacing: 0px;
    color: #4e4e4e;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .shop-detail .shop-inner .count-list {
    align-items: center;
    margin-top: 50px;
  }
  .shop-detail .shop-inner .count-list .qty {
    font: normal normal normal 18px/28px Karla;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.8);
    margin-right: 28px;
    margin-bottom: 0;
  }
  .shop-detail .shop-inner .count-list .counter {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid rgba(112, 112, 112, 0.6392156863);
    border-radius: 31px;
    padding: 6px 15px;
    margin-right: 28px;
    margin-bottom: 0;
  }
  .shop-detail .shop-inner .count-list .counter li a {
    font: normal normal normal 16px/30px Karla;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.8);
  }
  .shop-detail .shop-inner .count-list .counter li .count-number {
    font: normal normal normal 16px/30px Karla;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.8);
  }
  .shop-detail .carousel {
    height: 100%;
    margin-right: 3rem;
  }
  .shop-detail .carousel .carousel-indicators {
    display: block;
    margin-left: 0;
    left: 5%;
    right: inherit;
    margin-bottom: 0;
    height: 100%;
  }
  .shop-detail .carousel .carousel-indicators button {
    width: 75px; 
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid rgba(112, 112, 112, 0.3019607843);
    box-shadow: 0 0 0 0.2px rgba(112, 112, 112, 0.3019607843);
    opacity: 0.7;
    margin-bottom: 10px;
  }
  .shop-detail .carousel .carousel-indicators button img {
    width: 100%;  
  }
  .shop-detail .carousel .carousel-indicators .active {
    border: 1px solid #321a9a;
    box-shadow: 0 0 0 1px #321a9a;
    opacity: 1;
  }
  .shop-detail .carousel .carousel-inner {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0980392157);
    border: 0.5px solid rgba(112, 112, 112, 0.3803921569);
    height: 100%;
    width: 72%;
    margin-left: auto;
    display: flex;
    align-items: center;
    
  }
  .shop-detail .carousel .carousel-inner .carousel-item {
    text-align: center;
  }
  .shop-detail .carousel .carousel-inner .carousel-item img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
  }
  
  .related-product {
    position: relative;
    z-index: 0;
    padding: 80px 0px;
  }
  .related-product::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/home2-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    scale: 1 -1;
    z-index: -1;
  }
  .related-product .related-product-inner .owl-carousel .item {
    padding: 3px 0px;
  }
  .related-product .related-product-inner .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
  }
  .related-product .related-product-inner .owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    top: -65px;
    right: 0;
  }
  .related-product .related-product-inner .owl-theme .owl-nav button {
    background-color: transparent;
  }
  .related-product .related-product-inner .owl-theme .owl-nav button img {
    width: 11px;
  }
  
  .location {
    padding: 50px 0px;
  }
  .location .map {
    position: relative;
  }
  .location .map .circle {
    bottom: 40px;
    right: -15px;
  }
  .location .location-inner {
    padding-left: 60px;
  }
  .location .location-inner .woodland {
    display: flex;
    align-items: self-start;
    margin-bottom: 25px;
  }
  .location .location-inner .woodland img {
    padding-top: 6px;
    margin-right: 12px;
  }
  .location .location-inner .woodland p {
    text-transform: capitalize;
  }
  .location .location-inner .woodland p,
  .location .location-inner .woodland a {
    font: normal normal normal 15px/26px Karla;
    letter-spacing: -0.4px;
    color: #8d8d8d;
    margin-bottom: 0;
  }
  
  .contact {
    position: relative;
    z-index: 0;
    padding: 60px 0px;
  }
  .contact::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/home2-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    scale: 1 -1;
    z-index: -1;
  }
  
  .project {
    background: transparent linear-gradient(181deg, #ffffff 0%, #ededed 100%) 0%
      0% no-repeat padding-box;
    padding: 50px 0px;
  }
  .project .dropdown {
    margin-bottom: 70px;
    z-index: 1;
  }
  .project .dropdown .btn-light {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 0.5px solid rgba(112, 112, 112, 0.4705882353);
    border-radius: 12px;
    text-align: left;
    padding-left: 25px;
    box-shadow: none;
  }
  .project .dropdown .btn-light::after {
    position: absolute;
    right: 5%;
    top: 48%;
  }
  .project .dropdown .dropdown-menu {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 0.5px solid rgba(112, 112, 112, 0.4705882353);
    border-top: none;
    border-radius: 0;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    width: 100%;
    padding: 25px 0px 15px 0px;
    z-index: -1;
  }
  .project .dropdown .dropdown-menu li .dropdown-item {
    font: normal normal 500 15px/22px Karla;
    letter-spacing: -0.54px;
    color: #191919;
    text-transform: capitalize;
    opacity: 0.6;
    text-wrap: wrap;
    background: transparent;
  }
  .project .dropdown:hover > .dropdown-menu {
    display: block;
    transform: translate(0px, -8px);
  }
  .project .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
  .project .gallery-image {
    overflow: hidden;
  }
  .project .gallery-image a {
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
  }
  .project .gallery-image a .gallery-overlay {
    position: relative;
    z-index: 0;
    margin-bottom: 5px;
  }
  .project .gallery-image a .gallery-overlay .hidden-btn {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    display: grid;
    place-items: center;
    background: rgba(0, 29, 105, 0.6) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0980392157);
    transition: all ease 0.4s;
    opacity: 0;
    visibility: hidden;
  }
  .project .gallery-image a .gallery-overlay .hidden-btn p {
    font: normal normal bold 16px/22px Karla;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .project .gallery-image a .gallery-content .headingh1 {
    font-size: 20px;
    margin-bottom: 0px;
  }
  .project .gallery-image a .gallery-content span {
    font: normal normal 500 15px/26px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    opacity: 0.4;
  }
  .project .gallery-image:hover a .gallery-overlay .hidden-btn {
    opacity: 1;
    visibility: visible;
  }
  .modal 
  {
    z-index: 99999999999;
  }
  .project-modal .modal {
    background-color: rgba(0, 0, 0, 0.6392156863);
  }
  .project-modal .modal .modal-dialog {
    top: 28px;
    max-width: 550px;
    width: 100%;
  }
  .project-modal .modal .modal-dialog .modal-content {
    padding: 0px;
    margin: auto;
    border-radius: 0px;
  }
  .project-modal .modal .modal-dialog .modal-content .btn-close {
    box-shadow: none;
    position: absolute;
    right: -8%;
    top: -4px;
    z-index: 1;
    font-size: 18px;
    background-image: url(../img/close-btn.webp);
    opacity: 1;
  }
  .project-modal .modal .modal-dialog .modal-content .modal-body {
    padding: 0px;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption {
    position: relative;
    z-index: 0;
    left: 0;
    bottom: 0;
    text-align: left;
    padding: 20px 28px;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption
    .modal-title {
    font: normal normal 500 20px/28px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    margin: 0px;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption
    span {
    font: normal normal 500 16px/20px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    opacity: 0.4;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption
    p {
    font: normal normal 500 14px/20px Karla;
    letter-spacing: 0px;
    color: #4e4e4e;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption
    .content-btn {
    position: absolute;
    right: 30px;
    top: 15px;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption
    .content-btn
    .next-btn {
    color: #1e0d49;
    opacity: 0.4;
    cursor: pointer;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-item
    .carousel-caption
    .content-btn
    .count-number {
    font: normal normal 500 14px/20px Karla;
    letter-spacing: 0px;
    color: #1e0d49;
    text-transform: capitalize;
    opacity: 1;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-control-prev,
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-control-next {
    width: 50px;
    height: 50px;
    top: 37%;
    transform: translate(0%, 50%);
    opacity: 1;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-control-prev
    .fa,
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-control-next
    .fa {
    font-size: 26px;
    color: #fff;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-control-prev {
    left: -10%;
  }
  .project-modal
    .modal
    .modal-dialog
    .modal-content
    .modal-body
    .carousel
    .carousel-control-next {
    right: -10%;
  }
  .terms {
    padding: 40px 0px;
  }
  .terms .sidebar a {
    display: block;
    font: normal normal 500 13px/20px Karla;
    color: #2c2c2c;
    padding-bottom: 15px;
  }
  .terms .sidebar a.active,
  .terms .sidebar a:hover {
    font: normal normal bold 16px/20px Karla;
  }
  .terms .date {
    font-weight: 600;
    font-size: 18px;
  }
  
  @media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 1240px;
    }
  }
  @media (max-width: 1199px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 94%;
      width: 100%;
    }
    header .navbar .navbar-nav .nav-item {
      margin: 0px 12px;
    }
    header .navbar .right-nav .nav-item .contact-link {
      padding: 15px 15px;
    }
    .banner .banner-inner .banner-title {
      font: normal normal bold 48px/56px Karla;
    }
    .home1 .home1-inner .main-title {
      font: normal normal bold 46px/48px Karla;
    }
    .home1 .home1-inner p {
      margin: 16px 0;
    }
    .home2 {
      background-position: center;
    }
    .home2 .row .home2-inner .main-title {
      font: normal normal bold 40px/46px Karla;
    }
    .page-title .main-title {
      font-size: 36px;
    }
    .page-title ul li {
      font-size: 11px;
      letter-spacing: 1px;
    }
    .about .about-inner {
      padding: 0px 40px;
    }
    .about .about-inner p {
      line-height: 22px;
    }
    .project .gallery-image button .gallery-content .headingh1 {
      font-size: 18px;
    }
    .project .gallery-image button .gallery-content span {
      font: normal normal 500 14px/24px Karla;
    }
    .location .headingh1 {
      margin-bottom: 18px;
    }
    .location .location-inner {
      padding-left: 22px;
    }
    .location .location-inner .woodland {
      margin-bottom: 15px;
    }
    .location .location-inner .woodland p br {
      display: none;
    }
  }
  @media (max-width: 1099px) {
    .industrial-title .main-title {
      font: normal normal bold 34px/40px Karla;
    }
    .circle {
      width: 65px;
    }
    header .navbar .navbar-nav .nav-item .nav-link {
      font: normal normal 500 13px/24px Karla;
    }
    header .navbar .right-nav .nav-item {
      margin: 0px 10px;
    }
    header .navbar .right-nav .nav-item .contact-link {
      font: normal normal 500 13px/24px Karla;
    }
    .home1 .home1-img .circle {
      bottom: 12px;
    }
    .home1 .evermark h3 {
      font: normal normal bold 86px/70px Karla;
    }
    .overlay .overlay-inner .overlay-img {
      width: 180px;
    }
    .home4 .enquire .main-title {
      font-size: 42px;
    }
    .about .about-inner {
      padding: 0px 20px;
    }
    .about .about-inner p {
      font-size: 14px;
    }
    .shop-detail .carousel .carousel-indicators {
      left: 0;
    }
    .shop-detail .carousel {
      margin-right: 1.5rem;
    }
    .service-detail .service-detail-img {
      padding-right: 10px;
    }
    .service-detail .service-detail-inner {
      padding-left: 10px;
    }
  }
  @media (max-width: 991px) {
    .industrial-title .main-title {
      font: normal normal bold 28px/36px Karla;
    }
    .industrial-title ul li {
      font-size: 10px;
      letter-spacing: 1px;
      line-height: 22px;
    }
    .circle {
      display: none;
    }
    header .navbar .navbar-nav {
      display: block;
    }
    header .navbar .navbar-nav .nav-item .nav-link {
      font-size: 15px;
      padding: 7px 0px;
    }
    header .navbar .navbar-nav .has-dropdown .drop-menu {
      position: static;
      display: none;
      width: 100%;
      box-shadow: none;
      background: none;
    }
    header .navbar .navbar-nav .has-dropdown:hover .drop-menu {
      display: block;
    }
    header .navbar .right-nav .nav-item .contact-link {
      font-size: 15px;
      padding: 7px 12px;
    }
    footer .footer-top .links {
      padding-left: 30px;
    }
    .banner .banner-inner {
      padding-left: 0;
    }
    .banner .banner-inner .banner-title {
      font: normal normal bold 42px/48px Karla;
    }
    .banner .banner-inner .sub-title {
      font: normal normal 500 15px/30px Karla;
    }
    .home1 .home1-inner .main-title {
      font: normal normal bold 40px/42px Karla;
    }
    .home1 .home1-inner p {
      margin: 12px 0;
      font: normal normal 500 14px/22px Karla;
    }
    .home1 .evermark {
      bottom: -24px;
    }
    .home1 .evermark h3 {
      font: normal normal bold 70px/62px Karla;
    }
    .home2 .row {
      padding: 0;
    }
    .home2 .row .home2-inner .main-title {
      margin-bottom: 6px;
    }
    .home2 .row .home2-inner p {
      margin-bottom: 15px;
    }
    .home4 .enquire {
      max-width: 100%;
    }
    .about .about-inner p {
      font-size: 15px;
      line-height: 24px;
    }
    .service-detail {
      padding: 25px 0 70px 0;
    }
    .service-detail .service-detail-img {
      padding-right: 0px;
      margin-bottom: 20px;
    }
    .service-detail .service-detail-inner {
      padding-left: 0px;
    }
  }
  @media (max-width: 767px) {
    .btn {
      font: normal normal bold 14px/24px Karla;
      min-width: 120px;
      padding: 6px 12px;
    }
    footer .footer-top {
      padding: 30px 0px;
    }
    footer .footer-top::before {
      display: none;
    }
    footer .footer-top .links {
      padding-left: 0;
    }
    footer .footer-top .footer-content .footer-title {
      margin-bottom: 4px;
    }
    .banner {
      padding-top: 40px;
    }
    .banner .banner-inner .banner-title {
      font: normal normal bold 38px/42px Karla;
    }
    .home1 .home1-img {
      padding-right: 0;
    }
    .home2 {
      top: 0;
      background-position: inherit;
      padding: 40px 0px;
    }
    .home2 .row .home2-inner .main-title {
      font-size: 36px;
    }
    .home3 .client-title {
      font-size: 20px;
    }
    .home3 .owl-carousel .owl-nav button img {
      width: 8px;
    }
    .home4 {
      padding: 50px 0;
    }
    .home4 .enquire .main-title {
      font-size: 35px;
    }
    .project {
      padding: 40px 0;
    }
    .project-modal .modal .modal-dialog {
      max-width: 450px;
      margin: auto;
    }
    .shop {
      padding-top: 40px;
    }
    .pagination {
      margin: 40px;
    }
    .shop-detail {
      padding: 40px 0;
    }
    .shop-detail .shop-inner {
      margin-top: 30px;
    }
    .shop-detail .shop-inner .shop-inner-content .heading-title {
      font-size: 22px;
    }
    .shop-detail .shop-inner .shop-inner-content span {
      font-size: 22px;
    }
    .shop-detail .carousel {
      margin-right: 0;
    }
    .shop-detail .carousel .carousel-inner {
      width: 80%;
    }
    .related-product {
      padding: 75px 0px;
    }
    .heading-title {
      font: normal normal 500 22px/26px Karla;
    }
    .service {
      padding: 40px 0;
    }
    .service-detail {
      padding: 25px 0 40px 0;
    }
    .service-detail .service-detail-inner p {
      margin-bottom: 25px;
    }
    .location {
      padding: 40px 0;
    }
    .headingh1 {
      font: normal normal 500 22px/24px Karla;
    }
    .project .dropdown .dropdown-menu li .dropdown-item {
      font-size: 14px;
    }
    .shop .sidebox .accordion-item .accordion-header .accordion-button::after {
      left: 12px;
    }
    .shop .sidebox .side-title
    {
      margin-top: 30px;
    }
    
  }
  @media (max-width: 576px) {
    .industrial-title .main-title {
      font: normal normal bold 25px/30px Karla;
      letter-spacing: -1.4px;
    }
    header .navbar .navbar-brand img {
      width: 130px;
    }
    .banner .banner-inner .sub-title {
      font: normal normal 500 14px/26px Karla;
    }
    .banner .banner-inner .banner-title {
      font: normal normal bold 34px/38px Karla;
    }
    .home1 {
      padding: 40px 0px 80px 0px;
    }
    .home1 .home1-inner .main-title {
      font: normal normal bold 36px/38px Karla;
    }
    .home1 .evermark h3 {
      font: normal normal bold 60px/51px Karla;
    }
    .overlay .overlay-inner .overlay-img .overlay-hidden img {
      width: 24px;
    }
    footer .footer-top .footer-content .footer-title {
      font-size: 19px;
    }
    footer .footer-top .footer-content .address li p,
    footer .footer-top .footer-content .address li a {
      font: normal normal normal 15px/24px Karla;
    }
    footer .footer-top .footer-content .quick-links li a {
      font: normal normal normal 15px/24px Karla;
    }
    footer .footer-bottom .copyright p,
    footer .footer-bottom .copyright a {
      font-size: 13px;
    }
    .home3 .owl-carousel .item {
      justify-content: center;
    }
    .home3 .owl-carousel .owl-item img {
      width: 90%;
    }
    .about .about-inner {
      padding: 0;
    }
    .project .dropdown {
      margin-bottom: 50px;
    }
    .project-modal .modal .modal-dialog {
      max-width: 80%;
    }
    .project-modal .modal .modal-dialog .modal-content .btn-close {
      top: -8%;
      right: 0;
      font-size: 15px;
    }
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-control-prev,
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-control-next {
      width: 35px;
      height: 35px;
    }
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-item
      .carousel-caption {
      padding: 10px;
    }
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-item
      .carousel-caption
      .modal-title {
      font: normal normal 500 18px/22px Karla;
    }
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-item
      .carousel-caption
      span {
      font: normal normal 500 15px/20px Karla;
    }
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-item
      .carousel-caption
      p {
      font-size: 13px;
      margin-top: 0;
    }
    .project-modal
      .modal
      .modal-dialog
      .modal-content
      .modal-body
      .carousel
      .carousel-item
      .carousel-caption
      .content-btn
      .count-number {
      font-size: 13px;
    }
    .related-product .related-product-inner .owl-theme .owl-nav {
      top: inherit;
      left: 0;
      margin: auto;
    }
    .related-product .related-product-inner .owl-theme .owl-nav button img {
      width: 8px;
    }
  }
  @media (max-width: 460px) {
    .industrial-title .main-title {
      font: normal normal bold 22px/26px Karla;
      letter-spacing: -1px;
    }
    .banner .banner-inner .banner-title {
      font: normal normal bold 30px/34px Karla;
      margin-bottom: 20px;
    }
    .home4 .enquire .main-title {
      font-size: 32px;
      line-height: 38px;
    }
    .home1 .evermark {
      bottom: -15px;
    }
    .home1 .evermark h3 {
      font: normal normal bold 46px/41px Karla;
    }
    .shop-detail .carousel .carousel-indicators {
      display: flex;
      height: 20%;
      bottom: -25%;
      left: 0;
      right: 0;
      margin: auto;    
    }
    .shop-detail .carousel .carousel-inner {
      width: 100%;
    }
    .shop-detail .shop-inner {
      margin-top: 120px;
    }
    .shop-detail .shop-inner .shop-inner-content p {
      margin-top: 15px;
    }
    .shop-detail .shop-inner .count-list {
      margin-top: 30px;
      justify-content: space-between;
    }
    .shop-detail .shop-inner .count-list .qty {
      font-size: 16px;
      margin-right: 0;
    }
    .shop-detail .shop-inner .count-list .counter {
      padding: 3px 10px;
      margin-right: 0;
    }
  } 
  .help-block {
   display: inline-block;
   font-size: 13px;
   background: #ff7171;
   color: white;
   padding: 2px 10px;
   margin-top: 8px;
   position: relative;
   border-radius: 3px;
  }
  .help-block:after {
   content: "";
   display: block;
   position: absolute;
   top: -5px;
   left: 10px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 5px 5px 5px;
   border-color: transparent transparent #ff7171;
  }/*# sourceMappingURL=style.css.map */