/* font family */
@font-face {
    font-family: 'gibsonlight';
    src: url('../fonts/fonnts.com-gibson_light-webfont.woff2') format('woff2'),
         url('../fonts/fonnts.com-gibson_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'gibsonregular';
    src: url('../fonts/fonnts.com-gibson_regular-webfont.woff2') format('woff2'),
         url('../fonts/fonnts.com-gibson_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'gibsonsemibold';
    src: url('../fonts/fonnts.com-gibson_semibold-webfont.woff2') format('woff2'),
         url('../fonts/fonnts.com-gibson_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gibsonbold';
    src: url('../fonts/fonnts.com-gibson_bold-webfont.woff2') format('woff2'),
         url('../fonts/fonnts.com-gibson_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_ultraregular';
    src: url('../fonts/gotham-ultra-webfont.woff2') format('woff2'),
         url('../fonts/gotham-ultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.heading-font-1 {
    font-family: 'gotham_ultraregular'!important;
    font-weight: normal!important;
}

.heading-font-2 {
    font-family: 'gibsonbold'!important;
    font-weight: normal!important;
}

p, li {
    font-family: 'gibsonregular'!important;
    font-weight: normal!important;
}

strong, b {
    font-family: 'gibsonsemibold'!important;
    font-weight: normal!important;
}

html {
    scroll-behavior: smooth;
}

* {
    scroll-margin-top: 80px;
}

@media screen and (min-width: 768px) {
    * {
        scroll-margin-top: 140px;
    }
}
.service-b2b-section-v2 .container {
    max-width: 1300px;
}

/* typography */
.service-b2b-section-v2 h2,
.service-b2b-section-v2 h3 {
    line-height: 1.4;
}

.service-b2b-section-v2 h2 {
    font-size: 28px!important;
}

.service-b2b-section-v2 h3 {
    font-size: 20px!important;
}

.service-b2b-section-v2 h4,
.service-b2b-section-v2 .h4 {
    font-size: 18px!important;
}

.service-b2b-section-v2 p,
.service-b2b-section-v2 li {
    font-size: 1rem;
}

.services-banner-b2b .button--primary,
.service-b2b-section-v2 .button--primary {
    font-size: 14px!important;
    padding: 12px 18px!important;
}

.service-b2b-section-v2 .custom-wysiwyg h2 {
    margin-bottom: 12px;
}  
.service-b2b-section-v2 .custom-wysiwyg h3 {
    margin-bottom: 12px;
}  

.service-b2b-section-v2 .custom-wysiwyg *:last-child {
    margin-bottom: 0;
}

.service-b2b-section-v2 .custom-wysiwyg p {
    margin-bottom: 16px;
}

.service-b2b-section-v2 .custom-wysiwyg ul {
    margin-bottom: 16px;
    list-style-type: none;
    --bullet-svg: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5291 5.78122L11.0291 10.2812C10.9242 10.3862 10.7905 10.4578 10.645 10.4867C10.4994 10.5157 10.3485 10.5009 10.2114 10.4441C10.0743 10.3872 9.95711 10.291 9.8747 10.1676C9.7923 10.0441 9.74838 9.89901 9.74849 9.75059V6.00059H9.46724C7.63786 6.00008 5.8602 6.60763 4.41379 7.72769C2.96738 8.84776 1.93428 10.4168 1.47693 12.1881C1.4272 12.3808 1.30296 12.5458 1.13154 12.6469C0.960123 12.748 0.755565 12.7769 0.562868 12.7272C0.370172 12.6774 0.205123 12.5532 0.104029 12.3818C0.00293489 12.2103 -0.0259225 12.0058 0.0238056 11.8131C0.563444 9.71921 1.7842 7.8643 3.49386 6.54043C5.20352 5.21656 7.30494 4.49895 9.46724 4.50059H9.74849V0.750591C9.74838 0.602169 9.7923 0.457049 9.8747 0.333604C9.95711 0.210159 10.0743 0.113938 10.2114 0.0571237C10.3485 0.00030937 10.4994 -0.0145441 10.645 0.0144437C10.7905 0.0434315 10.9242 0.114957 11.0291 0.219966L15.5291 4.71997C15.5989 4.78962 15.6542 4.87234 15.6919 4.96339C15.7297 5.05443 15.7491 5.15203 15.7491 5.25059C15.7491 5.34915 15.7297 5.44675 15.6919 5.5378C15.6542 5.62884 15.5989 5.71156 15.5291 5.78122Z' fill='black'/%3E%3C/svg%3E");
}

.service-b2b-section-v2 .custom-wysiwyg ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.service-b2b-section-v2 .custom-wysiwyg ul li:last-child {
    margin-bottom: 0;
}

.service-b2b-section-v2 .custom-wysiwyg ul li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: var(--bullet-svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 6px;
}

.service-b2b-section-v2 .custom-wysiwyg .button--primary {
    margin-top: 16px;
}

.service-b2b-section-v2 .sec-header.sec-header-no-margin {
    margin-bottom: 0;
}

.service-b2b-section-v2 .sec-header h3 {
    margin-top: 16px;
}

.service-b2b-section-v2 .sec-header .sec-header-btns {
    margin-top: 24px;
}

.service-b2b-section-v2 .sec-header .sec-header-btns a {
    margin: 8px;
}

.service-b2b-section-v2 .sec-header  .sec-header-others {
    text-align: center;
    margin-top: 40px;
}

.service-b2b-section-v2 .sec-header  .sec-header-others p small {
    font-size: 12px;
}

.service-b2b-section-v2 .sec-header  .sec-header-others a {
    text-decoration: underline;
}

@media screen and (max-width: 575px) {
    .service-b2b-section-v2 .sec-header.text--center p {
        max-width: 100%;
    }

    .service-b2b-section-v2 .sec-header .sec-header-btns a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .service-b2b-section-v2 .custom-wysiwyg .button--primary {
        width: 100%;
    }
    
}

@media screen and (min-width: 768px) {
    .sec-header.text--center {
        max-width: 80% !important;
    }

    .service-b2b-section-v2 h2 {
        font-size: 40px!important;
    }

    .service-b2b-section-v2 h3 {
        font-size: 24px!important;
    }

    .service-b2b-section-v2 h4,
    .service-b2b-section-v2 .h4 {
        font-size: 20px!important;
    }
}

/* section spacing */
.sec-pad-bottom {
    padding-bottom: 100px!important;
}

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

/* Banner */
.banner,
.breadcrumbs.bg-green {
    background-color: #227029 !important;
    padding-bottom: 0!important;
}

.banner .flex.flex-justify-between.banner-wrap {
    align-items: center !important;
}

.services-banner-b2b .banner-ctas-download {
    margin-top: 8px;
}

.services-banner-b2b .banner-ctas-download .button--primary {
    margin-top: 16px;
}

.banner .banner-icon-cta {
    display: flex;
    flex-wrap: wrap;
}

.banner .banner-icon-cta p {
    color: #ffcb01;
    padding: 0;
    width: 100%;
    margin-bottom: 16px;
    font-weight: 600!important;
}

.banner .banner-icon-cta a {
    border-radius: 10px;
    margin-right: 12px;
    width: 60px;
    height: 60px;
}

.banner .banner-icon-cta a img {
    border-radius: 10px;
}

@media screen and (max-width: 992px) {
    .banner.banner-w-bcrumbs {
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .banner .flex.flex-justify-between.banner-wrap {
        flex-direction: column-reverse;
    }

    .banner .flex.flex-justify-between.banner-wrap .banner-image {
        display: block;
        padding-top: 32px;
    }
}

.bg-wave--green::before {
    background-image: url(../images/page_template/cc-wave-green.webp) !important;
}
.bg-wave-palawangold::before {
    background-image: url(../images/page_template/palawangold-wave-green.webp) !important;
}

@media screen and (min-width: 992px) {
    .bg-wave--green::before {
        max-height: 290px!important;
    }
}

.sec-cta {
    text-align: center;
    margin-top: 48px;
}
.sec-cta a {
    margin-left: 8px;
    margin-right: 8px;
}

@media screen and (max-width: 575px) {
    .sec-cta a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .sec-cta a:not(:last-child) {
        margin-bottom: 16px;
    }
}

/* Partnership */
.service-b2b-partnership .row-two-col {
    margin-left: -15px;
    margin-right: -15px;
}

.service-b2b-partnership .mb-100 {
    margin-bottom: 100px;
}

.service-b2b-partnership .row-two-col .col {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .service-b2b-partnership .row-two-col {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .service-b2b-partnership .row-two-col.row-align-start {
        align-items: start;
    }

    .service-b2b-partnership .row-two-col .col {
        width: 50%;
    }

    .service-b2b-partnership .row-two-col.row-two-col-center {
        text-align: center;
    }

    .service-b2b-partnership .row-two-col.row-two-col-center .col {
        width: 80%;
    }
}

@media screen and (min-width: 1200px) {
    .service-b2b-partnership .row-two-col figure {
        padding-right: 120px;
    }
    .service-b2b-partnership .row-two-col figure.image-right {
        padding-right: 0;
        padding-left: 120px;
    }
}

@media screen and (max-width: 767px) {
    .service-b2b-partnership .row-two-col figure {
        display: none;
    }
    .service-b2b-partnership .row-two-col {
        text-align: center;
    }

    .service-b2b-partnership .row-two-col figure.image-top,
    .service-b2b-partnership .row-two-col figure.image-bottom {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }

    .service-b2b-partnership .row-two-col figure.image-top {
        margin-bottom: 40px;
    }

    .service-b2b-partnership .row-two-col figure.image-bottom {
        margin-top: 40px;
    }

    .service-b2b-partnership .row-two-col-bottom-image-mobile,
    .service-b2b-partnership .row-two-col-top-image-mobile {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .service-b2b-partnership .row-two-col .custom-wysiwyg.left-align-mobile {
        text-align: left;
    }
}

/* Services */
.b2b-services-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.b2b-services-row .b2b-services-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
}

.b2b-services-col .b2b-services-box {
    background-color: #fff;
    border-radius: 24px;
    padding: 30px;
    height: 100%;
}

.b2b-services-col .b2b-services-box h2 {
    font-weight: bold;
    margin-bottom: 8px;
}

.b2b-services-col .b2b-services-box h3 {
    font-weight: bold;
    margin-bottom: 12px;
}
.b2b-services-col .b2b-services-box h4 {
    margin-bottom: 12px;
}

.b2b-services-col .b2b-services-box .b2b-toggle-btn {
    margin-top: 24px;
}

.b2b-services-col .b2b-services-box .b2b-services-box-links {
    margin-top: 16px;
}

.b2b-services-col .b2b-services-box .b2b-services-box-links ul {
    list-style-type: none;
}

.b2b-services-col .b2b-services-box .b2b-services-box-links a {
    display: block;
    color: #39a14a;
    font-size: 20px;
    margin-top: 8px;
}
.b2b-services-col .b2b-services-box .b2b-services-box-links a::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-left: 8px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><path d="M11.8081 4.52454L7.47505 0.191536C7.35159 0.0688544 7.1846 0 7.01055 0C6.8365 0 6.66952 0.0688544 6.54605 0.191536L6.15305 0.585537C6.09197 0.646348 6.04355 0.718669 6.01059 0.798313C5.97763 0.877957 5.9608 0.963345 5.96105 1.04954C5.96037 1.22543 6.02941 1.39443 6.15305 1.51954L8.68005 4.05354H0.648051C0.562949 4.05261 0.478513 4.06863 0.39967 4.10068C0.320827 4.13272 0.249155 4.18015 0.188836 4.24019C0.128516 4.30023 0.0807572 4.37169 0.0483446 4.45038C0.015932 4.52907-0.000485119 4.61343 5.10646e-05 4.69854V5.25354C-0.00211402 5.42848 0.0646442 5.59724 0.185898 5.72336C0.307152 5.84948 0.473162 5.92282 0.648051 5.92754H8.70905L6.15205 8.47654C6.09128 8.53695 6.04305 8.60877 6.01014 8.68789C5.97723 8.767 5.96029 8.85185 5.96029 8.93754C5.96029 9.02323 5.97723 9.10807 6.01014 9.18718C6.04305 9.2663 6.09128 9.33813 6.15205 9.39854L6.54505 9.79054C6.66852 9.91322 6.8355 9.98207 7.00955 9.98207C7.1836 9.98207 7.35059 9.91322 7.47405 9.79054L11.8081 5.45354C11.9309 5.32956 11.9999 5.16208 11.9999 4.98754C11.9999 4.81299 11.9309 4.64551 11.8081 4.52154V4.52454Z" fill="%2339A14A"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.b2b-services-col .b2b-services-box .b2b-services-box-links a svg {
    margin-left: 4px;
}

@media screen and (min-width: 768px) {
    .b2b-services-row .b2b-services-col {
        width: 50%;
    }

    .b2b-services-col .b2b-services-box {
        position: relative;
        padding-bottom: 100px;
    }

    .b2b-services-col .b2b-services-box .b2b-toggle-btn {
        position: absolute;
        bottom: 24px;
    }
}

/* Offer */
.service-b2b-offer {
    position: relative;
}

.service-b2b-offer .hidden-desktop {
    display: block;
}
.service-b2b-offer .hidden-mobile {
    display: none;
}

@media screen and (min-width: 576px) {
    .service-b2b-offer .hidden-mobile {
        display: block;
    }
    .service-b2b-offer .hidden-desktop {
        display: none;
    }
}

.service-b2b-offer .row {
    margin-left: -15px;
    margin-right: -15px;
}

.service-b2b-offer .row .col-1,
.service-b2b-offer .row .col-2 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.service-b2b-offer .offer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px;
}

.service-b2b-offer .offer-row .offer-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
    width: 100%;
}

.service-b2b-offer .service-b2b-offer-ellipsis {
    position: absolute;
    left: 0;
    width: auto;
    z-index: -1;
    width: 100%;
}

.offer-side-description h3 {
    color: #FFDE00;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 8px;
}

.offer-side-description .description {
    color: #fff;
}

.offer-side-description .offer-side-description-box {
    display: inline-block;
    position: relative;
    padding: 24px;
    background-color: #f5f5f5;
    transform: skewX(-15deg);
    min-width: 190px;
    margin-bottom: 16px;
}

.offer-side-description .offer-side-description-box-inner {
    display: inline-block;
    position: relative;
    padding: 32px;
    background-color: #FFDE00;
    min-width: 190px;
}

.offer-side-description .offer-side-description-box p {
    color: #39A14A;
    font-family: 'gotham_ultraregular'!important;
    font-weight: bold;
    line-height: 1.2;
    font-size: 48px;
}

.service-b2b-offer .offer-box {
    text-align: center;
}

.service-b2b-offer .offer-box img {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

.service-b2b-offer .offer-box h3,
.service-b2b-offer .offer-box p {
    color: #227029;
}

.service-b2b-offer .offer-box .offer-title {
    display: inline-block;
    position: relative;
    padding: 8px 24px;
    background-color: #fff;
    border: 1px solid #227029;
    transform: skewX(-10deg);
    min-width: 190px;
    margin-bottom: 16px;
    width: 100%;
}

.service-b2b-offer .offer-box .offer-title h3 {
    transform: skewX(10deg);
    color: #227029;
    font-weight: bold;
    font-size: 18px!important;
}

@media screen and (max-width: 575px) {
     .service-b2b-offer .offer-row .offer-col {
        width: 100%;
    }

    .service-b2b-offer .service-b2b-offer-ellipsis {
        top: 0px;
    }

    .service-b2b-offer .offer-side-description {
        text-align: center;
        padding-top: 140px;
    }

    .offer-side-description .offer-side-description-box {
        margin-top: 24px;
    }

    .service-b2b-offer .offer-box .offer-title h3 {
        font-size: 16px!important;
    }
}

@media screen and (min-width: 768px) {

    .service-b2b-offer .offer-row .offer-col {
        width: 33.33%;
    }

    .service-b2b-offer .service-b2b-offer-ellipsis {
        top: 50px;
        left: 0;
        width: 520px;
    }

    .service-b2b-offer .offer-side-description {
        padding-top: 100px;
        padding-left: 15px;
        padding-right: 40px;
    }

    .service-b2b-offer .offer-side-description .description {
        width: 50%;
    }

    .service-b2b-offer .offer-side-description img {
        width: 400px;
    }

    .offer-side-description .offer-side-description-box {
        margin-top: 40px;
        margin-left: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .service-b2b-offer .row {
        display: flex;
    }

    .service-b2b-offer .row .col-1 {
        width: 37%;
    }

    .service-b2b-offer .offer-row.row-count_5 .offer-col {
        width: 20%;
    }

    .service-b2b-offer .offer-row.row-count_4 .offer-col {
        width: 25%;
    }

    .service-b2b-offer .offer-row.row-count_3 .offer-col {
        width: 33.33%;
    }


    .service-b2b-offer .service-b2b-offer-ellipsis {
        top: unset;
        left: -100px;
        width: auto;
    }

    .service-b2b-offer .offer-side-description {
        padding-left: 15px;
        padding-right: 40px;
    }
}

@media screen and (min-width: 1440px) {

    .service-b2b-offer .offer-side-description {
        padding-left: 40px;
        padding-right: 120px;
    }

    .service-b2b-offer .offer-side-description .description {
        width: 85%;
    }

    .offer-side-description .offer-side-description-box {
        margin-left: 130px;
    }
}

@media screen and (min-width: 1500px) {
     .service-b2b-offer .service-b2b-offer-ellipsis {
        left: 0;
    }
}


/* other services */
.service-b2b-other-services .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -30px;
}

.service-b2b-other-services .col {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
}

.service-b2b-other-services .other-services-box {
    text-align: center;
}

.service-b2b-other-services .other-services-box img {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

.service-b2b-other-services .other-services-box h3 {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 12px;
}

.service-b2b-other-services .other-services-box.portrait {
    display: flex;
    align-items: center;
    text-align: left;
}

.service-b2b-other-services .other-services-box.portrait .other-services-box-asset {
    width: 35%;
    height: auto;
}

.service-b2b-other-services .other-services-box.portrait .other-services-box-asset img {
    margin-bottom: 0;
    width: auto;
    height: auto;
    object-fit: unset;
}

.service-b2b-other-services .other-services-box.portrait .other-services-box-content {
    width: 65%;
    padding-left: 24px;
}

.service-b2b-other-services .other-services-box.portrait p {
    margin: 0;
    width: unset;
}

.service-b2b-other-services .service-b2b-other-services-ellipsis {
    display: none;
}

@media screen and (min-width: 768px) {
    .service-b2b-other-services .col {
        width: 33.33%;
        margin-top: 60px;
    }

    .service-b2b-other-services .other-services-box p {
        width: 80%;
        margin: 0 auto;
    }

    .service-b2b-other-services .other-services-box .other-services-box-asset {
        height: 148px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-b2b-other-services .other-services-box img {
        width: 280px;
        height: 100px;
        object-fit: contain;
    }
}

@media screen and (min-width: 1200px) {
    .service-b2b-other-services .service-b2b-other-services-ellipsis {
        position: absolute;
        right: 0;
        z-index: -1;
        width: 1000px;
        display: block;
    }
}

/* why partner */
.service-b2b-why-partner .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
}

.service-b2b-why-partner .col {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 60px;
    width: 100%;
}

.service-b2b-why-partner .sec-header img {
    width: auto;
    margin: 40px auto 16px auto;
}

.service-b2b-why-partner .service-b2b-why-partner-box {
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
    text-align: center;
    padding: 16px;
}

.service-b2b-why-partner .service-b2b-why-partner-box p {
    font-size: 14px;
    margin-bottom: 8px;
}
.service-b2b-why-partner .service-b2b-why-partner-box p strong {
    color: #39A14A;
}

.service-b2b-why-partner .service-b2b-why-partner-box p:last-of-type {
    margin-bottom: 0;
}

.service-b2b-why-partner .service-b2b-why-partner-box img {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
    .service-b2b-why-partner .col {
        width: 25%;
    }

    .service-b2b-why-partner .service-b2b-why-partner-box img {
        height: 85px;
        object-fit: contain;
    }

    .service-b2b-why-partner .service-b2b-why-partner-box.green-card {
        background-color: #39a14a;
    }

    .service-b2b-why-partner .service-b2b-why-partner-box.green-card p {
        color: #fff;
    }
    .service-b2b-why-partner .service-b2b-why-partner-box.green-card p strong{
        color: #ffcb01;
    }
}

@media screen and (max-width: 767px) {

    .service-b2b-why-partner .col:nth-child(even) .service-b2b-why-partner-box {
        background-color: #39a14a;
    }

    .service-b2b-why-partner .col:nth-child(even) .service-b2b-why-partner-box p {
        color: #fff;
    }
    .service-b2b-why-partner .col:nth-child(even) .service-b2b-why-partner-box p strong {
        color: #ffcb01;
    }
}

/* testimonials */
.service-b2b-testimonials .testimonial-box-video {
    position: relative;
    background: #000;
    border-radius: 12px;
    height: 300px;
    width: calc(100% - 10px);
}

.service-b2b-testimonials .testimonial-box video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
}

.service-b2b-testimonials .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border-radius: 12px;
}

.service-b2b-testimonials .video-overlay.hidden {
    opacity: 0;
}

.service-b2b-testimonials .play {
    position: relative;
    z-index: 2;
}

.service-b2b-testimonials .play-btn {
    width: 80px;
    height: 80px;
    background: #F5C227;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.service-b2b-testimonials .play-btn:hover {
    transform: scale(1.1);
    background: rgba(255, 255, 255, 1);
}

.service-b2b-testimonials .play-btn svg {
    margin-left: 5px;
}

.service-b2b-announcement {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.service-b2b-testimonials .testimonial-box-content {
    margin-top: 8px;
}

.service-b2b-testimonials .testimonial-box-content h3 {
    font-weight: bold;
}

.service-b2b-testimonials .owl-dots {
    position: relative;
    bottom: 0;
    padding-top: 50px;
}
.service-b2b-testimonials .owl-dots .owl-dot:before {
    background-color: #F5C227;
    border-color: #F5C227;
    opacity: 1;
}

.service-b2b-testimonials .owl-dots .owl-dot.active:before {
    background-color: #39A14A;
    border-color: #39A14A;
}

@media screen and (min-width:768px) {
    .service-b2b-testimonials .testimonial-carousel-box .owl-stage-outer .owl-stage {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }
    .service-b2b-testimonials .testimonial-carousel-box .owl-stage-outer .owl-stage .owl-item:last-child {
        margin-right: 0!important;
    }

    .service-b2b-testimonials .testimonial-box-video {
        width: auto;
    }
}

/* contact */
.service-b2b-contact .b2b-form-box {
    background-color: #fff;
    box-shadow: 0px 4px 100px 0px #00000040;
    border-radius: 40px;
    padding: 30px;
}
.service-b2b-contact .custom-checkbox input[type=checkbox] + label, 
.service-b2b-contact .custom-checkbox input[type=radio] + label {
    padding-left: 30px;
    opacity: 1;
}
.service-b2b-contact .custom-checkbox input[type=radio] + label:before,
.service-b2b-contact .custom-checkbox input[type=checkbox] + label:before {
    background-color: #fff;
    border: 1px solid #D8D8D8;
}
.service-b2b-contact .custom-checkbox input[type=radio]:checked + label:before {
    background-color: #fff;
}

.service-b2b-contact .custom-checkbox input[type=radio]:checked + label:after {
    background-color: #39A14A;
    left: 5px;
}

.service-b2b-contact .custom-checkbox input[type=checkbox]:checked + label:after {
    left: 5px;
    top: 14px;   
}

.service-b2b-contact .radio-btn-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -4px;
}
.service-b2b-contact .radio-btn-row .radio-btn-col {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 4px;
}

.service-b2b-contact .custom-col-radio .input-wrap {
    margin-bottom: 0;
}

.service-b2b-contact .custom-policy {
    margin-top: 12px;
}

.service-b2b-contact .custom-policy p {
    color: #414141;
    font-style: italic;
    font-size: 12px;
    margin-top: 4px;
}

.service-b2b-contact .custom-policy p .asterisk {
    color: #ff020d;
}

.service-b2b-contact .custom-policy p a {
    color: #39A14A;
}

.service-b2b-contact form.submitting {
    pointer-events: none;
}

.service-b2b-contact button:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.service-b2b-contact .submit-btn {
    position: relative;
    text-align: center;
}

.service-b2b-contact #gcaptcha > div {
    margin-left: auto;
    margin-right: auto;
}

.service-b2b-contact .captcha-error,
.service-b2b-contact .input-error {
    display: block;
    text-align: center;
    color: #ff020d;
    font-family: "MyriadPro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 13px;
}

.service-b2b-contact .input-error {
    text-align: left;
    margin-top: 4px;
}

.service-b2b-contact form.submitting .lds-ellipsis {
    opacity: 1;
    visibility: visible;
}

.service-b2b-contact form.submitting .submit-btn button {
    opacity: 0;
    visibility: hidden;
}

.service-b2b-contact select {
    color: #414141;
    opacity: 0.3;
    z-index: 1 !important;
}
.service-b2b-contact select:has(option:not([disabled]):checked) {
  color: #000;
  opacity: 1;
}

.service-b2b-contact .iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto;
}
.service-b2b-contact .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.service-b2b-contact .iti--separate-dial-code .iti__selected-dial-code {
    font-size: 18px;
}

.service-b2b-contact .custom-checkbox-sm input[type=checkbox] + label {
    font-size: 14px;
}
.service-b2b-contact .custom-checkbox-sm input[type=checkbox] + label:before {
    width: 14px;
    height: 14px;
}

.service-b2b-contact .custom-checkbox-sm input[type=checkbox]:checked + label:after {
    left: 3px;
    top: 10px;
}

.lds-ellipsis {
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    width: 80px;
    height: 15px;
    margin: auto;
    opacity: 0;
    visibility: hidden
}

.lds-ellipsis div {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #227029;
    -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.lds-ellipsis div:first-child {
    left: 8px;
    -webkit-animation: lds-ellipsis1 0.6s infinite;
    animation: lds-ellipsis1 0.6s infinite
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    -webkit-animation: lds-ellipsis3 0.6s infinite;
    animation: lds-ellipsis3 0.6s infinite
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(24px,0);
        transform: translate(24px,0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(24px,0);
        transform: translate(24px,0)
    }
}

@media screen and (min-width: 768px) {
    .service-b2b-contact .b2b-form-box {
        padding: 56px 48px;
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .service-b2b-contact .radio-btn-row .radio-btn-col {
        width: 33.33%;
    }

    .service-b2b-contact .custom-col {
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
    }

    .service-b2b-contact .custom-col .input-wrap {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .service-b2b-contact .custom-col-radio {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .service-b2b-contact .custom-col-radio .input-wrap {
        width: 60%;
    }
    .service-b2b-contact .custom-col-radio .input-wrap label {
        margin-bottom: 0;
    }
    .service-b2b-contact .custom-col-radio .input-radios {
        display: flex;
        width: 40%;
    }
    .service-b2b-contact .custom-col-radio .input-radios .radio-btn-col {
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .service-b2b-contact .custom-col-radio .input-radios {
        display: flex;
        align-items: center;
        margin-left: -5px;
        margin-right: -5px;
    }

    .service-b2b-contact .custom-col-radio .input-radios .radio-btn-col {
        padding-left: 5px;
        padding-right: 5px;
        width: 50%;
    }
}

.service-b2b-section-v2.service-b2b-brands .brands-carousel img {
    width: 150px!important;
    height: auto!important;
}
.service-palawan-gold .cardlist-03,
.service-palawan-gold .cardlist-04 {
    margin-top: -30px;
}

.service-palawan-gold .cardlist-03 li,
.service-palawan-gold .cardlist-04 li {
    margin-top: 50px;
}

.service-palawan-gold .card-item--palawangold {
    background-color: #fff;
    height: 100%;
    border-radius: 5px;
    margin-bottom: 0;
}

.service-palawan-gold .card-item .info .desc {
    margin-top: 8px;
}

.service-palawan-gold .card-item .info + button,
.service-palawan-gold .card-item .info + a {
    margin-top: 24px;
}

.service-palawan-gold .card-item--palawangold .media img,
.service-palawan-gold .card-item--plain .media img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-palawan-gold .card-item--plain .media img {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.service-palawan-gold .card-item--palawangold .info {
    padding: 16px;
}

.service-palawan-gold .card-item--palawangold .info h3,
.service-palawan-gold .card-item--plain .info h3 {
    font-weight: 600;
}

.service-palawan-gold .card-item--palawangold .info p {
    margin-bottom: 0;
}

.service-palawan-gold .product-category-groupings {
    margin-bottom: 60px;
}

.service-palawan-gold .product-category-groupings .title {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.service-palawan-gold .product-category-groupings:last-of-type {
    margin-bottom: 0;
}

.service-palawan-gold .product-category-groupings h3 {
    font-weight: 600;
}

.service-palawan-gold .two-col-row .info h2 {
    margin-bottom: 16px;
}

.service-palawan-gold .two-col-row .info ul,
.service-palawan-gold .two-col-row .info ol,
.service-palawan-gold .two-col-row .info p {
    margin-top: 16px;
}

.service-palawan-gold .two-col-row .info ul,
.service-palawan-gold .two-col-row .info ol {
    padding-left: 15px;
}

.service-palawan-gold .two-col-row .info ul {
    list-style-type: disc;
}

.service-palawan-gold .two-col-row .info ol {
    list-style-type: decimal;
}

.service-palawan-gold-float-image .sec-image-right,
.service-palawan-gold-float-image .sec-image-left {
    display: none;
}

.service-palawan-gold .two-col-row {
    display: flex;
    flex-wrap: wrap;
}
.service-palawan-gold .two-col-row .col {
    width: 100%;
}

.service-palawan-gold .two-col-row .info {
    margin-bottom: 40px;
} 

@media screen and (min-width: 768px) {
    .service-palawan-gold .two-col-row {
        align-items: center;
        margin: 0 -15px;
    }

    .service-palawan-gold .two-col-row .col {
        width: 50%;
        padding: 0 15px;
    }

    .service-palawan-gold .two-col-row .info {
        margin-bottom: 0;
    } 

    .service-palawan-gold .two-col-row .info-left {
        padding-right: 40px;
    }

    .service-palawan-gold .two-col-row .info-right {
        padding-left: 40px;
    }

    .service-palawan-gold .cardlist-03 li,
    .service-palawan-gold .cardlist-04 li {
        margin-top: 30px;
    }

    .service-palawan-gold .product-category-groupings .title {
        text-align: left;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) {

    .service-palawan-gold .two-col-row .figure-left {
        padding-right: 60px;
    }

    .service-palawan-gold .two-col-row .figure-right {
        padding-left: 60px;
    }
}

@media screen and (min-width: 1200px) {
    .service-palawan-gold-float-image {
        position: relative;
    }
    .service-palawan-gold-float-image .sec-image-right,
    .service-palawan-gold-float-image .sec-image-left {
        display: block;
        width: 800px;
    }

    .service-palawan-gold-float-image .sec-image-right {
        position: absolute;
        bottom: 150px;
        transform: rotate(-20deg);
        right: -400px;
        z-index: -1;
    }

    .service-palawan-gold-float-image .sec-image-left {
        position: absolute;
        top: -200px;
        transform: rotate(20deg);
        left: -400px;
        z-index: -1;
    }
}

@media screen and (max-width: 767px) {
    .service-palawan-gold .two-col-row.two-col-row-reverse {
        flex-direction: column-reverse;
    }
}

.service-palawan-gold .card-item--plain {
    text-align: center;
    margin-bottom: 0;
}

.accordion-body ul,
.accordion-body ol {
    padding-left: 30px;
}

.accordion-body ul {
    list-style: disc;
}

.accordion-body ol {
    list-style: decimal;
}

.accordion-body table {
    margin-top: 15px;
}

.accordion-body table th,
.accordion-body table td {
    border: 1px solid #000;
    padding: 8px 16px;
}

.icon-carousel-group .item {
    height: 100%;
}

.icon-carousel-group .icon-carousel-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 24px;
    text-align: center;
    height: 100%;
}

.icon-carousel-group .icon-carousel-box h3 {
    color: #39a14a;
    font-weight: bold;
    margin-top: 8px;
}

.icon-carousel-group .icon-carousel-box img {
    width: 150px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .icon-carousel-group .owl-item .icon-carousel-box {
        transform: scale(0.9);
    }
    .icon-carousel-group .owl-item.center .icon-carousel-box {
        transform: scale(1);
    }
}