/*# sourceMappingURL=responsive.css.map */

@media screen and (max-width: 567px) {
  .container {
    width: 100% !important;
    padding: 0 24px !important;
  }
  .xs-align-center {
    align-items: center !important;
  }
  .xs-justify-center {
    justify-content: center !important;
  }
 
 
}
@media screen and (max-width: 480px){
.shop_table_responsive#myDIV{
    display:flex!important;
}
}
@media screen and (max-width: 320px){
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
    display:flex !important;
    flex-direction: column;
    text-align: left !important;
    align-items: flex-start ;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
 position: unset !important;
}

}
@media screen and (max-width: 600px) {
  .sm-block{
      display: none !important;
  }
}
@media screen and (min-width: 768px){
      .account-table-actions{
display:inline-block !important;
 }
  .sd-account-container{
    display:inline-block;
  }
}
@media screen and (max-width: 991px) {
  .container{
      padding: 0 24px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1367px) {
  .container {
    max-width: 1285px;
  }
}

@media screen and (max-width: 991px){
  .sd-cart-table .cart-product-info:hover {
      background-color: transparent;
    }
    .sd-cart-table .cart-product-info:hover .cart-prod-name {
      color: var(--sd-dark-mustard);
    }
  .max-sm-flex-column{
      flex-direction: column !important;
  }
  .safe-card .safe-card-content{
      transform: unset !important;
  }
  /* .sd-product-details{
      padding: 10px;
  } */
  .btn-form#submitRequestId{
    font-size: 12px;
  }
  .sd-btn{
      gap: 8px;
  }
  .desktop-product-name{
      display: none;
  }
  .responsive-product{
      display: block;
      color: white;
  }
  .sd-login-wrapper .form-container button{
      width: 125px !important;
      height: 45px !important;
  }
  
  .certification-image-wrapper {
      position: relative;
  }
  .certification-details.v2 .certification-image-wrapper::after{
      background: linear-gradient(356deg, #ffffff 15%, rgba(255, 255, 255, 0) 98.44%);
      position: absolute;  
      width: 100%;    
  }
  .testimonial-popup-wrapper .testimonial-popup-container::after{
      width: 99px;
      height: 99px;
      bottom: 8px;
      right: 8px;
  }
  .testimonial-popup-wrapper .testimonial-popup-container::before{
      width: 99px;
      height: 99px;
      top: 8px;
      left: 8px;
  }
  
  .founders-note-modal-wrapper{
      background: rgba(0, 0, 0, 0.7);
  }
  .desktop{
      display: none;
  }
  .responsive{
      width:186px;
      padding-top: 40px;
  }
  .sd-footer .sd-subscription-wrapper .wpcf7-form-control-wrap input{
      font-size: 14px;
  }
  .mobile-container{
      display: none;
  }
 
  
  .mobile-best{
      display: block;
      padding: 40px 30px 0;
  }
  .desktop-best{
      display: none;
  }
  .navigation{
      display: none;
  }

  body{
      padding-top: 160px;
  }

  .hero-section{
      height: calc(100vh - 62px);
      padding: 50px 0 0;
  }

  .scroll-indicator{
      bottom: 20px;
  }

  .hero-content-wrapper{
      width: 100%;
      padding: 30px !important;
  }

  .hero-content-wrapper .hero-tagline{
      font-size: 14px;
      letter-spacing: 0.2em;
  }

  .hero-content-wrapper .hero-title{
      font-size: 40px;
  }

  .hero-content-wrapper .hero-content{
      max-width: 100%;
      font-size: 14px;
      line-height: 1.5;
  }

  .sd-section{
      padding: 60px 0 !important;
  }

  .sd-section-title-wrapper{
      margin-bottom: 40px;
  }

  .sd-section-title{
      font-size: 34px;
      line-height: 42px;
  }

  .sd-section-title.secondary{
      font-size: 24px;
      line-height: 28px;
  }

  .sd-benefits-wrapper{
      flex-direction: column;
      gap: 54px;
  }

  .sd-benefits-wrapper .sd-benefit-box{
      width: 100%;
      font-size: 14px;
      line-height: 16px;
  }

  .sd-benefits-wrapper .sd-benefit-box::after{
      display: none;
  }

  .sd-section-title-wrapper.w-80{
      width: 100%;
  }

  .image-information-sec{
      background-color: #010101;
  }

  .image-information-sec::before{
      display: none;
  }

  .pointer-info-wrapper .options{
      flex-direction: column;
      gap: 8px;
  }

  .pointer-info-wrapper .info-image-wrapper{
      width: 100%;
      height: 425px !important;
      display: flex;
      /* justify-content: center; */
      flex-direction: column;
      gap: 100px;
  }

  .info-pointer.one {
      top: 23% !important;
      left: 32% !important;
  }

  .info-pointer.two{
      top: 20% !important;
  }

  .info-pointer.three {
      top: 40% !important;
      left: 43% !important;
      bottom: unset !important;
  }

  .info-pointer.four {
      top: 35% !important;
      left: 21% !important;
      bottom: unset !important;
  }

  .info-pointer.five {
      top: 38% !important;
      right: 21% !important;
      bottom: unset !important;
  }

  .info-pointer.six {
      top: 28% !important;
      left: 43% !important;
      bottom: unset !important;
  }

  .info-box-one{
      opacity: 1 !important;
      visibility: visible !important;
  }

  .home-badges-sec{
      background-color: #010101;
      padding-top: 16px !important;
  }

  .badges-wrapper{
      max-width: 100%;
      flex-direction: column;
  }

  .badges-wrapper .badge-box{
      width: 100%;
  }

  .badges-wrapper .badge-box .badge-img-wrapper{
      width: 75px;
      height: 75px;
  }
  .certified-tech-card{
      padding: 16px !important;
  }
  .certified-tech-card-details-img{
      width: 40px !important;
      height: 40px !important;
  }
  .certified-tech-image {
      position: relative;
      width: 40px !important;
      height: 40px !important;
  }
  .certified-icon{
      width: 10px !important;
      height: 10px !important;
  }

  .certified-tech-info .certified-tech-name{
      color: var(--white);
      font-weight: 600;
      font-size: 12px !important;
  }
  .certified-tech-card-details .ls-review-star{
      margin-top: 0 !important;
  }

  .certification-details{
      min-height: unset;
      flex-direction: column;
  }
  .swiper-grid-column>.swiper-wrapper {
      row-gap: 24px !important;
    }

  .certification-details .certification-image-wrapper,
  .certification-details .certification-content-wrapper{
      width: 100%;
  }

  .certification-details .certification-content-wrapper{
      padding: 60px 30px;
      align-items: center;
      flex: 1;
      margin-top: -120px;
  }

  .sd-section-title-wrapper.m-neg-180, .sd-section-title-wrapper.m-neg-120{
      margin-left: unset;
  }

  .sd-section-subtitle{
      font-size: 14px;
      line-height: 1.5;
  }

  .certification-content-wrapper .sd-section-title{
      text-align: center;
  }

  .certification-details .certification-content-wrapper .certification-content{
      font-size: 14px;
      text-align: center;
  }

  .certification-details .certification-content-wrapper .locksmith-list-bg{
      display: none;
  }

  .sd-section-title-content{
      font-size: 14px;
      line-height: 1.5;
  }

  .sd-section-title-content.w-50{
      width: 100%;
  }

  .safe-category-cards-wrapper .safe-category-card .sd-btn,
  .sd-article-card .sd-article-card-content .sd-link{
      opacity: 1;
      visibility: visible;
      transform: unset;
  }

  .safe-category-cards-wrapper .safe-category-card .safe-category-card-img-wrapper .bg-circles{
      opacity: 1;
      visibility: visible;
  }

  .safe-category-cards-wrapper .safe-category-card .safe-category-card-img-wrapper{
      margin-top: 24px;
      transform: unset;
  }

  .safe-category-card-img-wrapper::before,
  .safe-category-card-img-wrapper::after{
      opacity: 1;
  }

  .sd-section-title-flex{
      flex-direction: column;
      align-items: unset;
  }

  .quiz-section{
      min-height: unset;
      flex-direction: column;
  }

  .quiz-section .quiz-content {
    max-width: 100%;
    padding: 40px 30px;
  }

  .sd-section-title-wrapper.m-neg-120{
      text-align: center;
  }

  /* .quiz-section .quiz-content .quiz-cards-wrapper .quiz-card-title-sec{
      max-width: 80%;
      margin: 0 auto 40px;
  } */

  .quiz-section .quiz-content .quiz-cards-wrapper .quiz-card-title-sec h4{
      font-size: 16px;
      line-height: 1.6;
  }

  .download-content-wrapper{
      flex-direction: column;
      gap: 24px;
  }

  .download-content-wrapper .left-content, .download-content-wrapper .right-content{
      width: 100%;
      padding: 0;
      text-align: center;
  }

  .download-content-wrapper .mobile-video-wrapper{
      flex: unset;
      height: 570px;
      justify-content: center;
  }

  .download-content-wrapper .mobile-video-wrapper .security-symb{
      margin: 0 auto;
  }

  .download-content-wrapper .right-content .sd-custom-list li{
      text-align: left;
  }

  .testimonial-section{
      padding-left: 30px !important;
      padding-right: 30px !important;
  }

  .sd-testimonial-swiper{
      margin-top: -35%;
      padding-bottom: 80px;
  }

  .testimonial-slide{
      padding: 40px;
  }

  .testimonial-slide .testimonial-caption{
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 32px;
  }

  .testimonial-slide .testimonial-content{
      font-size: 28px;
  }

  .sd-testimonial-swiper .testimonial-swiper-navigation{
      right: 0;
      bottom: 0;
  }

  .sd-testimonial-swiper .testimonial-swiper-navigation .prev-testimonial, .sd-testimonial-swiper .testimonial-swiper-navigation .next-testimonial{
      border-color: var(--sd-lighter-mustard);
  }

  .prev-testimonial svg path, .next-testimonial svg path{
      fill: #f1ad1d;
  }

  .client-logos-wrapper,.client-logos-wrapper.in-page{
      margin: 0 -24px 24px;
  }

  .client-logos-wrapper .client-logo, .client-logos-wrapper.in-page .client-logo{
      width: calc(50% - 48px);
      margin: 0 24px 24px;
  }

  .sd-blog-swiper .swiper-wrapper+.container{
      margin: 0;
  }

  .footer-banner-sec .footer-banner-content{
      width: 100%;
  }

  .footer-banner-sec .footer-banner-content h3{
      font-size: 40px;
  }

  .sd-footer{
      flex-direction: column-reverse;
  }

  .sd-footer .footer-links-sec{
      width: 100%;
  }

  .sd-footer .sd-subscription-wrapper .sd-copyrights{
      padding: 24px 30px;
  }

  .sd-footer .sd-subscription-wrapper{
      margin-top: unset;
  }

  .sd-footer .sd-subscription-wrapper .sheild-wrapper{
      top: -45px;
      left: 50%;
      transform: translateX(-50%);
  }

  .sd-footer .sd-subscription-wrapper .sd-subscription-box{
      padding: 60px 30px 40px;
  }

  .sd-footer .sd-subscription-wrapper .sd-subscription-box .subscription-content h3{
      max-width: 90%;
      margin: 0 auto 24px;
  }

  .sd-footer .footer-links-sec .footer-social-links{
      padding: 40px;
      align-items: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.14);
      gap: 16px;
  }

  .sd-footer .footer-links-sec .footer-social-links .footer-logo {
      width: unset;
  }

  .sd-footer .footer-links-sec .footer-links{
      align-items: center;
      padding: 0 30px 48px;
  }

  .rotating-logo-wrapper{
      position: unset;
      width: 135px;
      height: 135px;
      margin: 0 auto 24px;
  }

  .rotating-logo-wrapper .rotating-logo > img{
      animation: none;
  }

  .rotating-logo-wrapper .rotating-logo .flying-locksmiths{
      width: 94px;
      height: 94px;
      padding: 6px;
  }

  .rotating-logo-wrapper .rotating-logo .flying-locksmiths img{
      width: 100%;
  }

  .hero-section.internal-page-hero,
  .hero-section.hero-section.internal-page-hero.h-50{
      height: unset;
  }

  .sd-filter-box{
      flex-direction: column;
      align-items: unset;
  }

  .safe-category-banner .safe-category-image{
      height: unset;
  }

  .safe-category-sec-title::before, .safe-category-sec-title::after{
      width: 12%;
  }

  .safe-cards-wrapper{
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 16px;
  }

  .safe-cards-wrapper .safe-card{
      width: 100%;
      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
      margin: 0 0 16px;
  }

  .technical-features-sec{
      flex-direction: column-reverse;
      gap: 40px;
      padding: 60px 0;
  }

  .technical-features-sec .technical-features-content{
      flex: unset;
      padding: 0 30px;
  }

  .technical-features-sec .technical-features-content .technical-features-list{
      margin: 0;
      gap: 32px;
  }

  .technical-features-sec .technical-features-content .technical-features-list .technical-features-list-item{
      width: 100%;
      margin: 0;
  }

  .technical-features-sec .technical-features-video-wrapper{
      width: 100%;
      margin-left: -32px;
  }

  .hero-content-wrapper.left-aligned.align-start{
      text-align: center;
      align-items: center;
      padding: 40px 0 0;
  }

  .blog-hero-bg-image{
      height: 300px;
      display: flex;
      justify-content: center;
      position: unset;
  }

  .blog-hero-bg-image::before{
      bottom: -15%;
      top: unset;
  }

  .sd-product-details-sec{
      padding: 24px 0;
  }

  .sd-product-details-sec .sd-product-details-wrapper{
      padding: 0 24px;
      flex-direction: column;
      gap: 40px;
  }

  .sd-product-details-sec .sd-product-details-wrapper .sd-product-image-details{
      width: 100% !important;
      margin: 0 !important;
  }

  .single-product-main-image .slick-slide,
  .rtwpvg-slider-wrapper{
      height: 400px !important;
  }

  .sd-product-details-sec .sd-product-details-wrapper .sd-product-image-details .product-swiper .product-slide{
      height: 300px;
  }

  #wpis-gallery .slick-slide{
      height: 150px !important;
  }

  .sd-product-details-sec .sd-product-details-wrapper .sd-product-info-wrapper{
      padding: 0;
  }

  .sd-product-details-sec .sd-product-details-wrapper .sd-product-info-wrapper .sd-product-brief .product-name{
      text-align: center;
  }

  .sd-product-details-sec .sd-product-details-wrapper .sd-product-info-wrapper .sd-product-brief .product-model-rating{
      flex-direction: column;
  }

  .sd-product-details-sec .sd-product-details-wrapper .sd-product-info-wrapper .add-to-cart-field{
      width: 100%;
  }

  .product-info-tabs-layout .product-info-tabs-wrapper{
      height: unset;
      align-items: unset;
      justify-content: unset;
      overflow: auto;
  }

  .product-info-tabs-layout .product-info-tabs-wrapper::-webkit-scrollbar{
      display: none;
  }

  .product-info-tabs-layout .product-info-tabs-wrapper .product-tab{
      min-width: fit-content;
  }

  .image-swiper-wrapper .image-swiper .swiper-slide{
      height: 300px;
  }

  .product-description{
      padding-bottom: 24px !important;
  }

  .product-description .w-50{
      width: 100%;
  }

  .product-description .positioned-image{
      position: unset;
      width: 100%;
      margin-top: 40px;
  }

  .product-description .sd-section-title-wrapper{
      margin-bottom: 24px !important;
  }

  .product-benefits{
      flex-direction: column;
      gap: 24px;
  }

  .product-benefits .product-benefit .benefit-icon{
      margin-bottom: 8px;
  }

  .product-specifications .product-specification{
      flex: unset;
      width: 100%;
  }

  .product-downloads-list .product-download-item{
      padding-top: 36px;
      padding-bottom: 36px;
      flex-direction: column;
      align-items: flex-start;
  }

  .product-info-tab-content .sd-faq-sec .w-65{
      width: 100%;
  }

  .product-info-tab-content .sd-faq-sec .positioned-image{
      display: none;
  }

  .product-info-tab-content .certification-content-wrapper{
      padding-bottom: 80px;
  }

  .product-reviews-section{
      padding: 60px 0;
  }

  .product-reviews-section .product-reviews{
      max-width: 100%;
  }

  .woocommerce #reviews #comments ol.commentlist li.review{
      padding: 24px;
  }

  .woocommerce .comment-text .star-rating{
      float: unset;
      margin-bottom: 12px;
  }

  .woocommerce #reviews #comments ol.commentlist li .comment-text .description{
      margin-left: -88px; /* -(Image size + gap) */
  }

  #review_form_wrapper {
      margin-top: 24px;
  }

  .woocommerce form input:not([type="checkbox"]), .woocommerce form textarea{
      width: 100%;
  }

  .compare-modal-content{
      padding: 24px 16px;
  }

  .compare-items .compare-item{
      min-width: unset;
      max-width: unset;
  }

  .locksmith-search-section{
      flex-direction: column;
      padding: 30px;
      gap: 30px;
  }

  .locksmith-search-section .locksmith-search-left .locksmith-search-left-container{
      max-width: unset !important;
      width: 100%;
      padding: 0 !important;
  }

  .locksmiths-list{
      margin-right: -12px !important;
      padding-right: 12px !important;
  }

  .locksmith-search-section .locksmith-search-right {
      width: calc(100% + 60px) !important;
      align-items: unset !important;
      height: 360px;
      margin: 0 -30px;
  }

  .certified-partner-container{
      flex-direction: column;
  }

  .certified-partner-container .certified-partner-container-01{
      width: 100% !important;
  }

  .certified-partner-container .certified-partner-right{
      width: 100% !important;
      padding: 0 30px;
      gap: 24px;
      text-align: center;
  }

  .certified-numbers{
      width: 100%;
      flex-direction: column;
      gap: 40px;
  }

  .certified-cart{
      width: 100%;
  }

  .certified-cart:not(:last-child){
      padding-bottom: 40px;
      padding-right: 0 !important;
      margin: 0 !important;
  }

  .certified-cart:not(:last-child)::after{
      width: 40% !important;
      height: 1px !important;
      top: unset !important;
      right: unset !important;
      left: 50% !important;
      bottom: 0 !important;
      transform: translateX(-50%);
  }

  .certified-cart .certified-count{
      margin-bottom: 12px;
  }

  .faq-container{
      width: 100% !important;
      padding: 0 30px !important;
  }

  .faq-container .faq-wrapper{
      flex-direction: column;
      gap: 60px !important;
  }

  .faq-wrapper .faq-right{
      width: 100% !important;
      display: flex;
      flex-direction: column-reverse;
  }

  .faq-container .faq-wrapper .faq-right .faq-img{
      width: unset !important;
      height: unset !important;
  }

  .faq-container .faq-wrapper .faq-right .faq-text{
      width: 100% !important;
      position: relative !important;
  }

  .faq-text::before{
      height: 150px !important;
      left: 100px !important;
      transform: unset !important;
  }

  .faq-text::after{
      top: calc(100% + 150px) !important;
      left: 100px !important;
  }

  .ls-hero-background{
      height: unset !important;
      padding: 40px 20px;
  }

  .ls-hero-background .ls-hero-background-text{
      font-size: 40px !important;
      line-height: 1 !important;
      text-align: center;
  }

  .ls-profile-details{
      flex-direction: column;
      align-items: center !important;
      gap: 24px !important;
  }

  .ls-profile-details .ls-profile-details-details-right{
      flex: unset;
      width: 100%;
  }

  .ls-profile-details .ls-profile-details-details-right .ls-profile-details-overview{
      align-items: center;
      gap: 12px;
  }

  .ls-profile-details .ls-profile-details-details-right .ls-profile-details-overview .ls-profile-details-overview-ids{
      flex-direction: column;
      align-items: center;
      gap: 12px;
  }

  .ls-profile-details .ls-profile-details-details-right .ls-profile-details-overview .sd-hr{
      border-color: #D2D2D2;
  }

  .ls-profile-details .ls-profile-details-photo{
      width: 100% !important;
      display: flex;
      justify-content: center;
  }

  .locksmith-img-wrapper.big{
      width: 140px;
      height: 140px;
  }

  .locksmith-img-wrapper.big .ls-verification {
      bottom: -5px;
      right: 0px;
  }

  .ls-profile-details .ls-profile-details-details-right .ls-profile-contact-info{
      padding: 24px !important;
  }

  .client-review-main-heading{
      width: 100% !important;
  }

  .client-review-main-heading .client-reviews-title{
      font-size: 26px !important;
  }

  .other-technicians-text{
      font-size: 26px !important;
      line-height: 1.5 !important;
  }

  .other-tech-cards-swiper{
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
  .other-tech-cards-swiper {
      margin: 0 !important;
    }

  .locksmith-modal-container{
      width: 90% !important;
      height: 78% !important;
  }

  .tech-info-actions{
      flex-direction: column;
  }

  .sd-contact-wrapper{
      flex-direction: column;
  }

  .sd-contact-wrapper .sd-contact-info{
      width: 100%;
      flex-direction: column;
      align-items: center;
      gap: 24px;
      text-align: center;
      padding-top: 0;
  }

  .sd-contact-wrapper .sd-contact-info .sd-contact-details .sd-contact-detail{
      justify-content: center;
  }

  .sd-contact-form{
      padding: 24px;
  }

  .sd-contact-form .contact-form-title{
      text-align: center;
  }

  .sd-faq-sec{
      padding-top: 100px !important;
  }

  .sd-faq-sec .w-65{
      width: 100%;
  }

  .sd-faq-sec .positioned-image{
      width: 100%;
      margin: 40px 0 0;
      padding: 0 30px;
      position: unset;
  }

  .sd-faq-sec .positioned-image img{
      transform: unset;
  }

  .buyers-guide-sec{
      padding-top: 60px;
  }

  .buyers-guide-sec .sd-section-title-wrapper{
      width: 100%;
  }

  .buyers-guide-sec .sd-section-title{
      margin-bottom: 16px;
  }

  .buyers-guide-sec .buyers-guide-image{
      width: 100%;
  }

  .buyer-guide-article-wrapper{
      flex-direction: column;
      gap: 40px;
  }
  
  .buyer-guide-article-wrapper .buyer-guide-article-card{
      width: 100% !important;
      margin: 0 !important;
  }

  .buyer-bg{
      height: unset !important;
      padding-top: 60px;
  }

  .buyerGuide-container{
      padding-top: 60px;
      flex-direction: column;
      gap: 60px;
  }

  .buyer-bg .buyerGuide-container .hero-buyer-contain{
      width: 100%;
      text-align: center;
      margin: 0 !important;
  }

  .buyer-hero-heading-01{
      font-size: 14px !important;
  }

  .buyer-hero-heading-02{
      font-size: 36px !important;
      margin: 8px 0 16px !important;
  }

  .buyer-hero-heading-03{
      max-width: unset !important;
      font-size: 14px !important;
      margin: 0 !important;
  }

  .hero-buyer-image{
      width: 100% !important;
  }

  .sd-breadcrumbs{
      flex-wrap: wrap;
      text-align: center;
  }

  .sd-breadcrumbs a{
      line-height: 2;
  }

  .article-hero-sec {
    min-height: unset;
    padding: 60px 0 140px;
  }

  .article{
    margin-top: -180px !important;
  }

  .article-info:not(.responsive){
    display: none;
  }

  .article-info{
    width: 100%;
    padding: 0 30px;
  }

  .article-title-wrapper {
    margin: 36px 0 0 !important;
  }

  .article-title-wrapper .article-title {
    font-size: 28px;
    line-height: 1.35;
  }

  .article-title-wrapper .article-title-caption{
      margin-bottom: 16px !important;
  }

  .article .article-body{
      max-width: 100%;
  }

  .article .article-body .article-subtitle{
      font-size: 28px;
      line-height: 36px;
      margin-top: 36px;
  }

  .article .article-body .article-cta-wrapper .article-cta-box{
      flex-direction: column;
      padding: 24px;
      text-align: center;
      gap: 24px;
  }

  .article .article-body .article-content{
      font-size: 16px;
      line-height: 1.5;
  }

  .article .article-body .article-quote{
      padding-top: 80px;
      padding-left: 0;
  }

  .article .article-body .article-quote::before{
      top: 0;
      transform: unset;
  }

  .related-articles .sd-secondary-heading{
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      margin-bottom: 40px;
  }

  .article-share-icons{
      position: unset;
      margin-bottom: 24px;
  }

  .article-share-icons .heateor_sss_sharing_ul{
      flex-direction: row;
      justify-content: center;
  }

  .buttons-group{
      flex-direction: column;
      align-items: unset;
  }

  .buttons-group>*{
      justify-content: center;
      text-align: center;
  }

  .about-banner-sec{
      padding: 60px 0 !important;
      gap: 40px;
  }

  .founders-note-sec .founders-bg{
      width: 100%;
      height: 320px;
      position: relative;
  }

  .founders-note-sec .founders-note-box{
      width: 90%;
      padding: 24px 32px;
      align-items: center;
      text-align: center;
      position: relative;
      margin: -42px auto 0;
      bottom: unset;
      left: unset;
  }

  .founders-note-sec{
      height: unset;
  }

  .founders-note-sec .founders-note-box .caption{
      font-size: 14px;
  }

  .founders-note-sec .founders-note-box .title{
      font-size: 34px;
  }

  .founders-note-sec .founders-note-box .content{
      font-size: 14px;
      line-height: 1.5;
  }

  .assa-abloy-sec{
      padding: 0;
  }

  .assa-abloy-sec .assa-abloy-wrapper{
      flex-direction: column;
      gap: 40px;
      padding: 40px 30px;
  }

  .assa-abloy-sec .assa-abloy-wrapper .assa-abloy-img-holder img{
      width: 100%;
      height: 100%;
      object-fit: contain;
  }

  .assa-abloy-sec .assa-abloy-wrapper .assa-abloy-content-holder{
      width: 100%;
      padding: 0;
  }

  .assa-abloy-sec .assa-abloy-wrapper .assa-abloy-content-holder .title{
      font-size: 34px;
      line-height: 34px;
      text-transform: capitalize;
  }

  .technical-features-sec.about{
      flex-direction: column;
      padding-bottom: 10px;
  }

  .about-page-faq-section{
      flex-direction: column;
  }

  .about-page-faq-section .faq-img-wrapper{
      width: 100%;
      min-height: unset;
  }

  .about-faq-content-wrapper{
      flex: unset;
      padding: 40px 30px;
  }

  .about-faq-content-wrapper .title{
      font-size: 34px;
      line-height: 1;
      margin-left: 0;
  }

  .founders-note-modal .founders-note-banner {
      height: unset;
      flex-direction: column-reverse;
  }

  .founders-note-banner-content{
      max-width: unset;
      background: #171717;
      align-items: center;
      position: unset;
      padding: 12px 30px 40px;
      font-size: 14px;
      text-align: center;
  }

  .founders-image{
      width: 100%;
      height: 300px;
      position: relative;
      top: unset;
      right: unset;
  }

  .founders-image::after{
      content: '';
      width: 100%;
      height: 100%;
      background: linear-gradient(0deg, #171717 10%, rgba(23, 23, 23, 0) 100%);
      position: absolute;
      bottom: 0;
      left: 0;
  }

  .founders-note-content-wrapper .scrollable-content{
      max-height: unset;
      padding: 0;
  }

  .founders-note-banner::after{
      display: none;
  }

  .founders-note-banner-content .caption{
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 18px;
  }

  .founders-note-banner-content h3{
      font-size: 34px;
      line-height: 1;
      margin-bottom: 18px;
  }

  .founders-note-section{
      flex-direction: column;
      align-items: unset;
      gap: 24px;
      padding: 40px 30px;
  }

  .founders-note-image-wrapper{
      width: 100%;
      padding: 0;
  }

  .founders-note-content-wrapper{
    padding: 0;
  }

  .founders-note-content-wrapper h3{
      font-size: 34px;
      line-height: 1.35;
      margin-bottom: 24px;
  }

  .founders-pick-section{
      min-height: unset;
      flex-direction: column;
  }

  .founders-pick-section.herb{
      flex-direction: column-reverse;
  }

  .founders-pick-content{
      width: 100%;
      height: 400px;
      padding: 40px 20px;
      flex-direction: column;
      justify-content: flex-end;
      text-align: center;
  }

  .founders-pick-content::before{
      background: linear-gradient(0deg, #171717 33.42%, rgba(23, 23, 23, 0) 100%);
  }

  .founders-pick-content-holder .founders-pick-safe-name{
      font-size: 34px;
      line-height: 1;
      margin-bottom: 12px;
  }

  .founders-pick-content-holder p{
      font-size: 16px;
      line-height: 24px;
  }

  .founders-pick-safe{
      background: linear-gradient(0deg, rgba(201, 148, 38, 0.1) 4.91%, rgba(201, 148, 38, 0) 63.53%);
      padding: 30px;
      gap: 24px;
  }

  .founders-pick-safe.left-aligned{
      background: linear-gradient(0deg, rgba(201, 148, 38, 0.1) 4.91%, rgba(201, 148, 38, 0) 63.53%);
  }

  .founders-thanks-note h4{
      font-size: 26px;
      line-height: 32px;
  }

  .founders-note-modal-wrapper{
      padding: 60px 30px;
  }

  .founders-note-modal{
      width: 100%;
      max-width: unset;
      margin: 0;
  }

  .account-sec{
      padding: 60px 0;
  }

  .account-sec .sd-section-title-wrapper{
      margin-bottom: 24px;
  }

  .account-sec .sd-section-title{
      font-size: 40px;
      line-height: 1;
      text-align: center;
  }

  .woocommerce-cart-form{
      overflow: auto;
      margin-bottom: 40px;
  }

  .sd-cart-table{
      margin: 0;
  }

  .shipping-info{
      /* flex-direction: column; */
      align-items: flex-start !important;
      gap: 4px !important;
  }

  .cart-actions{
      justify-content: flex-start !important;
  }

  .sd-checkout-wrapper{
      flex-direction: column;
      gap: 40px;
      margin-top: 40px;
  }

  .sd-checkout-wrapper .checkout-info-wrapper{
      width: 100%;
  }

  .woocommerce form .form-row-first, .woocommerce form .form-row-last{
      width: 100% !important;
  }

  .payment-title-wrapper{
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
  }

  .order-info .order-detail{
      gap: 32px;
  }

  .order-info{
      padding: 0;
      background-color: transparent;
      border: none;
  }

  .order-detail .shipping-info{
      flex-direction: row;
      align-items: center !important;
  }

  .order-detail p:nth-child(2){
      width: 35%;
      text-align: right;
  }

  .checkout-payment{
      margin-top: 40px;
  }

  .sd-login-wrapper{
      flex-direction: column;
      margin-top: 40px;
  }

  .sd-login-wrapper .form-essentials{
      flex-direction: column;
      align-items: flex-start !important;
      gap: 12px;
  }

  .account-wrapper{
      flex-direction: column;
      gap: 40px;
  }

  .account-tabs{
      width: 100%;
  }

  .account-header, .account-header .sd-account-link, .account-sub-header, .account-sub-header .sd-account-link{
      font-size: 16px !important;
      line-height: 1.5 !important;
  }

  .account-tabs .account-tab{
      padding: 16px 0;
      font-size: 16px;
  }

  .account-tabs .account-tab .account-tab-icon{
      width: 24px;
      height: 24px;
  }

  .account-table thead th, .account-table tbody td{
      padding: 12px !important;
      font-size: 15px !important;
      line-height: 1.65 !important;
  }

  .account-table th:first-child, .account-table td:first-child{
      padding-left: 12px !important;
  }

  .account-table th:last-child, .account-table td:last-child{
      padding-right: 12px !important;
  }

  .account-table .account-table-actions{
      gap: 12px;
  }

  .sd-addresses-wrapper{
      flex-direction: column;
      gap: 24px;
  }

  .sd-addresses-wrapper .sd-address-box{
      flex: 1;
      padding: 24px;
  }

  .sd-addresses-wrapper .sd-address-box .address-type{
      font-size: 24px;
      line-height: 1.5;
  }

  .sd-addresses-wrapper .sd-address-box address{
      font-size: 18px;
      line-height: 1.5;
  }

  .sd-addresses-wrapper .sd-address-box .edit{
      width: 24px;
      height: 24px;
      top: 24px;
      right: 24px;
  }

  form > .form-group:not(:last-of-type){
      margin-bottom: 32px;
  }

  .woocommerce .shop_table .account-table-actions{
      justify-content: flex-end;
  }

  /* .woocommerce table.shop_table_responsive tr td{
      display: flex !important;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
  } */

  .woocommerce table.card_details tr td::before{
    left: 50px !important;
    position: absolute;
  }

  .woocommerce table.card_details tr td .sd-custom-radio .checkmark{
    top: 0px !important;
  }

  .woocommerce table.shop_table_responsive tr td::before{
      text-align: left !important;
  }

  .status-text{
      display: unset !important;
  }

  .account-actions{
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
  }

  .account-form-field-wrapper{
      flex-direction: column;
  }

  .ls-login-header .ls-login-header-content{
      max-width: 100%;
      padding: 0 30px;
  }

  .ls-login-header .ls-login-header-content .ls-login-title{
      font-size: 40px;
      line-height: 1;
  }

  /* Responsive Menu Styles */

  .sd-responsive-menu{
      background-color: var(--black);
      box-shadow: none;
      position: fixed;
      top: 80px;
      left: 0;
      width: 100%;
      z-index: 100;
      transition: all 0.3s ease;
  }

  .sd-responsive-menu.page-scrolled{
      box-shadow: 0 4px 12px rgb(199 150 68 / 15%);
  }

  .sd-responsive-menu-container{
      padding: 15px 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
  }

  .sd-responsive-menu-logo-wrapper{
      width: 160px;
      display: flex;
  }

  .sd-responsive-ecomm-menu{
      display: flex;
      align-items: center;
      gap: 16px;
  }

  .sd-responsive-ecomm-menu-item{
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
  }

  .cart-count{
      width: 18px;
      height: 18px;
      background: linear-gradient(260.01deg, #ffdc92 0.78%, #ffc64e 12.76%, #c99426 46.09%, #f8ca6a 90.36%, #ffd886 99.74%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'OutfitMedium';
      font-size: 13px;
      color: var(--white);
      position: absolute;
      top: -4px;
      right: -4px;
  }

  .sd-menu-toggler{
      width: 32px;
      height: 32px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      padding: 0 4px;
  }

  .sd-menu-toggler span{
      width: 100%;
      height: 2px;
      background-color: var(--white);
      transition: all 0.3s ease;
  }

  .sd-menu-toggler .middle{
      margin: 4px 0;
  }

  .sd-menu-toggler:not(.clicked) .bottom{
      width: 75%;
  }

  .sd-menu-toggler.clicked .middle{
      opacity: 0;
  }

  .sd-menu-toggler.clicked .top{
      transform: rotate(45deg) translate(5px, 5px);
  }

  .sd-menu-toggler.clicked .bottom{
      transform: rotate(-45deg) translate(4px, -4px);
  }

  .sd-responsive-menu-panel{
      width: 100%;
      height: calc(100% - 60px);
      overflow: auto;
      background: rgba(0,0,0,0.95);
      backdrop-filter: blur(2px);
      padding: 30px;
      position: fixed;
      top: 80px;
      left: -100%;
      z-index: 100;
      transition: all 0.3s ease;
  }

  .sd-responsive-menu-panel::-webkit-scrollbar{
      width: 4px;
  }

  .sd-responsive-menu-panel::-webkit-scrollbar-thumb,
  .sd-responsive-menu-panel::-webkit-scrollbar-track{
      border-radius: 0;
  }

  .sd-responsive-menu-panel.open{
      left: 0;
	  top: 80px;
  }

  .sd-responsive-menu-panel>ul{
      list-style: none;
  }

  .sd-responsive-menu-panel>ul>li{
      display: flex;
      flex-direction: column;
      position: relative;
  }

  .sd-responsive-menu-panel>ul>li>a{
      padding: 18px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      font-family: 'OutfitMedium';
      font-size: 14px;
      color: var(--white);
      letter-spacing: 2.5px;
      text-transform: uppercase;
  }

  .sd-responsive-menu-panel>ul>li>a+.menu-dropdown,
  .sd-reg-menu-wrapper{
      position: unset;
      min-width: unset;
      width: 100%;
      background: transparent;
      box-shadow: none;
      padding: 0;
      margin: 0;
      opacity: 0;
      visibility: hidden;
      display: none;
      transform: unset;
      overflow: hidden;
      transition: all 0.3s ease;
  }

  .sd-responsive-menu-panel>ul>li>a.open-menu+.menu-dropdown,
  .sd-responsive-menu-panel>ul>li>a.open-menu+.sd-reg-menu-wrapper{
      opacity: 1;
      visibility: visible;
      display: flex;
      padding-left: 24px;
  }

  .sd-responsive-menu-panel>ul>li>a.open-menu{
      color: var(--sd-mustard);
  }

  .sd-responsive-menu-panel>ul>li>a.open-menu .icon{
      transform: rotate(180deg);
  }

  .sd-menu-item>a.open-menu .icon svg path{
      fill: var(--sd-mustard);
      opacity: 1;
  }

  .sd-responsive-menu-panel>ul>li .safe-type-img-wrapper{
      display: none;
  }

  .menu-dropdown .dropdown-wrapper .dropdown-list li a.dd-list-item,
  .sd-reg-menu-wrapper .sd-reg-menu .sd-reg-menu-item a{
      padding: 16px 0;
      font-family: 'OutfitRegular';
      color: var(--white);
  }

  .menu-dropdown .dropdown-wrapper .dropdown-list li a.dd-list-item .dd-list-item-details h4{
      font-family: 'OutfitMedium';
      font-size: 14px;
      line-height: 1;
      margin: 0;
  }

  .menu-dropdown .dropdown-wrapper .dropdown-list li a.dd-list-item .dd-list-item-details h4 span{
      color: var(--white) !important;
  }

  .menu-dropdown .dropdown-wrapper .dropdown-list li a.dd-list-item .dd-list-icon-wrapper,
  .menu-dropdown .dropdown-wrapper .dropdown-list li a.dd-list-item .dd-list-item-details p,
  .sd-reg-menu-wrapper::before{
      display: none;
  }

  .dropdown-list li:not(:last-child),
  .sd-reg-menu-wrapper .sd-reg-menu .sd-reg-menu-item:not(:last-child){
      border-bottom: 1px solid rgb(255 255 255 / 15%);
  }

  .sd-reg-menu-wrapper .sd-reg-menu{
      background-color: transparent;
  }

  .sd-responsive-menu-panel>ul+ul{
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      margin-top: 24px;
  }

  .sd-responsive-menu-panel>ul+ul>li>a{
      font-family: 'OutfitRegular';
      font-size: 13px;
  }

  .sd-responsive-menu .social-links-wrapper{
      display: flex;
      gap: 12px;
      margin-top: 40px;
  }

  .sd-responsive-menu .social-links-wrapper .social-link{
      width: 40px;
      height: 40px;
      background-color: var(--sd-textColor);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  /* Responsive Menu Styles */

  .ls-heading-54px{
      font-size: 34px !important;
      line-height: 1 !important;
  }

  .other-technicians-card .other-tech-card-links{
      flex-wrap: wrap;
  }

  .other-technicians-card .other-tech-card-links .other-tech-card-link{
      min-width: 50%;
      flex: 1 !important;
      border-width: 0 !important;
      padding: 16px 12px !important;
      gap: 8px !important;
  }

  .other-technicians-card .other-tech-card-links .other-tech-card-link .icon{
      width: 14px !important;
      height: 14px !important;
  }

  .other-technicians-card .other-tech-card-links .other-tech-card-link:first-child{
      border-right-width: 1px !important;
  }
  
  .other-technicians-card .other-tech-card-links .other-tech-card-link:last-child{
      border-top: 1px solid #e9e9e9 !important;
  }

  .service-req-header{
      flex-direction: column;
      gap: 12px;
  }

  .service-req-header .service-req-info p{
      gap: 8px;
  }

  .checkout-coupon-wrapper{
      max-width: 100%;
      flex-direction: column;
  }

  .info-image-wrapper::after{
      content: '';
      width: 2px;
      height: 100px;
      border-right: 1px dashed var(--sd-mustard);
      position: absolute;
      /* top: 200px; */
      bottom: 120px;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
  }

  .info-box{
      /* display: none !important; */
      width: 100% !important;
      background-color: #010101 !important;
      top: unset !important;
      bottom: 0 !important;
      left: 0 !important;
      opacity: 0;
      visibility: hidden;
  }

  .info-box::after{
      display: none;
  }

  .sd-btn{
      padding: 16px 16px;
  }

  .sd-testimonial-swiper .testimonial-swiper-navigation{
      width: 100%;
      left: 0 !important;
  }

  .testimonial-swiper-pagination .swiper-pagination-bullet{
      width: 9px !important;
      height: 9px !important;
      background-color: var(--sd-textColor);
      opacity: 1 !important;
  }

  .testimonial-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
      background: linear-gradient(260.01deg, #FFDC92 0.78%, #FFC64E 12.76%, #C99426 46.09%, #F8CA6A 90.36%, #FFD886 99.74%);
  }

  .get-on-store-links {
      width: 100%;
      text-align: left;
  }

  .sd-custom-toast{
      padding: 16px 24px !important;
  }

  .account-tabs{
      display: none !important;
  }

  .responsive-account-tab-menu{
      width: 100%;
      background-color: var(--white);
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.08);
      display: flex;
      flex-direction: column;
  }

  .responsive-account-navigation{
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 1px;
  }

  .profile-menu-trigger{
      width: 100%;
      background-color: var(--white);
      padding: 16px 24px;
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .profile-menu-trigger .profile-icon{
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .profile-menu-trigger .profile-header{
      flex: 1;
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .profile-header .profile-name{
      flex: 1;
      margin: 0;
      font-family: 'OutfitRegular';
      font-size: 16px;
      line-height: 1.5;
  }

  .profile-header .profile-name span{
      font-family: 'OutfitExtraBold';
  }

  .profile-header .logout-icon{
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .responsive-account-tab-menu:first-child{
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .responsive-account-tab-menu .trigger{
      width: 100%;
      background-color: var(--white);
      padding: 16px 24px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: 'OutfitMedium';
      font-size: 16px;
      text-transform: uppercase;
  }
  .responsive-account-tab-menu .trigger{
      width: 100%;
      background-color: var(--white);
      padding: 16px 24px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: 'OutfitMedium';
      font-size: 16px;
      text-transform: uppercase;
  }
  .responsive-account-tab-menu .trigger .hamburger{
      width: 32px;
      height: 32px;
      padding: 0 4px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
  }

  .responsive-account-tab-menu .trigger .hamburger>span{
      width: 100%;
      height: 2px;
      background-color: var(--sd-mustard);
      transition: all 0.3s ease;
  }

  .responsive-account-tab-menu .trigger .hamburger>span.middle{
      margin: 5px 0;
  }

  .responsive-account-tab-menu .trigger:not(.clicked) .hamburger>span.bottom{
      width: 75%;
  }

  .responsive-account-tab-menu .trigger.clicked .hamburger>span{
      width: 80%;
      background-color: var(--sd-textColor);
  }

  .responsive-account-tab-menu .trigger.clicked .hamburger>span.middle{
      opacity: 0;
  }

  .responsive-account-tab-menu .trigger.clicked .hamburger>span.top{
      transform: rotate(45deg) translate(5px, 5px);
  }

  .responsive-account-tab-menu .trigger.clicked .hamburger>span.bottom{
      transform: rotate(-45deg) translate(4px, -5px);
  }

  .responsive-account-tab-menu .menu{
      max-height: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: all 0.3s ease;
  }

  .responsive-account-tab-menu .trigger.clicked + .menu{
      max-height: unset;
  }

  .responsive-account-tab-menu .menu .account-tab{
      width: 100%;
      padding: 16px 24px;
      display: flex;
      align-items: center;
      font-family: 'OutfitMedium';
      font-size: 16px;
      line-height: 18px;
      color: var(--sd-textColor);
  }

  .responsive-account-tab-menu .menu .account-tab.is-active{
      color: var(--sd-dark-mustard);
  }

  .responsive-account-tab-menu .menu .account-tab.is-active .account-tab-icon svg path{
      fill: var(--sd-dark-mustard);
      opacity: 1;
  }

  .responsive-account-tab-menu .menu .account-tab .account-tab-name{
      flex: 1;
  }

  .responsive-account-tab-menu .menu .account-tab .account-tab-icon{
      width: 20px !important;
      height: 20px !important;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .responsive-account-tab-menu .menu .account-tab:not(:last-child){
      border-bottom: 1px solid rgb(196 196 196 / 50%);
  }

  /* .account-table#myDIV{
      display: flex !important;
  } */

  .account-table tbody{
      width: 100%;
  }

  .sd-health-care-benefits-sec{
      min-height: unset;
      flex-direction: column;
  }

  .benefits-img-wrapper {
      width: 100%;
      height: unset;
  }

  .benefits-img-wrapper::after {
      width: 100%;
      height: 60%;
      background: linear-gradient(1deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 98.44%);
      top: unset;
      bottom: 0;
      left: 0;
  }

  .benefits-content-wrapper{
      padding: 40px 30px 80px;
  }

  .benefits-sec-title, .industries-faq-sec .faq-title{
      font-size: 32px;
      line-height: 1.25;
      margin: unset;
  }

  .benefit-cards-wrapper{
      margin-top: 24px;
  }

  .benefit-card{
      padding: 16px;
      align-items: flex-start;
      gap: 16px;
  }

  .industries-faq-sec{
      min-height: unset;
      flex-direction: column-reverse;
  }

  .industries-faq-sec .faq-content-wrapper{
      padding: 8px 30px 40px;
  }

  .industries-faq-sec .sd-faqs{
      width: 100%;
      margin-top: 32px;
  }

  .industries-faq-sec .faq-banner{
      width: 100%;
      padding-top: 48px;
  }

  .industries-faq-sec .faq-banner.full-img{
      padding-top: 0 !important;
  }

  .ls-unauthorised-form-wrapper{
      flex-direction: column;
      gap: 40px;
  }

  .ls-unauthorised-form-wrapper .content{
      width: 100%;
  }

  .form-success .success-text{
      font-size: 24px;
  }

  .order-payment-wrapper{
      flex-direction: column;
      gap: 40px;
  }

  .order-payment-wrapper .order-details-wrapper, .order-payment-wrapper .order-payment{
      width: 100%;
  }

  .order-information .order-row{
      padding: 12px 16px;
  }

  .order-information .order-row .label, .order-information .order-row .text{
      font-size: 15px !important;
  }

  .testimonial-popup-wrapper .testimonial-popup-container{
      max-width: 90%;
      padding: 40px;
  }

  .testimonial-popup-wrapper .testimonial-popup-container .testimonial-popup-content{
      font-size: 24px;
      line-height: 1.5;
  }

  .testimonial-popup-wrapper .testimonial-popup-container .popup-testimonial-details .testimonial-user-name,
  .testimonial-popup-wrapper .testimonial-popup-container .popup-testimonial-details .testimonial-user-info{
      font-size: 16px;
      line-height: 1.5;
  }
  .other-tech-cards-navigation{
      top: unset !important;
      transform: translateY(0) !important;
      bottom: -80px;
  }
  .other-tech-cards-navigation.swiper-button-next{
      left: 50%;
  }
  .other-tech-cards-navigation.swiper-button-prev {
      left: calc(50% - 69px) !important;
  }
  .pb-120{
      padding-bottom: 120px !important;
  }
  .ls-profile-details .ls-profile-details-details-right .ls-profile-certificate-wrapper{
      gap: 24px !important;
      flex-wrap: wrap;
  }
  .client-review-swiper .client-review-swiper-wrapper .client-review-card{
      padding: 14px !important;
      gap: 14px !important;
  }
  .sd-address-modal-content{
      width: 86% !important;
  }
  .responsive-copy-rights{
      /* position: absolute; */
      padding: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.14);
      font-family: 'OutfitRegular';
      font-size: 14px;
      line-height: 1.5;
      width: 100%;
      text-align: center; 
  }

  .copy-rights{
      display: none;
  }
  .menu-dropdown .dropdown-wrapper .dropdown-list li a.dd-list-item:hover{
      border-color: transparent !important;
  }

  .prod-specs{
      flex-direction: column;
      padding: 24px;
      gap: 24px;
  }

  .testimonial-card,
  .testimonial-popup-wrapper .testimonial-popup-container .popup-testimonial-details{
      flex-direction: column !important;
      align-items: flex-start !important;
  }

  span.testimonial-users-info,
  .testimonial-popup-wrapper .testimonial-popup-container .popup-testimonial-details .testimonial-user-info{
      padding-left: 0;
      border: none;
      margin-left: 0;
  }

  .product-info-tabs-wrapper{
      top: 62px !important;
  }

  .sd-empty-container .sd-empty-content-wrapper{
      max-width: 80%;
  }

  .safe-card-content .sd-btn,
  .safe-card-content .safe-link{
      transform: unset !important;
      opacity: 1 !important;
      visibility: visible !important;
  }

  .safe-card-swiper .safe-card .sd-btn,
  .safe-card-swiper .safe-card .safe-link{
      display: flex !important;
  }

  .technical-features-sec{
      padding-bottom: 16px;
  }

  .technical-features-video-wrapper{
      align-items: center;
      margin: unset !important;
  }

  .technical-features-video-wrapper .technical-feature-video-caption{
      width: 100%;
  }

  .technical-feature-video-caption::before{
      height: 95px;
  }

  .technical-feature-video-caption::after{
      top: calc(100% + 95px);
  }

  .ul-content-sec{
      flex-direction: column;
  }

  .ul-content-sec.reverse{
      flex-direction: column-reverse;
  }

  .ul-content-image-container{
      width: 100%;
      height: unset;
  }

  .ul-content-image-container.custom-image{
      height: 250px;
  }

  .ul-content-image-container::after{
      background: linear-gradient(0deg, #111111 0%, rgba(17, 17, 17, 0) 50%) !important;
  }

  .ul-content-container{
      padding: 60px 30px 40px !important;
  }

  .ul-content-image-container .safe{
      width: 250px;
      left: 50% !important;
      transform: translateX(-50%);
  }

  .ul-info-sec{
      height: unset;
      flex-direction: column;
  }

  .ul-info-sec>div{
      width: 100% !important;
      flex: unset;
  }

  .ul-two-side-content{
      flex-direction: column;
  }

  .ul-two-side-content .divider{
      margin: 0;
  }

  .ul-content-container .title,
  .ul-content-container .title,
  .ul-two-side-content .left-content .title,
  .ul-accordion-wrapper .accordion-title{
      font-size: 34px;
      line-height: 1.5;
      margin: 0 0 24px !important;
  }

  .ul-pointer-content{
      padding: 120px 0 300px !important;
  }

  .ul-pointer-content .image-holder .ul{
      width: 60px;
      height: 60px;
      top: 12px;
      right: -12px;
  }

  .ul-pointer-content .image-holder .pointer-box{
      width: 100%;
      max-width: 75%;
  }

  .ul-pointer-content .image-holder .pointer-box.one{
      left: 50%;
      transform: translateX(-50%);
  }

  .ul-pointer-content .image-holder .pointer-box.one::after{
      width: 1px;
      height: 120%;
      background-color: var(--sd-mustard);
      border: none;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
  }

  .ul-pointer-content .image-holder .pointer-box.one::before{
      top: 224%;
      left: 50%;
      right: unset;
      transform: translateX(-50%);
  }

  .ul-pointer-content .image-holder .pointer-box.two,
  .ul-pointer-content .image-holder .pointer-box.three{
      left: 50%;
      right: unset;
      bottom: unset;
      transform: translateX(-50%);
  }

  .ul-pointer-content .image-holder .pointer-box.two{
      top: calc(100% + 60px);
      z-index: 2;
  }

  .ul-pointer-content .image-holder .pointer-box.three{
      top: calc(100% + 200px);
  }

  .ul-pointer-content .image-holder .pointer-box.two::after{
      width: 1px;
      height: 180px;
      top: unset;
      bottom: 100%;
      left: 80px;
      transform: unset;
  }

  .ul-pointer-content .image-holder .pointer-box.two::before{
      top: -180px;
      left: 74px;
      right: unset;
      transform: unset;
  }

  .ul-pointer-content .image-holder .pointer-box.three::after{
      width: 1px;
      height: 240px;
      bottom: 100%;
      top: unset;
      right: 104px;
      transform: unset;
  }
  
  .ul-pointer-content .image-holder .pointer-box.three::before{
      top: -250px;
      right: 100px;
      left: unset;
      transform: unset;
  }

  .cta-link-wrapper .link{
      display: flex;
      justify-content: center;
      margin-top: 6px;
  }

  .ul-accordion-section{
      flex-direction: column;
  }

  .ul-accordion-wrapper{
      padding: 40px 30px;
  }

  .ul-accordion-wrapper .accordion-wrapper .accordion{
      padding-left: 30px;
  }

  .page-template-page-ul p{
      font-size: 16px;
      line-height: 1.5;
  }

  .safe-card-swiper .swiper-wrapper{
      height: unset;
  }

  .cart-totals-wrapper{
      flex-direction: column-reverse;
  }

  .other-products-wrapper{
      max-width: 100%;
  }

  .sd-product-notification-wrapper{
      padding: 24px;
  }

  .article .article-body .article-image{
      margin-bottom: 24px !important;
  }

  #homepageBannerVideo{
    display: none;
  }

  .hero-section.homepage{
    height: unset !important;
  }

  .hero-section.homepage{
    padding-top: unset !important;
  }

  .responsive-hero-video{
    display: block;
    width: 100%;
    height: 435px;
  }

  .responsive-hero-video video{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .homepage .sd-product-notification-wrapper{
    width: calc(100% - 60px);
    position: fixed;
    top: 80px;
    left: 30px;
    z-index: 30;
  }

  .scroll-indicator{
    display: none;
  }

}

@media screen and (min-width: 992px){
  .responsive-product{
      display: none;
  }
  .responsive-copy-rights.sd-copyrights {
      display: none;
  }
  .desktop{
      display: block;
  }
  .responsive{
      display: none;
  }
  .mobile-best{
      display: none;
  }
  .desktop-best{
      display: block;
  }
  .sd-responsive-menu{
      display: none;
  }

  .testimonial-swiper-navigation .testimonial-swiper-pagination{
      opacity: 0;
      visibility: hidden;
  }

  .responsive-account-navigation{
      display: none;
  }
  
  .gun-safes-hero .hero-content-wrapper{
    width: 50vw;
  }
}

@media screen and (max-width: 990px) {
    body {
        padding-top: 78px;
    }
}
@media screen and (max-width: 990px) {
    .sd-responsive-menu{
        top: 0px;
}}


@media screen and (max-width: 725px) {
    body {
        padding-top: 78px;
    }
}
@media screen and (max-width: 725px) {
    .sd-responsive-menu{
        top: 0px;
    }}
    
    @media screen and (max-width: 375px) {
        body {
            padding-top: 78px;
        }
    }
    
/*     @media screen and (max-width: 375px) {
        .sd-responsive-menu{
            top: 100px;
    }} */


@media screen and (min-width: 992px) and (max-width: 1366px){
  .responsive-copy-rights{
      display: none;
  }
  .sd-health-care-benefits-sec{
      height: unset;
  }

  .benefits-content-wrapper{
      padding: 80px 60px;
  }

  .benefits-img-wrapper{
      height: unset;
  }

  .benefits-img-wrapper img{
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .industries-faq-sec{
      min-height: unset;
  }

  .industries-faq-sec .faq-content-wrapper{
      padding: 80px;
  }

  .industries-faq-sec .faq-banner img{
      height: unset;
      max-width: 100%;
      max-height: 100%;
      object-fit: unset;
  }

  .industries-faq-sec .sd-faqs{
      width: 100%;
  }

  .sd-footer .sd-subscription-wrapper .sd-subscription-box .subscription-content span{
      white-space:pre;
  }

  .about-faq-content-wrapper{
      padding-right: 80px;
  }

  .founders-note-box{
      padding: 40px !important;
  }

  .founders-note-sec .founders-note-box .title{
      font-size: 40px;
      line-height: 40px;
  }

  .article-info.responsive{
    display: none;
  }

  .article-share-icons.hide-on-pc{
    display: none;
  }

  .hero-section.homepage{
    padding-top: 60px !important;
  }

  .hero-content-wrapper .hero-title{
    font-size: 38px;
  }
}

@media screen and (min-width: 1440px) {
  .footer-banner-sec .footer-banner-content h3 {
    font-family: "KaiseiTokuminRegular";
    font-size: 54px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .founders-note-box.founder-img{
    left:2%;
  }
}
@media screen and (min-width:1441px)and (max-width:2560px) {
    .founders-note-box.founder-img{
        left:14%;
    }
    
}
@media screen and (max-width: 320px) {
  .footer-banner-sec .footer-banner-content h3 {
    font-size: 36px;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px){

  .client-logos-wrapper .client-logo, .client-logos-wrapper.in-page .client-logo {
      width: calc(100%/3 - 60px);
      margin: 0 30px 24px;
  }
  .woocommerce #reviews #comments ol.commentlist li .comment-text .description{
    margin-top: 32px;
  }

  .founders-note-sec .founders-bg {
    width: 100%;
    height: 600px;
    position: relative;
  }

  .pointer-info-wrapper .info-image-wrapper{
      height: unset !important;
      padding-bottom: 120px;
  }

  .info-image-wrapper>img{
      height: unset !important;
      position: relative;
  }

  .info-image-wrapper .info-box{
      width: 50% !important;
      left: 50% !important;
      transform: translateX(-50%);
  }

  .badges-wrapper{
      width: 60%;
      margin: 0 auto;
  }

  .safe-category-cards-wrapper{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
  }

  .safe-category-cards-wrapper .safe-category-card{
      width: 100%;
      padding: 40px;
  }

  .sd-testimonial-parent-swiper{
      padding: 0 24px;
  }

  .safe-card .safe-card-img-wrapper{
      height: 275px;
  }

  .sd-testimonial-parent-swiper > .swiper-wrapper{
      padding-top: 120px;
  }

  .safe-cards-wrapper{
      grid-template-columns: repeat(2, 1fr);
  }

  .footer-banner-sec{
      padding-bottom: 400px;
  }

  .footer-banner-sec .footer-banner-img{
      height: 400px;
      right: 0;
      width: 100%;
  }

  .footer-banner-sec .footer-banner-img img{
      width: 100%;
  }

  .article .article-body .article-image{
      height: 360px;
  }

  .sd-cart-latest{
      padding-bottom: 24px;
  }

  .sd-cart-latest .actions-group{
      flex-direction: column;
      gap: 24px;
  }

  .woocommerce .quantity .qty{
      width: 70px;
  }

  .article-content .product-single-image{
      height: 450px;
  }

  .assa-abloy-sec .assa-abloy-wrapper .assa-abloy-img-holder{
      width: 100%;
      height: 250px;
      padding: 0;
      margin: 0 0 40px;
      transform: scale(1.25);
  }

  .quiz-section .quiz-img-wrapper{
      width: 100%;
      height: 500px;
  }

  .homepage .hero-content-wrapper{
    max-width: 75%;
  }

    .rtwpvg-thumbnail-image>div{
        height: 90px;
    }

    .ul-accordion-img-wrapper{
        width: 100%;
        height: 500px;
    }

}

@media screen and (max-width: 575px) {
    .sd-articles-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .sd-account-container{
        display:inline-block;
    }
    .account-table-actions{
        display:inline-block !important;
    }
    .sd-login-wrapper.woocommerce-login form .account-form-field-wrapper, .sd-login-wrapper.woocommerce-login form .form-essentials{
        max-width: 100%;
    }
    
    .sd-footer
    .sd-subscription-wrapper
    .sd-subscription-box
    .subscription-content
    .subscription-form-wrapper {
        height: 78px;
    }
    .subscription-form-wrapper .wpcf7-not-valid-tip {
        width: 204px;
    }

    .wp-email-btn{
        width: 40% !important;
        padding: 12px 2px !important;
        font-size: 12px !important;
    }

  .logoContainer{
      height: 80px;
  }

  .student-search-results{
      grid-template-columns: repeat(1, 1fr);
      gap: 40px;
  }

  .other-products .other-product{
      width: 100% !important;
      max-width: unset !important;
      flex: unset !important;
  }

  .other-product .single_variation_wrap .sd-btn,
  .other-product .other-prod-content .sd-link{
      opacity: 1;
      visibility: visible;
      transform: unset;
  }

  .product-cards-wrapper{
      flex-direction: column;
  }

  .product-cards-wrapper .product-card{
      width: 100%;
  }

  .product-cards-wrapper .product-card:not(:last-child){
      border-right: 0 !important;
      border-bottom: 1px solid var(--sd-borderColorV2);
  }

  .article-content .product-cards-wrapper .product-card .prod-details{
      border-top: 0 !important;
  }

  .article-content .product-cards-wrapper.single-card{
      max-width: 100%;
  }

  .comment-form-author, .comment-form-email{
      width: 100% !important;
      float: unset !important;
  }

  .comment-form-cookies-consent{
      margin-top: 0 !important;
  }

  .technical-feature-video-caption::before{
      height: 80px;
  }

  .technical-feature-video-caption::after{
      top: calc(100% + 80px);
  }

  .sd-testimonial-parent-swiper{
      padding: 0 30px;
  }

  .sd-testimonial-parent-swiper > .swiper-wrapper{
      padding: 220px 0 0 0;
  }

  .sd-testimonial-parent-swiper > .swiper-pagination{
      padding: 0 30px;
      justify-content: flex-start;
      gap: 8px;
  }

  .info-image-wrapper>img{
      /* height: 250px !important; */
      height: auto !important;
      position: relative;
  }

  .safe-category-cards-wrapper{
      flex-direction: column;
      gap: 24px;
  }

  .safe-category-cards-wrapper .safe-category-card{
      width: 100%;
      padding: 40px;
  }

  .delivery-features{
      flex-direction: column;
      gap: 16px;
  }

  .delivery-features .delivery-feature{
      flex-direction: row;
  }

  .delivery-features .delivery-feature:not(:last-child){
      padding-bottom: 16px;
  }

  .delivery-features .delivery-feature:not(:last-child)::after{
      top: unset;
      right: unset;
      bottom: 0;
      width: 100%;
      height: 1px;
  }

  .footer-banner-sec{
      min-height: 500px;
      padding-bottom: 250px;
  }

  .footer-banner-sec .footer-banner-img{
      height: 250px;
      right: 0;
      width: 100%;
  }

  .footer-banner-sec .footer-banner-img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .article .article-body .article-image{
      height: 240px;
  }

  .other-products-wrapper .other-products{
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 24px;
  }

  .sd-product-info-wrapper .certification-icon-wrapper{
      display: inline-flex;
      position: static !important;
  }

  .article-content .product-single-image{
      height: 350px;
  }

  .assa-abloy-sec .assa-abloy-wrapper .assa-abloy-img-holder{
      width: 100%;
      height: 250px;
      padding: 0;
      margin: 0 0 0 -40%;
      transform: scale(1.25);
  }

  .quiz-section .quiz-img-wrapper{
      width: 100%;
      height: 350px;
  }

  .quiz-results-swiper{
      max-width: 100%;
  }

  .form-success{
    min-height: 350px !important;
  }

  .sd-info-card-title-wrapper h3{
    margin: 0;
  }

  .service-req-header .service-req-info p{
    flex-wrap: wrap;
  }

  .sd-info-card-title-wrapper{
    max-width: calc(100% - 100px) !important;
  }

  .sd-custom-toast .woocommerce-info{
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .sd-compare-count{
    margin-top: 10px;
  }

  .msger-chat .msg-bubble{
    max-width: 85%;
  }

  .msg-info{
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  .explore-360-box{
    font-size: 14px;
  }

  .industries-hero{
    height: 75vh !important;
    padding: 0 !important;
  }

  .subscription-form-wrapper{
    height: unset !important;
    flex-direction: column;
    padding: 8px !important;
  }

  .subscription-form-wrapper .wpcf7-form-control-wrap input{
    height: 48px !important;
  }

  .subscription-form-wrapper .wpcf7-not-valid-tip{
    width: 100% !important;
    margin-left: 0 !important;
  }

  .hero-content-wrapper .hero-title{
    font-size: 38px !important;
  }

  .responsive-hero-video{
    height: 240px;
  }

    .rtwpvg-thumbnail-image>div{
        height: 60px;
    }

    .ul-accordion-img-wrapper{
        width: 100%;
        height: 300px;
    }

    .ls-profile-details .ls-profile-details-details-right .ls-profile-certificate-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 575px){
  .woocommerce table.shop_table_responsive tr td[data-title='Product Name']{
    display: flex;
    justify-content: flex-end;
  }

  .woocommerce table.shop_table_responsive tr td[data-title='Product Name'] > p{
    max-width: 200px;
    word-break: break-word;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sd-articles-list{
      grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 660px) {    
  
  .founders-note-modal-wrapper{
      padding: 60px 16px;
  }
  .founders-note-banner-content{
      padding: 12px 17px 40px;
  }
  .responsive-copy-rights{
      padding: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.14);;
      font-family: 'OutfitRegular';
      font-size: 14px;
      line-height: 1.5;
      width: 100%;
      text-align: center; 
  }
}
@media screen and (max-width: 1366px) {

    .sd-articles-list{
        gap: 24px;
    }
    .woocommerce-variation-add-to-cart{
        width: 100%;
    }
    .about-banner-sec .hero-content-wrapper{
        max-width: 90%;
    }
    .footer-banner-sec .footer-banner-content h3 {
        font-size: 42px;
    }
    .locksmith-card .locksmith-info-wrapper .locksmith-name{
        margin-bottom: 8px;
    }
    .locksmith-modal .form-success{
        min-height: 500px !important;
        max-height: 500px;
    }
    .form-success .success-text{
        line-height: 1.5;
    }

}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
  .about-faq-content-wrapper{
    padding: 80px;
  }
  .about-banner-sec .hero-content-wrapper{
    max-width: 85%;
  }
  .footer-banner-sec .footer-banner-content{
    max-width: 40%;
  }
  .footer-banner-sec .footer-banner-content h3{
    font-size: 38px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .ul-content-container,
  .ul-accordion-wrapper{
      padding: 60px !important;
  }

  .ul-content-container .title.ml-neg-120{
      margin-left: -120px;
  }
}

@media screen and (min-width: 1440px) {
  .sd-product-notification-wrapper .sd-custom-msg-container{
      max-width: 1360px;
      margin: 0 auto;
  }
}

@media screen and (max-width: 320px) {
  .sd-testimonial-parent-swiper > .swiper-pagination .swiper-pagination-bullet{
      padding: 6px 12px;
      font-size: 14px;
  }

  .testimonial-slide{
      padding: 24px !important;
  }

  .testimonial-slide .testimonial-details h4{
      font-size: 16px !important;
      line-height: 1.5 !important;
  }

  .testimonial-slide .testimonial-details .sd-link{
      font-size: 12px;
  }

  .locksmith-modal{
    padding: 24px;
  }

  .locksmith-modal-title{
    font-size: 28px;
  }

  .locksmith-card{
    flex-direction: column;
  }

  .footer-banner-sec .footer-banner-content h3{
    font-size: 28px !important;
  }

  .sd-section-title{
    font-size: 28px !important;
  }

  .sd-file-input{
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .sd-file-input .sd-file-btn{
    padding: 12px 24px;
    position: static;
    transform: unset !important;
  }

  .other-technicians-card .other-tech-card-details{
    flex-direction: column;
  }

  .ls-review-star{
    flex-wrap: wrap;
    gap: 6px;
  }

  .ls-review-star .ls-star-text{
    margin: 0 !important;
  }

  .other-technicians-card .other-tech-card-details .other-tech-name{
    line-height: 1.25 !important;
    margin-bottom: 6px;
  }

  .other-technicians-card .other-tech-card-links{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .other-technicians-card .other-tech-card-links .other-tech-card-link{
    width: 100% !important;
    min-width: unset !important;
    flex: unset !important;
  }

  .other-technicians-card .other-tech-card-links .other-tech-card-link:not(:last-child){
    border-right: none !important;
    border-top: 1px solid #e9e9e9 !important;
  }

  .ul-pointer-content .image-holder .pointer-box.one::after{
    height: 70% !important;
  }

  .ul-pointer-content .image-holder .pointer-box.one::before{
    top: 160% !important;
  }

  .ul-pointer-content .image-holder .pointer-box.two::after{
    height: 160px !important;
  }

  .ul-pointer-content .image-holder .pointer-box.two::before{
    top: -164px !important;
  }

  .ul-pointer-content .image-holder .pointer-box.three::after{
    right: 70px !important;
  }

  .ul-pointer-content .image-holder .pointer-box.three::before{
    right: 64px !important;
  }

  .rtwpvg-thumbnail-image>div{
    height: 50px;
  }

  .explore-360-box{
    height: 50px;
    padding: 8px;
    gap: 4px;
    font-size: 10px;
    line-height: 1.15;
    text-align: center;
  }

  .explore-360-box img{
    width: 20px;
    height: 20px;
  }

}

@media screen and (max-width: 375px){
  .compare-wrapper{
      flex-direction: column;
      align-items: flex-start;
      margin: 0;
  }
  .sd-product-compare-pill{
      position: static;
  }
}

@media screen and (min-width: 992px) and (max-width: 1440px){
    .info-box-six{
        left: -18% !important;
    }
  
    .info-box-six::after{
        width: 265px !important;
    }
    ::selection {
    background-color: var(--sd-mustard);
    color: var(--white);
    }
    
}
@media screen and (max-width: 900px) {
    .pointer-info-wrapper .info-image-wrapper {
        height: 900px !important;
    }
    ::selection {
        background-color: transparent !important; /* Set the background color to transparent */
        color: inherit !important; /* Inherit the color of the text */
    }
}
@media screen and (max-width: 768px) {
    .pointer-info-wrapper .info-image-wrapper {
        height: 700px !important;
    }.info-image-wrapper::after {
        content: '';
        height: 200px;
    }
    .ul-info-image-container::after{
        height: 150px;
    }
}

@media screen and (max-width: 600px) {
    .pointer-info-wrapper .info-image-wrapper {
        height: 600px !important;
    }
}

@media screen and (max-width: 475px) {
    .pointer-info-wrapper .info-image-wrapper {
        height: 425px !important;
    }
}

@media screen and (max-width: 375px) {
    .pointer-info-wrapper .info-image-wrapper {
        height: 375px !important;
    }
}
@media screen and (max-width: 320px) {
    .pointer-info-wrapper .info-image-wrapper {
        height: 320px !important;
    }
}