@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }

    body{
        font-family: 'DM Sans';
    letter-spacing: -0.04em;

    }



    .pw-m-scale-text-mask {
          height: 400vh; /* Less scroll height so it ends sooner */
          width: 100%;
        }

        .pw-m-scale-text-mask__sticky-container {
          height: 100vh;
          position: sticky;
          top: 0;
          width: 100%;
          overflow: hidden;
        }

        .pw-m-scale-text-mask__media {
          height: 100vh;
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          z-index: 1;
        }

        .pw-m-scale-text-mask__mask {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh;
          background-color: #000;
          mix-blend-mode: multiply;
          position: relative;
          z-index: 2;
        }

        .pw-m-scale-text-mask__text {
          font-size: 10rem;
          color: white;
          font-weight: 800;
          text-transform: uppercase;
          transform-origin: center;
        }
    /* ===========================================home-2========================================== */
    /* .home-box2{
        margin-block: 150px;
    }
    .home-box2-text1{
        font-size: 1.2rem;
        color: #fff;
        line-height: 1.2;
    }

    .home-box2-text2{
        font-size: 1.5rem;
        color: #fff;
        line-height: 1.2;
        font-weight: 400;

    }
    .home-box2-span{
    font-size: 1rem;
    color: #949494;
    } */

    .home-section-box2 h2{
      font-size: 3rem;
    color: #000000;
    line-height: 1;
    font-weight: 500;
    margin: 150px  0px 120px 0px;
    }

    .home-section-box2-inner  span{
    font-size: 3rem; 
    font-weight: 400;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-inline: 40px;
    margin-bottom: 50px;
    display: inline-block;
      color: #fff;
      margin-top: 50px;
    }
    .home-section-box2-inner  span b{
    font-weight: 700;

    }
    .home-section-box2-inner{
      background-color: #1B1B1B;
      padding-top: 60px;
    }
    .home-section-box2-inner p{
      font-size: 1.4rem;
      width: 600px;
      line-height: 1.3;
      color: #fff;
    }

    .home-section-box2-inner img{
      width: 80%;
    }

    .home-section-box3-next-text{
      /* padding-block: 100px; */
      padding-top: 100px;
      padding-bottom: 80px;
    }

    .home-section-box3-next-text h3{
      font-size: 3.5rem;
      line-height: 1;
      font-weight: 600;
    }
    .home-section-box3-next-text p{
      font-size: 1.5rem;
      width: 600px;
      line-height: 1.2;
      margin-top: 30px;
      font-weight: 500;
    }
    /* ===============================================home-box2-end====================================== */

    /* ===============================================home-section-influancer-section=========================== */
    .home-section-influancer-section{
      width: 100%;
      height: 800px;
      background-image: url("../img/influancer-img.webp");
      background-size: cover;
      background-position: center center;
      padding-top: 50px;
      padding-right:100px;
    }
    .home-section-influancer-section h6{
      font-size: 3.5rem;
      line-height: 1;
      padding-top: 30px;
      margin-left: 30px;
    }


    .home-section-influancer-section spacial{
      font-size: 2rem;
      line-height: 1;
      /* margin-top: -20px; */
      display:block;
    }
    .home-section-influancer-section .count-number{
      font-size: 9rem;
      color: #fff;
      font-weight: 300;
    }
    .home-section-influancer-section .puls{
      font-size: 9rem;
      font-weight: 200;
      margin-top: -5%;
      color: #fff;
    }



    /* ===============================================home-section-title-box5=========================== */

    .home-section-box5-top{
      margin-top: 100px;
    }
    .home-section-title-box5{
      font-size: 2.7rem;
      font-weight: 600;
      margin-bottom: 60px;
    }

    .home-section-box5-top .accordion-button{
    font-size: 1.6rem;
    padding:  1.5rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #1B1B1B;
    }

    .home-section-box5-top  .accordion-button:not(.collapsed) {
        color: #1B1B1B;
        background-color: transparent;
        box-shadow:none;
    }
    .home-section-box5-top .accordion-button::after {
      content: "+";
      color: #fff;
      background-color: #1B1B1B;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      font-size: 1.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: auto;
      transition: transform 0.2s ease-in-out;
      background-image: none !important;
    background-color: #948e8e;
    font-weight: 400;

    }
    .home-section-box5-top  .accordion-button:not(.collapsed)::after {
      content: "-";
    background-color: #1B1B1B;

    }
    .home-section-box5-top .accordion-body{
      font-size: 1.2rem;
      line-height: 1;
    letter-spacing: -0.05em;
    color: #1B1B1B;
    padding: 10px 100px 40px 24px

    }

    .home-section-box5-top .accordion-item {
      border: none;
      border-top: 1px solid #ddd; /* or any color you want */
      border-radius: 0; /* optional: to remove corner rounding */
    }

    .home-section-box5-top .accordion-button {
      box-shadow: none !important; /* 
      remove Bootstrap default shadow */
    }


    .home-section-about-box{
      margin-top: 100px;
    }
    .home-section-about-box h4{
      font-size: 2.4rem;
      font-weight: 600;
    }

    .home-section-about-box p{
      font-size: 1.4rem;
    letter-spacing: -0.04em;
    color: #3E3E3E;
    line-height: 1.2;


    }

    /* =====================================================home-section-title-box5=========================== */

    /* .home-box4{
        margin-block: 200px;

    } */
    .home-box4  h3{
        font-size: 3.5rem;
        font-weight: 600;
        line-height: 1;
        padding-left: 80px;
        margin-bottom: 60px;
        margin-top: 150px;
    }



    .home-box4-model  .owl-theme .owl-nav {
        margin-top: -45px ;
        display: flex;
        justify-content: end;
        margin-right: 20px;
    }
   

    .home-box4-model .owl-carousel .owl-item img {
        width: 85%;
        margin: 0px auto;
        padding-top: 15px;
    }
    .home-box4-model .closemodelbtn{
      font-size: 1.3rem;
    padding-right: 35px !important;
    cursor: pointer;
    }
    .home-box4-model .modal-title{
      font-size: 2rem;
    }
    .home-box4-model .list-unstyled li{
    font-size: 1.3rem;
    line-height: 1.4;
    }

    .image-container {
          position: relative;
      }

        .gradient-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
          z-index: 1;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.3s ease;
        }

        .image-container:hover .gradient-overlay {
          opacity: 0; /* default hover doesn't trigger */
        }

        .pw-o-hotspot-keyvisual__dot:hover ~ .gradient-overlay {
          opacity: 1;
        }

        .image-container img {
          display: block;
          width: 100%;
          height: auto;
        }

        .pw-o-hotspot-keyvisual__dot {
          position: absolute;
          z-index: 2;
        }

        .pw-o-hotspot-keyvisual__dot-circle {
          align-items: center;
          justify-content: center;
          background-color: rgba(38, 38, 38, 0.3);
          border: 2px solid #fff;
          border-radius: 50%;
          display: flex;
          height: 40px;
          width: 40px;
          position: relative;
          transition: border-width 0.3s ease;
        }

        .pw-o-hotspot-keyvisual__dot-circle::before {
          content: "";
          position: absolute;
          width: 60px;
          height: 60px;
          border: 2px solid rgba(255, 255, 255, 0.4);
          border-radius: 50%;
          opacity: 0;
          transform: scale(0.8);
          transition: all 0.3s ease;
        }

        .pw-o-hotspot-keyvisual__dot-circle:hover {
          border-width: 4px;
        }

        .pw-o-hotspot-keyvisual__dot-circle:hover::before {
          opacity: 1;
          transform: scale(1);
        }

        .pw-o-hotspot-keyvisual__dot-headline {
          background-color: #1B1B1B;
          color: #fff;
          display: none;
          left: 50%;
          opacity: 0;
          padding: 10px 20px;
          font-size: 1.5rem;
          line-height: 1;
          position: absolute;
          top: -200%;
          transform: translateX(-50%);
          transition: opacity 0.3s ease, transform 0.35s ease;
          white-space: nowrap;
        }

        .dot-headline4{
          top: 150%;
        }
        .dot-headline2{
          top: 150%;
        }
        .pw-o-hotspot-keyvisual__dot:hover .pw-o-hotspot-keyvisual__dot-headline {
          display: block;
          opacity: 1;
        }
              
    .pw-o-hotspot-keyvisual__dot-circle:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        height: 5px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
        width: 5px;
    }
    .pw-m-scale-text-mask__media img{
      object-position: 76% 50% !important;
    }

    .home-box7{
        margin-top: 100px;
    }
    .home-box7 svg{
    width: 252px !important;
        height: 78px !important;
        /* position: relative; */
        margin-left: 187px;
        margin-top: -25px;
    }
    .home-box7 h5{
        font-size: 2rem;
        color: #fff;

    }
    .home-box-img2{
        width: 65%;
    }
    .home-box-img3{
        width: 85%;
    }
    .home-box-img5{
        width: 70%;

    }
    .home-box-img4{
    width: 100%;
    }



    .home-box1 {
          position: relative;
          width: 100%;
          height: 100vh;
          /* background: url('./img/home-box1.webp') center center/cover no-repeat; */
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .home-box1   .text-mask {
          font-size: 10rem;
          font-weight: 800;
          text-transform: uppercase;
          background: url('./img/home-box1.webp') center center/cover no-repeat;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          color: transparent;
        }



    /* ================================home-section-faqs================ */

    .home-section-faqs{
      margin-block:100px;
    }

    .home-section-faqs h3{
      font-size: 2.5rem;
    letter-spacing: -0.04em;
    color: #000000;
    padding-left: 150px;
    margin-bottom: 50px;

    }

    .home-section-faqs .accordion-button {
    padding: 25px  40px 25px 150px;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #1B1B1B;
    }
    .home-section-faqs .accordion-body{
      padding-left: 150px;
      font-size: 1.3rem;
      line-height: 1;
    }
    .home-section-faqs .accordion-button:not(.collapsed) {
        color: #000;
        background-color: transparent;
        box-shadow:none;
    }
    /* ================================home-section-faqs================ */

    .home-box10{
      margin-top: 70px;
      margin-bottom: 150px;
    }

    .home-box10-inner h6{
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #949494;
    font-size: 1.7rem;
    }

    .home-box10-inner h4{
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: #000000;
    margin-top: -10px;
    }

    .home-box10-inner svg{
      margin-top: -30px;
    }
    .home-box10 .card {
          border-radius: 30px;
          overflow: hidden;
          background-color: #2C2C2C;
          height: 100%;
        }

      .home-box10  .owl-theme .owl-dots, .owl-theme .owl-nav {
        margin-top: 26px;
    }

      .home-box10  .owl-theme .owl-dots .owl-dot span {
        margin: 5px 3px;
    }

        .home-box10   .card-img {
          height: 100%;
          object-fit: cover;

        }

        .home-box10 .card-img-overlay {
          background: rgba(0, 0, 0, 0.4);
        }

        .home-box10  .btn {
          border-radius: 10px;
          font-size: 14px;
          padding: 8px 16px;
        }

        .home-box10 .swiper {
          padding-bottom: 40px;

        }

        .home-box10  .swiper-slide {
          background-color: transparent;
          height: auto;
        }
        .home-box10  .swiper-pagination{
            text-align: left;
            padding-left: 300px;
        }

        .home-box10  .swiper-pagination-bullet {
          background: white;
          opacity: 0.4;
        }

        .home-box10 .swiper-pagination-bullet-active {
          opacity: 1;
          background: #fff;
        }
        .home-box10   .card-title{
            padding-top: 280px;
            font-size: 2rem;
            color: #fff;
            padding-left: 40px;
            font-weight: 400;

        }
        .home-box10    .blockquote{

          font-size: 1.5rem;
          color: #fff;
          line-height: 1.3;
          padding: 40px 40px 40px 40px;

        }
        .home-box10 .btn-book {
          background-color: #fff;
          color: #000;
          font-weight: 600;
          font-size: 1.2rem;
          border-radius: 10px;
          padding: 10px 20px;
          margin-left: 40px;
          margin-top: 40px;
        }
        .home-box10 .btn-book span{
            background-color: #121212;
            padding: 3px 15px 7px 15px;
            display: inline-block;
            border-radius: 5px;
            margin-right: 20px;
        }
        .crusal-home-box10-smaltext{
          font-size: 1.5rem;
          color: #fff;
          font-weight: 800;
          padding-left: 40px;
          padding-top: 70px;
        }
        .crusal-home-box10-subtext{
          font-size: 1.4rem;
          padding-left: 40px;
    color: #949494;
        }


        /* ==========================================================================home-box3=========================== */
      
        .pw-m-fact-stacking {
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
        background: #fff;
        /* background: #262626; */
        color: #000;
    }
    .pwt--mine-shaft {
        --site-context-theme-color: #121212;
        /* --site-context-theme-color: #262626; */
        background-color: #121212;
        /* background-color: #262626; */
        color: #fff;
    }
    .pwt--mine-shaft .pw-m-fact-stacking__headline-container {
        /* background: #121212; */
        background: #ffff;
    }
    .pw-m-fact-stacking__headline-container {
        background: #262626;
        padding-bottom: 30px;
        padding-top: 50px;
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .pw-m-fact-stacking__intro-headline {
        text-align: center;
    }

    .pw-m-fact-stacking__headline-container{
      padding-top: 130px;
    }
    .pw-text-style-hl--xl {
        font-size: 3.7rem;
        font-weight: 500;
        line-height: 1.2;
        color: #000;

    }

    .pw-m-fact-stacking__intro-headline span {
      color: #D9D9D9;
    display: inline-block;
    margin-bottom: 20px;
    }
    .pwt--mine-shaft .pw-m-fact-stacking__fade-bottom {
      
        background: linear-gradient(0deg,#121212,rgba(18, 18, 18, 0.3));
        /* background: linear-gradient(0deg,#262626,rgba(38,38,38,.3)); */
        background: -webkit-gradient(linear,left bottom,left top,from(#121212),to(rgba(18, 18, 18, 0.3)));
    background: linear-gradient(0deg, #ffffff, rgb(255 253 253 / 30%));
    }
    .pw-m-fact-stacking__fade-bottom {
        background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,.3)));
        background: linear-gradient(0deg,#fff,hsla(0,0%,100%,.3));
        height: 150px;
        position: sticky;
        top: calc(100vh - 150px);
        width: 100%;
        z-index: 1;
    }
    .pw-m-fact-stacking__facts-list {
        margin: auto;
        max-width: 80pc;
        padding-left: 0;
    }
    .pw-m-fact-stacking--center .pw-m-fact-stacking__fact {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .pw-m-fact-stacking--default .pw-m-fact-stacking__fact {
        height: 50vh;
    }
    .pw-m-fact-stacking__fact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
    .pw-m-fact-stacking--center .pw-m-fact-stacking__fact-text {
        text-align: center;
    }
    .pw-m-fact-stacking--default .pw-m-fact-stacking__fact-text {
        max-width: 5in;
        padding-top: 5pc;
        position: sticky;
        top: 40vh;
        color: #000;
    }
    .pw-text-style-hl--s {
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 1.3;
    }


    /* ==========================================================================home-box3=========================== */

    .home-section-conter-section p{
    font-size: 1.4rem;
    border-bottom: 1px solid #948E8E;
    letter-spacing: -0.04em;
    color: #948E8E;
    padding-bottom: 10px;
    }

    .home-section-conter-section span{
        font-size: 4rem !important;
    letter-spacing: -0.04em;
    color: #000000;
    display: inline-block;
    margin-top: -10px;
    }

    .home-section-conter-section  .count1{
      font-size: 8rem !important;
    letter-spacing: -0.04em;
    color: #000000;
    display: inline-block;
    margin-top: -30px;
    }


        .home-box6{
          width: 100%;
          margin-top: 200px;
          /* background-color: #e0b4b4; */
        }
        .home-box6 h4{
          font-size: 4.5rem;
          color: #fff;
          line-height: 1;
        }
        .home-box6 p{
          font-size: 1.5rem;
          color: #fff;
          padding-top: 20px;
        }
        .home-box6 h2{
          font-size: 4.5rem;
          color: #fff;
          text-align: center;
        }
        .home-box6 h2 span{
          color: #F2D134;
        }
        .home-box6 button{
          padding: 15px 40px;
          background-color: #fff;
          border-radius: 30px;
          border: none;
          margin-top: 20px;
        }
    .home-box6-subsec{
      margin-block: 100px;
    }

    /* Existing styles preserved */
    .home-box9 {
      margin-block: 200px;
    }

    .home-box9 .question {
      font-size: 3rem;
      color: #fff;
      line-height: 1;
      margin-bottom: 100px;
      transition: all 0.4s ease-in-out;
    }

    .home-box9 .btn-wrap .btn {
      padding: 20px 4 0px;
      font-size: 1.5rem;
      font-weight: 500;
      border-radius: 0px;
      box-shadow: none;
    }

    .home-box9 .btn-wrap .btn-yes {
      background-color: #F2D134;
    }

    .home-box9 .btn-wrap .btn-no {
      background-color: #fff;
      margin-left: 80px;
    }

    /* ANIMATION CLASSES */
    .animate-out {
      opacity: 0;
      transform: translateX(-100px) scale(0.9);
    }

    .animate-in {
      opacity: 0;
      transform: translateX(100px) scale(0.9);
    }



    /* =========================================================textimonial========================= */
    .pw-m-scroll-media__medias {
          position: sticky;
          top: 0;
          height: 100vh;
          overflow: hidden;
        }


        .pw-a-image.active {
          opacity: 1;
          z-index: 1;
        }

        .pw-a-image__asset img {
          height: 100%;
          width: 100%;
          object-fit: cover;
        }

        .pw-m-scroll-media__medias::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.55);
          height: 100vh;
          width: 100%;
          z-index: 2;
        }

        .pw-m-scroll-media__slides {
          position: relative;
          padding: 0 30px;
          max-width: 1200px;
          margin: auto;
        }

        .pw-m-scroll-media__slides__slide {
          display: flex;
          align-items: flex-end;
          justify-content: flex-start;
          height: 120vh;
        }

        .pw-m-scroll-media__slides__slide:first-child {
          height: 150vh;
        }

        .pw-m-scroll-media__slides__slide p {
          color: #fff;
          font-size: 1.75rem;
          max-width: 500px;
        }

        .pwt--mine-shaft {
          background-color: #262626;
          color: #fff;
        }
        .pw-a-image {
        height: 100vh;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: opacity 0.5s ease-in-out;
        width: 100%;
        z-index: 0;
    }
    /* =========================================================textimonial========================= */
        .tab-image {
          border-radius: 20px;
          overflow: hidden;
          position: relative;

        }
        .tab-content img {
          width: 90%;
          height: auto;
          display: block;
          /* margin: 0px auto; */
        }
.homenewbox  .nav-tabs {
          position: absolute;
          bottom: 40px;
          left: 40px;
          border: none;
        }
.homenewbox  .nav-tabs .nav-link {
          border-radius: 50px;
          padding: 5px 30px;
          font-size: 1.5rem;
          background: #fff;
          margin-right: 5px;
          color: #000;
          border: none;
          font-weight: 400;
        }
  .homenewbox   .nav-tabs .nav-link.active {
          background-color: #000;
          color: #fff;
        }
      .home-section-accordion .accordion-button{
    font-size:1.7rem;
    letter-spacing: -0.04em;
    color: #000000;
    font-weight: 500;
      }

      .home-section-accordion-body p{
    font-size: 1.3rem;
    letter-spacing: -0.04em;
    line-height: 1;
    color: #3E3E3E;
    font-weight: 400;

      }


      .home-section-service-label{
        font-size: 1.3rem;
        font-weight: 400;

      }

      .home-section-service-list li{
        font-size: 1.2rem;
        line-height: 1.1;
        border-bottom: 1px solid #ddd;
        padding: 10px 5px;
        font-weight: 400;
        list-style: none;
      }
        .home-section-service-list{
          margin-bottom: 0px;
        }

      .home-section-accordion .accordion-item {
      border: none;
      border-top: 1px solid #ddd; /* or any color you want */
      border-radius: 0; /* optional: to remove corner rounding */
    }

    .home-section-accordion .accordion-button {
      box-shadow: none !important; 
      padding: 1.3rem 1rem;
      background-color: #F1F1F1;

      /* re\move Bootstrap default shadow */
    }

      .home-section-accordion .accordion-body{
        padding: 10px 20px 0px 20px;
      background-color: #F1F1F1;

      }

      .home-section-accordion  .accordion-button:not(.collapsed) {
        color: #000;
      background-color: #F1F1F1;
        box-shadow: none;
    }





    .home-section-accordion .accordion-button::after {
      flex-shrink: 0;
      width: 29px;
      height: 30px;
      margin-left: auto;
      content: "";
      background-image: url("data:image/svg+xml,%3csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M34.3799 17C34.3799 7.61116 26.7687 0 17.3799 0C7.99104 0 0.379883 7.61116 0.379883 17C0.379883 26.3888 7.99104 34 17.3799 34C26.7687 34 34.3799 26.3888 34.3799 17Z' fill='%23D9D9D9'/%3e%3cpath d='M22.3449 16.6761C22.6398 16.3811 22.6397 15.9028 22.3449 15.6077L17.5363 10.7991C17.2412 10.5041 16.763 10.5041 16.4679 10.7991L11.6594 15.6077C11.3645 15.9028 11.3644 16.3811 11.6594 16.6761C11.9543 16.9711 12.4327 16.9709 12.7278 16.6761L16.2465 13.1573L16.2465 22.6667H17.7577L17.7577 13.1573L21.2765 16.6761C21.5715 16.9709 22.0499 16.9711 22.3449 16.6761Z' fill='black'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-size: contain;
      transition: transform 0.2s ease-in-out;

    }
    .home-section-accordion .accordion-button:not(.collapsed)::after {
      transform: rotate(0deg);

        background-image: url("data:image/svg+xml,%3csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M34.3799 17C34.3799 26.3888 26.7687 34 17.3799 34C7.99104 34 0.379883 26.3888 0.379883 17C0.379883 7.61116 7.99104 0 17.3799 0C26.7687 0 34.3799 7.61116 34.3799 17Z' fill='black'/%3e%3cpath d='M22.3449 17.3239C22.6398 17.6189 22.6397 18.0972 22.3449 18.3923L17.5363 23.2009C17.2412 23.4959 16.763 23.4959 16.4679 23.2009L11.6594 18.3923C11.3645 18.0972 11.3644 17.6189 11.6594 17.3239C11.9543 17.0289 12.4327 17.0291 12.7278 17.3239L16.2465 20.8427L16.2465 11.3333H17.7577L17.7577 20.8427L21.2765 17.3239C21.5715 17.0291 22.0499 17.0289 22.3449 17.3239Z' fill='%23D9D9D9'/%3e%3c/svg%3e");
    }


    .home-section-service {
      background-color: #F1F1F1;
    }

    .home-section-service h3{
      font-size: 2.5rem;
      font-weight: 500;
      margin-left: 30px;
      margin-bottom: 40px;
    }
    /* ================================home-page-banifit-section================== */
    .detailing-benefits-section{
      padding: 150px 50px;
    }
    /* .benefit-title {
      font-weight: 700;
      border-bottom: 2px solid #ffd500; 
      padding-bottom: 2px;
    } */

    .image-stack img{
      width: 87%;
      margin: 0px auto;
    }

    .banifits-small-text{
      font-size: 1.1rem;
      text-transform: uppercase;
      color: #948E8E;
      font-weight: 600;
      padding-bottom: 20px;
    }

    .detailing-benefits-section h3{
      font-size: 2.2rem;
    text-transform: uppercase;
    color: #1B1B1B;
    font-weight: 700;
    }

    .home-section-benifit-lead{
    letter-spacing: -0.05em;
    color: #878787;
    font-size: 1.3rem;
    width: 400px;
    line-height: 1.1;
    margin-top: 30px;
    margin-left: 30px;
    }

    .benefit-number{
      font-size: 2.7rem;
    }

    .detailing-benefits-section .benefit-item {
      display: flex;
      align-items: start;
    }

    .benefit-title{
      font-size: 1.8rem;
      color: #1B1B1B;
      font-weight: 500;
    }

    .benefit-title-line{
      width: 60px;
      height: 1px;
      background-color: #FFD800;
      margin-top: 2px;
    }

    .benefit-item {
      margin-top: 45px;
    }

    .benefit-item p{
      font-size: 1.3rem;
    letter-spacing: -0.05em;
    color: #878787;
    line-height: 1.1;
    padding-right: 80px;
    margin-top: 20px;
    }
    /* =====================all-icon-section=============== */
    .detailing-icons-section{
      padding: 80px 200px;
      background-color: #1B1B1B;
    }

    .detailing-icons-section-inner{
      height: 370px;
      border-bottom: 2px solid #F2D134;
    }

    .detailing-icons-section-inner .icon-line{
      width: 70px;
      height: 2px;
      margin: 20px 0px 30px 0px;
      background-color: #F2D134;
    }

    .detailing-icons-section-inner h3{
    line-height: 1;
    color: #EDEDED;
    font-size: 2.3rem;
    font-weight: 400;
    }

    .detailing-icons-section-inner p{
      font-size: 1.2rem;
    color: #878787;
    line-height: 1;
    margin-top: 25px;
    }
    /* =====================================================home-section-Franchise-box====================== */


    .home-section-Franchise-box{
      padding: 100px 50px;
    position: relative;

    }

    .home-section-Franchise-box h3{
      font-size: 3rem;
    line-height: 1;
    color: #000000;

    }

    .home-section-Franchise-box p{
      font-size: 1.3rem;
      width: 700px;
      line-height: 1;
    padding-top: 40px;
    }
    .home-section-Franchise-box  svg{
      position: absolute;
        bottom: 50%;
        left: 16%;
    }

    /* =================================================home-secton-get-start-today-box===================== */
    .home-secton-get-start-today-box{
      background-color: #1B1B1B;
    }
    .home-secton-get-start-today-box h4{
    font-size: 3rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1;

    }
    .home-secton-get-start-today-box p{
      font-size: 1.5rem;
      line-height: 1;
      width: 500px;
      color: #948E8E;
      margin-top: 40px;
    }

    .home-secton-get-start-today-box button{
      border: none;
      color: #FFD800;
      padding: 10px 40px;
      border: 1px solid #FFD800;
      border-radius: 50px;
      background-color: transparent;
      transition: all 0.5s;
      font-weight: 500;
      font-size: 1.3rem;
      margin-top: 70px;
    }
    .home-secton-get-start-today-box button:hover{
      background-color: #fff;
      color: #1B1B1B;
      border: 1px solid #1B1B1B;
    }

    .home-secton-get-start-today-box h6{
      font-size: 2rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
    margin-top: 100px;
    }

    /* ==============================home-section-gallery-box============== */


    .home-section-gallery-box {
      margin-top: 100px;
    }
    .home-section-gallery-box h4{
      font-size: 3rem;
      font-weight: 600;

    letter-spacing: -0.04em;
    }
    .home-section-gallery-box h4 span{
      font-size: 2rem;
      font-weight: 400;
    letter-spacing: -0.04em; 
    }
    .home-section-gallery-box h3{
      font-size: 2.4rem;
      margin-top: 100px;
    }

    .home-section-gallery-box h3 span{
      font-weight:700;
      font-size: 3.5rem;
    }

    .home-section-gallery-box p{
      font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: #3E3E3E;
    margin-top: -30px;
    }

    .home-section-gallery-box svg{
    margin-top: -55px;
    }

    .home-section-gallary-inner-sec{
      padding-inline: 160px;
    }

    .gallary-img-box img{
    filter: grayscale(100%);
    transition: 0.5s ease-in;
    }
    .gallary-img-box:hover img{
    filter: grayscale(0%);

    }


    /* ======================home-section-training-box================== */
    .home-section-training-box {
      margin-top: 100px;
    }
    .home-section-training-box h2{
    font-size: 2.5rem;
    font-weight: 600;
    color: #000000;
    line-height: 1;
    }


    .home-section-training-scrolling-box{
      margin-top: 100px;
      height: 300px;
      overflow:scroll;
    }


    .home-section-training-scrolling-box::-webkit-scrollbar {
      display: none;
    }

    .training-line{
      width: 46%;
      height: 3px;
      background-color: #FFD800;
      margin-top: 20px;
    }

    .home-section-training-scrolling-box h3{
      font-size: 1.8rem;
      margin-top: -6px;
    letter-spacing: -0.04em;
    font-weight: 400;
    color: #000000;
    margin-left: 20px;
    }

    .home-section-training-scrolling-box p{
      font-size: 1.4rem;
    letter-spacing: -0.04em;
    color: #949494;
    line-height: 1;
    margin: 20px 220px 30px 35px;
    }


    /* ===================home-section-footer====== */

        .home-section-footer {
          background-color: #1B1B1B;
          color: #ffffff;
            padding: 101px 100px 20px;
        }

        .home-footer-heading {
          font-weight: 400;
          font-size: 1.5rem;
          margin-bottom: 15px;
          color: #FFFFFF;
        }

        .home-footer-links {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .home-footer-links li {
          margin-bottom: 2px;
          font-size: 1.2rem;
          color: #949494;
          transition: all 0.3s;
        }

  .home-footer-links li:hover{
color: #ffff;
  }
.social-icons {
  display: flex;
  gap: 10px;
}

footer .social {
  width: 45px;
  height: 45px;
  background-color: #f5b400; /* yellow */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social:hover {
  background-color: #e0a200;
  transform: translateY(-3px);
}

.social-icons a:hover {
  color: #000;
  
}

.footerlogo{
  width: 70%;
  margin-bottom: 30px;
}
.footerinformtext p{
  color: #949494;
  font-size: 1.2rem;

}


        .home-footer-email {
          font-size: 1.4rem;
          margin-bottom: 15px;
          display: block;
          margin-top: 100px;
        }

        .home-footer-btn {
          background-color: #ffd400;
          color: #000;
          font-weight: 400;
          border-radius: 8px;
          padding: 8px 40px;
          border: none;
          font-size: 1.5rem;
        }

        .home-footer-whatsapp {
          margin-top: 20px;
          font-size: 2rem;
          color: #fff;
    letter-spacing: -0.04em;
        }

        .home-footer-whatsapp img {
          width: 18px;
          margin-left: 5px;
        }

        .home-footer-bottom {
          margin-top: 40px;
          font-size: 1.2em;
          color: #fff;
          margin-bottom: 40px;
        }
        
    header {
      position: fixed;
      z-index: 2000;
      width: 97%;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
    background: #262626;
    box-shadow:  24px 24px 48px #191919,
                -24px -24px 48px #333333;
    }

    .navbar{
    background-color: #0e0d0d;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    }

    .navbar li a{
    color: #fff;
    }
    .navbar h2{
    color: #fff;
    }
    .navbar li a:hover{
      color: #fff;
    }
    .navbar-brand h3{
      font-size: 2rem;
      /* text-transform: uppercase; */
    }
    .dropdown li a{
      color: #000;
    }
    .dropdown li a:hover{
      color: #000;
    }
    .nav-link:focus, .nav-link:hover {
        color: #000;
    }
    .dropdown-item.active, .dropdown-item:active {
        color: #fff !important;
        text-decoration: none;
        background-color: #000000;
    }
    .navbarbox  .nav-link:hover {
        color: #fff ;
    }
    .navbarbox .nav-link:focus{
        color: #fff ;

    }
    .home-footer-btn a{
      color: #000;
      text-decoration: none;
    }
    .home-section-faqs .accordion-button::after{
      display: none;
    }
    a{
      text-decoration: none;
    }
    .accordion-button:focus {
        box-shadow: none;
    }

     .home-box4-model .closemodelbtn {
      color: #a63232;
     }
    @media (max-width:991.98px) {
    .pw-m-scale-text-mask__text {
        font-size: 6rem;
    }
    .home-section-box2 h2 {
        margin: 100px  0px 100px 0px;
    }
    .home-section-box2 .mobile-text{
      font-size: 1.4rem;
      text-align: right;
      padding: 40px 30px 40px 150px;
    }

    .homenewbox  .nav-tabs .nav-link {
    padding: 5px 20px;
    font-size: 0.9rem;
}
    .ser-img{
      height: 200px;
      object-fit: cover;
      object-position: right;
    }
.footerinformtext p {
  font-size: 1rem;
}
.footerlogo {
    width: 60%;
    margin-bottom: 30px;
}
.social {
    width: 40px;
    height: 40px;
}
    .home-box4-model .list-unstyled li{
      font-size: 1rem;
    }
    .home-box4-model .closemodelbtn {
        font-size: 1rem;
        padding-right: 0px !important;
    }
    .home-section-box5-top-row{
      flex-direction: row-reverse;
    }
    .home-section-box5-img img{
      height: 100%;
      border-radius: 10px;
      object-fit: cover;
    }
    .benefit-item p {
        font-size: 1rem;
        padding-right: 0px;
        margin-top: 20px;
    }

   

    .benefit-title {
        font-size: 1.5rem;
    }
    .benefit-number {
        font-size: 1.5rem;
    }
    .detailing-benefits-section {
        padding: 50px 50px;
    }
    .detailing-benefits-section .arrow-icon svg{
      width: 50px !important;
    }
    .home-section-benifit-lead {
    margin-left: 0px;
    }
    .detailing-icons-section {
        padding: 80px 40px;
    }
    .homelast3row{
      flex-direction: column-reverse;
    }
        .home-section-training-scrolling-box p {
            font-size: 1rem;
            margin: 10px;
        }
        .home-section-training-scrolling-box h3 {
        font-size: 1.2rem;
        margin-left: 20px;
    }
    .home-section-footer {
        background-color: #1B1B1B;
        color: #ffffff;
        padding: 101px 80px 20px;
    }
    .home-footer-email {
        margin-top: 0px;
    }
    }


    @media (max-width:500px) {
      .pw-m-scale-text-mask__text {
        font-size: 3rem;
    }
    .home-section-box2-inner p {
        font-size: 1.4rem;
        width: unset;
    }
    .home-section-box2 h2 {
        font-size: 1.3rem;
        margin: 50px  40px 50px 40px;
    }
        .home-section-box2-inner {
          text-align: center;
        }
    .home-section-box2-inner  span {
        font-size: 1.5rem;
        padding-inline: 0px;
        margin-bottom: 20px;

        margin-top: 20px;
    }

    .home-section-box2 .mobile-text{
      font-size: 0.8rem;
      text-align: right;
      padding: 40px 30px 40px 30px;
    }
    .home-section-box3-next-text h3 {
        font-size: 1.6rem;
    }
    .home-section-box3-next-text p {
        font-size: 0.9rem;
        width: unset;
    }
    .home-section-influancer-section {
        height: 325px;
        padding-top: 20px;
        padding-right: 20px;
    }
    .home-section-influancer-section h6 {
        font-size: 1.2rem;
        padding-top: 10px;
        margin-left: 8px;
    }
    .home-section-influancer-section spacial {
        font-size: 0.8rem;

    }
    .home-section-influancer-section .count-number {
        font-size: 2.5rem;
    }
    .home-section-influancer-section .puls {
        font-size: 2.5rem;
        font-weight: 200;
        margin-top: -5%;
        color: #fff;
    }
    .home-section-box3-next-text {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .pw-m-fact-stacking__headline-container {
        padding-top: 60px;
    }
    .pw-m-fact-stacking__intro-headline span {
        margin-bottom: 11px;
        font-size: 2rem;
    }
    .pw-text-style-hl--xl {
        font-size: 2rem;
    }
    .pw-text-style-hl--s {
        font-size:1.5rem;
    }

    .home-box4  h3 {
        font-size: 2rem;
        padding-left: 20px;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .pw-o-hotspot-keyvisual__dot-circle {
        height: 28px;
        width: 28px;
    }
    .pw-o-hotspot-keyvisual__dot-circle:after {
        height: 3px;
        width: 3px;
    }
    .pw-o-hotspot-keyvisual__dot-circle::before {

        width: 40px;
        height: 40px;
        border: 2px solid rgba(255, 255, 255, 0.4);

    }
    .pw-o-hotspot-keyvisual__dot-circle:hover {
        border-width: 3px;
    }
    .pw-o-hotspot-keyvisual__dot:hover .pw-o-hotspot-keyvisual__dot-headline {
        display: none;
    }




    .home-section-title-box5 {
        font-size: 1.7rem;
        margin-bottom: 30px;
        margin-left: 20px;
    }
    .home-section-box5-top .accordion-button {
        font-size: 0.9rem ;
        padding: 0.8rem 1rem;
    }
    .home-section-box5-top .accordion-button::after {

        width: 15px;
        height: 15px;
        font-size: 0.8rem;
    }
    .home-section-box5-top .accordion-body {
        font-size: 0.8rem;
        color: #1B1B1B;
        padding: 10px 40px 20px 15px;
    }
 .onedote{
      right: 2% !important; 
      top: 45% !important;
    }
.sixdot{
right: 13% !important;
 bottom: 19% !important;
}
.thireedot{
      right: 45% !important;
    top: 30% !important;
}
.fourdot{
      left: 10% !important;
    top: 34% !important;
}

    .home-section-about-box h4 {
        font-size: 1.4rem;
    }
    .home-section-about-box p {
        font-size: 0.8rem;
        padding-bottom: 30px;

    }

    .home-section-about-box {
        margin-top: 40px;
    }
    .home-section-conter-section p {
        font-size: 0.8rem;
    }
    .home-section-conter-section  .count1 {
        font-size: 4rem !important;

        margin-top: -30px;
    }
    .home-section-conter-section span {
        font-size: 2.5rem !important;
        margin-top: -13px;
    }
    .home-section-service h3 {
        font-size: 1.5rem;
        margin-left: 30px;
        margin-bottom: 20px;
    }
    .home-section-accordion .accordion-button {
        font-size: 1.2rem;
        padding: 0.9rem 0.6rem;

    }
    .home-section-accordion .accordion-button::after {
        width: 22px;
        height: 22px;

    }
    .home-section-accordion-body p {
        font-size: 0.9rem;
    }
    .home-section-service-label {
        font-size: 0.9rem;
    }
    .home-section-service-list li {
        font-size: 0.8rem;
        line-height: 1.1;
        border-bottom: 1px solid #ddd;
        padding: 6px 5px;
    }
    .home-section-service-list{
      margin-left: 50px;
    }
    .home-section-accordion .accordion-body {
        padding: 10px 20px 10px 20px;
    }
    .tab-content img {
        width: 100%;
    }
    .nav-tabs .nav-link {
        padding: 4px 15px;
        font-size: 0.6rem;
        margin-right: 5px;
    }
    .nav-tabs {
        bottom: 20px;
        left: 25px;
    }
    .detailing-benefits-section {
        padding: 30px 10px;
    }
    .home-section-benifit-lead {
        font-size: 0.8rem;
        width: unset;
        line-height: 1.1;
        margin-top: 30px;
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .image-container img{
      height: 220px;
      object-fit: cover;

    }


    .detailing-benefits-section  .arrow-icon svg {
        width: 43px;
        margin-bottom: 15px;
    }
    .banifits-small-text {
        font-size: 0.9rem;
        padding-bottom: 20px;
    }
    .detailing-benefits-section h3 {
        font-size: 1.2rem;
    }
    .benefit-number {
        font-size: 0.8rem;
    }
    .benefit-title {
        font-size: 0.8rem;
    }
    .benefit-item p {
        font-size: 0.6rem;
        padding-right: 0px;
        margin-top: 6px;
    }
    .image-stack img {
        width: 100%;
    }
    .benefit-item {
        margin-top: 0px;
    }
    .benefit-title-line {
        width: 27px;
        margin-top: -7px;
    }
    .detailing-benefits-section-row-box{
      flex-direction: row-reverse;
    }
    .benefit-item{
      margin-top: 10px;
    }
    .detailing-icons-section {
        padding: 40px 30px;
        background-color: #1B1B1B;
    }

    .detailing-icons-section-inner h3 {
        font-size: 0.8rem;
    }
    .detailing-icons-section-inner {
        height: 160px;
        border-bottom: 2px solid #F2D134;
    }

    .detailing-icons-section-inner svg{
      width: 40px;
      height: 40px;
    }

    .detailing-icons-section-inner p {
        font-size: 0.7rem;
        margin-top: 10px;
    }

    .detailing-icons-section-inner .icon-line {
        width: 25px;
        height: 1px;
        margin: 10px 0px 10px 0px;
    }

  

    .home-section-Franchise-box h3 {
        font-size: 1.5rem;
    }

    .home-section-Franchise-box p {
        font-size: 0.9rem;
        width: unset;
        line-height: 1;
        padding-top: 40px;
    }
    .home-section-Franchise-box  svg {
        bottom: 55%;
        left: 16%;
    }

    .home-section-Franchise-box {
        padding: 70px 50px;
    }

    .home-secton-get-start-today-box button {
        border: none;
        color: #FFD800;
        padding: 6px 10px;
        border: 1px solid #FFD800;
        border-radius: 50px;
        background-color: transparent;
        transition: all 0.5s;
        font-weight: 500;
        font-size: 0.7rem;
        margin-top: 10px;
    }
    .home-secton-get-start-today-box h4 {
        font-size: 1.5rem;
    }
    .home-secton-get-start-today-box p {
        font-size:0.8rem;
        line-height: 1;
        width: unset;
        color: #948E8E;
        margin-top: 10px;
    }
    .home-secton-get-start-today-box h6 {
        font-size: 0.9rem;
            margin-top: 22px;
    }

    .home-section-faqs h3 {
        font-size: 1.4rem;
        padding-left: 30px;
        margin-bottom: 50px;
    }

    .home-section-faqs .accordion-button {
        padding: 20px;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: -0.04em;
        color: #1B1B1B;
    }
    .home-section-box5-top {
        margin-top: 50px;
    }
    .home-section-faqs .accordion-body {
        padding-left: 20px;
        font-size: 0.9rem;
    }
    .home-section-gallery-box h4 {
        font-size: 1.5rem;
    }
    .home-section-gallery-box h4 span {
        font-size: 1.5rem;
    }
    .home-section-gallery-box h3 {
        font-size: 1.7rem;
        margin-top: 60px;
    }
    .home-section-gallery-box h3 span {
        font-weight: 700;
        font-size: 1.5rem;
    }
    .home-section-gallery-box p {
        font-size: 1rem;
        margin-top: -26px;
    }
    .home-section-gallery-box svg {
        margin-top: -43px;
        width: 78px;
    }
    .home-section-gallery-box {
        margin-top: 30px;
        padding-inline: 20px;
    }
    .home-section-gallary-inner-sec {
        padding-inline: 0px;
    }

    .home-section-training-box h2 {
        font-size: 1.5rem;
    }

    .home-section-training-scrolling-box h3 {
      font-size: 1.2rem;
            margin-top: 3px;
        margin-left: 5px;
    }
    .home-section-training-scrolling-box p {
        font-size: 1rem;
        letter-spacing: -0.04em;
        color: #949494;
        line-height: 1;
        margin: 10px;
    }
    .home-section-training-scrolling-box svg{
      width: 10px;
      margin-top: 5px;
    }
    .home-section-training-scrolling-box {
        margin-top: 20px;
        height: 350px;
    }
    .home-section-training-box {
        margin-top: 70px;
        margin-bottom: 50px;
    }
    .home-section-footer {
        padding: 30px 20px 40px;
    }
    .home-footer-heading {
        font-weight: 400;
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .home-footer-links li {
        margin-bottom: 2px;
        font-size: 1rem;
    }
    .home-footer-email {
        font-size: 1.2rem;
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .home-footer-btn {
        border-radius: 6px;
        padding: 6px 30px;
        font-size: 1rem;
    }
    .home-footer-whatsapp {
        margin-top: 15px;
        font-size: 1rem;

    }
    .home-footer-whatsapp svg{
      width: 15px;
    }
    .home-footer-bottom {
        margin-top: 10px;
        font-size: 1.2rem;
        margin-bottom: 0px;
        margin-left: 10px;
    }
    .navbar-brand h3{
      font-size: 1.3rem;
      margin-top: 5px;
      /* text-transform: uppercase; */
    }
    .navbar-brand svg{
      width: 40px !important;
    }

    .ser-img{
      height: 175px;
    }
    .home-box4-model .modal-title{
      font-size: 1.2rem;
      line-height: 1;
    }
    .home-box4-model .list-unstyled li{
      font-size: 0.85rem;
    }
    .home-box4-model .closemodelbtn {
        font-size: 0.9rem;
        padding-right: 0px !important;
    }
    }