body {
        overflow-x: hidden;
      }
      section {
        overflow-x: hidden !important;
      }
      .custom-bg {
        background-color: #f2f2f2;
      }

      .custom-circle-bg {
        position: absolute;
        top: -290px;
        right: -660px;
        background: radial-gradient(
          circle,
          rgba(255, 119, 0, 1) -35%,
          #f2f2f2 23%
        );
        width: 100%;
        height: 590px;
      }
      .custom-curve-border-one {
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-color: transparent;
        width: 60%;
        height: 83px;
        border-bottom-left-radius: 32px;
        z-index: 2;
      }
      .custom-circle-border-two-bg {
        position: absolute;
        left: -665px;
        bottom: -254px;
        background: radial-gradient(
          circle,
          rgba(255, 119, 0, 1) -35%,
          transparent 23%
        );
        width: 100%;
        height: 498px;
        z-index: 1;
      }
      .custom-curve-border-one-piece {
        position: absolute;
        background-color: #fff;
        bottom: -1px;
        left: 39%;
        height: 40px;
        width: 48px;
        z-index: 1;
      }
      .custom-curve-border-two {
        position: absolute;
        bottom: -1px;
        background-color: #fff;
        width: 40%;
        height: 83px;
        border-top-right-radius: 10px;
        z-index: 10;
      }
      .custom-curve-border-two-text {
        background-color: #ff7700;
        margin: 10px;
        border-radius: 10px;
        margin-bottom: 0px !important;
        display: flex;
        height: 60px;
      }
      .custom-curve-border-two-text-first-section {
        background-color: #38006f;
        width: 68%;
        border-radius: 10px;

        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .custom-curve-border-two-text-first-section h1 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        width: 60%;

        padding-left: 12px;
      }
      .custom-curve-border-two-text-first-section h2 {
        font-size: 32px;
        color: #fff;
        font-weight: bold;
        width: 40%;
        text-align: center;
      }
      .custom-curve-border-two-text-first-section h3 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-align: end;
        padding-right: 12px;
        padding-top: 12px;
      }
      .custom-curve-border-two-text-second-section {
        background-color: #ff7700;
        width: 40%;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .custom-curve-border-two-text-second-section h4 {
        font-size: 40px;
        color: #fff;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 12px;
      }
      .custom-curve-border-two-text-second-section h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        padding-top: 12px;
        padding-right: 17px;
      }
      /* --------------------------------------------------------Activity page css------------------------------------------- */

      .custom-activity-page-section-first-row {
        width: 52%;
        height: 200px;
        display: flex;
        gap: 18px;
        object-fit: cover;
      }

      .custom-activity-page-section {
        margin-bottom: 100px;
        object-fit: cover;
      }
      .custom-activity-page-section img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        object-fit: cover;
      }
      .custom-activity-page-section-second-row {
        width: 100%;
        height: 465px;
        object-fit: cover;
      }
      .custom-activity-page-section-second-row img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        object-fit: cover;
      }
      .custom-activity-page-section-third-row {
        width: 52%;
        height: 200px;
        display: flex;
        gap: 18px;
        object-fit: cover;
      }

      .custom-activity-page-section-third-row-image-one {
        width: 100% !important;
        height: 100% !important;
        border-radius: 15px;
        float: right;
        object-fit: cover;
      }
      .custom-activity-page-section-third {
        margin-bottom: 10px;
        object-fit: cover;
      }
      .custom-activity-page-section-third img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        object-fit: cover;
      }
      .custom-activity-page-section-bottom-img-one {
        position: absolute;
        left: 2%;
        width: 41%;
        object-fit: cover;
        height: 70px;
      }
      .custom-activity-page-section-bottom-img-one img,
      .custom-activity-page-section-bottom-img-two img,
      .custom-activity-page-section-bottom-img-three img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        object-fit: cover;
      }
      .custom-activity-page-section-bottom-img-two {
        position: absolute;
        right: 25%;
        width: 29%;
        object-fit: cover;
        height: 333px;
        top: -318%;
      }
      .custom-activity-page-section-bottom-img-three {
        position: absolute;
        right: 10px;
        width: 22%;
        object-fit: cover;
        height: 120px;
        top: -53px;
      }

      .custom-bomb-squad-card {
        background-color: #fff;
        padding: 20px;
        box-shadow: 2px 0px 10px #00000031;
        border-radius: 15px;
        height: 100%;
        display: flex;
        gap: 20px;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        position: relative;
      }

      .custom-bomb-squad-card-inner-text h1 {
        font-size: 17px;
        color: #6e6c6c;
        font-weight: 600;
        margin-bottom: 15px;
      }
      .custom-bomb-squad-card-inner-text p {
        font-size: 14px;
        color: #000;
        font-weight: 500;
        margin-bottom: 0px;
      }
      .custom-bomb-squad-card-inner-text {
        display: flex;

        flex-direction: column;
        gap: 16px;
        padding-bottom: 20px;
        border-bottom: 2px solid #000;
      }
      .custom-bomb-squad-card-inner-text-border {
        width: 90%;
        bottom: 28%;
        height: 2px;
        background-color: #000;
        position: absolute;
      }
      .custom-bomb-squad-text {
        width: 90%;
      }

      .custom-bomb-squad-text h1 {
        font-size: 40px;
        color: #38006f;
        font-weight: bold;
      }
      .custom-bomb-squad-text p {
        font-size: 18px;
        color: #38006f;
        font-weight: 600;
      }
      .custom-bomb-squad-text h2 {
        font-size: 28px;
        color: #ff7700;
        font-weight: bold;
      }
      .custom-bomb-squad-text-icon-text {
        display: flex;
        flex-direction: row;
        gap: 25px;
        margin-top: 25px;
        align-items: center;
      }
      .custom-bomb-squad-text-icon-text i {
        font-size: 16px;
        color: #38006f;
      }
      .custom-bomb-squad-text-icon-text h4 {
        font-size: 20px;
        color: #000;
        font-weight: bold;
        margin-bottom: 0px;
      }
      .custom-bomb-squad-text-icon-text p {
        color: #4d4b4b;
        margin-bottom: 0px;
        font-size: 17px;
      }

      .custom-how-it-works-bg {
        background: radial-gradient(
          circle at 14% 50%,
          rgba(255, 119, 0, 1) -95%,
          #fff 20%
        );
      }
      .custom-how-it-works {
        background-color: #f2f2f2;
        border-radius: 15px;
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        position: relative;
        cursor: pointer;
        height: 100%;
      }

      .custom-how-it-works h3 {
        font-size: 24px;
        color: #38006f;
        font-weight: bold;
        position: relative;
        z-index: 4;
      }
      .custom-how-it-works p {
        font-size: 18px;
        color: #6e6c6c;
        font-weight: 500;
        position: relative;
        z-index: 4;
      }
      .custom-how-it-works-curver-one {
        position: absolute;
        top: 0px;
        left: 2px;
        width: 85%;
        height: 50px;
        background-color: #f2f2f2;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        z-index: 2;
      }
      .custom-how-it-works-curver-two {
        position: absolute;
        top: 21%;
        right: 0px;
        height: 78%;
        width: 50px;
        background-color: #f2f2f2;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        z-index: 2;
      }
      .custom-how-it-works-curver-three {
        position: absolute;
        top: -1px;
        right: -1px;
        height: 22%;
        width: 15%;
        background-color: #fff;
        border-bottom-left-radius: 8px;
        z-index: 2;
      }
      .custom-how-it-works-curver-three-inner {
        border: 1px solid #38006f;
        background-color: #fff;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 90%;
        margin-left: 5px;
      }
      .custom-how-it-works-curver-three-inner h2 {
        font-size: 28px;
        color: #38006f;
        font-weight: bold;
        margin-bottom: 0px;
      }
      .custom-how-it-works-curver-one-piece {
        position: absolute;
        top: 0px;
        right: 10%;
        width: 10%;
        height: 10%;
        background-color: #fff;
        z-index: 1;
      }
      .custom-how-it-works-curver-two-piece {
        position: absolute;
        top: 20%;
        right: 0;
        width: 10%;
        height: 10%;
        background-color: #fff;
        z-index: 1;
      }
      .custom-how-it-works:hover {
        background-color: #38006f;
      }
      .custom-how-it-works:hover .custom-how-it-works-curver-one {
        background-color: #38006f;
      }
      .custom-how-it-works:hover .custom-how-it-works-curver-two {
        background-color: #38006f;
      }
      .custom-how-it-works:hover .custom-how-it-works-curver-three-inner {
        background-color: #ff7700;
        border: none;
      }
      .custom-how-it-works:hover h3 {
        color: #fff;
      }
      .custom-how-it-works:hover h2 {
        color: #fff;
      }
      .custom-how-it-works:hover p {
        color: #fff;
      }
      .custom-how-it-work-your-mission {
      
        width: 80%;
       
        justify-content: space-between;
        border: 1px solid #636161cc;
        border-radius: 30px;
        padding: 10px 20px;
        align-items: center;
      }
      .custom-how-it-work-your-mission h2 {
        font-size: 16px;
        color: #000000ab;
        margin-bottom: 0px;
      }
      .custom-how-it-work-your-mission-button {
        display: flex;
        justify-content: end;
      
      }
      .custom-what-teams-take-away {
        background-color: #38006f;
        position: relative;
      }
      .custom-what-teams-take-away-text-bg {
        position: absolute;
        width: 100%;
        height: 40px;
        top: -1px;
        background-color: #fff;
      }
      .custom-what-teams-take-away-text-title-bg {
        position: absolute;
        left: 10%;
        top: 38%;
        background-color: #fff;
        width: 30%;
        height: 50px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
      }
      .custom-what-teams-take-away-text-title-bg h1 {
        font-size: 25px;
        color: #38006f;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0px;
      }
      .custom-what-teams-take-away-bg-one {
        position: absolute;
        left: 0px;
        top: 22px;
        width: 10%;
        background-color: #38006f;
        border-top-right-radius: 15px;
        height: 20px;
        z-index: 1;
      }
      .custom-what-teams-take-away-bg-two {
        position: absolute;
        right: 0px;
        top: 22px;
        width: 60%;
        background-color: #38006f;
        border-top-left-radius: 15px;
        height: 20px;
        z-index: 1;
      }
      .custom-what-teams-take-away-button {
        position: absolute;
        right: 14%;
        top: 2%;
        z-index: 1;
        background-color: transparent;
        width: 20%;
        height: 30px;
      }
      .custom-what-teams-take-away-card {
        background-color: transparent;
        height: 25%;
        width: 100%;
        margin-top: 5%;
        margin-left: 10%;
        margin-right: 20%;
        margin-bottom: 10%;
        padding: 20px;
        display: flex;
        flex-direction: row;
      }
      .custom-what-teams-take-away-card-inner {
        width: 50%;
        height: 40%;
        background-color: transparent;
        position: relative;
      }
      .custom-what-teams-take-away-card-inner-bg-one {
        background-color: #ff7700;
        width: 60px;
        height: 20px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        position: absolute;
        top: 0px;
        left: 0px;
      }
      .custom-what-teams-take-away-card-inner-bg-two {
        background-color: #ff7700;
        width: 20px;
        height: 55px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 5px;
        position: absolute;
        top: 0px;
        left: 0px;
        left: 0px;
      }
      .custom-what-teams-take-away-card-inner-bg-three {
        background-color: #38006f;
        width: 40px;
        height: 35px;
        border-top-left-radius: 5px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        position: absolute;
        top: 19px;
        left: 19px;
      }
      .custom-what-teams-take-away-card-text {
        background-color: #fff;
        width: 50%;
        height: 50px;
        position: absolute;
        border-radius: 6px;
        z-index: 1;
        top: 26px;
        left: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .custom-what-teams-take-away-card-text h1 {
        font-size: 18px;
        color: #38006f;
        font-weight: 600;
        margin-bottom: 0px;
        text-align: center;
      }
      .custom-what-teams-take-away-card-inner-button {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .custom-what-we-do-img {
        width: 400px;
        height: 450px;
        border-radius: 50px;
        position: relative;
        z-index: 1;
        float: right;
      }
      .custom-what-we-do-img-image {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50px;
      }
      .custom-what-we-do-img-image img {
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
      }
      .custom-what-we-do-img-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
      }
      .custom-what-we-do-img-bg img {
        filter: brightness(0) invert(1);
      }
      .custom-what-we-do-left-icon {
        position: absolute;
        top: 19px;
        left: 28px;
        z-index: 7;
      }
      .custom-what-we-do-left-icon i {
        color: #ff7700;
        font-size: 60px;
      }
      .custom-what-we-do-right-icon {
        position: absolute;
        bottom: 19px;
        right: 28px;
        z-index: 7;
      }
      .custom-what-we-do-right-icon i {
        color: #ff7700;
        font-size: 60px;
      }
      .custom-perfect-for-team-text h3 {
        font-size: 24px;
        color: #38006f;
        font-weight: bold;
        margin-bottom: 30px;
      }
      .custom-perfect-for-team-card {
        position: relative;
        margin-top: 40px;
      }
      .custom-perfect-for-team-card-inner {
        background-color: #f2f2f2;
        width: 100%;
        height: 70px;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .custom-perfect-for-team-card-inner h2 {
        font-size: 18px;
        font-weight: 500;
        color: #575555;
        margin-bottom: 0px;
        position: absolute;
        z-index: 2;
        width: 78%;
        text-align: center;
      }
      .custom-perfect-for-team-card-bg-one {
        position: absolute;
        top: -1px;
        background-color: #f2f2f2;
        width: 92%;
        height: 44px;
        border-top-left-radius: 15px;
        border-top-right-radius: 10px;
        z-index: 1;
      }
      .custom-perfect-for-team-card-bg-two {
        position: absolute;
        /* top: -1px; */
        right: 0px;
        background-color: #f2f2f2;
        width: 8%;
        height: 40%;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 10px;
        bottom: 0px;
        z-index: 1;
      }
      .custom-perfect-for-team-card-bg-three {
        position: absolute;
        top: -1px;
        right: 0px;
        background-color: #38006f;
        width: 7%;
        height: 55%;
        border-radius: 10px;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .custom-perfect-for-team-card-bg-three h2 {
        color: #fff;
        font-weight: bold;
        margin-bottom: 0px;
      }
      .custom-perfect-for-team-card-bg-piece-one {
        position: absolute;
        top: -2%;

        right: 5%;
        background-color: #fff;
        width: 10%;
        height: 50%;
      }
      .custom-perfect-for-team-card-bg-piece-two {
        position: absolute;
        top: 34%;
        right: 5%;
        background-color: #fff;
        width: 3%;
        height: 28%;
        border-bottom-left-radius: 15px;
      }
      .custom-perfect-for-team-card-bg-piece-three {
        position: absolute;
        top: 44%;
        right: 0%;
        background-color: #fff;
        width: 6%;
        height: 28%;
      }
      .custom-perfect-for-team-card-button {
        display: flex;
        justify-content: start;
        align-items: center;
        margin-top: 50px;
      }
      @media screen and (max-width: 769px) {
        .custom-what-teams-take-away-text-title-bg {
          width: 74% !important;
        }
        .custom-what-teams-take-away-bg-two {
          right: -44% !important;
        }
        .custom-what-teams-take-away-card {
          flex-direction: column !important;
          gap: 110px;
        }
        .custom-what-teams-take-away-card-text {
          width: 150% !important;
        }
        .custom-activity-page-section {
          margin-bottom: 23px !important;
        }
        .custom-activity-page-section-second-row {
          margin-bottom: 23px !important;
        }
        .custom-activity-page-section-third-row-image-one,
        .custom-how-it-work-your-mission {
          width: 100% !important;
        }
        .custom-what-teams-take-away-card {
          margin-bottom: 16% !important;
        }
        .custom-what-we-do-img {
          float: none !important;
          margin-left: 20px !important;
        }
        .video-wrapper {
          height: 100% !important;
        }
        .custom-employee-brand-card-icon {
          left: 41% !important;
        }
        .custom-how-it-work-your-mission-button{
          justify-content: center !important;
          margin-top: 15px;
        }
        .custom-how-it-work-your-mission h2{
          text-align: center;
        }
        .custom-bomb-squad-text-icon-text i{
          margin-top: 6px !important;
        }
        .custom-bomb-squad-text-icon-text{
          align-items: start !important;
        }
    
      }

      /* -----------------------------use css code------------------------------- */
      .video-wrapper {
        position: relative;
        display: inline-block;
      }
      .about-us-hero-video {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 12px;
      }
      .play-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #ff7700;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .play-overlay i {
        color: #fff;
        font-size: 30px;
      }

      .custom-career-build-a-brand {
        background-color: #38006f;
        border-radius: 30px;
        height: 180px;
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
      }
      .custom-career-build-a-brand-img {
        width: 300px;
        height: 236px;
        object-fit: cover;
        position: absolute;
        z-index: 1;
        top: -56px;
      }
      .custom-career-build-a-brand-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .custom-career-build-a-brand h1 {
        font-size: 50px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0px;
      }
      .custom-career-build-a-brand-button {
        display: flex;
        justify-content: center;
        height: 100%;

        background-color: transparent;
      }
      .custom-career-build-a-brand-button button {
        height: 20%;
      }
      @media (max-width: 768px) {
        .custom-career-build-a-brand {
          flex-direction: column;
          height: auto;
          padding: 20px;
          text-align: center;
        }

        .custom-career-build-a-brand-img {
          position: relative;
          top: 0;
          margin-bottom: 15px;
          width: 200px;
          height: 180px;
        }

        .custom-career-build-a-brand h1 {
          font-size: 28px;
          padding: 0 10px;
        }

        .custom-career-build-a-brand-button {
          margin-top: 15px;
          justify-content: center;
        }

        .custom-career-build-a-brand-button button {
          height: auto;
          padding: 10px 20px;
          font-size: 16px;
          border-radius: 8px;
        }

        .custom-career-build-a-brand .col-4,
        .custom-career-build-a-brand .col-6,
        .custom-career-build-a-brand .col-2 {
          width: 100%;
          max-width: 100%;
          text-align: center;
        }
        .custom-career-build-a-brand-img,
        .custom-career-build-a-brand {
          width: 100% !important;
          height: 100% !important;
        }
      }
      /* -------------------------------modify-csss------------------------------------ */

      .custom-case-study h1 {
        color: #000 !important;
      }
      .custom-case-study p {
        color: #000 !important;
      }

      .hero {
        background: url("../Offsites-Banner-Background (1).webp");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        background-size: cover;
        background-position: center;
        color: white;
        padding: 60px 0;
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 0px !important;
      }

      @media (min-width: 992px) {
        .hero {
          padding-top: 100px;
          margin-bottom: 40px;
        }
      }

      @media (max-width: 567px) {
        .hero {
          padding-top: 100px;
          height: auto;
        }
      }
      /* Hide existing grid on mobile */
      @media (max-width: 767px) {
        .hero .container-fluid {
          display: none !important;
        }
      }

      /* Hide mobile carousel on desktop */
      @media (min-width: 768px) {
        #heroCarousel {
          display: none;
        }
      }
      #heroCarousel .carousel-item {
        height: 350px !important;
      }
      #heroCarousel .carousel-item img {
        height: 100% !important;
        object-fit: cover;
        border-radius: 15px;
      }
      .custom-video-bg .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .custom-image-background {
        background: url("../website-img/bg of internal banners.webp")
          no-repeat center center;

        background-size: cover;
        position: relative;
        padding: 60px 0;
      }

      .custom-image-background::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4); /* adjustable */
        z-index: 1;
      }

      .custom-employee-brand-card-icon img {
        filter: brightness(0) invert(1);
        transition: 0.3s ease-in-out;
      }

      .custom-employee-brand-card:hover .custom-employee-brand-card-icon img {
        filter: invert(57%) sepia(58%) saturate(617%) hue-rotate(346deg)
          brightness(91%) contrast(91%);
      }

      .custom-employee-brand-card-icon img {
        width: 50px;
        height: 50px;
        object-fit: contain;
      }

      .custom-employee-brand-card-icon {
        top: -27px;
        left: 36%;
      }
      .custom-employee-brand-card {
        border-top-right-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      }
      .custom-employee-brand-new h3 {
        font-size: 30px;
        color: #fff;
        width: 60%;
        font-weight: bold;
      }