/* Common */
body {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

.mpusCurserNoDrop {
    cursor: no-drop;
}

/* common */
.navMenu {
    background: transparent !important;
    position: absolute;
    width: 100%;
    top: 0%;
    z-index: 2;
}

.logo {
    width: 118px;
    height: 80px;
}

.navMenuItem {
    color: #fff !important;
    font-family: Montserrat;
    font-weight: bold;
}

.joinButton {
    width: 170px !important;
    background: #fff;
    color: #10387A;
    border: none;
    font-weight: bold;
    font-family: Montserrat;
    width: 130px;
    height: 54px;
    font-size: 18px !important;
    border-radius: 7px;

}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background: #00BCD0;
}

.joinButton:hover {
    background: #00BCD0;
    color: #fff;
    transition: 0.3s ease;
}

.nav-link {
    font-size: 18px !important;
    margin-right: 20px;
}

.HeroSection {
    width: 100%;
    height: 872px;
    position: relative;
    overflow: hidden;
}


.AboutHeroSection {
    width: 100%;
    height: 399px;
    position: relative;
    overflow: hidden;
}

.HeroSectionBG {
    width: 100%;
    height: 872px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: 0;
}

.AboutHeroSectionBG {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: 0;
}

.woldWaper {
    width: 100%;
    max-width: 1440px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -25%);
}

.AboutwoldWaper {
    width: 100%;
    max-width: 1440px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -15%);
}

