html {
    scrollbar-gutter: stable;
}

:root {
    --charlestonGreen: #1D2930;
    --white: #FFFFFF;
    --black: #000000;
    --cultured: #F9FAFA;
}

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    color: var(--black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

@media (min-width: 1500px) {
    .container {
        max-width: 1424px;
    }
}

/* For slick CLS */
.slick-slider:not(.slick-initialized)>*:not(:first-child) {
    display: none !important;
}

/* For slick CLS */
.tps-top-bar {
    color: var(--white);
    background-color: var(--charlestonGreen);
}

.tps-top-bar p {
    margin: 0;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    padding: 10px 0;
}

.tps-top-bar p span {
    font-weight: 700;
}

.tps-header-white {
    padding: 14px 0;
    border-radius: 0 0 64px 64px;
    background-color: var(--white);
}

.lp-header-btn > ul > li:nth-child(3) a {
    color: #fff;
    font-weight: 700;
    padding: 8px 16px;
    background: #1D2930;
    border-radius: 8px;
    border: 1px solid #1D2930;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 6px;
}

.lp-header-btn > ul > li:nth-child(3) a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

/* header-CSS */
.lp-header-btn ul {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 24px;
    padding: 0;
}

.header-logo a {
    display: inline-block;
}

.lp-site-header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lp-header-btn {
    display: inline-block;
    vertical-align: middle;
}

.lp-header-btn > ul > li:nth-child(3) a:hover img {
    filter: brightness(0);
    transition: all .5s;
}

.banner_vid_cta {
    display: inline-flex;
    padding: 10px 10.5px 10px 21.5px;
    justify-content: flex-end;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    background: #1D2930;
    color: #FFFFFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 0.4s;
    margin: 22px 0 0 0;
}

.banner_vid_cta:hover {
    background: #0D3D54;
}

.lp-site-header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.call_number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.call_number .callnumber {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.call_number .callnumber .phonenumber {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
}

.call_number .callnumber .calltext {
    font-size: 15px;
    line-height: normal;
    color: #565656;
    font-weight: 500;
}

@media only screen and (max-width: 1199px) {
    .tps-header-white {
        border-radius: 0 0 48px 48px;
    }

    .banner_vid_cta {
        display: flex;
        justify-content: center;
        flex-direction: row;
        width: 199px;
        margin: 22px auto 0;
    }
}

@media only screen and (max-width: 991px) {
    .tps-header-white {
        border-radius: 0 0 36px 36px;
    }
}
@media only screen and (max-width: 797px) {
    .tps-header-white {
        border-radius: 0 0 24px 24px;
    }
}
@media only screen and (max-width: 480px) {
    .header-logo a {
        width: 140px;
    }

    .tps-top-bar p {
        font-size: 14px;
    }

    .lp-header-btn ul li a svg {
        right: 0;
    }

    .lp-header-btn ul li a span {
        display: none;
    }
}

.solution-btn a {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    background: #000;
    padding: 12px 23px 12px 23px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 6px;
    transition: all .5s;
    font-weight: 700
}

.solution-btn {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 12px
}

.solution-btn a:first-child {
    background: #44B74A;
    border: 1px solid #44B74A
}

.solution-btn a:last-child {
    background: #1D2930;
    border: 1px solid #1D2930
}

.solution-btn a:last-child:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #1D2930
}

.solution-btn a:last-child:hover img {
    filter: brightness(0)
}

.solution-btn a:first-child:hover {
    color: #000;
    background: #fff;
    border: 1px solid #44B74A
}

.solution-btn a:first-child:hover img {
    filter: brightness(0)
}

.solution-btn a img {
    transition: all .5s
}

.solution-batch-img {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 30px
}

.solution-batch-img a {
    text-align: center
}

.solution-img-main {
    cursor: pointer
}

.solution-img-main,
.customer-slider-image {
    position: relative;
    z-index: 1
}

.solution-img-main:before {
    content: '';
    position: absolute;
    height: 48px;
    width: 48px;
    background-image: url(/wp-content/uploads/2024/08/play-1.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: rgb(38 47 52 / .5);
    border-radius: 50%;
    pointer-events: none;
    opacity: .9
}

.gform_validation_error form {
    padding-top: 20px !important;
}

.lp-main-form .gform_confirmation_message {
    padding: 70px 0 0 0;
    text-align: center;
    max-width: 390px;
    margin: 0 auto;
}

@media only screen and (max-width: 991px) {
    .solution-batch-img {
        gap: 12px;
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .solution-btn {
        margin-bottom: 32px
    }

    .lp-site-header-main {
        flex-direction: column;
        gap: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .solution-batch-img img {
        width: 100%;
        max-width: 100px;
        margin: 0 auto
    }

    .solution-batch-img {
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 22px
    }
}

@media only screen and (max-width: 453px) {
    .gform_validation_error form {
        padding-top: 10px !important;
    }

    .lp-main-form .gform_wrapper.gravity-theme .gform_validation_errors {
        margin-top: 60px !important;
    }
}

@media only screen and (max-width: 430px) {
    .solution-batch-img {
        gap: 12px
    }

    .solution-btn {
        justify-content: center;
        row-gap: 12px;
        flex-wrap: wrap
    }

    .solution-btn a {
        width: 100%
    }

    .solution-btn a {
        justify-content: space-between
    }
}

.lp-main-form {
    width: 100%;
    max-width: 501px;
    margin-left: auto;
    padding: 25px 20px 20px;
    background-color: #0D3D54;
    box-shadow: 0 0 12px rgb(0 0 0 / .18);
    border-radius: 8px;
    background-image: url(https://theplanetsoft.com/wp-content/uploads/2026/02/hire-shopify-developer-bg-image.svg);
    background-repeat: no-repeat;
    background-position: top center;
}

.lp-main-form #field_18_16>div {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lp-main-form #field_18_16>div>div {
    width: 100%;
}

.lp-main-form form {
    padding-top: 90px;
}

.lp-main-form-title {
    margin: 0 0 5px;
    letter-spacing: .68px;
    color: #000;
    text-transform: uppercase;
    line-height: 32px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    display: block;
    margin-top: 12px;
}

.lp-main-form p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
}

.lp-main-form .gform_wrapper.gravity-theme .gfield input.large,
.lp-main-form .gform_wrapper.gravity-theme .gfield select.large,
.lp-main-form .gform_wrapper.gravity-theme .gfield textarea,
.lp-main-form .gfield_captcha_input_container input,
.lp-main-form .gform_wrapper.gravity-theme #field_submit .gform-button--width-full {
    height: 52px;
    padding: 5px 15px;
    color: #fff;
    letter-spacing: .24px;
    text-transform: none;
    font-weight: 400;
    width: 100%;
    font-size: 16px;
    margin: 0;
    transition: .5s;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: transparent;
}

body .lp-main-form .gform_wrapper .gfield .iti .iti__selected-dial-code {
    color: #ccc;
}

.lp-main-form .gform_wrapper.gravity-theme .gfield textarea {
    height: 96px;
}

.lp-main-form .gform_wrapper.gravity-theme .gfield input.large::placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield select.large::placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: #cccccc;
    opacity: 1;
}

.lp-main-form .gform_wrapper.gravity-theme .gfield input.large::-webkit-input-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield select.large::-webkit-input-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield textarea::-webkit-input-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield input.large::-moz-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield select.large::-moz-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield textarea::-moz-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield input.large:-ms-input-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield select.large:-ms-input-placeholder,
.lp-main-form .gform_wrapper.gravity-theme .gfield textarea:-ms-input-placeholder {
    color: #000;
}

.lp-main-form .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
    grid-column: span 4;
    -ms-grid-column-span: 4;
}

.lp-main-form .gform_wrapper.gravity-theme #field_submit .gform-button--width-full {
    border: 1px solid #44B74A;
    font-weight: 600;
    color: #FFF;
    width: 100%;
    max-width: 132px;
    margin-right: auto;
    border-radius: 50px;
}

.lp-main-form .gform_wrapper.gravity-theme .gfield_description {
    background-color: transparent !important;
    border: 0;
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.8;
}

.lp-main-form .gform_wrapper.gravity-theme .gform_validation_errors {
    margin-top: 90px;
}

.lp-main-form .gform_wrapper.gravity-theme #field_submit .gform-button--width-full:hover {
    border: 1px solid #44B74A;
    background-color: #44B74A;
}

/****************************************
    Digital Marketing Services page
*****************************************/

/* Common BTN CSS START*/
.btn-group,
.btn-group {
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    align-items: end;
    flex-wrap: wrap;
}

.default-btn,
.default-btn {
    color: #fff !important;
    background-color: #44B74A;
    padding: 17px 40px 17px 30px;
    border: 1px solid #44B74A;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    transition: all .5s;
    text-align: center;
}

.default-btn,
.default-btn {
    transform: translateX(0);
}

.default-btn img,
.default-btn img {
    margin-left: 7px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(102%) contrast(101%);
    transition: all .5s;
}

.black-btn,
.black-btn {
    background-color: #000;
    border-color: #000;
}

.black-btn:hover,
.black-btn:hover {
    color: #fff !important;
}