.wold {
    width: 100%;
    height: auto;
    object-fit: cover;
    animation: world 260s infinite;
    animation-timing-function: linear;
    filter: drop-shadow(0px 0px 30px #00BCD0);
}

.Aboutwold {
    width: 100%;
    height: auto;
    object-fit: cover;
    animation: world 260s infinite;
    animation-timing-function: linear;
    filter: drop-shadow(0px 0px 30px #00BCD0);
}

.Overlay {
    width: 100%;
    height: 872px;
    background-image: linear-gradient(180deg, #011536, #011536b5, #01153600);
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: 1;
}

.AboutOverlay {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #011536, #011536b5, #01153600);
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: 1;
}

.carv {
    width: 100%;
    height: 98px;
    position: absolute;
    z-index: 1;
    bottom: 0%;
}

.Aboutcarv {
    width: 100%;
    height: 98px;
    position: absolute;
    z-index: 1;
    bottom: 0%;
}

.heroContent {
    width: 80%;
}

.AboutheroContent {
    width: 80%;
}

.heroContent {
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 1;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
}

.PublishHeroContent {
    width: 100%;
    height: auto;
    position: absolute;
    text-align: center;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.AboutheroContent {
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
}

.heroHeader,
.PublisherheroHeader {
    width: 61%;
    height: 128px;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 54px;
    margin: 0 auto;
    color: #fff;
}

.homeHeroText {
    width: 808px;
    margin: 0 auto;
    margin-top: 30px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.HerroTrustBy {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}

.PublisherheroHeader {
    height: 90px;
}

.AboutheroHeader {
    width: 100%;
    height: 128px;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 54px;
    margin: 0 auto;
    color: #fff;
}

.heroButtonWaper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 100px;
    gap: 30px;
}

.HeroText {
    width: 770px;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
}

.heroButton1,
.HomeHeroButton1 {
    width: 228px;
    height: 59px;
    background: #00BCD0;
    color: #10387A;
    font-family: Montserrat;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.heroButton2 {
    width: 228px;
    height: 59px;
    background: #fff;
    color: #10387A;
    font-family: Montserrat;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.counterBox {
    width: 75%;
    height: 111px;
    border: 1px solid #fff;
    background: #ffffff1f;
    border-radius: 5px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.counterImage {
    width: 13%;
    height: auto;
}

.counterBoxPublisher {
    width: 44%;
    height: 111px;
    border: 1px solid #fff;
    background: #ffffff1f;
    border-radius: 5px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}

.counter {
    width: 32%;
    height: 85px;
    color: #fff;
    text-align: center;
}

.counter h3 {
    font-size: 40px;
    font-family: Montserrat;
    font-weight: bold;
}

.counter p {
    font-size: 21px;
    font-family: Montserrat;
}

.whatWeDo {
    width: 100%;
    height: auto;
    padding: 70px 0px;
    background: #fff;
    margin-top: -1px;
    position: relative;
    z-index: 0;
}

.whatWeDoTitle {
    width: 968px;
    margin: 0 auto;
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
}

.whatWeDoText {
    width: 984px;
    margin: 0 auto;
    color: #4D5F7C;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px;
}

.whatWeDoButtonWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
}

.whatWeDoButton {
    display: flex;
    width: 300px;
    height: 60px;
    padding: 16px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background: #00BCD0;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);
    color: #10387A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}

.whatWeDoCardWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.CorePerformance {
    width: 100%;
    height: 737px;
    overflow: hidden;
    position: relative;
}

.CorePerformanceImageBG {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: -1;
}

.CorePerformanceHeader {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
    padding: 70px 0px;
}

.CorePerformanceOverlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 20px;
}


.CorePerformanceCard {
    width: 294px;
    height: 445px;
    border-radius: 20px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    backdrop-filter: blur(6px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 2px solid #ffffff00;
}

.CorePerformanceCardIcon {
    width: 78px;
    height: 78px;
    background: #DFFCFF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CorePerformanceCardTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    color: #FFF;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
}

.CorePerformanceCardText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.CorePerformanceCardList ul {
    margin: 0px;
    padding: 0px;
}

.CorePerformanceCardList ul li {
    list-style: none;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
}

.CorePerformanceButton {
    width: 100%;
    height: 60px;
    background: transparent;
    border: 3px solid #00BCD0;
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    border-radius: 7px;
    margin-top: 20px;
}

.SuccessStories {
    width: 100%;
    height: auto;
    padding: 80px;
    background: #E9FDFF;
    padding-bottom: 200px;
}

.SuccessStoriesTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.SuccessStoriesCardWaper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

.SuccessStoriesCardHeaderWaper {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 20px;
}

.SuccessStoriesCardProgressWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.SuccessStoriesCardProgressSingelWaper {
    width: 100%;
}

.SuccessStoriesCardProgress {
    display: flex;
    height: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: #E9ECEF;
}

.SuccessStoriesCardProgressBar {
    height: 8px;
    border-radius: 4px;
}

.SuccessStoriesCardProgressTextNumberWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.SuccessStoriesCardProgressText {
    color: #60708A;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.SuccessStoriesCardProgressNumber {
    color: #60708A;
    text-align: right;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.SuccessStoriesCard {
    display: flex;
    width: 408px;
    padding: 25px 23px 24px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 18px;
    background: #fff;
}

.SuccessStoriesCardIcon {
    display: flex;
    padding: 16px 12px 17.6px 12px;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    border-radius: 9999px;
    background: #00BCD0;
}

.SuccessStoriesCardHeader h1 {
    height: 28px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: #10387A;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: 700;
}

.SuccessStoriesCardHeader p {
    width: 75px;
    display: flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: #D1FAE5;
    color: #047857;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.SuccessStoriesCardText {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.WhatOurAdvertisersSay {
    margin-top: 150px;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 40px;
}

.WhatOurAdvertisersSayHeader {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;

}

.WhatOurAdvertisersSayCard {
    width: 65%;
    height: auto;
    padding: 50px;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 30px;
}

.WhatOurAdvertisersSayCardProfileNameWaper {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.WhatOurAdvertisersSayCardProfile {
    width: 100px;
    height: 100px;
    background: #10387A;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 50%;
}

.WhatOurAdvertisersSayCardName h1 {
    color: #10387A;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
}

.WhatOurAdvertisersSayCardName p {
    color: rgba(0, 0, 0, 0.40);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin: 0px;
}

.WhatOurAdvertisersSayCardText {
    color: #10387A;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -1px;
}

.WhatOurAdvertisersSayCardOfferRating {
    position: absolute;
    top: -10%;
    right: 9%;
}

.WhatOurAdvertisersSayCardArrowButton {
    padding: 15px;
    background: #E9FDFF;
    position: absolute;
    bottom: -2%;
    right: 0%;
    border-top-left-radius: 20px;
}

.ReadyToSeeSimilarResults {
    width: 100%;
    height: 221px;
    border-radius: 16px;
    background: #00BCD0;
    margin-top: -165px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    overflow: hidden;
}

.ReadyToSeeSimilarResultsHeaderTextWaper h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.ReadyToSeeSimilarResultsHeaderTextWaper p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0px;
}

.ReadyToSeeSimilarResults button {
    border-radius: 7px;
    background: #103270;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);

    width: auto;
    height: 60px;
    padding: 16px 26px;

    gap: 10px;
    flex-shrink: 0;
    border: none;
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.AdvancedReporting {
    width: 100%;
    height: 1210px;
    position: relative;
    overflow: hidden;
}

.AdvancedReportingImageBG {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: -1;
}

.AdvancedReportingTitelandText {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
    padding-top: 80px;
}

.AdvancedReportingTitelandText h1 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin: 0px;
}

.AdvancedReportingTitelandText p {
    width: 984px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    margin: 0px;
}

.AdvancedReportingCardWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.AdvancedReportingCard {
    width: 31%;
    height: 224px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 15px;
    flex-direction: column;
    border: 2px solid #ffffff00;
}

.AdvancedReportingCardIconTitel {
    display: flex;
    align-items: center;
    gap: 20px;
}

.AdvancedReportingCardIcon {
    display: flex;
    padding: 16px 12px 17.6px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9999px;
    background: #00BCD0;
}

.AdvancedReportingCardTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-28, 28px);
}

.AdvancedReportingCardText {
    color: #FFF;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
}

.AdvancedReportingCardUpdates {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: var(--font-size-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-size-20, 20px);
    /* 142.857% */
}

.AdvancedReportingBigCard {
    width: 100%;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    padding: 40px;
    border-radius: 20px;
    margin-top: 30px;
}

.AdvancedReportingBigCardTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

.AdvancedReportingBigCardContentWaper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 50px;
}

.AdvancedReportingBigCardContent {
    width: 45%;
    height: auto;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.AdvancedReportingBigCardContent h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-28, 28px);
}

.AdvancedReportingBigCardContent p {
    color: #FFF;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
}

.AdvancedReportingButton {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.AdvancedReportingButton button {
    width: auto;
    height: 60px;
    padding: 16px 26px;
    border-radius: 7px;
    background: #00BCD0;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);
    color: #10387A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}

.SeamlessAdvertiser {
    width: 100%;
    height: 889px;
    background: #E9FDFF;
    padding: 81px 0px;
}

.SeamlessAdvertiserTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.SeamlessAdvertiserText {
    width: 984px;
    margin: 0 auto;
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 25px;
}

.SeamlessAdvertiserCradWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5%;
    margin-top: 50px;
}

.SeamlessAdvertiserCrad {
    width: 31.5%;
    height: 265px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    transition: all 0.3s ease-in-out;
}

.SeamlessAdvertiserCradCounter {
    width: 78px;
    height: 78px;
    background: #DFFCFF;
    border: 1px solid rgba(16, 56, 122, 0.20);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}

.SeamlessAdvertiserCradTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.SeamlessAdvertiserCradText {
    color: #4D5F7C;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.SeamlessAdvertiserShortCradWaper {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 2.5%;
    margin-top: 30px;
}

.SeamlessAdvertiserShortCrad {
    width: 300px;
    height: 100%;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}

.SeamlessAdvertiserShortCradIconTitelWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.SeamlessAdvertiserShortCradTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-28, 28px);
}

.SeamlessAdvertiserShortCradText {
    color: #4B5563;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
}

.fasterthanindustryaverage {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: var(--font-size-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-size-20, 20px);
}

.SeamlessAdvertiserShortCradItems {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.SeamlessAdvertiserShortCradItemsProfile {
    display: flex;
    width: 37px;
    height: 37px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 44px;
    background: #E2EDFF;
    color: #8FADDC;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.SeamlessAdvertiserShortCradItemsText {
    color: #60708A;
    font-family: Poppins;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 140%;
}

.SeamlessAdvertiserShortCradIcon {
    padding: 16px 12px 17.6px 12px;
    border-radius: 9999px;
    background: #00BCD0;
}

.SeamlessAdvertiserShortCradBadghOne {
    display: inline-flex;
    height: 28px;
    padding: 4px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9999px;
    background: var(--color-grey-93, #E9ECEF);
    color: var(--wrzhndgx-gensparkspace-com-persian-blue, var(--color-blue-40, #1E40AF));
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--font-size-20, 20px);
    margin: 5px;
    margin-left: 0px;
}

.SeamlessAdvertiserShortCradBadghTow {
    display: inline-flex;
    height: 28px;
    padding: 4px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9999px;
    background: var(--color-spring-green-90, #D1FAE5);
    color: var(--wrzhndgx-gensparkspace-com-watercourse, var(--color-spring-green-20, #065F46));
    font-family: Poppins;
    font-size: var(--font-size-14, 14px);
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: var(--font-size-20, 20px);
    margin: 5px;
    margin-left: 0px;
}

.SeamlessAdvertiserShortCradBadghThree {
    display: inline-flex;
    height: 28px;
    padding: 4px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9999px;
    background: var(--color-grey-95, #F1F3F4);
    color: var(--wrzhndgx-gensparkspace-com-purple-heart, var(--color-violet-42, #5B21B6));
    font-family: Poppins;
    font-size: var(--font-size-14, 14px);
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: var(--font-size-20, 20px);
    margin: 5px;
    margin-left: 0px;
}

.ReadyTOTransfrom {
    width: 100%;
    height: 442px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ReadyTOTransfromBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.ReadyTOTransfromContentBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}

.ReadyTOTransfromContentWaper h1 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
}

.ReadyTOTransfromContentWaper p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.ReadyTOTransfromButtonWaper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}

.ReadyTOTransfromButton1 {
    display: flex;
    width: auto;
    height: 61px;
    padding: 16px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background: #FFF;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);
    color: #10387A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}

.ReadyTOTransfromButton2 {
    display: flex;
    width: auto;
    height: 60px;
    padding: 16px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background: #10387A;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}


.trafficPatner {
    width: 100%;
    background: #E9FDFF;
    padding-top: 50px;
    padding-bottom: 0px;
}

.trafficPatnerTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 48px;
    font-family: Montserrat;
    text-align: center;
    color: #10387A;
    overflow: hidden;
}

.trafficPatnerWaper {
    max-width: 1440px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 200px;
}

.trafficPatnerWaperItem {
    width: fit-content;
    animation: xscroller 20s infinite linear;
    display: flex;
}

.trafficPatnerWaperItem:hover {
    animation-play-state: paused;
}

.trafficPatnerImage {
    display: inline-block;
    margin: 15px;
    border-radius: 7px;
    box-shadow: 0px 14px 42px 0px rgba(0, 58, 127, 0.20);
}

.whyChooseUs {
    width: 100%;
    padding: 50px 0px;
    overflow: hidden;
}

.whyChooseUsWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.whyChooseUsLeft {
    width: 50%;
    padding: 20px;
}

.whyChooseUsLeft h1 {
    color: #10387A;
    font-family: Montserrat;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.whyChooseUsLeft p {
    color: #4D5F7C;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 30px;
}

.whyChooseUsLeft h2 {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 160% */
}

.whyChooseUsLeft ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}

.whyChooseUsLeft ul li {
    list-style: none;
    padding: 10px;
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


.whyChooseUsButton {
    width: 213px;
    height: 60px;
    font-size: 18px;
    background: #00BCD0;
    border: 10px;
    border-radius: 7px;
    padding: 16px 26px;
    color: #10387A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.whyChooseUsRight {
    width: 50%;
    padding: 20px;
}

.whyChooseUsRight img {
    width: 100%;
}

.FAQ {
    width: 100%;
    padding: 50px;
    height: auto;
    background: #E9FDFF;
    text-align: center;
}

.FAQHeader {
    font-size: 48px;
    text-transform: uppercase;
    color: #10387A;
    font-weight: bold;
    font-family: Montserrat;
}

.mainFAQ {
    width: 835px !important;
    height: auto;
    margin: 0 auto;
    border: none !important;
}

.mainFAQItem {
    box-shadow: 0px 3px 7px 0px rgba(13, 71, 167, 0.14);
    transition: all 0.3s ease-in-out;
}

.mainFAQ button {
    height: 72px !important;
    display: flex !important;
    justify-content: space-between;
    width: 100%;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion {
    --bs-accordion-btn-focus-box-shadow: none;
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.FAQQustionTitel {
    font-size: 20px;
    color: #10387A;
    font-family: Montserrat;
    font-weight: 500;
}

.accordion-button::after {
    background: transparent !important;
    color: #fff !important;
}

.FAQicon {
    position: absolute;
    right: 2%;
    background: #00BCD0;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

.featuredIn {
    background: #fff !important;
}

.forPCTP {
    display: flex;
}

.forMboileTP {
    display: none !important;
}

.crouselForPc {
    display: block;
}

.crouselForMobile {
    display: none;
}

.proudlySponsoring {
    width: 100%;
    height: auto;
    padding: 100px 0px;
    color: #fff;
    position: relative;
}

.proudlySponsoringBG {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: -1;
}

.proudlySponsoringHeader {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 62.4px */
}

.proudlySponsoringText {
    width: 984px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto;
    margin-top: 25px;
}

.proudlySponsoringWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 50px;
}

.proudlySponsoringCard {
    width: 31%;
    height: auto;
    padding: 30px;
    background: #ffffff1f;
    backdrop-filter: blur(8.5px);
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px !important;
    transition: all 0.3s ease-in-out;
}

.proudlySponsoringCardTitel {
    display: flex;
    align-items: center;
    font-family: Montserrat;
}

.proudlySponsoringCardTitel img {
    width: 40px;
    height: 40px;
}

.proudlySponsoringCardText {
    font-size: 16px;
    font-family: Poppins;
}

.proudlySponsoringCardButton {
    display: flex;
    background: transparent;
    width: 100%;
    height: 50px;
    padding: 16px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 7px;
    border: 2px solid #00BCD0;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.058);
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.imagesGalary {
    width: 100%;
    padding: 50px;
}

.imagesGalaryHeader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.imagesGalaryHeaderTitel {
    text-transform: uppercase;
    color: #10387A;
    font-size: 38px;
    font-weight: bold;
    font-family: Montserrat;
    display: flex;
    align-items: center;
}

.imagesGalaryCrasul {
    margin-top: -35px;
}

.imagesGalaryButton {
    width: 195px;
    height: 59px;
    color: #00BCD0;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #00BCD0;
    border-radius: 7px;
    background: #fff;
}

.galleryCardImagesWaper {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    padding-top: 30px;
    padding-bottom: 30px;
}

.galleryCardImagesImages {
    width: 24%;
    height: auto;
    box-shadow: 0px 5px 7px 3px rgba(13, 71, 167, 0.14);
    border-radius: 7px;
}

.carousel-indicators {
    bottom: -5%;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #D9D9D9;
    background-clip: padding-box;
    border: 0;
    border-radius: 30px;
    opacity: 1;
    transition: opacity .6s ease;
}

.carousel-indicators .active {
    background-color: #56C0CC;
    width: 24px;
}

.newsLatter {
    width: 100%;
    max-width: 1920px;
    height: 384px;
    position: relative;
    margin: 0 auto;
}

.newsLatterBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.newsLatterOverlay {
    width: 100%;
    height: 100%;
    background: #10397aae;
    position: absolute;
}

.newsLatterContent {
    width: 80%;
    height: 100%;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsLatterContentTitel {
    font-size: 48px;
    font-family: Montserrat;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.newsLatterContentText {
    font-size: 18px;
    color: #fff;
    font-family: Poppins;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 30px;
}

.ourBlog {
    padding: 50px;
}

.ourBlogTitel {
    font-size: 48px;
    font-weight: bold;
    color: #10387A;
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat;
}

.ourBlogWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 40px;
}

.ourBlogCard {
    width: 31%;
    height: auto;
    background: #e9fdff;
    border-radius: 10px;
    box-shadow: 0px 14px 64px 0px #00397f37;
}

.ourBlogCardImages {
    width: 100%;
    border-radius: 10px;
}

.ourBlogCardText {
    font-size: 15px;
    color: #10387A;
    font-weight: 600;
    padding: 5px !important;
    margin: 0px !important;
    text-align: center;
    text-transform: uppercase;
}

.HighIntentCustomerImagesWaper {
    width: 60%;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
}

.HighIntentCustomerImages {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.WhoWeAre {
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
    position: relative;
    margin-top: -1px;
    z-index: 1;
}

.WhoWeAreWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
}

.WhoWeArerImages {
    width: 50%;
    height: auto;
}

.WhoWeArerImages img {
    width: 100%;
    height: auto;
}

.WhoWeAreContent {
    width: 50%;
    height: auto;
}

.WhoWeAreContent h1 {
    font-size: 48px;
    font-weight: bold;
    color: #10387A;
    font-family: Montserrat;
}

.WhoWeAreContent p {
    font-size: 18px;
    font-family: Poppins;
}

.MissionVision {
    width: 100%;
    height: 663px;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.MissionVisionBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.MissionVisioncardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 30px;
}

.MissionVisionCard {
    width: 50%;
    height: auto;
    padding: 40px;
    background: #ffffff1f;
    backdrop-filter: blur(8.5px);
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242, 242, 242 / 0%) inset;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 20px;
}

.MissionVisionCardIcon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DFFCFF;
    padding: 10px;
    border-radius: 50px;
}

.MissionVisionCard h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 126.316% */
    margin: 0px;
}

.MissionVisionCard p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    margin: 0px;
}

/* .MissionVision {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #2a5df80d;
    overflow: hidden;
}

.MissionVisionWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.Mission {
    width: 50%;
    height: auto;
    padding: 30px;
}

.Vision {
    width: 50%;
    height: auto;
    padding: 30px;
}

.MissionVisionIcon {
    width: 70px;
    height: 70px;
    display: block;
    background: #DFFCFF;
    padding: 10px;
    border-radius: 50px;
}

.MissionVisionIcon svg {
    width: 100%;
    height: 100%;
}

.Mission h1,
.Vision h1 {
    font-size: 48px;
    font-family: Montserrat;
    color: #10387A;
}

.Mission p,
.Vision p {
    font-size: 18px;
    font-family: Poppins;
} */

.AboutFAQ {
    width: 100%;
    padding: 50px;
    height: auto;
    background: #fff;
    text-align: center;
}

.InHouseExpertise {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    overflow: hidden;
}

.InHouseExpertiseContent {
    width: 45%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
}

.InHouseExpertiseContentTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin: 0px;
}

.InHouseExpertiseContentText {
    color: #4D5F7C;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
}

.InHouseExpertiseContentSubTitel {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.InHouseExpertiseContentCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.InHouseExpertiseContentCard {
    display: flex;
    padding: 15px 23px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
}

.InHouseExpertiseContentCard h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0px;
}

.InHouseExpertiseContentCard p {
    color: #10387A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0px;
}

.InHouseExpertiseTeamCertifications {
    width: 40%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
    flex-direction: column;
    padding: 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
}

.InHouseExpertiseTeamCertificationsTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.InHouseExpertiseTeamCertificationsCard {
    width: 100%;
    height: 70px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #F9FAFB;
    padding: 23px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.InHouseExpertiseTeamCertificationsCardContent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.InHouseExpertiseTeamCertificationsCardNumber {
    color: #059669;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.TrafficQualityIndicators {
    width: 100%;
    height: 483px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TrafficQualityIndicatorsBG {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    object-fit: cover;
    object-position: top;
}

.TrafficQualityIndicatorsWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
}

.TrafficQualityIndicatorsTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.TrafficQualityIndicatorsCradWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.TrafficQualityIndicatorsCrad {
    width: 22%;
    height: auto;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset, 2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    flex-direction: column;
}

.TrafficQualityIndicatorsCradIconTitel {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.TrafficQualityIndicatorsCradIconTitel h1 {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0px;
}

.TrafficQualityIndicatorsCradIconTitel p {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0px;
}

.TrafficQualityIndicatorsCradText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.TrafficQualityAssurance {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    background: #E9FDFF;
    overflow: hidden;
}

.TrafficQualityAssuranceContantWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 10%;
}

.TrafficQualityAssuranceContant {
    width: 45%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}

.TrafficQualityAssuranceContant h1 {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin: 0px;
}

.TrafficQualityAssuranceContant p {
    color: #4D5F7C;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
}

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

.TrafficQualityAssuranceContant ul li {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 5px 0px;
}

.TrafficQualityAssuranceImages {
    width: 45%;
    height: auto;
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}

.TrafficQualityAssuranceImages img {
    width: 100%;
    height: auto;
}

.PerformanceModels {
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.PerformanceModelsContent {
    width: 50%;
    height: auto;
    padding: 10px;
}

.PerformanceModelsTitel {
    font-size: 48px;
    font-family: Montserrat;
    color: #10387A;
    font-weight: bold;
    text-transform: uppercase;
}

.PerformanceModelsText {
    font-size: 18px;
    font-family: Poppins;
}

.PerformanceModelsImages {
    width: 50%;
    height: 100%;
    padding: 10px;
}

.VerticalsBenefits {
    width: 100%;
    height: 730px;
    background: #FBFBFB;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.VerticalsBenefitsBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.VerticalsBenefitsCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 30px;
}

.VerticalsBenefitsCard {
    width: 50%;
    height: auto;
    padding: 40px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset,
        -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242, 242, 242 / 0%) inset;
    border-radius: 20px;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 20px;
}

.VerticalsBenefitsCardTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.VerticalsBenefitsCardText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
}

.VerticalsBenefitsCard table tr {
    width: 100% !important;
    height: auto;
}

.VerticalsBenefitsCard table tr td {
    width: 50% !important;
    height: 45px !important;
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-28, 28px);
}


/* .VerticalsBenefits {
    width: 100%;
    background: #FBFBFB;
    display: flex;
    justify-content: space-around;
}

.Verticals {
    width: 50%;
    height: 100%;
    padding: 50px;
}

.Benefits {
    width: 50%;
    height: 100%;
    padding: 50px;
}

.BenifetList {
    font-size: 24px !important;
    font-family: Montserrat !important;
    color: #10387A;
    padding: 0px;
    margin: 0px;
}

.VerticalsTable tr td {
    padding-right: 20px;
    padding-top: 10px;
    font-size: 24px;
    font-family: Montserrat;
    color: #10387A;
}

.VerticalsTable tr td svg {
    color: #00BCD0;
}

.VerticalsTitel {
    font-size: 48px;
    font-family: Montserrat;
    color: #10387A;
    font-weight: bold;
    text-transform: uppercase;
}

.VerticalsBenefits p {
    font-size: 18px;
    font-family: Poppins;
}

.VerticalsBenefits p svg {
    color: #00BCD0;
} */

.Security {
    width: 100%;
    height: auto;
    padding: 50px;
    text-align: center;
    overflow: hidden;
}

.SecurityTitel {
    font-size: 48px;
    color: #10387A;
    font-family: Montserrat;
    text-transform: uppercase;
}

.SecurityText {
    color: #4D5F7C;
    font-size: 18px;
    font-family: Poppins;
}

.SecurityCardWaper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SecurityCard {
    width: 23%;
    height: 365px;
    padding: 10px;
    box-shadow: 0px 14px 64px 0px #00397f37;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.SecurityCardIcon {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px dotted #10397a5c;
    background: #DFFCFF;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SecurityCardTitel {
    text-transform: uppercase;
    color: #10387A;
    font-family: Montserrat;
}

.SecurityCardText {
    font-size: 16px;
    color: #4D5F7C;
}

.PayPerCallHeroSection {
    width: 100%;
    height: 896px;
    position: relative;
    overflow: hidden;
}

.paypercallherobg {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    left: 0%;
    top: 0%;
}

.PayPerCallHeroSectionContent {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.PayPerCallHeroSectionContentText {
    width: 50%;
    padding: 20px;
}

.PayPerCallHeroSectionContentTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.PayPerCallHeroSectionContentSubTitel {
    color: #00BCD0;
    font-size: 18px;
    font-family: Poppins;
}

.PayPerCallHeroSectionContentpra {
    color: #fff;
    font-size: 18px;
    font-family: Poppins;
}

.PayPerCallHeroSectionContentImage {
    width: 50%;
}

.PayPerCallHeroSectionContentImage img {
    width: 100%;
}

.CallQualityAndAvgCallDurationWaper {
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 20px;
    margin-top: 30px;
}

.CallQualityScore {
    width: auto;
    height: auto;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 10px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset,
        -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    padding: 20px 40px;
    border-radius: 20px;
}

.CallQualityScore h1 {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    margin: 0px;
}

.CallQualityScore p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0px;
}

.LeadQualityScore {
    width: 180px;
    height: auto;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 10px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset,
        -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    padding: 15px 17px;
    border-radius: 20px;
}

.LeadQualityScore h1 {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    margin: 0px;
}

.LeadQualityScore p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0px;
}


.OutcomeDrivenCalls {
    background: #E9FDFF;
    padding-bottom: 50px;
    width: 100%;
    height: auto;
}

.OutcomeDrivenCallsWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
}

.OutcomeDrivenCallsImages {
    width: 50%;
    height: auto;
}

.OutcomeDrivenCallsImages img {
    width: 100%;
}

.OutcomeDrivenCallsContent {
    width: 50%;
    height: auto;
}

.OutcomeDrivenCallsContentTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.outcomList {
    color: #4D5F7C;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.OutcomeDrivenCallsCardWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-top: 50px;
    padding-bottom: 40px;
}

.OutcomeDrivenCallsCard {
    width: 402px;
    height: 136px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.OutcomeDrivenCallsCard h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.OutcomeDrivenCallsCard p {
    color: #10387A;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0px;
}

.MarketingResourcesAffiliates {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.MarketingResourcesAffiliatesBG {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: top;
}

.MarketingResourcesAffiliatestWaper {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.MarketingResourcesAffiliatesTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
}

.MarketingResourcesAffiliatesText {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.MarketingResourcesAffiliatesCardFirstWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-bottom: 40px;
}

.MarketingResourcesAffiliatesCardFirst {
    width: 20%;
    height: auto;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
}

.MarketingResourcesAffiliatesCardFirst h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-28, 28px);
}

.MarketingResourcesAffiliatesCardFirst p {
    color: #CFE3FF;
    text-align: center;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
    margin: 0px;
}

.MarketingResourcesAffiliatesCardSecondWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.MarketingResourcesAffiliatesCardSecond {
    width: 27.1%;
    height: auto;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
}

.MarketingResourcesAffiliatesCardSecond h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-28, 28px);
}

.MarketingResourcesAffiliatesCardSecond p {
    color: #CFE3FF;
    text-align: center;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
    margin: 0px;
}








.outcomList svg {
    color: #00BCD0;
}

.HighQualityInboundCalls {
    width: 100%;
    height: 529px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HighQualityInboundCallsBG {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: -1;
}

.HighQualityInboundCallsWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    flex-direction: column;
}

.HighQualityInboundCallsTitel {
    width: 1014px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin: 0 auto;
}

.HighQualityInboundCallsCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.HighQualityInboundCallsCard {
    width: 31%;
    height: 224px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset,
        0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.HighQualityInboundCallsCardIconTitel {
    display: flex;
    align-items: center;
    gap: 20px;
}

.HighQualityInboundCallsCardIcon {
    display: flex;
    padding: 16px 12px 17.6px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9999px;
    background: #00BCD0;
}

.HighQualityInboundCallsCardTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-28, 28px);
}

.HighQualityInboundCallsCardText {
    color: #FFF;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
}

.HighQualityInboundCallsCardUpdates {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: var(--font-size-14, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-size-20, 20px);
}

.CustomCampaignSelection {
    width: 100%;
    height: auto;
    padding: 100px 0px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    overflow: hidden;
}

.CustomCampaignSelectionLeft {
    width: 604px;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.CustomCampaignSelectionLeft h1 {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.CustomCampaignSelectionLeft h4 {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.CustomCampaignSelectionLeft p {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.CustomCampaignSelectionRight {
    width: 540px;
    height: 461px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 20px 50px;
    display: flex;
    justify-items: center;
    align-items: center;
}

.CustomCampaignSelectionRight img {
    width: 100%;
    height: 100%;
}

.SmoothOnboarding {
    width: 100%;
    height: 549px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.SmoothOnboardingBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: top;
    z-index: -1;
}

.SmoothOnboardingContentWaper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
}

.SmoothOnboardingContentIttel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
}

.SmoothOnboardingCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.SmoothOnboardingCard {
    width: 294px;
    height: 259px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
    transition: all 0.3s ease-in-out;
}

.SmoothOnboardingCardTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
}

.SmoothOnboardingCardText {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.WhyWeRules {
    width: 100%;
    height: 614px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.WhyWeRulesBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: top;
    z-index: -1;
}

.WhyWeRulesContentWaper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
}

.WhyWeRulesContentIttel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
}

.WhyWeRulesContentText {
    width: 1010px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0px;
}

.WhyWeRulesCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.WhyWeRulesCard {
    width: 294px;
    height: 259px;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.WhyWeRulesCardTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
}

.WhyWeRulesCardText {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.HighIntentCustomer {
    width: 100%;
    height: auto;
    background: #E9FDFF;
    padding: 80px 0px;
}

.IndustryLeadingPayouts {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
    padding: 70px 0px;
}

.IndustryLeadingPayoutswaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    overflow: hidden;
}

.IndustryLeadingPayoutsLeft {
    width: 540px;
    height: 386px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.IndustryLeadingPayoutsLeftCart {
    width: 100%;
    height: auto;
}

.IndustryLeadingPayoutsRight {
    width: 604px;
    height: auto;
}

.IndustryLeadingPayoutsRightTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.IndustryLeadingPayoutsRightText {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.IndustryLeadingPayoutsRightList {
    list-style: none;
    padding: 0px;
}

.IndustryLeadingPayoutsRightList li {
    padding: 5px 0px;
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 250%;
}

.IndustryLeadingPayoutsCardWaper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.IndustryLeadingPayoutsCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.IndustryLeadingPayoutsCard {
    width: 30%;
    height: auto;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.IndustryLeadingPayoutsCardIconTitel {
    display: flex;
    align-items: center;
    gap: 20px;
}

.IndustryLeadingPayoutsCardIcon {
    display: flex;
    padding: 16px 12px 17.6px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9999px;
    background: #00BCD0;
}

.IndustryLeadingPayoutsCardTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-28, 28px);
}

.IndustryLeadingPayoutsCardText {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
}

.HighIntentCustomerWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 80px;
    overflow: hidden;
}

.HighIntentCustomerContaint {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.HighIntentCustomerContaintTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.HighIntentCustomerContaintSubTitel {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.HighIntentCustomerContaintText {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.HighIntentCustomerContaintCardWaper {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}

.HighIntentCustomerContaintCard {
    width: auto;
    height: auto;
    display: inline-flex;
    padding: 10px 23px;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
}

.HighIntentCustomerContaintCard h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: var(--font-size-20, 20px);
    margin: 0px;
}

.HighIntentCustomerContaintCard p {
    color: #1E40AF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--font-size-20, 20px);
    margin: 0px;
}

.TechnologyStack {
    width: 100%;
    height: auto;
    padding: 80px;
    overflow: hidden;
}

.TechnologyStackTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.TechnologyStackCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin-top: 30px;
    overflow: hidden;
}

.TechnologyStackCard {
    width: 50%;
    height: 315px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 40px;
}

.TechnologyStackCard h1 {
    color: #10387A;
    font-family: Montserrat;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

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

.TechnologyStackCard ul li {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 250%;
    /* 45px */
}

.ForPublishersAffiliatesCard {
    width: 50%;
    height: 400px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 40px;
}

.ForPublishersAffiliatesCard p {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 15px 0px;
}


.ForPublishersAffiliatesCard h1 {
    color: #10387A;
    font-family: Montserrat;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

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

.ForPublishersAffiliatesCard ul li {
    color: #4D5F7C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 250%;
    /* 45px */
}

.ForPublishersAffiliatesCard table {
    width: 100%;
    height: auto;
}

.ForPublishersAffiliatesCard table tr .firstFild {
    color: #10387A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 250%;
}

.ForPublishersAffiliatesCard table tr .SecoundFild {
    color: #00BCD0;
    text-align: right;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 250%;
}

.ForPublishersAffiliatesCard table tr .SecoundFild span {
    color: #0037FF;
    text-align: right;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 250%;
}

.ForAdvertisers {
    width: 100%;
    height: 566px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ForAdvertisersTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
}

.ForAdvertisersBG {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    object-fit: cover;
    object-position: top;
}

.ForAdvertisersWaper {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 42px;
}

.ForAdvertisersCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 24px;
}

.ForAdvertisersCard {
    width: 30%;
    height: auto;
    background: #ffffff1f;
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}

.ForAdvertisersCardsCardWaper {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.ForAdvertisersCardsCard {
    width: auto;
    height: auto;
    background: #ffffff1f;
    box-shadow: 1px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 12px 20px;
}

.ForAdvertisersCardIconTitel {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.ForAdvertisersCardIcon {
    display: flex;
    padding: 16px 12px 17.6px 12px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: #00BCD0;
}

.ForAdvertisersCardTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: var(--font-size-20, 20px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-28, 28px);
}

.ForAdvertisersCardText {
    color: #FFF;
    font-family: Poppins;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-25_6, 25.6px);
}

.ForAdvertisersCardsCard h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0px;
}

.ForAdvertisersCardsCard p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 0px;
}

.CommissionStructure {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 60px;
}

.CommissionStructureTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.CommissionStructureContentWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 50px;
    overflow: hidden;
}

.CommissionStructureContentImageWaper {
    width: 45%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 30px;
}

.CommissionStructureContentImage {
    width: 100%;
    height: auto;
}

.CommissionStructureContent {
    width: 45%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.CommissionStructureContentTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.CommissionStructureContentCard {
    width: 100%;
    height: 76px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px
}

.CommissionStructureContentCardTitel h1 {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0px;
}

.CommissionStructureContentCardTitel p {
    color: #4B5563;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0px;
}

.CommissionStructureContentCardNumber {
    color: #059669;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.SimpleOnboardingProcess {
    width: 100%;
    height: 444px;
    background: #E9FDFF;
    padding: 80px 0px;
}

.SimpleOnboardingProcessWaper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.SimpleOnboardingProcessTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.SimpleOnboardingProcessCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.SimpleOnboardingProcessCard {
    width: 184px;
    height: 186px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.AffiliateSuccessStories {
    width: 100%;
    height: 539px;
    position: relative;
}

.AffiliateSuccessStoriesBG {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    object-fit: cover;
    object-position: top;
}

.AffiliateSuccessStoriesWaper {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.AffiliateSuccessStoriesTitel {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
}

.AffiliateSuccessStoriesCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    overflow: hidden;
}

.AffiliateSuccessStoriesCard {
    width: 49%;
    height: 259px;
    background: #ffffff1f;
    box-shadow: 1px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px hsla(0, 0%, 60%, 0) inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.AffiliateSuccessStoriesCardIconTitel {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}

.AffiliateSuccessStoriesCardIcon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 15px 0px 17px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    background: #DBEAFE;
    color: #2563EB;
    text-align: center;
    font-family: Poppins;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.AffiliateSuccessStoriesCardTitel h1 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0px;
    margin-bottom: 3px;
}

.AffiliateSuccessStoriesCardTitel p {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0px;
}

.AffiliateSuccessStoriesCardText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.AffiliateSuccessStoriesCardsCardWaper {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
}

.SimpleOnboardingProcessCardIcon {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: #DFFCFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 25.231px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.231px;
}

.SimpleOnboardingProcessCardTitel {
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.SimpleOnboardingProcessCardText {
    color: #10387A;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}


.IndustrySpecific {
    width: 100%;
    height: auto;
    padding: 80px 0px;
    background: #E9FDFF;

}

.IndustrySpecificWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
}

.IndustrySpecificTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.IndustrySpecificCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.IndustrySpecificCard {
    width: 294px;
    height: 136px;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
}

.IndustrySpecificCard h1 {
    color: #00BCD0;
    text-align: center;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0px;
}

.IndustrySpecificCard p {
    color: #10387A;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0px;
}











/* .WhatWeProvide {
    padding: 50px;
}

.WhatWeProvideTitel {
    font-size: 48px;
    text-transform: uppercase;
    color: #10387A;
    font-weight: bold;
    font-family: Montserrat;
    text-align: center;
}

.WhatWeProvideCardWaper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
}

.WhatWeProvideCard {
    width: 47%;
    height: 258px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 14px 64px 0px #00397f37;
}

.WhatWeProvideCardTitelWeber {
    display: flex;
    align-items: center;
}

.WhatWeProvideCardIcon {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 2px dotted #10397a5c;
    background: #DFFCFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.WhatWeProvideCardTitelWeber h3 {
    font-size: 28px;
    font-weight: bold;
    font-family: Montserrat;
    margin-left: 20px;
    color: #00BCD0;
}

.WhatWeProvideCardText {
    font-family: Poppins;
    font-size: 18px;
    margin-left: 80px;
    margin-top: 10px;
}

.WhatWeProvideButton {
    text-align: center;
} */

/* .OurTopVerticals {
    width: 100%;
    background: #E9FDFF;
    padding: 50px;
}

.OurTopVerticalsTitel {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: bold;
    color: #10387A;
    text-transform: uppercase;
    text-align: center;
}

.OurTopVerticalsText {
    width: 40%;
    text-align: center;
    font-size: 18px;
    font-family: Poppins;
    margin: 0 auto;
}

.OurTopVerticalsWaper {
    width: 100%;
    height: auto;
}

.OurTopVerticalsCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
}

.OurTopVerticalsCard {
    width: 32%;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 14px 64px 0px #00397f37;
    border-radius: 10px;
}

.OurTopVerticalsCardIcon {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px dotted #10397a5c;
    background: #DFFCFF;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.OurTopVerticalsCardTitel {
    font-size: 28px;
    font-weight: 600;
    color: #10387A;
    text-transform: uppercase;
    text-align: center;
}

.OurTopVerticalsCardText {
    font-size: 16px;
    color: #10387A;
    text-align: center;
    font-family: Poppins;
} */

.Blog {
    width: 100%;
    height: auto;
    padding: 50px;
    overflow: hidden;
}

.BlogMenu {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.BlogMenuItemWaper {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}

.BlogMenuItemWaper a {
    /* width:120px; */
    padding: 15px;
    text-align: center;
    margin-right: 10px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757575;
    font-size: 16px;
    font-family: Poppins;
    border-radius: 10px;
    font-weight: 500;
}

.BlogMenuItemWaperActive {
    background: #10387A;
    color: #fff !important;
}

.BlogMenuSearchWaper {
    display: flex !important;
    align-items: center !important;
    font-family: Poppins;
}

.BlogCardWaper {
    width: 100%;
    max-width: 1440px;
    padding: 40px;
    margin: 0 auto;
}

.BlogCard {
    width: 32%;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 24px 0px #10387A2E;
    display: inline-block;
    margin: 0.5%;
}

.BlogCardImages {
    width: 100%;
    height: 225px;
}

.BlogCardContent {
    padding: 10px;
}

.BlogCardContentCatagori {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0%;
    font-family: Montserrat;
    padding: 0px;
    margin: 0px;
    color: #00BCD0;
}

.BlogCardContentTitel {
    height: 53px;
    font-weight: 700;
    font-size: 22px;
    font-family: Montserrat;
    color: #10387A;
    margin-top: 10px;
    overflow: hidden;
}

.BlogCardContentAuthordate {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.BlogCardAutherProfile {
    width: 35px;
    height: 35px;
    border-radius: 30px;
}

.BlogCardAutherName {
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    color: #69758A;
}

.BlogCardDate {
    font-size: 16px;
    font-family: Poppins;
    font-weight: 500;
    color: #69758A;
}

.BlogGalary {
    background: #E9FDFF;
}

.pagynator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pageNumber {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    font-family: Poppins;
}

.pageNumberActive {
    background: #00BCD0;
    color: #fff;
}

.pagynatorButton {
    background: none;
    border: none;
    font-family: Poppins;
    color: #757575;
}

.DetailsBlog {
    width: 100%;
    padding: 50px;
    display: flex;
    justify-content: space-around;
}

.DetailsBlogMain {
    width: 70%;
    height: auto;
    padding: 10px;
}

.DetailsBlogWiaz {
    width: 30%;
    height: auto;
    padding: 10px;
}

.Thumnail {
    width: 100%;
    height: auto;
}

.Thumnail img {
    width: 100%;
    height: auto;
}

.BlogShear {
    width: 50%;
    height: 100px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.BlogShearButton {
    background: none;
    border: 2px solid #E8E8E8;
    padding: 10px;
    border-radius: 10px;
    width: 150px;
    color: #868686;
    font-family: Poppins;
    font-size: 16px;
}

.BlogShearSosalIcon {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #56C0CC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RecentPost {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #33333329;
    height: auto;
    overflow: hidden;
}

.RecentPostTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 22px;
    background: #F6F7F9;
    padding: 20px;
}

.RecentPostCard {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.RecentPostCardImages {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.RecentPostCardContent {
    padding-left: 10px;
}

.RecentPostCardTitel {
    margin: 0px;
    padding: 0px;
    color: #10387A;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.RecentPostCardPostDate {
    margin: 0px;
    padding: 0px;
    color: rgba(77, 95, 124, 0.90);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.EventsCardWaper {
    width: 100%;
    height: auto;
    padding: 50px;
    background: #fff;
    position: relative;
    margin-top: -1px;

}

.EventsCardsWaperCard {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 30px;
}

.EventsCard {
    width: 30%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 24px 0px #10387A2E;
}

.EventsCardImages {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}

.EventsCardContent {
    padding: 10px 25px;
    padding-bottom: 30px;
}

.EventsCardTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: capitalize;
    margin: 0px;
    padding: 0px;
}

.EventsCardDateLocation {
    margin: 0px;
    padding: 0px;
    color: #00BCD0;
    font-size: 13px;
    margin-top: 10px;
}

.EventsCardDateLocation span {
    margin-left: 5px;
}

.EventDEtailsPageWaper {
    width: 100%;
    height: auto;
    padding: 50px;
}

.EmployeeBenefits {
    width: 100%;
    height: auto;
    padding: 50px;
    background: #E9FDFF;
}

.EmployeeBenefitsCardWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 30px;
    gap: 30px;
}

.EmployeeBenefitsCard {
    width: 23%;
    height: auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 14px 64px 0px rgba(0, 57, 127, 0.164);
}

.EmployeeBenefitsCardIcon {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #CFFAFF;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EmployeeBenefitsCardTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 30.8px */
    letter-spacing: -0.3px;
}

.EmployeeBenefitsTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
}

.MainJobCardWaper {
    width: 100%;
    padding: 50px;
    height: auto;
}

.JobCardWaper {
    width: 100%;
    height: auto;
}

.JobCard {
    width: 32%;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 24px 0px #10387A2E;
    display: inline-block;
    margin: 0.5%;
    padding: 20px;
}

.JobCardLocation {
    color: var(--Text-Color, #1D263A);
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    align-items: center;
}

.JobCardTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 123.077% */
    letter-spacing: -0.3px;
}

.JobCardPostion {
    color: var(--Text-Color, #1D263A);
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 186.667% */
}

.JobCardTimeButton {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}

.JobCardTimeButton p {
    color: var(--Text-Color, #1D263A);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.JobCardButton {
    border-radius: 7px;
    background: #00BCD0;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);
    border: none;
    width: 150px;
    height: 50px;
    color: #10387A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.contactFormWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.contactFormWaperBG {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}

.ContactWaper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 100px;
    gap: 40px;
    padding-bottom: 150px;
}

.contactAddressWaper {
    width: 40%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* background: red; */
    gap: 40px;
}

.contactAddressCard {
    width: 100%;
    height: auto;
    background: #ffffff1f;
    backdrop-filter: blur(8.5px);
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px !important;
    padding: 30px 40px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}

.contactAddressCardTitel {
    color: #FFF;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

.contactAddressCardContent {
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0px;
}

.contactAddressCard a {
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 23.4px */
    text-transform: uppercase;
}

.contactSocalCard {
    width: 100%;
    height: auto;
    background: #ffffff1f;
    backdrop-filter: blur(8.5px);
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px !important;
    padding: 30px 40px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
}

.contactSocalCard a {
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 26px */
}

.contactSocalCard u {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 23.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
}

.contactSocalCardIconWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
}

.contantSocalcardicon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #00BCD0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ContactWaper form {
    width: 60% !important;
}


.From {
    width: 100%;
    padding: 50px;
    border-radius: 10px;
    background: #ffffff1f;
    backdrop-filter: blur(8.5px);
    box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
        2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
        0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
    border-radius: 20px !important;
    padding: 50px 30px;
    margin: 0 auto;
}

.contactInput {
    height: 50px;
}

.From textarea {
    height: 100px !important;
}

.succesToster {
    position: fixed !important;
    right: 1% !important;
    bottom: 1% !important;
    z-index: 2 !important;
    display: block !important;
}

.FromTitel {
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: -20px;
}

.tcpaContact {
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.ContactSubmit {
    width: 100%;
    border-radius: 7px;
    background: #00BCD0;
    box-shadow: 0px 12px 13px 0px rgba(10, 255, 239, 0.16);
    color: #10387A;
    height: 50px;
    border: none;
    color: #10387A;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.ContactInformationWaper {
    padding: 50px;
    width: 100%;
    height: auto;
    background: #E9FDFF;
}

.ContactInformationCardWaper {
    display: flex;
    justify-content: space-around;
}

.ContactInformationCard {
    width: 30%;
    padding: 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.25);
}

.ContactInformationCardTitel {
    color: #10387A;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 36.4px */
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.ContactInformationCardLocation {
    color: #00BCD0;
}

.ContactInformationCardText {
    color: #10387A;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 20px;
    margin-left: 5px;
}

.ContactInformationCardcall {
    color: #10387A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.ContactInformationCardEmail {
    color: #10387A;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    align-items: center;
}

.ContactInformationCardIconWaper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.ContactInformationCardIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #00BCD0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ContactInformationCardFlow {
    color: #00BCD0;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 20px;
}

.jobDetailsSmallIconWaper {
    width: 100%;
    display: flex;
    align-items: center;
}

.jobDetailsSmallIconWaper p {
    display: flex;
    align-items: center;
    margin-right: 20px;
    color: #10387A;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 19.2px */
    text-transform: capitalize;
}

.MainGalleryWaper {
    width: 100%;
    height: auto;
    padding: 50px;
}

.MainGalleryTitel {
    color: #10387A;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
}

.GalleryImages {
    width: 32%;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 24px 0px #10387A2E;
    display: inline-block;
    margin: 0.5%;
    margin-top: 20px;
}

.GalleryImages:hover {
    box-shadow: none;
    transition: linear .5s ease;
}

.LegalPrivacyPolicyTAC {
    font-size: 20px;
    font-family: Poppins;
}

.footer {
    width: 100%;
    height: 415px;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.FooterBG {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.footerIconWaper {
    display: flex;
    margin-top: 15px;
}

.footerIcon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    border: 2px solid #00bcd0;
    border-radius: 30px;
}

.footerWaper {
    position: absolute;
    width: 100%;
    justify-content: space-around;
    /* background:#fff; */
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%);
}

.footerPhoneFlex {
    display: flex;
    justify-content: space-between;
    width: 28%;
}

.footerLink h5 {
    color: #00BCD0;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-family: Montserrat;
}

.footerLink ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.footerLink ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-family: Poppins;
    font-size: 14px;
    line-height: 35px;
}

.footerClickLink:hover {
    color: #00BCD0;
}

.text-white:hover {
    color: #00BCD0 !important;
}

.footerAddress h5 {
    color: #00BCD0;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-family: Montserrat;
}

.footerAddress svg {
    color: #00BCD0;
}

.footerClickLink {
    color: #fff;
}

.footerAddress p {
    padding: 5px !important;
    margin: 0px !important;
    font-family: Poppins;
    font-size: 14px;
}

.uperFooter {
    display: flex;
    justify-content: space-around;
}

.lowerFooter {
    width: 80%;
    float: right;
}

.lowerFooter hr {
    color: #00BCD0;
    background: #00BCD0;
    height: 1px;
}

.lowerFooterWaper {
    width: 87%;
    display: flex;
    justify-content: start;
    padding-left: 6%;
}

.lowerFooterWaper p {
    width: 30%;
    padding: 0px !important;
    margin: 0px !important;
    color: #fff;
    font-size: 14px;
    font-family: Poppins;
}

.footerClickLinkPragrap {
    width: 26% !important;
}

.copyright {
    width: 100%;
    background: #052150;
    height: 70px;
    position: absolute;
    bottom: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: Poppins;
    text-transform: uppercase;
}

.copyright p {
    padding: 0px !important;
    margin: 0px !important;
}

/*================ Falling ster============================*/
.falingSterWaper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: none;
    background-size: cover;
    overflow: hidden;
}

.dropSter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1), 0 0 0 8px rgba(255, 255, 255, 0.1), 0 0 20px rgba(255, 255, 255, 0.1);
    animation: animate 3s linear infinite;
}

.dropSter::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, #fff, transparent);
}

.dropSter:nth-child(1) {
    top: 0;
    right: 0;
    left: initial;
    animation-delay: 0s;
    animation-duration: 1s;
}

.dropSter:nth-child(2) {
    top: 0;
    right: 80px;
    left: initial;
    animation-delay: 0.2s;
    animation-duration: 3s;
}

.dropSter:nth-child(3) {
    top: 80;
    right: 0px;
    left: initial;
    animation-delay: 0.4s;
    animation-duration: 2s;
}

.dropSter:nth-child(4) {
    top: 0;
    right: 180px;
    left: initial;
    animation-delay: 0.6s;
    animation-duration: 1.5s;
}

.dropSter:nth-child(5) {
    top: 0;
    right: 400px;
    left: initial;
    animation-delay: 0.8s;
    animation-duration: 2.5s;
}

.dropSter:nth-child(6) {
    top: 0;
    right: 600px;
    left: initial;
    animation-delay: 1s;
    animation-duration: 3s;
}

.dropSter:nth-child(7) {
    top: 300px;
    right: 0px;
    left: initial;
    animation-delay: 1.2s;
    animation-duration: 1.75s;
}

.dropSter:nth-child(8) {
    top: 0px;
    right: 700px;
    left: initial;
    animation-delay: 1.4s;
    animation-duration: 1.25s;
}

.dropSter:nth-child(9) {
    top: 0px;
    right: 1000px;
    left: initial;
    animation-delay: 0.75s;
    animation-duration: 2.25s;
}

.dropSter:nth-child(9) {
    top: 0px;
    right: 450px;
    left: initial;
    animation-delay: 2.75s;
    animation-duration: 2.75s;
}

.bargerMenu {
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 5px;
    background: #00BCD0;
    color: #fff;
}

.joinMobile {
    height: 54px;
    width: 130px;
    font-size: 20px;
}

.backgroundBlu {
    background: #10387A;
}

/* Phone  */
@media only screen and (max-width: 600px) {
    .HeroSection {
        width: 100%;
        height: 800px;
        position: relative;
        overflow: hidden;
    }

    .HeroSectionPublisher {
        width: 100%;
        height: 700px !important;
    }

    .homeHeroText {
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 4.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .HeroText {
        width: auto !important;
        margin: 0 auto;
        font-size: 4.5vw;
    }

    .PublisherHeroButton {
        width: 350px !important;
    }

    .heroButtonWaperSingel {
        width: 100%;
    }

    .heroButtonWaper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
        margin-bottom: 40px;
        gap: 18px;
    }

    .heroButton1 {
        height: 59px;
        background: #00BCD0;
        color: #10387A;
        font-family: Montserrat;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
    }

    .HomeHeroButton1 {
        width: 177px;
        height: 59px;
        background: #00BCD0;
        color: #10387A;
        font-family: Montserrat;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
    }

    .heroButton2 {
        width: 177px;
        height: 59px;
        background: #fff;
        color: #10387A;
        font-family: Montserrat;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
    }

    .VerticalsTable tr td {
        font-size: 4vw;
    }

    .PayPerCallheroButton {
        width: auto;
        height: 59px;
        background: #00BCD0;
        color: #10387A;
        font-family: Montserrat;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
        padding: 0px 20px;
    }

    .counterImage {
        width: 26%;
        height: auto;
    }

    .AboutHeroSection {
        width: 100%;
        height: 399px;
        position: relative;
        overflow: hidden;
    }

    .heroHeader {
        width: 100%;
        height: auto;
        font-family: Montserrat;
        font-weight: bold;
        font-size: 9vw;
        margin: 0 auto;
        color: #fff;
        text-transform: capitalize;
    }

    .AboutheroHeader {
        width: 100%;
        height: auto;
        font-family: Montserrat;
        font-weight: bold;
        font-size: 10vw;
        margin: 0 auto;
        color: #fff;
    }

    .heroContent {
        width: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -60%);
    }

    .PublishHeroContent {
        width: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -70%);
    }

    .AboutheroContent {
        width: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .wold {
        width: 200%;
        height: auto;
        object-fit: cover;
        position: absolute;
        z-index: 1;
        left: 8%;
        bottom: -25%;
        animation: world 200s infinite;
        animation-timing-function: linear;
        filter: drop-shadow(0px 0px 30px #00BCD0);
    }

    .Aboutwold {
        width: 200%;
        height: auto;
        object-fit: cover;
        position: absolute;
        z-index: 1;
        left: 8%;
        bottom: -25%;
        animation: world 200s infinite;
        animation-timing-function: linear;
        filter: drop-shadow(0px 0px 30px #00BCD0);
    }

    .counterBox {
        width: 100%;
        height: 90px;
        border: 1px solid #00BCD0;
        background: #ffffff1f;
        border-radius: 5px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 5px;
        padding-left: 15px;
        overflow: hidden;
    }

    .whatWeDoTitle {
        width: 98%;
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 7vw;
        font-style: normal;
        font-weight: 600;
        line-height: 38px;
    }

    .whatWeDoText {
        width: 98%;
        color: #4D5F7C;
        text-align: center;
        font-family: Montserrat;
        font-size: 4.5vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .counterBoxPublisher {
        width: 100%;
    }

    .counter {
        width: 32%;
        height: 65px;
        color: #fff;
        text-align: center;
    }

    .counter h3 {
        font-size: 7VW;
        font-family: Montserrat;
        font-weight: bold;
        padding: 0px;
    }

    .counter p {
        font-size: 3.2VW;
        font-family: Montserrat;
        padding: 0px;
        margin: 0px;
    }

    .carv {
        display: none;
    }

    .Aboutcarv {
        display: none;
    }

    .whatWeDo {
        width: 100%;
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .whatWeDoCardWaper {
        display: block;
        margin-top: 35px;
    }

    .CorePerformance {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .CorePerformanceHeader {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        padding: 50px 0px;
    }

    .CorePerformanceOverlay {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 25px;
        padding-bottom: 70px;
    }

    .CorePerformanceCard {
        width: 90%;
        height: 445px;
        border-radius: 20px;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        backdrop-filter: blur(6px);
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .SuccessStories {
        width: 100%;
        height: auto;
        padding: 50px 0px;
        background: #E9FDFF;
        padding-bottom: 200px;
    }

    .SuccessStoriesTitel {
        width: 98%;
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .SuccessStoriesCardWaper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        margin-top: 40px;
    }

    .SuccessStoriesCard {
        display: flex;
        width: 97%;
        padding: 25px 23px 24px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 18px;
        background: #fff;
    }

    .WhatOurAdvertisersSayHeader {
        width: 324px;
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 36px */
    }

    .WhatOurAdvertisersSay {
        margin-top: 40px;
        display: flex;
        align-items: start;
        justify-content: center;
        gap: 40px;
        flex-direction: column;
        overflow-y: hidden;
    }

    .WhatOurAdvertisersSayCard {
        width: 100%;
        height: auto;
        padding: 30px 15px;
        background: #fff;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-radius: 20px;
    }

    .WhatOurAdvertisersSayCardProfile {
        width: 60px;
        height: 60px;
        color: #FFF;
        font-family: Poppins;
        font-size: 20.021px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .WhatOurAdvertisersSayCardName h1 {
        color: #10387A;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 18.019px;
    }

    .WhatOurAdvertisersSayCardName p {
        color: rgba(0, 0, 0, 0.40);
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18.019px;
    }

    .WhatOurAdvertisersSayCardText {
        color: #10387A;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.501px;
    }

    .WhatOurAdvertisersSayCardRating svg {
        width: 110px;
    }

    .WhatOurAdvertisersSayCardArrowButton svg {
        width: 50px;
        height: 50px;
    }

    .WhatOurAdvertisersSayCardOfferRating {
        position: absolute;
        top: -12%;
        right: 5%;
    }

    .WhatOurAdvertisersSayCardOfferRating img {
        width: 80px;
        height: 80px;
    }

    .WhatOurAdvertisersSayCardArrowButton {
        padding: 10px;
        background: #E9FDFF;
        position: absolute;
        bottom: -2%;
        right: -1%;
        border-top-left-radius: 20px;
    }

    .ReadyToSeeSimilarResults {
        width: 100%;
        height: auto;
        border-radius: 0px;
        background: #00BCD0;
        margin-top: -165px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        flex-direction: column;
        padding: 30px;
        overflow: hidden;
    }

    .ReadyToSeeSimilarResultsHeaderTextWaper h1 {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
    }

    .ReadyToSeeSimilarResultsHeaderTextWaper p {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }

    .AdvancedReporting {
        width: 100%;
        height: auto;
        position: relative;
    }

    .AdvancedReportingTitelandText {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        padding-top: 80px;
    }

    .AdvancedReportingTitelandText h1 {
        width: 90%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
    }

    .AdvancedReportingTitelandText p {
        width: 95%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 4.1vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .AdvancedReportingCardWaper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin-top: 40px;
        gap: 20px;
    }

    .AdvancedReportingCard {
        width: 100%;
        height: 224px;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset,
            -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset,
            0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        align-items: start;
        justify-content: center;
        gap: 15px;
        flex-direction: column;
    }

    .AdvancedReportingBigCardContentWaper {
        display: flex;
        align-items: start;
        justify-content: center;
        padding: 0px 10px;
        flex-direction: column;
    }

    .AdvancedReportingBigCard {
        width: 93%;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        padding: 30px 12px;
        border-radius: 20px;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .AdvancedReportingBigCardTitel {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        /* 200% */
        margin-bottom: 30px;
    }

    .AdvancedReportingBigCardContent {
        width: 100%;
        height: auto;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .mobileSpace {
        height: 50px;
    }

    .AdvancedReportingButton {
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .SeamlessAdvertiser {
        width: 100%;
        height: auto;
        background: #E9FDFF;
        padding: 81px 0px;
    }

    .SeamlessAdvertiserTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .SeamlessAdvertiserText {
        width: 95%;
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 4.1vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .SeamlessAdvertiserCradWaper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        margin-top: 50px;
        flex-direction: column;
    }

    .SeamlessAdvertiserCrad {
        width: 100%;
        height: 265px;
        flex-shrink: 0;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }

    .SeamlessAdvertiserShortCradWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: center;
        gap: 24px;
        margin-top: 30px;
        flex-direction: column;
    }

    .SeamlessAdvertiserShortCrad {
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        padding: 30px;
    }

    .ReadyTOTransfromContentBox {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
    }

    .ReadyTOTransfromContentWaper h1 {
        width: 368px;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin: 0 auto;
    }

    .ReadyTOTransfromContentWaper p {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }

    .ReadyTOTransfromButtonWaper {
        width: 368px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 19px;
        flex-direction: column;
    }

    .ReadyTOTransfromButton1,
    .ReadyTOTransfromButton2 {
        width: 100%;
    }

    .CallQualityAndAvgCallDurationWaper {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 30px;
    }

    .CallQualityScore {
        width: 50%;
        padding: 15px 15px;
    }

    .CallQualityScore h1 {
        color: #00BCD0;
        font-family: Montserrat;
        font-size: 6vw;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
    }

    .CallQualityScore p {
        color: #FFF;
        font-family: Montserrat;
        font-size: 3.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 22.4px */
    }

    /* .card {
        width: 95%;
        height: 356px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        box-shadow: 0px 0px 20px -6px #10387A;
        border: none;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 10px;
    }

    .cardTitel {
        font-size: 24px;
        font-family: Montserrat;
        font-weight: 500;
        color: #10387A;
        text-transform: uppercase;
    } */

    .trafficPatner {
        height: 413px !important;
        padding: 0px;
        height: 250px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .trafficPatner {
        padding: 50px 0px;
        height: 280px !important;
    }

    .trafficPatnerTitle {
        font-size: 8vw;
    }

    .publishertrafficPatner {
        height: 240px !important;
    }

    .cardText {
        font-size: 16px;
        font-family: Poppins;
        color: #4D5F7C;
    }

    .whyChooseUs {
        padding-top: 50px;
        padding-bottom: 50px;
        padding: 20px;
    }

    .whyChooseUsWaper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
    }

    .whyChooseUsLeft {
        width: 100%;
        padding: 10px;
    }

    .whyChooseUsLeft h1 {
        color: #10387A;
        font-family: Montserrat;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .whyChooseUsRight {
        width: 100%;
        padding: 10px;
    }

    .FAQ {
        width: 100%;
        padding: 10px;
        padding-top: 50px;
        padding-bottom: 50px;
        height: auto;
        background: #E9FDFF;
        text-align: center;
    }

    .AboutFAQ {
        width: 100%;
        padding: 10px;
        padding-top: 50px;
        padding-bottom: 50px;
        height: auto;
        text-align: center;
    }

    .FAQHeader {
        font-size: 9vw;
        text-transform: uppercase;
        color: #10387A;
        font-weight: bold;
    }

    .mainFAQ {
        width: 100% !important;
        height: auto;
        margin: 0 auto;
        border: none !important;
    }

    .mainFAQ button {
        height: auto !important;
        display: flex !important;
        justify-content: space-between;
        width: 100%;
    }

    .proudlySponsoring {
        width: 100%;
        padding: 0px;
        background: #10387A;
        color: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .proudlySponsoringHeader {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;

    }

    .proudlySponsoringText {
        width: 100%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 24px */
    }

    .proudlySponsoringWaper {
        width: 100%;
        display: block;
        align-items: center;
        justify-content: space-around;
        padding-top: 10px;
    }

    .proudlySponsoringCard {
        width: 100%;
        height: auto;
        margin-top: 15px;
    }

    .imagesGalary {
        width: 100%;
        padding-top: 50px;
        padding: 10px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .imagesGalaryHeaderTitel {
        font-size: 7vw;
    }

    .imagesGalaryCrasul {
        margin-top: 10px;
    }

    .galleryCardImagesWaper {
        padding-top: 0px;
    }

    .galleryCardImagesImages {
        width: 45%;
    }

    .imagesGalaryButton {
        width: 152px;
        height: 59px;
        color: #00BCD0;
        font-size: 18px;
        font-weight: bold;
        border: 2px solid #00BCD0;
        border-radius: 7px;
        background: #fff;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }

    .newsLatterButton {
        display: flex;
    }

    .ourBlog {
        padding: 20px;
        padding-bottom: 60px;
    }

    .ourBlogTitel {
        font-size: 8vw;
    }

    .ourBlogWaper {
        display: block;
    }

    .ourBlogCard {
        width: 100%;
        margin-top: 20px;
    }

    .WhoWeAre {
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .WhoWeAreWaper {
        display: block;
    }

    .WhoWeArerImages,
    .WhoWeAreContent {
        width: 100%;
        text-align: center;
        padding: 10px;
        height: auto;
    }

    .WhoWeAreContent h1 {
        font-size: 8vw;
        font-weight: bold;
        color: #10387A;
        font-family: Montserrat;
        text-align: left;
    }

    .WhoWeAreContent {
        min-height: 414px !important;
        max-height: auto;
    }

    .WhoWeAreContent p {
        text-align: left;
        font-size: 4.5vw;
    }

    .WhoWeArerImages img {
        width: 105%;
        height: 277.33px;
    }

    .MissionVisionWaper {
        display: block;
    }

    .Mission,
    .Vision {
        width: 100%;
        padding: 10px;
    }

    .PerformanceModels {
        width: 100%;
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        display: block;
    }

    .PerformanceModelsContent {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .PerformanceModelsTitel {
        font-size: 38px;
    }

    .PerformanceModelsText {
        font-size: 16px;
    }

    .PerformanceModelsImages {
        width: 100%;
        height: 100%;
        padding: 10px;
    }

    .PerformanceModelsImages img {
        width: 100%;
        height: 100%;
        margin-top: 10px;
    }

    .VerticalsBenefits {
        width: 100%;
        height: auto;
        background: #FBFBFB;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .VerticalsBenefitsCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: stretch;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
        padding: 50px 20px;
    }

    .VerticalsBenefitsCard {
        width: 100%;
        height: auto;
        padding: 40px 20px;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242, 242, 242 / 0%) inset;
        border-radius: 10px;
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 10px;
        overflow: hidden;
    }

    .VerticalsBenefitsCardTitel {
        color: #FFF;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 48px;
        margin: 0px;
    }

    .VerticalsBenefitsCard table tr td {
        width: 116% !important;
        height: 45px !important;
        color: #FFF;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: var(--font-weight-700, 700);
        line-height: var(--line-height-28, 28px);
        display: block;
    }



    /* .VerticalsBenefits {
        width: 100%;
        background: #FBFBFB;
        display: block;
        justify-content: space-around;
    }

    .VerticalsBenefits p {
        font-size: 16px;
    }

    .Verticals {
        width: 100%;
        padding: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .VerticalsTitel {
        font-size: 8vw;
    }

    .BenifetList {
        font-size: 18px !important;
    }

    .Benefits {
        width: 100%;
        padding: 30px;
        padding-left: 10px;
        padding-right: 10px;
    } */

    .Security {
        width: 100%;
        height: auto;
        padding: 20px;
        text-align: center;
        overflow: hidden;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .SecurityCardWaper {
        display: block;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
    }

    .SecurityCard {
        width: 100%;
        height: 365px;
        padding: 10px;
        box-shadow: 0px 14px 64px 0px #00397f4b;
        border-radius: 10px;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .PayPerCallHeroSection {
        width: 100%;
        height: 850px;
    }

    .AffiliatePayPerCallHeroSection {
        height: 888px !important;
    }

    .EventsCardsWaperCard {
        gap: 15px;
    }

    .LeadQualityScore {
        width: auto;
    }

    .LeadQualityScore h1 {
        color: #00BCD0;
        font-family: Montserrat;
        font-size: 4.5vw;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin: 0px;
    }

    .LeadQualityScore p {
        color: #FFF;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin: 0px;
    }

    .PayPerCallHeroSectionContent {
        width: 100%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column-reverse;
    }

    .PayPerCallHeroSectionContentTitel {
        font-size: 9vw;
        color: #FFF;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .PayPerCallHeroSectionContentpra {
        color: rgba(255, 255, 255, 0.90);
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .PayPerCallHeroSectionContentText {
        width: 100%;
        padding: 0px;
    }

    .PayPerCallHeroSectionContentImage {
        width: 100%;
    }

    .OutcomeDrivenCallsContentTitel {
        color: #10387A;
        font-family: Montserrat;
        font-size: 7vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .PublisherheroHeader {
        width: 90%;
    }

    .outcomList {
        color: #4D5F7C;
        font-family: Montserrat;
        font-size: 3.7vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .OutcomeDrivenCallsButton {
        width: 100%;
        height: 59px;
        background: #00BCD0;
        color: #10387A;
        font-family: Montserrat;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
    }

    .OutcomeDrivenCallsWaper {
        display: block;
        padding-top: 30px;
    }

    .OutcomeDrivenCallsImages {
        width: 100%;
        height: auto;
    }

    .OutcomeDrivenCallsContent {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .OutcomeDrivenCallsCardWaper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding-top: 50px;
        padding-bottom: 40px;
        flex-direction: column;
        padding: 0px 20px;
        padding-top: 30px;
    }

    .OutcomeDrivenCallsCard {
        width: 100%;
        height: 136px;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .HighQualityInboundCalls {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .HighQualityInboundCallsCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-direction: column;
    }

    .HighQualityInboundCallsWaper {
        padding: 40px 15px;
        gap: 30px;
    }

    .HighQualityInboundCallsCard {
        width: 100%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        align-items: start;
        justify-content: start;
        gap: 15px;
        flex-direction: column;
    }

    .HighQualityInboundCallsTitel {
        width: 100%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        margin: 0 auto;
    }

    .CustomCampaignSelection {
        width: 100%;
        height: auto;
        padding: 50px 0px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
        gap: 40px;
    }

    .CustomCampaignSelectionRight {
        width: 90%;
        height: auto;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 20px 50px;
        display: flex;
        justify-items: center;
        align-items: center;
    }

    .CustomCampaignSelectionLeft {
        width: 90%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }

    .CustomCampaignSelectionLeft h1 {
        color: #10387A;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .CustomCampaignSelectionLeft h4 {
        color: #00BCD0;
        font-family: Montserrat;
        font-size: 6vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        /* 31.2px */
    }

    .CustomCampaignSelectionLeft p {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 3.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .SmoothOnboardingContentWaper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 40px;
        padding: 50px 0px;
    }

    .SmoothOnboarding {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .SmoothOnboardingCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .SmoothOnboardingContentIttel {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .SmoothOnboardingCard {
        width: 90%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset, 2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset, 0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: start;
        flex-direction: column;
        padding: 20px;
        gap: 15px;
    }

    /*  */
    .WhyWeRulesContentWaper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        padding: 50px 0px;
    }

    .WhyWeRules {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .WhyWeRulesCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .WhyWeRulesContentIttel {
        width: 95%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin: 0px;
    }

    .WhyWeRulesContentText {
        width: 95%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 4.5vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 24px */
        margin-bottom: 10px;
    }

    .HighIntentCustomer {
        width: 100%;
        height: auto;
        background: #E9FDFF;
        padding: 60px 0px;
    }

    .HighIntentCustomerWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        gap: 25px;
        flex-direction: column-reverse;
        padding: 20px;
    }

    .HighIntentCustomerImagesWaper {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .HighIntentCustomerImages {
        width: 100%;
        height: auto;
    }

    .HighIntentCustomerContaintTitel {
        color: #10387A;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .HighIntentCustomerContaintSubTitel {
        color: #00BCD0;
        font-family: Montserrat;
        font-size: 6.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .HighIntentCustomerContaintText {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 4vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .HighIntentCustomerContaintCard h1 {
        color: #00BCD0;
        text-align: center;
        font-family: Poppins;
        font-size: 5vw;
        font-style: normal;
        font-weight: 700;
        line-height: var(--font-size-20, 20px);
        margin: 0px;
    }

    .HighIntentCustomerContaintCard p {
        color: #1E40AF;
        font-family: Poppins;
        font-size: 3vw;
        font-style: normal;
        font-weight: 400;
        line-height: var(--font-size-20, 20px);
        margin: 0px;
    }

    .HighIntentCustomerContaintCard {
        width: 50%;
        height: auto;
        display: inline-flex;
        padding: 10px 23px;
        flex-direction: column;
        align-items: center;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    }

    .MarketingResourcesAffiliatesTitel {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 7vw;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .MarketingResourcesAffiliatesText {
        width: 98%;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 3.8vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .MarketingResourcesAffiliatestWaper {
        width: 100%;
        height: auto;
        padding: 50px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    .MarketingResourcesAffiliatesCardFirstWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding-bottom: 20px;
        flex-direction: column;
    }

    .MarketingResourcesAffiliatesCardFirst {
        width: 95%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
    }

    .MarketingResourcesAffiliatesCardSecondWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .MarketingResourcesAffiliatesCardSecond {
        width: 100%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
    }

    .ForPublishersAffiliateMobile {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 6.5vw !important;
        font-style: normal;
        font-weight: bold !important;
        line-height: 45%;
    }

    .ForPublishersAffiliatesCard h1 {
        color: #10387A;
        font-family: Montserrat;
        font-size: 5.6vw;
        font-style: normal;
        font-weight: bold;

    }

    .ForPublishersAffiliatesCard p {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .ForPublishersAffiliatesCard ul li {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 3.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 245%;
    }

    .ForPublishersAffiliatesCard table tr .firstFild {
        color: #10387A;
        font-family: Poppins;
        font-size: 3.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 245%;
    }

    .ForPublishersAffiliatesCard table tr .SecoundFild {
        color: #00BCD0;
        text-align: right;
        font-family: Poppins;
        font-size: 3.5vw;
        font-style: normal;
        font-weight: 700;
        line-height: 245%;
    }


    .ForPublishersAffiliatesCard {
        width: 95%;
        height: auto;
        flex-shrink: 0;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 40px;
    }

    .ForAdvertisers {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ForAdvertisersWaper {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        padding: 50px 15px;
    }

    .ForAdvertisersCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: 24px;
        flex-direction: column;
    }

    .ForAdvertisersTitel {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 9vw;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
    }

    .ForAdvertisersCard {
        width: 100%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }

    .CommissionStructureContentWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 50px;
    }

    .CommissionStructureContentImageWaper {
        width: 95%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 30px;
    }

    .CommissionStructureTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 7.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .CommissionStructureContent {
        width: 95%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .CommissionStructureContentTitel {
        color: #10387A;
        font-family: Montserrat;
        font-size: 7.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .SimpleOnboardingProcess {
        width: 100%;
        height: auto;
        background: #E9FDFF;
        padding: 50px 0px;
    }

    .SimpleOnboardingProcessCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-direction: column;
    }

    .SimpleOnboardingProcessTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 7.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        /* 39px */
    }

    .SimpleOnboardingProcessCard {
        width: 100%;
        height: 186px;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    .AffiliateSuccessStoriesWaper {
        width: 100%;
        height: auto;
        padding: 50px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .AffiliateSuccessStories {
        width: 100%;
        height: auto;
        position: relative;
    }

    .AffiliateSuccessStoriesCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-direction: column;
    }

    .AffiliateSuccessStoriesCard {
        width: 95%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 1px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px hsla(0, 0%, 60%, 0) inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .AffiliateSuccessStoriesCardsCardWaper {
        width: auto;
        height: auto;
        display: flex;
        align-items: stretch;
        justify-content: start;
        gap: 16px;
    }

    .OutcomeDrivenCallsButton {
        width: 100% !important;
    }

    .TechnologyStack {
        width: 100%;
        height: auto;
        padding: 60px 0px;
    }

    .TechnologyStackCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        margin-top: 50px;
        flex-direction: column;
    }

    .TechnologyStackTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 9vw;
        font-style: normal;
        font-weight: 600;
        line-height: 45%;
    }

    .TechnologyStackCard h1 {
        color: #10387A;
        font-family: Montserrat;
        font-size: 6vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .TechnologyStackCard ul li {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 4.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 230%;
    }

    .IndustrySpecificTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .TechnologyStackCard {
        width: 95%;
        height: auto;
        flex-shrink: 0;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 40px 30px;
    }

    .IndustrySpecific {
        width: 100%;
        height: auto;
        padding: 40px 0px;
        background: #E9FDFF;
    }

    .IndustrySpecificWaper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }

    .IndustrySpecificTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .IndustrySpecificCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-direction: column;
    }

    .IndustrySpecificCard {
        width: 100%;
        height: 136px;
        border-radius: 10px;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    }

    .InHouseExpertise {
        width: 95%;
        height: auto;
        padding: 50px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-direction: column;
    }

    .InHouseExpertiseContent {
        width: 100%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: center;
        gap: 20px;
        flex-direction: column;
    }

    .InHouseExpertiseTeamCertifications {
        width: 100%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: start;
        gap: 20px;
        flex-direction: column;
        padding: 30px;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
    }

    .InHouseExpertiseContentTitel {
        color: #10387A;
        font-family: Montserrat;
        font-size: 6.5vw;
        font-style: normal;
        font-weight: bold;
        line-height: 130%;
    }

    .InHouseExpertiseContentText {
        color: #4D5F7C;
        font-family: Montserrat;
        font-size: 3.9vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .InHouseExpertiseContentSubTitel {
        color: #00BCD0;
        font-family: Montserrat;
        font-size: 6vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .TrafficQualityIndicators {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .TrafficQualityIndicatorsWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
        padding: 50px 0px;
    }

    .TrafficQualityIndicatorsTitel {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 7vw;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .TrafficQualityIndicatorsCradWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-direction: column;
    }

    .TrafficQualityIndicatorsCrad {
        width: 90%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        align-items: start;
        justify-content: start;
        gap: 15px;
        flex-direction: column;
    }

    .TrafficQualityAssurance {
        width: 100%;
        height: auto;
        padding: 50px 0px;
        background: #E9FDFF;
    }

    .TrafficQualityAssuranceContantWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-direction: column-reverse;
    }

    .TrafficQualityAssuranceImages {
        width: 95%;
        height: auto;
        padding: 20px;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .TrafficQualityAssuranceContant {
        width: 95%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }

    .TrafficQualityAssuranceContant h1 {
        color: #10387A;
        font-family: Montserrat;
        font-size: 7vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .TrafficQualityAssuranceContant p {
        color: #4D5F7C;
        font-family: Montserrat;
        font-size: 3.7vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .TrafficQualityAssuranceContant ul li {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 4vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding: 5px 0px;
    }


    .MissionVision {
        width: 100%;
        height: auto;
        background: #fff;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .MissionVisioncardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-direction: column;
        padding: 50px 15px;
    }

    .MissionVisionCard {
        width: 100%;
        height: auto;
        border-radius: 10px;
        padding: 40px 20px;
    }
















    .WhyWeRulesCard {
        width: 90%;
        height: auto;
        background: #ffffff1f;
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: start;
        flex-direction: column;
        padding: 20px;
        gap: 15px;
    }


    .IndustryLeadingPayoutswaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
    }

    .IndustryLeadingPayoutsLeft {
        width: 90%;
        height: auto;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 26px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .IndustryLeadingPayoutsRight {
        width: 90%;
        height: auto;
    }

    .IndustryLeadingPayoutsRightTitel {
        color: #10387A;
        font-family: Montserrat;
        font-size: 8vw;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .IndustryLeadingPayoutsRightText {
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 4.2vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .IndustryLeadingPayoutsRightList li {
        padding: 5px 0px;
        color: #4D5F7C;
        font-family: Poppins;
        font-size: 4.2vw;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
    }

    .IndustryLeadingPayoutsCardWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-direction: column;
    }

    .IndustryLeadingPayoutsCard {
        width: 90%;
        height: auto;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 14px 64px 0px rgba(0, 58, 127, 0.10);
        padding: 20px;
        display: flex;
        align-items: start;
        justify-content: start;
        gap: 15px;
        flex-direction: column;
    }

    .HighQualityInboundCallsBG {
        object-fit: cover;
        object-position: top;
    }

    .WhatWeProvide {
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .WhatWeProvideCardWaper {
        display: block;
        align-items: center;
        justify-content: space-around;
        margin-top: 30px;
    }

    .WhatWeProvideCard {
        width: 100%;
        height: auto;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0px 14px 64px 0px #00397f37;
        margin-top: 30px;
    }

    .OurTopVerticals {
        width: 100%;
        background: #E9FDFF;
        padding: 30px;
    }

    .OurTopVerticalsTitel {
        font-family: Montserrat;
        font-size: 38px;
        font-weight: bold;
        color: #10387A;
        text-transform: uppercase;
        text-align: center;
    }

    .OurTopVerticalsText {
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-family: Poppins;
        margin: 0 auto;
    }

    .OurTopVerticalsCardWaper {
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        justify-content: space-around;
        margin-top: 30px;
    }

    .OurTopVerticalsCard {
        width: 100%;
        background: #fff;
        padding: 20px;
        box-shadow: 0px 14px 64px 0px #00397f37;
        border-radius: 10px;
        margin-top: 30px;
    }

    .BlogMenuItemWaper {
        overflow-x: scroll;
    }

    .BlogMenuItemWaper::-webkit-scrollbar {
        display: none;
    }

    .BlogMenuSearchWaper {
        margin-top: 30px;
    }

    .EmployeeBenefits {
        padding: 30px;
    }

    .footer {
        height: 800px;
    }

    .uperFooter {
        display: block;
    }

    .EmployeeBenefitsCardWaper {
        display: block;
    }

    .EmployeeBenefitsTitel {
        color: #10387A;
        text-align: center;
        font-family: Montserrat;
        font-size: 7vw;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        text-transform: uppercase;
    }

    .DetailsBlog {
        width: 100%;
        height: auto;
        padding: 10px;
        padding-top: 30px;
        display: block;
    }

    .DetailsBlogMain {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .EmployeeBenefitsCard {
        margin-top: 20px;
    }

    .BlogShear {
        width: 100%;
    }

    .MainJobCardWaper {
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .JobCard {
        width: 100%;
    }

    .DetailsBlogWiaz {
        width: 100%;
    }

    .EventDEtailsPageWaper {
        width: 100%;
        height: auto;
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .contactFormWaper {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .ContactWaper {
        width: 100%;
        height: auto;
        display: flex;
        align-items: start;
        justify-content: center;
        padding: 50px 5px;
        gap: 40px;
        flex-direction: column;
    }

    .ContactWaper form {
        width: 100% !important;
        height: auto;
    }

    .From {
        width: 100%;
        padding: 10px;
        padding-top: 50px;
        padding-bottom: 30px;
        border-radius: 10px !important;
        background: #ffffff1f;
        backdrop-filter: blur(8.5px);
        box-shadow: 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.50) inset,
            2px 2px 1px -2px #B3B3B3 inset, -2px -2px 1px -2px #B3B3B3 inset,
            0px 0px 0px 1px #99999900 inset, 0px 0px 22px 0px rgb(242 242 242 / 0%) inset;
        margin: 0 auto;
    }

    .contactAddressWaper{
        width: 100%;
        height: auto;
    }

    .ContactInformationCardWaper {
        display: block;
    }

    .ContactInformationWaper {
        padding: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%;
        height: auto;
        background: #E9FDFF;
    }

    .ContactInformationCard {
        width: 100%;
        margin-top: 20px;
    }

    .footerPhoneFlex {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        width: 100%;
    }

    .footerLink {
        width: 50%;
    }

    .footerAddress {
        margin-top: 20px;
    }

    .lowerFooter {
        width: 100%;
        display: block;
    }

    .lowerFooter hr {
        display: none;
    }

    .lowerFooterWaper {
        display: block;
        margin-top: 10px;
        padding-left: 0px !important;
    }

    .EventsCardWaper {
        padding: 15px;
    }

    .EventsCard {
        width: 100%;
        margin-top: 15px;
    }

    .Blog {
        padding: 30px;
    }

    .BlogCardWaper {
        padding: 0px;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .BlogCard {
        width: 100%;
        margin-top: 15px;
    }

    .BlogMenu {
        display: block;
    }

    .EmployeeBenefitsCard {
        width: 100%;
    }

    .footerWaper {
        left: 50%;
        top: 34%;
        transform: translate(-50%, -36%);
    }

    .lowerFooterWaper p {
        width: 90% !important;
        line-height: 30px;
    }

    .copyright {
        font-size: 3vw;
    }

    /* Faling ster */
    .falingSterWaper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: none;
        background-size: cover;
        overflow: hidden;
        display: none !important;
        z-index: 0;
    }

    .dropSter {
        display: none !important;
    }

    .forPCTP {
        display: none !important;
    }

    .forMboileTP {
        display: flex !important;
    }

    .crouselForPc {
        display: none;
    }

    .crouselForMobile {
        display: block;
    }
}

/* Animation */
@keyframes world {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        transform: rotate(315deg) translateX(-1000px);
        opacity: 0;
    }
}

@keyframes xscroller {
    to {
        transform: translate(-50%);
    }
}


/* Button */
.PayPerCallheroButton {
    width: auto;
    height: 59px;
    background: #00BCD0;
    color: #10387A;
    font-family: Montserrat;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 20px;
    text-transform: uppercase;
}

.OutcomeDrivenCallsButton {
    width: auto;
    height: 59px;
    background: #00BCD0;
    color: #10387A;
    font-family: Montserrat;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 20px;
    text-transform: uppercase;
}

.slide_from_top {
    background: #56c1cd;
    color: #10387a;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.slide_from_top:hover {
    color: #10387a;
}

.slide_from_top::after {
    content: "";
    background: #ecf0f1;
    position: absolute;
    z-index: -1;
    display: block;
}

/* Button Color Revarch */
.slide_from_top_color_reverch {
    background: #fff;
    color: #10387a;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.slide_from_top_color_reverch:hover {
    color: #10387a !important;
}

.slide_from_top_color_reverch::after {
    content: "";
    background: #56c1cd;
    position: absolute;
    z-index: -1;
    display: block;
}

/* Button Color Revarch End */

.slide_from_top[class^="slide"]::after,
.slide_from_top_color_reverch[class^="slide"]::after {
    transition: all 0.8s;
    height: 0%;
}

.slide_from_top[class^="slide"]:hover::after,
.slide_from_top_color_reverch[class^="slide"]:hover::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.8s;
    height: 180%;
}

.slide_from_top::after,
.slide_from_top_color_reverch::after {
    left: 0;
    right: 0;
    top: -100%;
    bottom: 100%;
    border-radius: 0 0 50% 50%;
}

/* button 2nd Section */
.slide_from_left {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.slide_from_left:hover {
    color: #10387a;
}

.slide_from_left::after {
    content: "";
    background: #56c1cd;
    position: absolute;
    z-index: -1;
    display: block;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.slide_from_left[class^="slide"]::after {
    transition: all 1s;
    width: 0%;
}

.slide_from_left[class^="slide"]:hover::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 1s;
    width: 150%;
}

.slide_from_left::after {
    top: 0;
    bottom: 0;
    left: -100%;
    right: 100%;
}

.checkbox_from {
    width: 20px;
}

.notfound {
    background-image: url(../../public/images/404.png);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

/* Hover Effect */

.CorePerformanceCard:hover,
.AdvancedReportingCard:hover {
    transform: translate(0%, -5%) !important;
    border: 2px solid #00bcd09e;
}

.proudlySponsoringCard:hover,
.SmoothOnboardingCard:hover,
.HighQualityInboundCallsCard:hover {
    transform: translate(0%, -5%) !important;
}

.SuccessStoriesCard:hover,
.SeamlessAdvertiserCrad:hover,
.SeamlessAdvertiserShortCrad:hover,
.OutcomeDrivenCallsCard:hover,
.IndustryLeadingPayoutsCard:hover {
    transform: scale(1.05) !important;
    box-shadow: 0px 14px 64px 0px rgb(0 58 127 / 27%);
    border-radius: 7px;
}

.mainFAQItem:hover {
    transform: scale(1.05) !important;
    box-shadow: 0px 3px 7px 0px rgb(13 71 167 / 59%);
}