@media only screen and (max-width: 575px) {
    .default-btn {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .default-btn {
        padding: 12px 42px 12px 24px;
    }
}

@media only screen and (max-width: 1300px) {
    .default-btn {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* Common BTN CSS START*/

/* Banner Section CSS START */
.top-head {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('/wp-content/uploads/2026/02/lp-bg-image.webp');
}

.banner_section .marketing_services_logo {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 60px;
}

.banner_ctn_main .banner_ctn_heading>h1 {
    color: #000;
    font-family: "Open Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 27px;
}

.banner_ctn_main .banner_ctn_heading>h1>span {
    display: block;
    font-weight: 700;
}

.banner_ctn_main .banner_ctn_heading>h6 {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    max-width: 511px;
    margin-right: auto;
    line-height: 1.7;
    margin-bottom: 22px;
}

.seo-services .banner_ctn_main .banner_ctn_heading>h6 {
    max-width: 100%;
    text-transform: none;
}

.banner_ctn_main .banner_ctn_heading>p {
    font-weight: 500;
    width: 100%;
    max-width: 672px;
    margin-right: auto;
    margin-bottom: 0;
    color: #565656;
}

.banner_ctn_main .banner_ctn_heading>p strong {
    font-weight: 700;
}

.banner_ctn_main .banner_ctn_heading>p strong.t-green {
    color: #4DD354;
}

.banner_ctn_main .banner_ctn_heading .banner_btn {
    margin: 22px 0 51px;
}

.banner_section .banner_ctn_main {
    position: relative;
    padding-top: 30px;
}

.banner_section {
    padding: 56px 0;
}

.seo-services .banner_ctn_main .banner_ctn_heading {
    max-width: max-content;
    position: relative;
}

.banner_section .banner_ctn_main:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 156px;
    max-width: 496px;
    right: -20%;
    bottom: 14%;
    background-image: url("data:image/svg+xml,%3Csvg width='488' height='166' viewBox='0 0 488 166' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m155.791 133.248-1.466 1.361.243.261.317.161zM484.262 1.696a2 2 0 0 0-2.28-1.673l-17.791 2.735a2 2 0 1 0 .607 3.953l15.815-2.43 2.43 15.814a2 2 0 0 0 3.954-.607zM.627 157.053l-.627 1.9a87 87 0 0 0 2.936.911l.56-1.92.56-1.919a87 87 0 0 1-2.802-.871zm8.719 2.394-.438 1.952q2.972.665 6.04 1.174l.329-1.973.328-1.973a107 107 0 0 1-5.822-1.131zm11.905 1.993-.23 1.986q3.016.349 6.094.568l.143-1.995.142-1.995q-2.995-.212-5.919-.551zm12.033.865-.062 1.999q3.035.094 6.108.077l-.01-2-.011-2c-2 .011-3.99-.013-5.962-.075zm12.07-.059.079 1.998q3.039-.119 6.09-.335l-.14-1.995-.141-1.995q-2.992.212-5.965.328zm12.044-.848.2 1.99q3.031-.304 6.053-.695l-.256-1.983-.255-1.984q-2.969.383-5.942.682zm11.974-1.542.31 1.976q3.016-.473 6.002-1.023l-.361-1.967-.362-1.967q-2.935.54-5.899 1.005zm11.873-2.183.412 1.957a235 235 0 0 0 5.94-1.333l-.464-1.946-.464-1.946q-2.892.69-5.837 1.311zm11.738-2.797.514 1.932a225 225 0 0 0 5.865-1.646l-.567-1.918-.567-1.918a220 220 0 0 1-5.76 1.617zm11.582-3.427.621 1.901a199 199 0 0 0 5.772-1.983l-.679-1.881-.679-1.881a196 196 0 0 1-5.656 1.943zm11.359-4.106.741 1.857a159 159 0 0 0 5.625-2.367l-.811-1.828-.811-1.828a159 159 0 0 1-5.486 2.309zm11.02-4.905.892 1.79a113 113 0 0 0 5.437-2.888l-.988-1.738-.988-1.739a109 109 0 0 1-5.244 2.785zm10.473-5.987 1.109 1.665a61 61 0 0 0 5.02-3.704l-1.273-1.542-1.273-1.543a57 57 0 0 1-4.692 3.46zm9.202-7.762 1.513 1.308a25 25 0 0 0 1.978-2.601l-1.673-1.095-1.673-1.096a21 21 0 0 1-1.657 2.176zm1.818-2.388 1.673 1.095a50 50 0 0 0 1.683-2.765l-1.741-.985-1.741-.985a46 46 0 0 1-1.547 2.544zm4.367-8.235 1.838.789a70 70 0 0 0 2.249-6.002l-1.903-.618-1.902-.617a66 66 0 0 1-2.12 5.659zm3.86-11.825 1.946.461a83 83 0 0 0 1.23-6.259l-1.976-.31-1.975-.31a79 79 0 0 1-1.171 5.957zm1.928-12.29 1.994.156c.169-2.158.247-4.295.234-6.386l-2 .013-2 .013a72 72 0 0 1-.222 6.048zm-.113-12.437 1.988-.213a50 50 0 0 0-1.088-6.388l-1.944.47-1.943.471c.443 1.831.776 3.8.998 5.873zm-3.041-12.015 1.817-.837c-1.005-2.181-2.251-4.129-3.766-5.726l-1.451 1.376-1.451 1.376c1.154 1.217 2.172 2.776 3.035 4.648zm-8.587-8.49.589-1.911a13.8 13.8 0 0 0-3.585-.596l-.072 2-.071 1.998a9.8 9.8 0 0 1 2.551.42zm-3.068-.508.072-1.998a21 21 0 0 0-3.164.122l.231 1.987.231 1.987q1.241-.146 2.559-.099zm-8.319 1.719-.9-1.786a16.9 16.9 0 0 0-5.097 3.945l1.502 1.32 1.503 1.32a12.9 12.9 0 0 1 3.893-3.014zm-7.433 8.353-1.861-.735c-.723 1.831-1.22 3.854-1.468 6.051l1.988.224 1.987.223c.211-1.876.63-3.551 1.213-5.028zm-1.399 11.265-1.993.162c.153 1.879.46 3.853.93 5.92l1.95-.445 1.951-.444a38 38 0 0 1-.845-5.357zm2.473 11.138-1.89.653a69 69 0 0 0 2.165 5.467l1.828-.812 1.827-.813a65 65 0 0 1-2.04-5.149zm4.609 10.442-1.766.937a100 100 0 0 0 2.887 5.074l1.71-1.038 1.71-1.038a97 97 0 0 1-2.774-4.872zm5.931 9.802-1.657 1.12a138 138 0 0 0 3.342 4.722l1.609-1.189 1.608-1.189a134 134 0 0 1-3.246-4.584zm6.775 9.183-1.563 1.247a176 176 0 0 0 3.681 4.461l1.522-1.297 1.522-1.298a175 175 0 0 1-3.598-4.36zm7.414 8.709-1.484 1.341q.968 1.071 1.975 2.156l1.466-1.361 1.466-1.361q-.99-1.065-1.939-2.116zm1.957 2.136-.906 1.783 2.642 1.339.902-1.785.903-1.784q-1.326-.671-2.635-1.336zm7.977 4.018-.891 1.79q2.657 1.324 5.384 2.648l.873-1.8.873-1.799a582 582 0 0 1-5.348-2.63zm10.74 5.203-.849 1.811q2.69 1.263 5.446 2.501l.819-1.825.82-1.824a364 364 0 0 1-5.387-2.474zm10.883 4.881-.784 1.84q2.749 1.172 5.562 2.301l.744-1.856.744-1.857a269 269 0 0 1-5.482-2.268zm11.082 4.437-.699 1.874q2.799 1.045 5.659 2.027l.65-1.891.649-1.892a222 222 0 0 1-5.56-1.992zm11.281 3.867-.594 1.91q2.867.893 5.793 1.708l.536-1.927.536-1.927a190 190 0 0 1-5.676-1.674zm11.494 3.192-.472 1.943q2.911.709 5.883 1.325l.406-1.958.405-1.959q-2.902-.601-5.749-1.295zm11.69 2.417-.335 1.972q2.953.502 5.965.9l.261-1.983.262-1.983a157 157 0 0 1-5.819-.878zm11.81 1.555-.185 1.992q2.993.279 6.041.443l.107-1.997.107-1.997q-2.968-.16-5.884-.432zm11.916.64-.028 2a152 152 0 0 0 6.034-.035l-.051-1.999-.052-2q-2.962.076-5.874.035zm11.941-.309.131 1.996q2.973-.195 5.994-.514l-.211-1.989-.21-1.989q-2.942.31-5.836.501zm11.835-1.251.288 1.979q2.964-.431 5.974-.988l-.364-1.967-.364-1.966a155 155 0 0 1-5.823.963zm11.714-2.166.438 1.951q2.938-.658 5.917-1.442l-.509-1.934-.509-1.934q-2.909.766-5.774 1.407zm11.531-3.029.577 1.915a177 177 0 0 0 5.782-1.85l-.642-1.894-.642-1.895a173 173 0 0 1-5.651 1.809zm11.297-3.823.703 1.872a189 189 0 0 0 5.637-2.221l-.762-1.849-.763-1.849a187 187 0 0 1-5.519 2.175zm11.026-4.54.817 1.825q2.73-1.222 5.493-2.556l-.87-1.801-.87-1.801a204 204 0 0 1-5.388 2.507zm10.736-5.18.919 1.777a231 231 0 0 0 5.361-2.863l-.965-1.752-.965-1.751q-2.65 1.459-5.268 2.813zm10.443-5.746 1.008 1.727a248 248 0 0 0 5.225-3.134l-1.049-1.702-1.049-1.703a247 247 0 0 1-5.143 3.084zm10.159-6.252 1.087 1.68a282 282 0 0 0 5.036-3.338l-1.123-1.655-1.122-1.655a278 278 0 0 1-4.965 3.289zm9.894-6.706 1.156 1.632a311 311 0 0 0 4.842-3.5l-1.188-1.61-1.187-1.609a308 308 0 0 1-4.779 3.455zm9.656-7.124 1.218 1.586a328 328 0 0 0 4.644-3.628l-1.244-1.565-1.245-1.566a341 341 0 0 1-4.59 3.586zm9.277-7.376 1.27 1.545a376 376 0 0 0 4.623-3.867l-1.295-1.524-1.296-1.524a374 374 0 0 1-4.573 3.826zm9.061-7.699 1.318 1.504a410 410 0 0 0 4.522-4.024l-1.34-1.484-1.34-1.485a407 407 0 0 1-4.479 3.985zm8.892-8.026 1.361 1.466a452 452 0 0 0 4.324-4.068l-1.38-1.448-1.38-1.447a455 455 0 0 1-4.285 4.031zm8.643-8.238 1.398 1.43a488 488 0 0 0 4.25-4.209l-1.415-1.413-1.416-1.412a493 493 0 0 1-4.216 4.174zm8.377-8.394 1.432 1.396a538 538 0 0 0 4.191-4.346l-1.448-1.38-1.448-1.38a512 512 0 0 1-4.159 4.314zm8.294-8.699 1.463 1.364a584 584 0 0 0 4-4.332l-1.476-1.35-1.477-1.349a554 554 0 0 1-3.972 4.303zm8-8.752 1.489 1.335a609 609 0 0 0 4.053-4.569l-1.502-1.32-1.503-1.32a622 622 0 0 1-4.027 4.54zm7.88-8.966 1.515 1.307a679 679 0 0 0 3.866-4.521l-1.526-1.294-1.525-1.293a699 699 0 0 1-3.844 4.495zm7.734-9.124 1.537 1.28a743 743 0 0 0 3.833-4.641l-1.547-1.268-1.548-1.267a730 730 0 0 1-3.811 4.616zm7.524-9.184 1.557 1.255a776 776 0 0 0 3.733-4.667l-1.567-1.243-1.567-1.243a765 765 0 0 1-3.713 4.643zm7.468-9.41 1.575 1.231a805 805 0 0 0 3.659-4.717l-1.584-1.22-1.585-1.22a839 839 0 0 1-3.641 4.694zm7.222-9.379 1.593 1.21a875 875 0 0 0 3.6-4.775l-1.6-1.2-1.601-1.198a859 859 0 0 1-3.585 4.754zm7.204-9.621 1.609 1.188q.908-1.229 1.817-2.469L482.286 2 480.673.817q-.906 1.236-1.81 2.459z' fill='%23b7ccd0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

.banner_section.react-lp .banner_ctn_main::after {
    content: unset;
}

.seo-services .banner_ctn_main .banner_ctn_heading>p {
    max-width: max-content;
}

@media only screen and (max-width: 1400px) {
    .banner_section .banner_ctn_main:after {
        max-width: 340px;
        left: 50%;
        bottom: 11.5%;
    }
}

@media only screen and (max-width: 1366px) {
    .banner_ctn_main .banner_ctn_heading>h1 {
        font-size: 46px;
    }

    .banner_section .marketing_services_logo {
        gap: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .banner_section .banner_ctn_main:after {
        content: unset;
    }

    .banner_section .banner_ctn_main {
        padding-top: 0;
        margin-bottom: 50px;
    }

    .lp-main-form {
        margin: 0 auto;
    }

    .banner_ctn_main .banner_ctn_heading>h1>span {
        display: unset;
    }

    .banner_ctn_main .banner_ctn_heading>h1 {
        text-align: center;
    }

    .banner_ctn_main .banner_ctn_heading>h6,
    .banner_ctn_main .banner_ctn_heading>p {
        max-width: 100% !important;
        text-align: center;
    }

    .banner_ctn_main .banner_ctn_heading .banner_btn {
        justify-content: center !important;
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .banner_section {
        padding: 42px 0;
    }

    .banner_section .banner_ctn_main {
        margin-bottom: 40px;
    }

    .banner_ctn_main .banner_ctn_heading>h1 {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .banner_ctn_main .banner_ctn_heading>h6 {
        margin-bottom: 15px;
    }

    .banner_ctn_main .banner_ctn_heading>h1>span {
        display: contents;
    }

    .banner_ctn_main .banner_ctn_heading .banner_btn {
        margin: 24px 0 36px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_ctn_main .banner_ctn_heading>h6 {
        font-size: 18px;
    }

    .banner_section .marketing_services_logo {
        gap: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .banner_ctn_main .banner_ctn_heading>h6 {
        max-width: 100%;
    }

    .lp-main-form-title {
        margin: 0;
    }
}

/* Banner Section CSS END */

/* We Work Slider CSS */
.work_slider {
    background-color: #D7E7EA;
    padding: 15px 0;
    overflow: hidden;
}

.work_slider .marquee-text>span {
    font-weight: 700;
}

.work_slider .marquee-horizontal {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 24px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.work_slider .track-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.work_slider .track-horizontal {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    gap: 140px;
    animation: marquee-horizontal 40s linear infinite;
}

.work_slider .marquee-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.25;
    position: relative;
}

@keyframes marquee-horizontal {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.work_slider .marquee-text:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #0E4561;
    border-radius: 50%;
    outline: 4px solid #fff;
    top: 50%;
    right: -85px;
    bottom: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1024px) {
    .work_slider .track-horizontal {
        gap: 100px;
    }

    .work_slider .marquee-text:after {
        width: 12px;
        height: 12px;
        right: -70px;
    }
}

@media only screen and (max-width: 991px) {
    .work_slider .marquee-text:after {
        right: -68px;
    }
}

@media only screen and (max-width: 575px) {
    .work_slider .marquee-text:after {
        right: -65px;
    }
}

/* We Work Slider CSS END */
.section-top {
    padding-top: 100px;
}

.section-bottom {
    padding-bottom: 100px;
}

.text-title {
    font-family: "Open Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.regular-text {
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.777;
    color: #565656;
}

.regular-text-20 {
    font-size: 20px;
    font-weight: 500;
}

.text-title strong {
    font-weight: 700;
}

.text-white {
    color: #FFFFFF;
}

.text-green {
    color: #4DD354;
}

.text-black {
    color: #000000;
}

@media only screen and (max-width: 1199px) {
    .section-top {
        padding-top: 80px;
    }

    .section-bottom {
        padding-bottom: 80px;
    }

    .text-title {
        font-size: 42px;
    }

    .regular-text {
        font-size: 16px;
    }

    .regular-text-20 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 991px) {
    .section-top {
        padding-top: 70px;
    }

    .section-bottom {
        padding-bottom: 70px;
    }

    .text-title {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .section-top {
        padding-top: 60px;
    }

    .section-bottom {
        padding-bottom: 60px;
    }

    .text-title {
        font-size: 36px;
    }

    .regular-text {
        font-size: 14px;
    }

    .regular-text-20 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575px) {
    .section-top {
        padding-top: 50px;
    }

    .section-bottom {
        padding-bottom: 50px;
    }

    .text-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .section-top {
        padding-top: 40px;
    }

    .section-bottom {
        padding-bottom: 40px;
    }
}

/* Why Choose Section CSS START */
.why_choose_section .why_choose_heading>h2 {
    color: #000;
    text-align: center;
    font-family: "Open Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    margin: 0;
    padding: 0 45px;
    min-width: 300px;
}

.why_choose_section .why_choose_heading .left_border,
.why_choose_heading .right_border {
    display: block;
    height: 1px;
    width: 100%;
    max-width: 464px;
}

.why_choose_section .why_choose_heading .left_border {
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.30) 80%,
            rgba(0, 0, 0, 0.30) 100%);
}

.why_choose_heading .right_border {
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0.30) 0%,
            rgba(0, 0, 0, 0.30) 60%,
            rgba(0, 0, 0, 0) 100%);
}

.why_choose_section .why_choose_heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.why_choose_section .work_with_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 54px;
    padding-top: 35px;
}

.why_choose_dark {
    background-image: url('/wp-content/uploads/2026/01/why_choose_dark_bg.webp');
    border-radius: 30px;
    padding: 82px;
    position: relative;
    display: flex;
    gap: 93px;
    background-size: cover;
    background-repeat: no-repeat;
}

.why_choose_dark_left {
    width: 43.031%;
}

.why_choose_dark_right {
    width: 49.433%;
}

.why_choose_dark_right h2 {
    margin: 0 0 26px 0;
}
.why_choose_dark_right p {
    margin: 0 0 20px 0;
}

.why_choose_dark_right .btn-group {
    margin: 30px 0 0 0;
}

.why_choose_dark_right .btn-group a {
    padding: 9px 50px 9px 28px;
}

.why_choose_dark_gallery {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.why_choose_dark_gallery>div:first-child {
    grid-column: 1 / -1;
}
@media only screen and (min-width: 1200px) {
    .seo-why-choose-section .why_choose_dark_right h2{
        font-size: 46px;
    }
}
@media only screen and (max-width: 1366px) {
    .why_choose_section .work_with_logo {
        gap: 40px;
        padding-top: 30px;
    }

    .why_choose_dark {
        padding: 72px;
        gap: 72px;
    }
}

@media only screen and (max-width: 1199px) {
    .why_choose_section .work_with_logo {
        gap: 40px;
    }

    .why_choose_section .why_choose_heading>h2 {
        padding: 0 24px;
    }

    .why_choose_dark {
        padding: 60px;
        gap: 60px;
    }
}

@media only screen and (max-width: 991px) {
    .why_choose_dark {
        flex-direction: column;
        padding: 50px;
        gap: 50px;
    }

    .why_choose_dark_left {
        width: 100%;
        text-align: center;
    }

    .why_choose_dark_right {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .why_choose_section .work_with_logo {
        gap: 24px;
    }

    .why_choose_section .why_choose_heading>h2 {
        padding: 0 20px;
        min-width: 210px;
        font-size: 20px;
    }

    .why_choose_dark {
        padding: 40px;
        gap: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .why_choose_dark {
        padding: 30px;
        gap: 30px;
    }
}

/* BSC Section */
.bsc-top {
    gap: 30px;
    padding-bottom: 82px;
}

.digital-marketing.bsc-top h2 {
    max-width: 420px;
    min-width: 420px;
}

.bsc-section .regular-text {
    font-weight: 500;
    max-width: 618px;
}

.bsc-section .regular-text strong {
    font-weight: 700;
}

.bsc-list {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.bsc-list .bsc-list-box {
    position: relative;
    background-color: #FFFFFF;
    padding: 30px;
    border: 1px solid #D7E7EA;
    border-radius: 20px;
}

.bsc-list .bsc-list-box:nth-child(1)::after,
.bsc-list .bsc-list-box:nth-child(2)::after,
.bsc-list .bsc-list-box:nth-child(3)::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    bottom: -25px;
    right: -25px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.673 0.498316L17.9283 7.89502C18.2287 8.88028 18.7668 9.77656 19.4952 10.5048C20.2234 11.2332 21.1197 11.7713 22.1049 12.0717L29.5017 14.327C30.1661 14.5298 30.1661 15.4702 29.5017 15.673L22.1049 17.9283C21.1197 18.2287 20.2234 18.7668 19.4952 19.4952C18.7668 20.2234 18.2287 21.1197 17.9283 22.1049L15.6726 29.5017C15.4699 30.1661 14.5295 30.1661 14.3267 29.5017L12.0714 22.1049C11.7709 21.1197 11.2329 20.2234 10.5046 19.4952C9.77621 18.7668 8.88 18.2287 7.89474 17.9283L0.498316 15.6726C-0.166105 15.4699 -0.166105 14.5295 0.498316 14.3267L7.89502 12.0714C8.88028 11.7709 9.77656 11.2329 10.5048 10.5046C11.2332 9.77621 11.7713 8.88 12.0717 7.89474L14.3274 0.498316C14.5301 -0.166105 15.4702 -0.166105 15.673 0.498316Z' fill='%23D7E7EA'/%3E%3C/svg%3E");
}

.bsc-list .bsc-list-box:nth-child(3)::after {
    display: none;
}

.bsc-list .bsc-list-box svg {
    margin: 0 0 30px 0;
}

.bsc-list .bsc-list-box h3 {
    color: #2B9430;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 10px 0;
}

.bsc-list .bsc-list-box p {
    font-weight: 400;
}

.bsc-list .bsc-list-box-fill {
    background-color: #D7E7EA;
    padding: 40px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: 88px;
    background-position: bottom left;
    background-image: url(https://theplanetsoft.com/wp-content/uploads/2026/02/bg-vector-layer.svg);
}

.bsc-list .bsc-list-box-fill h3 {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 24px 0;
}

.bsc-list .bsc-list-box-fill .default-btn {
    padding: 9px 40px 9px 30px;
    width: 100%;
}

@media only screen and (max-width: 1366px) {
    .bsc-top {
        padding-bottom: 72px;
    }
}

@media only screen and (max-width: 1199px) {
    .bsc-top {
        padding-bottom: 60px;
    }

    .bsc-list .bsc-list-box svg {
        margin: 0 0 24px 0;
    }

    .bsc-list .bsc-list-box-fill h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 991px) {
    .bsc-top {
        padding-bottom: 50px;
    }

    .bsc-top {
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .bsc-top h2,
    .bsc-section .regular-text {
        max-width: 100%;
        min-width: 100%;
    }

    .bsc-list {
        grid-template-columns: 1fr 1fr;
    }

    .bsc-list .bsc-list-box:nth-child(2)::after {
        display: none;
    }

    .bsc-list .bsc-list-box:nth-child(3)::after {
        display: block;
    }

    .bsc-list .bsc-list-box-fill h3 {
        font-size: 26px;
    }

    .bsc-list .bsc-list-box-fill {
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .bsc-top {
        padding-bottom: 40px;
    }

    .bsc-list .bsc-list-box {
        padding: 24px;
    }

    .bsc-list .bsc-list-box svg {
        margin: 0 0 18px 0;
    }

    .bsc-list .bsc-list-box-fill h3 {
        font-size: 24px;
    }

    .bsc-list .bsc-list-box-fill {
        padding: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .bsc-top {
        padding-bottom: 30px;
    }

    .bsc-list {
        grid-template-columns: 1fr;
    }

    .bsc-list .bsc-list-box {
        padding: 20px;
    }

    .bsc-list .bsc-list-box::after {
        display: none !important;
    }
}

/* BSC Section End */

/* Industries we serve */
.industry-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.industry-grid>div {
    padding: 10px;
}

.industry-card {
    height: 105px;
    border-radius: 14px;
    padding: 20px;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(135deg, #061c2d, #0b3a5a);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    background-image: url('/wp-content/uploads/2026/01/industry-card-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.industry-card.light {
    background: linear-gradient(135deg, #6c879a, #a8b8c4);
}

.industry-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.industry-bottom {
    height: 270px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -5.93%, #FFFFFF 78.18%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: -250px 0 0 0;
    position: relative;
}

.industry-bottom a {
    position: relative;
    margin: 0 0 38px 0;
    padding: 9px 24px 9px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.industry-bottom a::after {
    display: block;
    content: '';
    width: 14px;
    height: 8px;
    right: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.open-list .industry-bottom {
    background: unset;
}
.open-list .industry-bottom {
    background: unset;
    margin-top: 16px;
    height: auto;
}
.open-list .industry-bottom>a {
    margin-bottom: 0;
    transition: all 0.4s;
}
.open-list .industry-bottom>a:after {
    transform: rotate(180deg);
}
@media only screen and (max-width: 576px) {
    .iws-section .row>div {
        width: 50%;
    }
}

@media only screen and (max-width: 440px) {
    .iws-section .row>div {
        width: 100%;
    }
}

/* Industry Section End */

/* Marketing Services CSS START */

.marketing-service-section {
    background-color: #F5FAF6;
}

.dms-title>h2 {
    margin-bottom: 26px;
}

.dms-title>p {
    width: 100%;
    max-width: 867px;
    margin: 0 auto;
}

.dms-title {
    margin-bottom: 80px;
}

.dms-tabs-main {
    gap: 140px;
}

.dms-tabs-main .tab-content {
    width: 100%;
    max-width: 806px;
}

.dms-tabs-main .dms-tabs::-webkit-scrollbar {
    width: 7px;
}

.dms-tabs-main .dms-tabs::-webkit-scrollbar-track {
    background: #D7E7EA;
    border-radius: 10px;
}

.dms-tabs-main .dms-tabs::-webkit-scrollbar-thumb {
    background: #4DD354;
    border-radius: 10px;
}

.dms-tabs-main .dms-tabs::-webkit-scrollbar-thumb:hover {
    background: #4DD354;
}

.dms-tabs-main .dms-tabs>* {
    direction: ltr;
    width: 100% !important;
}

.dms-tabs-main .dms-tabs {
    padding: 30px;
    width: 100%;
    max-width: 473px;
    border-radius: 20px;
    background-color: #0D3D54;
    height: 681px;
    overflow-x: hidden;
    overflow-y: auto;
    /*direction: rtl;*/
    scroll-behavior: smooth;
}

.dms-tabs-main .dms-tabs>button {
    text-align: left;
    padding: 14px 0;
    border-radius: 0;
    color: #FFF !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
}

.dms-tabs-main .nav-pills .nav-link.active {
    background-color: #44B74A;
    padding-left: 37px;
    border-radius: 7px !important;
    width: 100%;
    transition: all .5s;
    /*min-width: calc(100% + 100px);*/
    /*clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);*/
    /*filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15)) !important;*/
}

.dms-tabs-main .tab-content .tab-pane>h3 {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    gap: 42px;
    color: #565656;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
}

.dms-tabs-main .tab-content .tab-pane>p.regular-text {
    width: 100%;
    max-width: 736px;
    margin-right: auto;
    margin-bottom: 30px;
}

.dms-tabs-main .tab-content .tab-pane>p.seo-services-title {
    margin-bottom: 21px;
    line-height: 1.778;
    color: #565656;
}

.tab-content .tab-pane ul.seo-services {
    padding-left: 27px;
    margin: 0 0 47px;
}

.tab-content .tab-pane ul.seo-services>li:not(:last-child) {
    margin-bottom: 22px;
}

.tab-content .tab-pane ul.seo-services>li {
    position: relative;
}

.dms-tabs-main .dms-tabs>button:not(:last-child) {
    margin-bottom: 10px;
}

.dms-btn-seprate>a {
    background-color: transparent;
    color: #44B74A !important;
    font-weight: 600;
    border-width: 2px !important;
    padding-top: 14px;
    padding-bottom: 14px;
}

.dms-btn-seprate>a>img {
    filter: invert(70%) sepia(16%) saturate(5098%) hue-rotate(72deg) brightness(94%) contrast(63%);
}

.dms-btn-seprate>a:hover {
    background-color: #44B74A;
    color: #fff !important;
}

.dms-btn-seprate>a:hover>img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(102%) contrast(101%);
}

.tab-content .tab-pane ul.seo-services>li:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #44B74A;
    border-radius: 50%;
    left: -25px;
    top: 10px;
    bottom: auto;
    outline: 2px solid #fff;
}

@media only screen and (max-width: 1460px) {
    .dms-tabs-main {
        gap: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .dms-title {
        margin-bottom: 60px;
    }

    .dms-tabs-main {
        gap: 60px;
    }

    .dms-tabs-main .tab-content .tab-pane>p.seo-services-title {
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 1.5;
    }

    .tab-content .tab-pane ul.seo-services>li:not(:last-child) {
        margin-bottom: 14px;
    }

    .tab-content .tab-pane ul.seo-services {
        margin-bottom: 30px;
    }

    .dms-tabs-main .tab-content .tab-pane>h3 {
        gap: 20px;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .dms-tabs-main .tab-content .tab-pane>p.regular-text {
        margin-bottom: 14px;
    }

    .dms-tabs-main .tab-content .tab-pane>h3>img {
        width: 100%;
        max-width: 28px;
    }

    .dms-tabs-main .dms-tabs>button {
        font-size: 16px;
    }

    .dms-tabs-main .dms-tabs>button {
        padding: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .dms-tabs-main {
        gap: 30px;
    }

    .dms-tabs-main .dms-tabs {
        padding: 22px;
    }
}

@media only screen and (max-width: 991px) {
    .dms-title {
        margin-bottom: 30px;
    }

    .dms-title>h2 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .dms-tabs-main {
        flex-direction: column;
    }

    /* .dms-title {
        margin-bottom: 40px;
    } */

    .dms-tabs-main .dms-tabs {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .dms-tabs-main .tab-content .tab-pane>h3 {
        gap: 16px;
        font-size: 18px;
    }

    .dms-tabs-main .tab-content .tab-pane>h3>img {
        max-width: 24px;
    }

    .dms-tabs-main .tab-content .tab-pane>h3 {
        margin-bottom: 16px;
    }
}

/* @media only screen and (max-width: 575px) {
    .dms-title {
        margin-bottom: 30px;
    }
} */

/* Marketing Services End */

/* Pricing Plan Section */
.pricing-plan-section {
    background-image: url("/wp-content/uploads/2026/02/pricing-plan-bg-img-1.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.pricing-col {
    flex: 1;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
}

section.pricing-plan-section .pricing-container {
    margin-top: 119px;
}

.label-col {
    background-color: var(--col-dark-bg);
    color: var(--col-dark-text);
    flex-basis: 25%;
}

.label-col .pricing-row {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    font-style: normal;
    padding-left: 1.5rem;
    background-color: #2D3D46;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.pricing-container>div:not(:first-child) {
    margin-top: -47px;
    height: auto;
    border-radius: 24px 24px 0 0;
    border-right: 1px solid #cbd5e1 !important;
}

.pricing-container>div:first-child {
    border-radius: 24px 0 0 24px;
    background-color: #2D3D46;
}

.label-col .pricing-header {
    background-color: #10181C;
    height: 100%;
    max-height: 137px;
    gap: 20px;
    border-color: rgba(255, 255, 255, 0.10) !important;
}

.pricing-container .pricing-header h4 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.143;
}

.pricing-row {
    padding: 12px 10px;
    border-bottom: 1px solid #cbd5e1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    text-align: center;
    color: #565656;
    font-size: 16px;
    font-weight: 500;
}

.pricing-row.small-lh {
    line-height: 1.2;
}

.pricing-header {
    /* height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center; */
    border-bottom: 1px solid #cbd5e1 !important;
}

.plan-col {
    background-color: #fff !important;
}

.advanced-col {
    background-color: var(--advanced-bg);
    position: relative;
}

.advanced-col .pricing-row {
    border-bottom: 1px solid #cbd5e1;
    color: #334155;
}

.pricing-container>div:not(:first-child) .pricing-header {
    padding: 2.9rem !important;
}

.pricing-container>div:last-child {
    outline: 3px solid #44B74A !important;
    outline-offset: -3px;

}

.advanced-col .pricing-header {
    background-color: #D7E7EA;
}

/* .icon-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.pricing-header .icon-box>img {
    width: 100%;
    display: block;
    max-width: 75px;
}

.ribbon {
    position: absolute;
    transform: rotate(45deg);
    background-color: #44B74A;
    color: white;
    padding: 8px 40px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 2;
    top: 28px;
    right: -40px;
    left: auto;
    line-height: 1.2;
}

.pricing-plan-section .pricing-title>p {
    width: 100%;
    max-width: 1078px;
    margin: 0 auto;
}

.pricing-plan-section .pricing-title>h2 {
    margin-bottom: 26px;
}

.pricing-plan-section .pricing-title {
    margin-bottom: 72px;
}

.small-text {
    font-size: 0.75rem;
}

.label-col .pricing-footer {
    background-color: #2D3D46 !important;
    border-top: rgba(255, 255, 255, 0.10) !important;
}

.pricing-footer {
    padding: 5.1rem;
    margin-top: auto;
    padding-top: 24px !important;
}

.pricing-header>h5 {
    color: #0D3D54 !important;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

.pricing-header>h2 {
    color: #0D3D54;
    text-align: center;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.pricing-footer>a {
    padding-top: 13px;
    padding-bottom: 13px;
    display: block;
}

.pricing-col {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.pricing-agencies {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -56px;
    gap: 56px;
    width: 100%;
    margin-left: auto;
    max-width: 800px;
}

.pricing-agencies>h5 {
    margin: 0;
    font-size: 14px;
    color: #CECDCD;
}

@media only screen and (max-width: 1499px) {
    .pricing-agencies {
        justify-content: end;
    }
}

@media only screen and (max-width: 1399px) {
    .pricing-agencies>h5 {
        font-size: 12px;
    }

    .pricing-agencies {
        gap: 30px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .label-col .pricing-row {
        font-size: 16px;
        line-height: 1.3;
    }

    .pricing-header .icon-box>img {
        max-width: 46px;
    }

    .pricing-container .pricing-header h4 {
        font-size: 22px;
    }

    .label-col {
        flex-basis: 16%;
    }

    section.pricing-plan-section .pricing-container {
        margin-top: 110px;
    }

    .pricing-footer {
        padding: 20px 11px !important;
    }

    .pricing-container>div:not(:first-child) .pricing-header {
        padding: 3.8rem 12px !important;
    }

    .pricing-agencies {
        justify-content: end;
        max-width: fit-content;
        gap: 40px;
        margin-right: 12px;
    }

    .pricing-agencies>h5 {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .pricing-agencies {
        display: none;
    }

    .main-wrapper {
        padding: 1rem !important;
        align-items: flex-start !important;
    }

    .pricing-plan-section .pricing-title {
        margin-bottom: 30px;
    }

    .header-section {
        margin-top: 2rem;
    }

    .pricing-container {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        max-width: 100vw;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 2rem;
        gap: 0;
    }

    .pricing-col {
        min-width: 260px;
        flex-shrink: 0;
        scroll-snap-align: start;
        border-radius: 0;
        box-shadow: none;
    }

    .label-col {
        margin-right: 0;
        border-radius: 0;
    }

    .label-col {
        position: sticky;
        left: 0;
        z-index: 20;
        background-color: var(--col-dark-bg);
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    }

    .pricing-header {
        height: 140px;
    }

    .pricing-row {
        height: 60px;
    }

    .display-6 {
        font-size: 2rem;
    }

    .list-group-flush {
        margin: 0 !important;
    }

    .pricing-plan-section .pricing-title>h2 {
        margin-bottom: 20px;
    }
}

/* @media only screen and (max-width: 767px) {
    .pricing-plan-section .pricing-title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .pricing-plan-section .pricing-title {
        margin-bottom: 30px;
    }
} */

.accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: var(--text-navy);
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .125);
}

.list-group-item {
    padding: 0.75rem 1rem;
}

#collapseAdvanced .accordion-body>div:first-child {
    background-color: #44B74A;
}

.list-group-flush>.list-group-item>span,
.list-group-flush>.list-group-item>small,
.list-group-flush>.list-group-item>strong {
    line-height: 1.5;
    font-size: 14px;
}

.accordion-item>h2>button {
    background-color: #fff !important;
}

.accordion-body>div:last-child>a {
    display: block !important;
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 1px;
}

/* Pricing Plan Section End */

/* Our Process CSS */
.our-process-section {
    background-color: var(--white);
}

.our-process-section .our-process-title>h2 {
    margin-bottom: 110px;
}

.our-process-section .our-process-boxes {
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    gap: 20px;
    counter-reset: item;
}

.our-process-section .our-process-boxes>div {
    padding: 40px 25px 25px;
    background-color: #0E4561;
    border-radius: 20px;
    position: relative;
    counter-increment: item;
}

.our-process-section .our-process-boxes>div:not(:first-child):after {
    content: '';
    position: absolute;
    background-image: url("/wp-content/uploads/2026/02/our-process-right-icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 82px;
    display: block;
    width: 100%;
    height: 37.5px;
    top: -64px;
    left: -52%;
}

.our-process-section .our-process-boxes>div:before {
    content: "0" counter(item);
    position: absolute;
    top: 0;
    bottom: auto;
    left: 25px;
    transform: translateY(-50%);
    background-color: #4DD354;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    padding: 6px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.our-process-section .our-process-boxes>div h3 {
    color: #4DD354;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.778;
}

.our-process-section .our-process-boxes .process-box.with-bg-light .our-process-icon {
    border-radius: 10px;
    border: 1px solid rgba(14, 69, 97, 0.00);
    background: linear-gradient(180deg, #F5FAF6 -9%, rgba(215, 231, 234, 0.00) 111%);
}

.our-process-section .our-process-boxes>div p {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}

.our-process-section .our-process-boxes>div.with-bg-light h3 {
    color: #2B9430;
}

.our-process-section .our-process-boxes>div.with-bg-light p {
    color: #565656;
}

.our-process-section .our-process-boxes .process-box.with-bg-light {
    background-color: #D7E7EA;
}

.our-process-section .our-process-boxes .our-process-icon {
    width: 100%;
    max-width: 50px;
    margin-right: auto;
    text-align: center;
    align-content: center;
    aspect-ratio: 1/1;
    padding: 9px;
    border-radius: 10px;
    border: 1px solid rgba(77, 211, 84, 0.00);
    margin-bottom: 30px;
    background: linear-gradient(180deg, #135373 -100%, rgba(215, 231, 234, 0.00) 95%);
}

.our-process-section .our-process-boxes .only-img.our-process-icon {
    padding: 0;
    border: none;
    background: transparent;
}

.our-process-section .our-process-boxes .only-img.our-process-icon>img {
    width: 100%;
    max-width: 22px;
}

.our-process-section .our-process-boxes .only-img.our-process-icon>img {
    max-width: 50px;
}

@media only screen and (max-width: 1199px) {
    .our-process-section .our-process-boxes {
        gap: 14px;
    }

    .our-process-section .our-process-boxes>div {
        padding: 30px 18px 18px;
    }

    .our-process-section .our-process-boxes>div p {
        line-height: 1.5;
    }

    .our-process-section .our-process-boxes .our-process-icon {
        margin-bottom: 12px;
    }

    .our-process-section .our-process-boxes>div:not(:first-child):after {
        content: unset;
    }

    .our-process-section .our-process-title>h2 {
        margin-bottom: 30px;
    }

    .our-process-section .our-process-boxes {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

    .our-process-section .our-process-boxes>div:last-child {
        grid-column: 1 / -1;
    }
}

@media only screen and (max-width: 540px) {
    .our-process-section .our-process-boxes {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Our Process CSS END */

/* Top Rated Digital Marketing Agency Section CSS */

.marketing-agency-section .trd-col-main {
    grid-template-columns: repeat(2, 1fr);
    gap: 78px;
}

.marketing-agency-section .marketing-agency-title>h2 {
    margin-bottom: 26px;
}

.marketing-agency-section .marketing-agency-title>p {
    color: #565656;
    width: 100%;
    max-width: 571px;
    margin-right: auto;
    margin-bottom: 40px;
}

.marketing-agency-section .trd-btn-seprate>a {
    padding-top: 9px;
    padding-bottom: 9px;
}

.marketing-agency-section .trd-col-right .trd-list-main .trd-list-item {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 11px 5px 36px 0 rgba(0, 0, 0, 0.07);
    width: 100%;
    max-width: 407px;
    margin-right: auto;
    align-items: start;
}

.marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div {
    padding-left: 20.5px;
    margin-left: 24px;
    position: relative;
}

.marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    background-color: #D7E7EA;
    top: -20px;
    left: 0;
}

.marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div>h4 {
    color: #1D2930;
    font-family: Montserrat;
    font-size: 38px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 3px;
}

.marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div>p {
    color: #565656;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.778;
    margin: 0;
    text-align: left;
}

.marketing-agency-section .trd-col-right .trd-list-main .trd-list-item:not(:last-child) {
    margin-bottom: 30px;
}

.trd-col-main .trd-col-right {
    position: relative;
    text-align: end;
}

.trd-col-main .trd-list-main {
    position: absolute;
    top: 51px;
    z-index: 1;
    left: -74px;
}

.trd-col-main .trd-col-right>div>img {
    border-radius: 20px;
    width: 100%;
    position: relative;
}

.trd-col-main .trd-col-right>div:first-child:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(000, 000, 000, 0.20);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 20px;
}

.trd-col-main .trd-col-right>div:first-child {
    position: relative;
    width: 100%;
    max-width: 572px;
    margin-left: auto;
}

@media only screen and (max-width: 1199px) {
    .marketing-agency-section .trd-col-main {
        gap: 100px;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>img {
        max-width: 56px;
    }
}

@media only screen and (max-width: 991px) {
    .marketing-agency-section .trd-col-main {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }

    .trd-col-main .trd-list-main {
        left: 0;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div>h4 {
        font-size: 26px;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div>p {
        font-size: 16px;
        line-height: 1.4;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>img {
        width: 100%;
        max-width: 54px;
    }

    .marketing-agency-section .marketing-agency-title>p {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .marketing-agency-section .marketing-agency-title>h2 {
        margin-bottom: 18px;
    }

    .marketing-agency-section .marketing-agency-title>p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .marketing-agency-section .trd-col-main {
        gap: 22px;
    }

    .trd-col-main .trd-list-main {
        position: unset;
        margin-top: 24px;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item {
        max-width: 100%;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>div>h4 {
        font-size: 18px;
    }

    .marketing-agency-section .trd-col-right .trd-list-main .trd-list-item>img {
        max-width: 46px;
    }
}

/* Top Rated Digital Marketing Agency Section CSS END */

/* Contact Us Section CSS */
.contact-us-section {
    background-color: #1D2930;
    position: relative;
    z-index: 1;
}

.contact-form .gform_heading h2 {
    color: #FFF;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.353;
    margin-bottom: 28px;
}

.ginput_container_checkbox #choice_10_7_1 {
    height: unset !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select[data-gtm-form-interact-field-id='0'],
.contact-form select[data-gtm-form-interact-field-id='1'] {
    color: #fff !important;
    background: transparent;
    font-size: 15px;
    border: 0;
    height: 50px;
    padding: 12px !important;
    border: 1px solid #4D5A62;
    border-radius: 12px;
}

.contact-form #input_10_4 {
    padding-left: 80px !important;
}

.contact-form input:focus {
    border-color: #2D3D46 !important;
    background-color: rgb(29, 41, 48) !important;
}

.contact-form .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 20px;
}

.contact-form select,
.contact-form .gform_wrapper.gravity-theme .gfield.gfield--width-full.form-note {
    color: rgba(255, 255, 255, 0.50) !important;
}

.contact-form .gform_wrapper.gravity-theme .gfield.gfield--width-full.form-note {
    font-size: 14px;
    line-height: 1;
}

.contact-form button.iti__selected-country .iti__selected-country-primary {
    padding-left: 12px !important;
}

.contact-form textarea::placeholder,
.contact-form .gform_wrapper.gravity-theme select {
    color: rgba(255, 255, 255, 0.50);
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    border: 1px solid #4D5A62;
    height: 50px;
    padding-left: 12px !important;
}

.contact-form textarea::placeholder {
    padding-left: 0 !important;
}

.contact-form .gform_wrapper.gravity-theme select {
    appearance: none;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.contact-form-main .gchoice label {
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.50);
}

.contact-form input::placeholder {
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.50);
    font-family: "Montserrat", sans-serif;
}

/* .contact-form input:focus {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
} */

.contact-form .gfield textarea::placeholder {
    border: none;
}

.contact-form .gfield_description {
    color: rgb(255 255 255 / .5) !important;
}

.contact-form .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 121px;
    resize: none;
}

.contact-us-section .contactus-img-main {
    padding-right: 114px;
}

.contact-form .gform_footer.top_label input {
    border-radius: 8px;
    background: #44B74A;
    color: #FFFAFA !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-right: auto;
    padding: 14px;
    border: 1px solid #44B74A;
    transition: all .5s;
    margin-bottom: 0 !important;
    width: 157px;
}

.contact-form .gform_footer.top_label {
    padding-top: 30px !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.contact-form .gform_footer.top_label input:hover {
    background: transparent;
}

.contact-form-main {
    padding: 50px;
    background-color: #2D3D46;
    border-radius: 20px;
}

.certifications-main>h4 {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
}

.certifications-main>span {
    display: block;
    width: 100%;
    max-width: 200px;
    height: 1px;
    background: linear-gradient(to right,
            rgba(68, 183, 74, 0.5) 0%,
            rgba(68, 183, 74, 0) 78.35%);
}

.certifications-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    margin-top: 73px;
}

.certifications-main>span:first-child {
    transform: rotate(180deg);
}

/* .contactus-img-main {
    position: relative;
    height: 100%;
}

.contactus-img-main:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -1.42%, #1B1B1B 100%);
} */

/* .contact-sub-img div {
    min-width: 91px;
    object-fit: cover;
    margin: 0 25px;
} */

.contact-sub-img div a {
    text-align: center;
    display: inline-block;
}

.contact-sub-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    margin-top: 51px;
    gap: 16px;
}

.contact-sub-img>div {
    width: fit-content;
}

.contact-sub-img-main .contact-sub-img img {
    width: 100%;
    max-width: 178px;
}

.contactus-img-main .contactus-img>img {
    border-radius: 20px;
}

.google-partner-main {
    display: flex;
    justify-content: center;
    gap: 42px;
    align-items: center;
    margin-top: 42px;
}

.google-partner-main div>img {
    width: 100%;
    max-width: 108px;
}

.contact-us-section .explore-line {
    border-color: rgba(255, 255, 255, 0.40);
}

.contact-form .gform_wrapper.gravity-theme select option {
    color: #333;
    background-color: #f8f8f8;
}

body .contact-form .gform_wrapper .gfield .iti .iti__selected-dial-code {
    color: rgba(255, 255, 255, 0.50) !important;
}

/* @media only screen and (max-width: 1366px) {
    .contact-us-section {
        margin-top: 100px;
    }
} */

@media only screen and (max-width: 1199px) {
    /* .contact-us-section {
        margin-top: 80px;
    } */

    .contact-us-section .row {
        padding: 20px;
    }

    .contact-form-main {
        padding: 26px;
    }

    .contact-form .gform_heading h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .contact-sub-img div {
        min-width: 80px;
        margin: 0 12px;
    }

    .contact-us-section .contactus-img-main {
        padding-right: 30px;
    }

    .certifications-main {
        margin-top: 24px;
    }

    .contact-sub-img {
        margin-top: 24px;
    }

    .google-partner-main {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .contact-sub-img div {
        min-width: 91px;
    }

    .contact-us-section .row {
        row-gap: 30px;
    }

    /* .contact-us-section {
        margin-top: 60px;
        padding: 42px 0;
    } */

    .contact-us-section .row .col.col-lg-6.col-12 {
        padding: 0;
    }

    .contact-form .gform_footer.top_label {
        padding-top: 18px !important;
    }

    .timeline-main-ctn {
        margin: 0;
    }
}

/* @media only screen and (max-width: 767px) {
    .contact-us-section {
        margin-top: 40px;
    }
} */

@media only screen and (max-width: 641px) {
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: normal !important;
    }
}

@media only screen and (max-width: 640px) {
    .contactus-img {
        grid-row-gap: 40px;
    }

    .contact-form .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 20px;
    }
}

@media only screen and (max-width: 520px) {
    .contactus-img {
        padding: 10px;
    }
}

@media only screen and (max-width: 480px) {
    /* .contact-us-section {
        margin-top: 30px;
    } */

    .contact-sub-img div {
        min-width: 56px;
        margin: 0 6px;
    }
}

/* Contact Us Section CSS END */

/* FAQ Section CSS */
.faq-section {
    background-image: url("/wp-content/uploads/2026/02/faq-bg-img.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.faq-section .faq-title>h2 {
    margin-bottom: 55px;
}

.faq-section .faq-title>h2>strong {
    text-transform: uppercase;
}

.faq-section .accordion.custom-accordion {
    width: 100%;
    max-width: 696px;
    margin: 0 auto;
}

.faq-section .accordion-item .accordion-header .accordion-button>p {
    margin: 0;
    width: 100%;
    max-width: 645px;
}

.faq-section .accordion-item .accordion-header .accordion-button {
    color: #565656;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.778;
    background-color: transparent !important;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 0;
    border-radius: 0 !important;
    padding-right: 0px;
    border-bottom: 1px solid #D7E7EA;
}

.faq-section .accordion-item .accordion-header .accordion-button::after {
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/wp-content/uploads/2026/02/faq-open-icon.svg);
}

.faq-section .accordion-item .accordion-body {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 0;
    width: 100%;
    max-width: 645px;
    color: #565656;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.778;
}

.faq-section .accordion-item .accordion-header {
    background-color: transparent !important;
}

.faq-section .accordion-item {
    background-color: transparent !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-right: 0;
    border-left: 0;
}

.faq-section .accordion.custom-accordion>.accordion-item:first-child>h2>button {
    padding-top: 0;
}

.faq-section .accordion.custom-accordion .accordion-item {
    border: 0;
}

@media only screen and (max-width: 1199px) {
    .faq-section .accordion-item .accordion-header .accordion-button {
        font-size: 16px;
        line-height: 1.5;
    }

    .faq-section .accordion-item .accordion-body {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .faq-section .faq-title>h2 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-section .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
        gap: 6px;
    }

    .faq-section .accordion-item .accordion-body {
        font-size: 14px;
    }
}

/* FAQ Section CSS END */

.explore-heading h2 {
    color: #202020;
    font-size: 48px;
    line-height: 125%;
    font-weight: 500;
    margin-bottom: 12px
}

.explore-heading p {
    color: #565656;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    width: 100%;
    max-width: 957px;
    margin: 0 auto
}

.explore-heading {
    margin-bottom: 64px
}

.explore-heading-main h2 span {
    color: #44B74A
}

.project-name h3 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    margin: 20px 0 0
}

.project-img-main img {
    margin: 0 auto;
    background: #FEF4EB;
    border-radius: 16px;
    width: 100%
}

.project-img-main {
    padding: 15px 15px 24px 15px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #D7E7EA;
}

/*.explore-section {*/
/*    border-radius: 0 0 64px 64px;*/
/*    background: linear-gradient(180deg,#fff0 12.23%,#EEFAF1 52.16%,#F5FCFE 100%)*/
/*}*/

.explore-section .slick-dots {
    top: 100%;
    margin: 0;
    left: 50%;
    transform: translate(-50%, 50%)
}

.explore-section .slick-next.slick-arrow {
    background: #1D2930;
    padding: 30px;
    border-radius: 50%;
    position: absolute;
    right: -70px;
    z-index: 1
}

.explore-section .slick-next:before {
    position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2024/07/right-arrows.png);
    opacity: 1;
    width: 15px;
    display: inline-block;
    height: 15px;
    background-size: cover;
    background-position: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.explore-section .slick-prev.slick-arrow {
    background: #1D2930;
    padding: 30px;
    border-radius: 50%;
    position: absolute;
    left: -70px;
    z-index: 1
}

.explore-section .slick-prev:before {
    position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2024/07/right-arrows.png);
    opacity: 1;
    width: 15px;
    display: inline-block;
    height: 15px;
    background-size: cover;
    background-position: center center;
    top: 50%;
    transform: translate(-50%, -50%) rotate(260deg);
    left: 50%
}

.project-section .bsc-top {
    padding-bottom: 55px;
}

@media only screen and (max-width: 1480px) {
    .explore-section .slick-next.slick-arrow {
        padding: 16px;
        right: -10px
    }

    .explore-section .slick-prev.slick-arrow {
        padding: 16px;
        left: -10px
    }

    .explore-section {
        border-radius: 0 0 50px 50px
    }
}

@media only screen and (max-width: 1024px) {
    .explore-section {
        border-radius: 0 0 40px 40px
    }
}

@media only screen and (max-width: 991px) {
    .explore-section {
        padding: 42px 0
    }

    .explore-heading {
        margin-bottom: 28px
    }

    .explore-section .slick-initialized .slick-slide {
        padding-left: 0
    }

    .explore-heading h2 {
        font-size: 33px
    }
}

@media only screen and (max-width: 767px) {
    .explore-heading h2 {
        font-size: 26px
    }

    .explore-section {
        border-radius: 0 0 30px 30px
    }

    .project-img-main {
        padding: 10px 10px 15px 10px;
        border-radius: 12px
    }

    .project-name h3 {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 0 0
    }
}

@media only screen and (max-width: 480px) {
    .explore-section {
        border-radius: 0 0 20px 20px
    }
}

/* HDW Section CSS */
.hdw-section {
    background-color: var(--white);
}

.hdw-section .hdw-title>h2 {
    margin-bottom: 26px;
}

.hdw-section .hdw-title>p {
    width: 100%;
    max-width: 1058px;
    margin: 0 auto;
}

.hdw-section .hdw-title {
    margin-bottom: 55px;
}

.hdw-section .hdw-boxes-main {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
}

.hdw-section .hdw-boxes-main>div {
    padding: 20px 20px 30px;
    border: 1px solid #D7E7EA;
    border-radius: 20px;
}

.hdw-section .hdw-boxes-main>div img {
    border-radius: 30px;
}

.hdw-section .hdw-boxes-main>div h3 {
    color: #565656;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 9px;
    line-height: 1.2278;
}

.hdw-section .hdw-boxes-main>div div {
    margin-bottom: 28px;
}

.hdw-section .hdw-boxes-main>div p {
    margin: 0;
    color: #565656;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
}

@media only screen and (max-width: 1199px) {
    .hdw-section .hdw-boxes-main {
        gap: 20px;
    }

    .hdw-section .hdw-boxes-main>div {
        padding: 18px;
        border-radius: 18px;
    }

    .hdw-section .hdw-boxes-main>div img {
        border-radius: 18px;
    }

    .hdw-section .hdw-boxes-main>div h3 {
        font-size: 18px;
    }

    .hdw-section .hdw-boxes-main>div p {
        line-height: 1.55;
    }
}

@media only screen and (max-width: 991px) {
    .hdw-section .hdw-boxes-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .hdw-section .hdw-boxes-main>div:last-child {
        grid-column: 1 / -1;
    }

    .hdw-section .hdw-boxes-main>div img {
        width: 100%;
    }

    .hdw-section .hdw-title>h2 {
        margin-bottom: 20px;
        line-height: 1;
    }

    .hdw-section .hdw-title {
        margin-bottom: 30px;
    }
}

/* @media only screen and (max-width: 767px) {
    .hdw-section .hdw-title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .hdw-section .hdw-title {
        margin-bottom: 30px;
    }
} */

@media only screen and (max-width: 540px) {
    .hdw-section .hdw-boxes-main {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* HDW Section CSS END */

/* TVS section CSS */

.project-slider-main:not(.slick-initialized)>*:not(:first-child) {
    display: none !important
}

.tvs-section {
    background-color: #F5FAF6;
}

.project-slider-main {
    margin: 0;
}

.tvs-section .project-img-main {
    padding: 43px;
}

.project-name .review-row {
    flex-direction: column !important;
    justify-content: start !important;
    align-items: start;
}

.project-name .review-row .testimonials-desc>img {
    width: 100%;
    max-width: 115px;
    border-radius: 0;
    background-color: transparent;
    margin: 40px 0 34px;
}

.project-name .review-row .testimonials-desc>p {
    color: #565656;
    font-family: Montserrat;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
}

.tvs-section .tvs-title {
    padding-bottom: 55px;
}

.tvs-section .tvs-title>h2 {
    margin-bottom: 26px;
}

.tvs-section .tvs-title>p {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.tvs-section .project-name .review-row .client-name {
    display: flex;
    justify-content: start;
    gap: 18px;
}

.tvs-section .project-name .review-row .client-name .client-info span {
    font-size: 14px;
    line-height: 1;
}

.tvs-section .project-name .review-row .client-name .client-info {
    line-height: normal;
}

.tvs-section .project-name .review-row {
    gap: 0;
}

.tvs-section .project-img-main.video-layout {
    padding: 20px 20px 25px;
}

.tvs-section .project-name .review-row .client-name>div:first-child {
    flex: 0 0 60px;
}

.tvs-section .project-name .review-row .client-name>div:first-child>img {
    width: 100%;
    margin: 0;
    max-width: 60px;
    border-radius: 50%;
}

.tvs-section .project-name .review-row .solution-img-main img {
    border-radius: 30px;
    width: 100%;
    aspect-ratio: 413 / 230;
    object-fit: cover;
    max-width: 413px;
    margin: 0 auto;
}

.testimonials-desc.spacing-ctn {
    margin-bottom: 22px;
}

@media only screen and (max-width: 1199px) {
    .tvs-section .project-img-main {
        padding: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .project-name .review-row .testimonials-desc>img {
        margin: 18px 0;
    }

    .tvs-section .project-name .review-row .client-name {
        gap: 12px;
    }

    .tvs-section .project-name .review-row .client-name>div:first-child>img {
        max-width: 44px;
    }

    .tvs-section .project-name .review-row .client-name>div:first-child {
        flex: 0 0 44px;
    }
}

/* TVS section CSS END */

/**/
.timeline-section {
    /* margin: -66px 0 0 0; */
}

.calendly-inline-widget {
    max-height: 698px;
    min-height: 698px;
    height: 100%;
    width: 100%;
    margin-top: -66px;
}

.timeline-main-ctn {
    border-radius: 20px;
    background: #0D3D54;
    padding: 60px;
    /* margin: 66px 0 0 0; */
}

.timeline-img {
    gap: 30px;
    color: #FFFFFF;
    margin: 0 0 50px 0;
}

.user-info-text span img {
    margin-right: 20px;
}

.user-info-text h3 {
    margin: 10px 0 0 0;
}

.user-info-text span {
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: start;
}

.user-info-text h3 {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.user-info-text h3 strong {
    font-weight: 700;
}

.timeline-prgh h4 {
    color: #4DD354;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 18px 0;
}

.timeline-prgh p {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin: 0 0 22px 0;
}

.timeline-bottom {
    gap: 16px;
    margin: 50px 0 0 0;
}

.timeline-bottom-icon span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.timeline-bottom-icon a {
    color: #4DD354;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.timeline-img>img {
    flex: 0 0 152px;
    width: 100%;
    max-width: 152px;
    flex-basis: auto !important;
    object-fit: cover;
    object-position: center center;
}

.timeline-bottom svg {
    flex: 0 0 64px;
    flex-basis: auto;
    max-width: 64px;
}

@media only screen and (max-width: 1530px) {
    .calendly-inline-widget {
        max-height: 100%;
        height: 100%;
        /* border: 1px solid rgb(238 238 238); */
        /* border-radius: 64px; */
        overflow: hidden;
        display: flex
    }
}

@media only screen and (max-width: 1499px) {
    .calendly-inline-widget {
        margin: 0;
        border: 1px solid rgb(238 238 238);
    }
}

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

    .user-info-text span,
    .user-info-text h3 {
        font-size: 32px;
    }

    .timeline-main-ctn {
        padding: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .calendly-inline-widget {
        border-radius: 38px
    }

    .timeline-img>img {
        flex: 0 0 100px;
        max-width: 100px;
    }

    .timeline-img {
        gap: 24px;
    }

    .timeline-prgh h4 {
        font-size: 30px;
        margin: 0 0 12px 0;
    }

    .timeline-prgh p,
    .timeline-bottom-icon a {
        font-size: 18px;
    }

    .timeline-bottom {
        margin: 40px 0 0 0;
    }

    .timeline-img {
        margin: 0 0 40px 0;
    }

    .timeline-main-ctn {
        padding: 40px;
    }
}

@media only screen and (max-width: 991px) {
    .calendly-inline-widget {
        height: 698px;
        border-radius: 0;
        border: 0
    }

    .user-info-text span,
    .user-info-text h3 {
        font-size: 32px;
    }

    .timeline-prgh h4 {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    .timeline-bottom {
        margin: 30px 0 0 0;
    }

    .timeline-img {
        margin: 0 0 30px 0;
    }
}

@media only screen and (max-width: 767px) {
    .timeline-main-ctn {
        padding: 30px;
    }

    .timeline-prgh p {
        font-size: 16px;
    }

    .timeline-bottom {
        gap: 10px;
    }

    .timeline-bottom {
        gap: 10px;
    }

    .timeline-bottom-icon span {
        font-size: 12px;
    }

    .timeline-bottom-icon a {
        font-size: 14px;
    }

    .timeline-img>img {
        max-width: 80px;
        flex: 0 0 80px;
    }

    .timeline-bottom svg {
        flex: 0 0 36px;
        max-width: 36px;
        height: 36px;
    }

    .calendly-inline-widget {
        margin-top: 40px;
        height: 602px;
        min-height: auto;
        border: 1px solid rgb(238 238 238);
        border-radius: 64px
    }

    .user-info-text span,
    .user-info-text h3 {
        font-size: 20px;
    }

    .timeline-img {
        gap: 18px;
        margin-bottom: 16px;
    }

    .timeline-prgh h4 {
        font-size: 20px;
    }

    .timeline-bottom {
        margin: 24px 0 0 0;
    }

    .user-info-text span img {
        width: 100%;
        max-width: 30px;
        margin-right: 8px;
    }
}

@media only screen and (max-width: 460px) {
    .contact-sub-img {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-sub-img>div:last-child {
        grid-column: 1 / -1;
        min-width: 100%;
        text-align: center;
    }

    .contact-sub-img>div:last-child img {
        max-width: 105px;
    }
}

/**/

/* BDR Section CSS */
.bdr-section {
    background-image: url("/wp-content/uploads/2026/02/bdr-bg-img.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.bdr-section .bdr-title>h2 {
    width: 100%;
    max-width: 896px;
    margin: 0 auto 55px;
}

.bdr-section .bdr-boxes-main {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    gap: 60px;
}

.bdr-section .bdr-boxes-main>div {
    padding: 40px;
}

.bdr-section .bdr-boxes-main>div>ul {
    padding: 0;
    margin: 0;
}

.bdr-section .bdr-boxes-main>div h4 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.211;
    margin-bottom: 60px;
}

.bdr-section .bdr-boxes-main>div>ul>li {
    color: #DDD;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.778;
    padding-left: 28px;
    position: relative;
}

.bdr-section .bdr-boxes-main>div>ul>li:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url("/wp-content/uploads/2026/02/bdr-list-tic-icon.svg");
    width: 100%;
    height: 17px;
    max-width: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    left: 0;
    right: auto;
    top: 8px;
    bottom: auto;
}

.bdr-section .bdr-boxes-main>div>ul>li.green-tic:before {
    background-image: url("/wp-content/uploads/2026/02/bdr-list-close-icon.svg");
}

.bdr-section .bdr-boxes-main>div>ul>li:not(:last-child) {
    margin-bottom: 20px;
}

.bdr-section .bdr-boxes-main .bdr-box.bdr-box-bgImg {
    background-image: url("/wp-content/uploads/2026/02/bdr-box-bg-img.svg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    background-position: top center;
}

.bdr-section .bdr-boxes-main .bdr-box.bdr-box-bgImg ul>li {
    color: #565656;
}

.bdr-section .bdr-boxes-main>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (max-width: 1399px) {
    .bdr-section .bdr-boxes-main>div {
        padding: 30px;
    }

    .bdr-section .bdr-boxes-main {
        gap: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .bdr-section .bdr-boxes-main>div h4 {
        margin-bottom: 46px;
        font-size: 22px;
    }

    .bdr-section .bdr-boxes-main {
        gap: 20px;
    }

    .bdr-section .bdr-boxes-main>div {
        padding: 20px;
    }

    .bdr-section .bdr-boxes-main>div>ul>li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .bdr-section .bdr-boxes-main>div h4 {
        margin-bottom: 20px;
    }

    .bdr-section .bdr-boxes-main .bdr-box.bdr-box-bgImg>div {
        margin-bottom: 20px;
    }

    .bdr-section .bdr-boxes-main {
        grid-template-columns: repeat(1, 1fr);
        gap: 6px;
    }

    .bdr-section .bdr-boxes-main>div>ul>li:not(:last-child) {
        margin-bottom: 12px;
    }

    .bdr-section .bdr-title>h2 {
        margin-bottom: 10px;
    }
}

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

/* BDR Section CSS END */

/* Slider tabing section CSS */
.darg-bg-slider {
    background-image: url('/wp-content/uploads/2026/02/slider-bg.webp');
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 83px;
    justify-content: space-between;
    background-position: right bottom;
}

.feature-list .feature-item:not(:last-child) {
    margin-bottom: 25px;
}

.slider-section .text-content>h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 38px;
}

.marquee-container-wrapper {
    position: relative;
    height: 546px;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
}

.marquee-container-wrapper::after,
.marquee-container-wrapper::before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 229px;
    z-index: 1;
    pointer-events: none;
}

.marquee-container-wrapper::before {
    top: 0;
    background: linear-gradient(178.97deg, rgba(29, 41, 48, 0) -0.53%, rgba(29, 41, 48, 0.295583) 18.68%, #1D2930 89.18%);
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.marquee-container-wrapper::after {
    bottom: 0;
    background: linear-gradient(179.34deg, rgba(29, 41, 48, 0) 8.63%, rgba(29, 41, 48, 0.295583) 32.38%, #1D2930 89.44%);
}

.marquee-group {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.marquee-group.active {
    opacity: 1;
}

.marquee-vertical {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.marquee-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.marquee-up .marquee-content {
    animation: scrollUp 20s linear infinite;
}

.marquee-down .marquee-content {
    animation: scrollDown 22s linear infinite;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }

    /* Assumes content is duplicated 1x */
}

@keyframes scrollDown {
    0% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}

.logo-card {
    background-color: #FFFFFF;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    color: #000;
    width: 100%;
}

.feature-item {
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: #1D2930;
    gap: 12px;
    padding: 24.5px 40px;
}

.feature-item.active img {
    filter: brightness(0.4);
}

.feature-item.active {
    background-color: #44B74A;
}

.feature-item i {
    transition: all 0.3s ease;
}

.slider-section .feature-item img {
    width: 100%;
    max-width: 48px;
    object-fit: cover;
    object-position: center center;
}

.feature-list .feature-item>span {
    color: #FFF;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2278;
}

@media only screen and (max-width: 1199px) {
    .slider-section .text-content>h2 {
        font-size: 30px;
    }

    .darg-bg-slider {
        padding: 40px;
    }
}

@media only screen and (max-width: 991px) {
    .slider-section .container>.row {
        flex-direction: column-reverse;
        row-gap: 30px;
        padding: 20px;
    }

    .feature-item {
        padding: 16px 20px;
        border-radius: 16px;
    }

    .feature-list .feature-item>span {
        font-size: 20px;
    }

    .slider-section .feature-item img {
        max-width: 40px;
    }

    .slider-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .slider-section .text-content>h2 {
        margin-bottom: 18px;
        font-size: 24px;
    }

    .slider-section #marquee-themes .row {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .slider-section .feature-item img {
        max-width: 34px;
    }

    .feature-item {
        padding: 12px 18px;
    }

    .feature-list .feature-item>span {
        font-size: 16px;
    }
}

/* Slider tabing END */
/**/
.why_choose_dark_btn>div {
    border-radius: 20px;
    border: 1px solid #576E72;
    background: #D7E7EA;
    padding: 16px 20px 15px;
    gap: 14px;
    color: #1D2930;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    width: max-content;
    position: relative;
}

.why_choose_dark_btn>div:not(:last-child) {
    margin: 0 0 20px 0;
}

.why_choose_dark_btn {
    position: absolute;
    top: 58%;
    left: 82px;
}

.why_choose_dark_gallery {
    position: relative;
}

.why_choose_dark_btn>div.btn-one {
    left: 23.534%;
}

.why_choose_dark_btn>div.btn-two {
    left: 75%;
}

.why_choose_dark_btn>div.btn-three {
    left: 43%;
}

.why_choose_dark_btn>div.btn-four {
    left: 69.5%;
}
.digital-marketing .why_choose_dark_btn>div.btn-one {
    left: 66%;
}
.digital-marketing .why_choose_dark_btn>div.btn-two {
    left: 38%;
}
.digital-marketing .why_choose_dark_btn>div.btn-three {
    left: 66%;
}
@media only screen and (max-width: 1400px) {
    .why_choose_dark_btn {
        top: 44%;
        left: 0;
    }

    .why_choose_dark_btn>div.btn-one {
        left: 13.534%;
    }

    .why_choose_dark_btn>div.btn-two {
        left: 65%;
    }

    .why_choose_dark_btn>div.btn-three {
        left: 33%;
    }

    .why_choose_dark_btn>div.btn-four {
        left: 59.5%;
    }
    .digital-marketing .why_choose_dark_btn>div.btn-one {
        left: 62%;
    }
    .digital-marketing .why_choose_dark_btn>div.btn-two {
        left: 35%;
    }
    .digital-marketing .why_choose_dark_btn>div.btn-three {
        left: 62%;
    }
}

@media only screen and (max-width: 1200px) {
    .why_choose_dark_btn {
        top: 40%;
    }

    .why_choose_dark_btn>div.btn-one {
        left: 10%;
    }

    .why_choose_dark_btn>div.btn-two {
        left: 35%;
    }

    .why_choose_dark_btn>div.btn-three {
        left: 25%;
    }

    .why_choose_dark_btn>div.btn-four {
        left: 40%;
    }

    .why_choose_dark_btn>div {
        font-size: 18px;
    }

    .why_choose_dark_btn>div:not(:last-child) {
        margin: 0 0 16px 0;
    }
    .digital-marketing .why_choose_dark_btn {
        top: 34%;
    }
    .digital-marketing .why_choose_dark_btn>div.btn-one {
        left: 52%;
    }
    .digital-marketing .why_choose_dark_btn>div.btn-two {
        left: 25%;
    }
    .digital-marketing .why_choose_dark_btn>div.btn-three {
        left: 48%;
    }
}

@media only screen and (max-width: 991px) {
    .why_choose_dark_btn {
        position: relative;
        top: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .why_choose_dark_btn>div {
        left: auto !important;
        width: 100%;
        padding: 15px;
        gap: 8px;
        font-size: 16px;
        line-height: 1.5;
    }

    .why_choose_dark_btn>div:not(:last-child) {
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .why_choose_dark_btn {
        grid-template-columns: 1fr;
    }

    .why_choose_dark_btn>div {
        width: max-content;
        gap: 12px;
    }
}

/**/
/* footer-section-CSS */
.footer-site-logo a {
    display: inline-block;
    vertical-align: middle;
}

.footer-logos-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto 26.1px;
}

.footer-social-icon ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 21.33px;
}

.tps-footer {
    background: linear-gradient(105deg, rgba(222, 241, 226, 0.50)0%, rgba(225, 241, 245, 0.50)105.01%);
    padding: 48px 0 61px;
}

.menu-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 66px;
    padding: 0;
    margin: 0;
}

.menu-list ul li a {
    color: #000;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.menu-list {
    margin: 40px 0;
}

.menu-list ul li.active-menu a {
    color: #44B74A;
}

.copyright-ctn-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    padding-top: 16px;
}

.made-by-tps {
    display: flex;
    align-items: center;
    justify-content: center;
}

.made-by-tps p {
    display: flex;
    align-items: center;
    column-gap: 8px;
    justify-content: center;
    position: relative;
    padding-right: 10px;
    margin-right: 12px;
    margin-bottom: 0;
    color: #000;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.made-by-tps p:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 30px;
    background: #000;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.made-by-tps p a img {
    object-fit: cover;
    display: block;
}

.copyright-ctn {
    color: #202020;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}

.copyright-ctn a {
    color: #202020;
}

@media only screen and (max-width: 991px) {
    .menu-list ul {
        column-gap: 16px;
    }

    .menu-list ul li a {
        font-size: 18px;
    }

    .copyright-ctn-main {
        flex-direction: column;
        row-gap: 12px;
    }

    .tps-footer {
        padding: 42px 0;
    }
}

@media only screen and (max-width: 767px) {
    .footer-logos-main {
        flex-direction: column;
        row-gap: 26px;
        justify-content: center;
    }

    .menu-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }

    .menu-list ul li {
        text-align: center;
    }

    .footer-logos-main {
        margin-bottom: 20px;
    }

    .menu-list {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 480px) {
    .menu-list ul {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 16px;
    }
}

@media only screen and (max-width: 380px) {
    .made-by-tps {
        flex-direction: column;
    }
}

body .contact-form .gform_wrapper h2.gform_title {
    display: none !important;
}

/* modal-CSS */
.footer-form .modal-header h2 {
    color: #fff;
}

.footer-form .modal-header .btn-close {
    background-color: #FFFFFF !important;
}

.footer-form .modal-header .btn-close:hover {
    background-color: #FFFFFF !important;
}

.modal-body-main {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: start;
    row-gap: 16px;
}

.footer-form .modal-content {
    padding: 12px;
    background: #323C41;
}

.modal-body-main .contact-form-main {
    padding: 0 16px 16px;
}

.footer-form .modal .modal-dialog {
    max-width: 720px;
}

.footer-form .modal-content,
.modal-header,
.modal-footer {
    border: 0;
}

/*Header Video Modal start*/
.video-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 60px;
}

/* Modal content */
.video-modal .modal-content {
    margin: 5% auto;
    width: 80%;
    max-width: 700px;
    background: transparent;
    border: none;
}

/* Close button */
.video-modal .close {
    color: #FFFFFF;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}

.video-modal .close:hover,
.video-modal .close:focus {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    cursor: pointer;
}

/* Video container */
.video-modal .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    overflow: hidden;
}

.video-modal .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*End*/

/*.contact-form .gform_wrapper.gravity-theme .gform_validation_errors{
    padding: 0 0 0 48px;
    border: 0;
    line-height: 30px;
    margin: 0;
    background: transparent;
}*/
.contact-form .gform_wrapper.gravity-theme .gfield_validation_message,
.contact-form .gform_wrapper.gravity-theme .validation_message {
    background: transparent;
    border: 0;
    font-size: 12px !important;
    margin-block-start: 0;
    padding: 0;
}

.contact-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

/*cookie*/
#cookie-widgets {
    background-color: #f1f1f1;
    padding: 10px 10vw;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 99999;
}

#cookie-widgets #cookie-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: 20px;
}

#cookie-widgets p {
    margin: 0;
    color: #202020;
    font-weight: 500;
}

#cookie-widgets button {
    background-color: #44B74A;
    color: #FFFFFF;
    border: none;
    padding: 8px 30px;
    cursor: pointer;
    line-height: 32px;
    border-radius: 4px;
    font-weight: 500;
}

@media only screen and (max-width: 1199px) {
    #cookie-widgets {
        padding: 10px 15vw 10px 10vw;
    }
}

@media only screen and (max-width: 991px) {
    #cookie-widgets {
        padding: 10px 15vw 10px 30px;
    }
}

@media only screen and (max-width: 767px) {
    #cookie-widgets {
        padding: 15px 20vw 15px 15px;
    }

    #cookie-widgets #cookie-banner {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

/*cookie End*/


/* ============================
   SEO Agency Section
   ============================ */
.seo-digital-marketing .text-title {
    max-width: 1090px !important;
}

.seo-section {
    background-color: #1D2930;
}

.stats-row {
    padding: 60px 0;
    border-bottom: 0px solid rgba(255, 255, 255, 0.10);
}

.stat-item {
    position: relative;
    padding: 0 15px;
}

.stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -12.5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    font-weight: 700;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0608 0.415263L14.9402 6.57918C15.1906 7.40023 15.639 8.14713 16.246 8.75403C16.8529 9.36099 17.5998 9.80941 18.4208 10.0598L24.5847 11.9392C25.1384 12.1081 25.1384 12.8918 24.5847 13.0608L18.4208 14.9402C17.5998 15.1906 16.8529 15.639 16.246 16.246C15.639 16.8529 15.1906 17.5998 14.9402 18.4208L13.0605 24.5847C12.8916 25.1384 12.1079 25.1384 11.9389 24.5847L10.0595 18.4208C9.80912 17.5998 9.36076 16.8529 8.7538 16.246C8.14684 15.639 7.4 15.1906 6.57895 14.9402L0.415263 13.0605C-0.138421 12.8916 -0.138421 12.1079 0.415263 11.9389L6.57918 10.0595C7.40023 9.80912 8.14713 9.36076 8.75403 8.7538C9.36099 8.14684 9.80941 7.4 10.0598 6.57895L11.9395 0.415263C12.1084 -0.138421 12.8918 -0.138421 13.0608 0.415263Z' fill='%234DD354'/%3E%3C/svg%3E%0A");
    width: 25px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 15px 0;
    background-position-y: 15px;
    background-color: #1D2930;
    z-index: 1;
}

.stat-item:not(:last-child)::before {
    position: absolute;
    content: '';
    background: rgba(255, 255, 255, 0.10);
    width: 1px;
    height: 100%;
    right: -0.5px;
    z-index: 1;
    top: 0;
    bottom: 0;
}

.stat-number {
    font-size: 85px;
    font-weight: 300;
    color: #4DD354;
    line-height: 1.364;
    margin-bottom: 10px;
    max-width: 218px;
    margin-inline: auto;
}

.stat-number span {
    color: #FFFFFF;
    font-weight: 500;
}

.stat-label {
    color: #FFFFFF;
    text-transform: capitalize;
    max-width: 218px;
    margin-inline: auto;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;
}

.content-row {
    padding-top: 28px;
    align-items: center;
}

.image-wrapper {
    position: relative;
    border-radius: 20px;
    max-width: 100%;
    padding-right: 35px;
    margin-right: 56px;
}

.image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.image-overlay-card {
    position: absolute;
    bottom: 26px;
    right: -4px;
    padding: 10px;
    width: 126px;
    backdrop-filter: blur(5px);
    z-index: 2;
    border-radius: 15px;
    background: #D7E7EA;
    box-shadow: 0 4px 30px 0 rgb(0 0 0 / .2);
}

.overlay-stat {
    color: #000000;
    font-weight: 700;
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.overlay-stat>span {
    line-height: 17px;
}

.overlay-label>span {
    line-height: 15px;
}

.chart-mini {
    height: 65px;
    background-image: url("data:image/svg+xml,%3Csvg width='107' height='65' viewBox='0 0 107 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M105.875 64.9932H82.165V64.9941H63.1895V64.999H48.4609V33.1875L63.1875 32.1895L82.1641 8.65723V8.65625L105.875 0.845703V64.9932ZM48.46 64.9912H37.8213V64.9932H23.3643L23.3604 62.9688V64.9912H1.89551L1.88086 53.1855L23.3086 36.1973V36.1504L23.3525 36.1621L23.3604 36.1572V36.1641L37.8203 40.1318V40.1309L48.46 33.1865V64.9912Z' fill='url(%23paint0_linear_488_27198)' style='mix-blend-mode:multiply'/%3E%3Cpath d='M1.23136 53.8835L0.998047 53.713L23.3209 36.0163L37.7313 39.9479L48.566 33.0676L63.0756 32.0272L82.1086 8.5681L105.814 0.731445L105.942 0.957247L82.3332 8.76291L63.2651 32.2618L48.6973 33.3045L37.7954 40.2269L23.4084 36.3019L1.23136 53.8835Z' fill='%231D2930'/%3E%3Cpath d='M23.9955 36.0639C23.9614 36.6159 23.488 37.0344 22.9361 36.9978C22.3867 36.9638 21.9656 36.4903 22.0022 35.9384C22.0362 35.3865 22.5097 34.9679 23.0616 35.0019C23.6135 35.0359 24.0321 35.5094 23.9981 36.0613L23.9955 36.0639Z' fill='%23369938'/%3E%3Cpath d='M38.9955 40.0639C38.9614 40.6159 38.488 41.0344 37.9361 40.9978C37.3867 40.9638 36.9656 40.4903 37.0022 39.9384C37.0362 39.3865 37.5097 38.9679 38.0616 39.0019C38.6135 39.0359 39.0321 39.5094 38.9981 40.0613L38.9955 40.0639Z' fill='%23369938'/%3E%3Cpath d='M49.9955 33.0639C49.9614 33.6159 49.488 34.0344 48.9361 33.9978C48.3867 33.9638 47.9656 33.4903 48.0022 32.9384C48.0362 32.3865 48.5097 31.9679 49.0616 32.0019C49.6135 32.0359 50.0321 32.5094 49.9981 33.0613L49.9955 33.0639Z' fill='%23369938'/%3E%3Cpath d='M63.9955 32.0639C63.9614 32.6159 63.488 33.0344 62.9361 32.9978C62.3867 32.9638 61.9656 32.4903 62.0022 31.9384C62.0362 31.3865 62.5097 30.9679 63.0616 31.0019C63.6135 31.0359 64.0321 31.5094 63.9981 32.0613L63.9955 32.0639Z' fill='%23369938'/%3E%3Cpath d='M82.9955 9.06394C82.9614 9.61587 82.488 10.0344 81.9361 9.99777C81.3867 9.96376 80.9656 9.49031 81.0022 8.93838C81.0362 8.38645 81.5097 7.96793 82.0616 8.00193C82.6135 8.03594 83.0321 8.50939 82.9981 9.06132L82.9955 9.06394Z' fill='%23369938'/%3E%3Cpath d='M106.995 1.06394C106.961 1.61587 106.488 2.03439 105.936 1.99777C105.387 1.96376 104.966 1.49031 105.002 0.938382C105.036 0.386453 105.51 -0.0320714 106.062 0.00193374C106.614 0.0359388 107.032 0.509391 106.998 1.06132L106.995 1.06394Z' fill='%23369938'/%3E%3Cpath d='M2.22744 53.8526C2.18953 54.3174 1.66164 54.6739 1.04626 54.6429C0.430881 54.6141 -0.0357583 54.2134 0.00215605 53.7463C0.0400704 53.2792 0.567956 52.925 1.18334 52.956C1.79872 52.9848 2.26535 53.3855 2.22452 53.8526H2.22744Z' fill='url(%23paint1_linear_488_27198)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_488_27198' x1='65.9988' y1='65' x2='69.2492' y2='-12.3845' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D7E7EA' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231D2930'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_488_27198' x1='0.0207003' y1='53.7371' x2='2.23837' y2='53.9183' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.13' stop-color='%23B3F6FD'/%3E%3Cstop offset='1' stop-color='%23B6FBFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    margin: 0 0 12px 0;
}

.overlay-label {
    color: #000000;
    font-size: 0.75rem;
    font-weight: 600;
}

.seo-section .text-title {
    max-width: 900px;
    margin-inline: auto;
}

@media (min-width: 992px) {
    .stat-item:not(:first-child) {
        padding-left: 26px;
    }

    .stat-item:not(:last-child) {
        padding-right: 26px;
    }

    .stat-item:not(:first-child, :last-child) {
        width: 27.5%;
    }

    .stat-item:first-child,
    .stat-item:last-child {
        width: 22.5%;
    }

    .stat-item:first-child .stat-number,
    .stat-item:first-child .stat-label {
        margin-left: 0;
    }

    .stat-item:last-child .stat-number,
    .stat-item:last-child .stat-label {
        margin-right: 0;
    }
}

@media (max-width: 1366.98px) {
    .stat-number {
        font-size: 60px;
    }
}

@media (max-width: 991.98px) {
    .stat-number {
        font-size: 48px;
    }

    .stats-row {
        padding: 50px 0;
    }

    .image-overlay-card {
        right: 15px;
        bottom: 15px;
        width: 140px;
        padding: 15px;
    }

    .chart-mini {
        height: 40px;
    }

    .stat-label {
        font-size: 18px;
    }

    .stat-item:not(:last-child)::after,
    .stat-item:not(:last-child)::before {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .stats-row {
        padding: 40px 0 10px;
    }

    .stat-item {
        text-align: center;
        margin-bottom: 30px;
    }

    .content-row {
        text-align: center;
        padding-top: 0;
    }

    .image-wrapper {
        margin-right: 0;
    }

    .image-overlay-card {
        right: 10px;
        bottom: 10px;
    }

    .stat-label {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .stat-number {
        font-size: 36px;
    }

    .stats-row {
        padding: 30px 0 0;
    }

    .image-overlay-card {
        width: 120px;
        padding: 10px;
        right: 5px;
        bottom: 5px;
    }

    .overlay-stat {
        font-size: 0.7rem;
    }

    .overlay-label {
        font-size: 0.65rem;
    }
}

/* ============================
   Revenue Section
   ============================ */
.revenue-section {
    background-color: #ffffff;
    color: #1a202c;
}

.revenue-description {
    color: #565656;
    line-height: 1.77;
    margin: 0 0 50px 0;
}

.revenue-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: -30px;
}

.revenue-item {
    padding: 30px;
    position: relative;
    border-color: #D7E7EA;
}

.revenue-item:nth-child(1) {
    border-right: 1px solid #D7E7EA;
    border-bottom: 1px solid #D7E7EA;
}

.revenue-item:nth-child(2) {
    border-bottom: 1px solid #D7E7EA;
}

.revenue-item:nth-child(3) {
    border-right: 1px solid #D7E7EA;
}

.revenue-item-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 30px;
    color: #565656;
    line-height: 1.77;
    gap: 15px;
    display: flex;
}

.revenue-item-title span {
    color: #0D3D54;
    width: 27px;
    text-align: center;
}

.revenue-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0 42px;
}

.revenue-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.22;
    color: #565656;
}

.revenue-list li:last-child {
    margin: 0;
}

.revenue-list li::before {
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 4px;
    background: #44B74A;
    border-radius: 100%;
}

.revenue-section .default-btn {
    padding: 9px 44px 9px 34px;
}

@media (max-width: 991.98px) {
    .revenue-description {
        margin: 0 0 40px 0;
    }

    .revenue-list li {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .revenue-grid .revenue-item::after {
        position: absolute;
        content: '';
        top: calc(100% - 14px);
        left: calc(100% - 14px);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M15.673 0.498316L17.9283 7.89502C18.2287 8.88028 18.7668 9.77656 19.4952 10.5048C20.2234 11.2332 21.1197 11.7713 22.1049 12.0717L29.5017 14.327C30.1661 14.5298 30.1661 15.4702 29.5017 15.673L22.1049 17.9283C21.1197 18.2287 20.2234 18.7668 19.4952 19.4952C18.7668 20.2234 18.2287 21.1197 17.9283 22.1049L15.6726 29.5017C15.4699 30.1661 14.5295 30.1661 14.3267 29.5017L12.0714 22.1049C11.7709 21.1197 11.2329 20.2234 10.5046 19.4952C9.77621 18.7668 8.88 18.2287 7.89474 17.9283L0.498316 15.6726C-0.166105 15.4699 -0.166105 14.5295 0.498316 14.3267L7.89502 12.0714C8.88028 11.7709 9.77656 11.2329 10.5048 10.5046C11.2332 9.77621 11.7713 8.88 12.0717 7.89474L14.3274 0.498316C14.5301 -0.166105 15.4702 -0.166105 15.673 0.498316Z' fill='%23D7E7EA'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 30px;
        pointer-events: none;
        width: 30px;
        height: 30px;
        z-index: 1;
    }
}

@media (max-width: 767.98px) {
    .revenue-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .revenue-item {
        border-right: none !important;
        border-bottom: 1px solid #D7E7EA;
    }

    .revenue-item:last-child {
        border-bottom: none;
    }

    .revenue-description {
        margin: 0 0 30px 0;
    }
}