/*!
    Theme Name: cda-mobile
    Theme URI: http://underscores.me/
    Author: Underscores.me
    Author URI: http://underscores.me/
    Description: Description
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: LICENSE
    Text Domain: cda-website
    Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
    cda-website is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
    Underscores is distributed under the terms of the GNU GPL v2 or later.
    Normalizing styles have been helped along thanks to the fine work of
    Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
    */
    /*--------------------------------------------------------------
    >>> TABLE OF CONTENTS:
    ----------------------------------------------------------------
    # Normalize
    # Typography
    # Elements
    # Forms
    # Navigation
        ## Links
        ## Menus
    # Accessibility
    # Alignments
    # Clearings
    # Widgets
    # Content
        ## Posts and pages
        ## Comments
    # Infinite scroll
    # Media
        ## Captions
        ## Galleries
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    # Normalize
    --------------------------------------------------------------*/
    /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
    /* Document
         ========================================================================== */
    /**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     */
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&display=swap');

    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:wght@700&display=swap');

    .containers {
        max-width: 1640px;
        margin: 0 auto;
    }

    /* Smart Expo Styles  */

    .flexc {
        display: flex;
    }

    .flexcdir-rw {
        flex-direction: row;
    }

    .flexcdir-cl {
        flex-direction: column;
    }

    .justify-content-center {
        justify-content: center;
    }

    .justify-content-space-bw {
        justify-content: space-between;
    }

    .align-items-center {
        align-items: center;
    }

    .align-items-flex-start {
        align-items: flex-start;
    }

    .align-items-end {
        align-items: end;
    }

    .flex-grow-1 {
        flex: 1;
    }

    .fl-background-white {
        background: #ffffff;
    }

    .fl-ptbrl-3-1 {
        padding: 3rem 1rem;
    }

    .fl-ptb5lr0 {
        padding: 3rem 1rem;
    }

    .fl-ptb2 {
        padding: 2rem 0rem;
    }

    .fl-pt14 {
        padding-top: 14rem !important;
    }

    .fl-ptb2-ov {

        padding-top: 4rem !important;
        padding-bottom: 2rem !important;
    }

    .fl-ptrbl2 {
        padding: 2rem;
    }

    .fl-pr1p5 {
        padding-right: 1.5rem;
    }

    .fl-pl1p5 {
        padding-left: 1.5rem;
    }

    .fl-ptrbl5 {
        padding: 5rem;
    }


    .fl-ptrbl4 {
        padding: 4rem 6rem;
    }

    .fl-pt5 {
        padding-top: 5rem;
    }

    .fl-ptb0lr5 {
        padding: 0rem 5rem;
    }

    .fl-mt4 {
        margin-top: 4rem;
    }

    .fl-z-index1 {
        z-index: 1;
    }

    .fl-z-index2 {
        z-index: 2;
    }

    .pos-rel {
        position: relative;
    }

    .fl-flex-wrap {
        flex-wrap: wrap;
    }

    .fl-flex-3-p-w {
        flex-basis: 33.333333%;
    }

    .pos-abs {
        position: absolute;
    }

    .width-100-pt {
        width: 100%
    }

    .width-80-pt {
        width: 80%
    }

    .height-100-pt {
        height: 100%;
    }

    .master-class-cpation-font {
        color: var(--unnamed-color-989898);
        text-align: left;
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 4.32px;
        color: #989898;
        text-transform: uppercase;
        opacity: 1;
        margin: 0;
        padding: 0;
        margin-bottom: 0.5rem;
    }

    .master-class-cpation-title {
        text-align: left;
        font: normal normal 300 30px/41px Open Sans;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .masterlcass-content-text {
        text-align: left;
        font: normal normal 300 18px/30px Open Sans;
        letter-spacing: 0.63px;
        color: #000000;
        opacity: 1;
    }

    .smart-expo-masterclass-link-font {
        text-align: left;
        font: normal normal bold 16px/22px Open Sans;
        letter-spacing: 1.12px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
        z-index: 999999999;
    }


    .top-class-adjacent-hearder h3 {
        font: normal normal 300 40px/65px Open Sans;
        letter-spacing: 2.2px;
        color: #FFFFFF;
        opacity: 1;
    }

    .top-class-adjacent-hearder .content-desc p {
        text-align: left;
        font: normal normal 300 24px/38px Open Sans;
        letter-spacing: 0.84px;
        color: #FFFFFF;
        opacity: 1;
    }


    .content-align {
        min-width: 320px;
        max-width: 500px;
        margin-left: auto;
    }

    .content-align-mr {
        margin-left: 0;
        margin-right: auto;
    }

    .top-class-adjacent-hearder {
        position: relative;
        background: #000;
        overflow: hidden;
        /* min-height: 100vh; */
        padding-top: 100px;
    }

    .background-brandGradient {
        background: transparent url('https://placehold.co/1920x1338') 0% 0% no-repeat padding-box;
        background-repeat: no-repeat;
        background-size: cover;
        /* background-size: 100% auto; */
        background-position: center;
    }

    .nav-class-reach-to-section ul {
        background: #000000 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .nav-class-reach-to-section ul .right-arrow {
        top: 6px;
        line-height: 10px;
    }

    .nav-class-reach-to-section ul .right-arrow:before {
        content: '';
        height: 30px;
        width: 30px;
        border: 1px solid #ffffff;
        position: absolute;
        border-radius: 100%;
        right: 8px;
        top: -11px;
    }

    .margin-left-masterclass-share {
        margin-left: auto;
    }

    .margin-left-masterclass-share .share-mc-title {
        text-align: left;
        font: normal normal 600 20px/40px Open Sans;
        letter-spacing: 0.8px;
        color: #989898;
        opacity: 1;
        margin: 0;
        margin-left: 0.5rem;
        margin-bottom: 0.3rem;
    }

    .master-class-video-section-wrapeer {}

    .margin-left-masterclass-share .share-mc-icons a {
        /* width: 9px;
    height: 21px;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 1; */
    }

    .master-class-video-section-wrapeer .margin-left-masterclass-share {
        margin-top: 2.5rem;
    }


    .master-class-video-section-wrapeer .expo-about-cda-caption {
        text-align: left;
        font: normal normal 600 20px/27px Open Sans;
        letter-spacing: 4px;
        color: #989898;
        text-transform: uppercase;
        opacity: 1;
    }


    .tp-mastrclass-main-content-masterclass .main-expo-showtimes-showtime {
        margin-top: 0;
    }


    .nav-class-reach-to-section ul li a {
        text-align: left;
        font: normal normal bold 16px/22px Open Sans;
        letter-spacing: 1.12px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
    }

    .nav-class-reach-to-section ul>li a:focus {
        color: #FFFFFF !important;
    }

    .main-expo-showtimes-showtime {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: -424px;
    }

    .main-expo-showtimes-showtime .image-showtime-pages {
        width: 80%;
    }

    .main-expo-showtimes-showtime .landing-page-expo-masterclass {
        width: 90%;
    }

    .main-expo-showtimes-showtime .landing-page-expo-masterclass-width {
        width: 80%;
    }

    .landing-page-expo-masterclass svg {
        stroke: #111 !important;
    }

    .expo-about-cda-content svg {
        stroke: #111 !important;
    }

    .downloadplan-content svg {
        stroke: #111 !important;
    }

    .fl-we-believe svg {
        stroke: #111 !important;
    }


    .smart-expo-forms-border-email .wpcf7-form-control.wpcf7-checkbox {
        color: #ffffff !important;
    }

    .smart-expo-forms-border-email .wpcf7-list-item-label:before {
        margin-right: 10px;
        display: inline-block;
        vertical-align: text-top;
        width: 13px;
        height: 13px;
        border: 1px solid #ffffff !important;
        margin-top: 4px;
    }

    .smart-expo-forms-border-email input[type="checkbox"]:checked+.wpcf7-list-item-label:before,
    input[type="radio"]:checked+.wpcf7-list-item-label:before {
        background: #ffffff;
    }

    /* .showtime-landing-top{
    top: 400px;
} */

    .masterclass-lists .masterclass-image,
    .masterclass-lists .masterclass-content {
        min-width: 200px;
        max-width: 557px;
        margin-left: auto;
    }

    .masterclass-lists .masterclass-content {
        margin-left: unset;
        margin-right: auto;
    }

    .downloadplan-content .downloadplan-in-content {
        min-width: 200px;
        max-width: 682px;
        margin-right: auto;
    }

    .downloadplan-content .title-caption-downlodable {
        text-align: left;
        font: normal normal 300 36px/49px Open Sans;
        letter-spacing: 1.98px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin-top: 0px;
        padding-top: 0px;
    }

    .downloadplan-content .title-caption-downlodable-desc {
        text-align: left;
        font: normal normal 300 18px/30px Open Sans;
        letter-spacing: 0.63px;
        color: #000000;
        opacity: 1;
    }

    .downloadplan-content .title-caption-downlodable-btn {
        text-align: left;
        font: normal normal bold 16px/22px Open Sans;
        letter-spacing: 1.12px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    .downloadplan-content .downloadplan-in-content-btn {
        max-width: 287px;
        margin-right: unset;
        margin-left: auto;
    }

    .fl-we-believe {
        min-width: 200px;
        max-width: 553px;
        margin-left: auto;
        padding: 0rem 1rem;
    }

    .fl-we-believe-rt {
        min-width: 200px;
        max-width: 553px;
        margin-left: unset;
        margin-right: auto;

    }

    .fl-we-believe-rw-f p {
        text-align: left;
        font: normal normal 300 30px/41px Open Sans;
        letter-spacing: 1.65px;
        color: #000000;
        opacity: 1;
    }

    .fl-we-believe-rw-f a {
        text-align: left;
        font: normal normal bold 16px/22px Open Sans;
        letter-spacing: 1.12px;
        color: #000000;
        opacity: 1;
    }

    .fl-we-believe-rt p {
        text-align: left;
        font: normal normal 300 18px/30px Open Sans;
        letter-spacing: 0.63px;
        color: #000000;
        opacity: 1;

    }

    .video-section .expovideo-content {
        min-width: 200px;
        max-width: 341px;
    }

    .expo-about-cda {
        padding: 0 !important;
        z-index: 1;
        margin: 0;
    }

    .expo-about-cda-caption {
        text-align: left;
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 4.32px;
        color: #989898;
        text-transform: uppercase;
        opacity: 1;
        padding-bottom: 0;
        margin-bottom: 0;

    }

    .expo-about-cda-title {
        text-align: left;
        font: normal normal 300 42px/55px Open Sans;
        letter-spacing: 1.98px;
        color: #000000;
        opacity: 1;
        padding-bottom: 2rem;
    }

    .expovideo-content-title {
        text-align: left;
        font: normal normal 300 26px/37px Open Sans;
        letter-spacing: 2.1px;
        color: #000000;
        opacity: 1;
        margin: 0;
        padding: 0;
    }

    .expovideo-content-desc {
        text-align: left;
        font: normal normal 300 18px/30px Open Sans;
        letter-spacing: 0.63px;
        color: #000000;
        opacity: 1;
        height: 151px;
        overflow: hidden;
        margin-bottom: 1.5rem;
    }

    .expo-about-cda-content {
        margin-top: -448px;
        background: #EFEFEF 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .expo-about-cda-content-desc {
        padding: 0rem 12rem;
        padding-top: 31rem;

    }

    .expo-about-cda-content-desc-height {
        min-height: 300px;
        max-height: 400px;
        overflow: hidden;
    }

    .background-c3-showtime {
        background: transparent url('https://cda-staging.local/wp-content/uploads/2024/01/BrandGradient.png') 0% 0% no-repeat padding-box;
        background-repeat: no-repeat;
        background-size: cover;
        /* background-size: 100% auto; */
        background-position: center;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 1;
    }


    .cf7-spacing-page {
        width: 100%;
        height: 220px;
        position: relative;
        /* z-index: 999999; */
        position: absolute;
        top: 0;
    }

    .background-c3-showtime-image-container {
        min-height: 1000px;
        max-height: 1200px;
    }



    .wpcf7-list-item-label:before {
        border: 1px solid white;
        margin-top: 4px;
        color: white;
    }

    .contact-use-eq-typo {
        min-height: 200px;
        max-height: 378px;
        padding: 0rem 2rem;
        z-index: 2;
    }

    .smart-expo-modal-top {
        width: 70%;
        max-width: 100%;
    }

    .masterclass-popup-data-title {
        text-align: left;
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 4.32px;
        color: #989898;
        text-transform: uppercase;
        opacity: 1;
        padding: 0;
        margin: 0;
    }

    .masterclass-popup-data-content-title {
        text-align: left;
        font: normal normal 300 30px/41px Open Sans;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        margin-right: 2rem;
    }

    .masterclass-popup-data-content-title-desc {
        text-align: left;
        font: normal normal 300 18px/30px Open Sans;
        letter-spacing: 0.63px;
        color: #000000;
        opacity: 1;
        margin-top: 2.4rem;
    }

    .master-pop-up-content-title-size {
        min-width: 372px;
        max-width: 400px;
    }

    .class-masterclass-top-up-wrapp {
        margin-bottom: 2.3rem;
        padding: 0rem 1.1rem;

    }

    .masterclass-pop-up-box-form-color {
        background: #000000 0% 0% no-repeat padding-box;
        opacity: 1;
    }


    .smart-expo-forms-border-email input {
        border: none !important;
        background: no-repeat !important;
        border-bottom: 1px solid #fff !important;
        border-radius: 0 !important;
        color: #fff !important;
        font-weight: 600 !important;
        opacity: 1 !important;

    }

    .smart-expo-forms-border-email {
        padding: 50px 0 33px 0 !important;
    }

    .smart-expo-forms-border-email .wpcf7-response-output {
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 0.5rem !important;
        color: #ffffff !important;
    }

    .smart-expo-forms-border-email .form-block {
        padding: 3rem 6rem !important;
    }

    .master-class-content-description {
        text-align: left;
        font: normal normal 300 18px/30px Open Sans;
        letter-spacing: 0.63px;
        color: #000000;
        opacity: 1;
    }

    .smart-expo-forms-border-email .wpcf7-spinner {
        background-color: #ffffff !important;
    }

    .smart-expo-forms-border-email .wpcf7-spinner::before {
        background-color: #000;
    }

    .smart-expo-forms-border-email .wpcf7-spinner {
        top: 8px;
        position: relative;
    }

    .smart-expo-forms-border-email input {
        text-align: left !important;
        font: normal normal bold 16px/22px Open Sans !important;
        letter-spacing: 0.8px !important;
        color: #FFFFFF !important;
        opacity: 1 !important;
    }

    .smart-expo-forms-border-email .wpcf7-submit {
        text-align: left !important;
        font: normal normal bold 17px/23px Open Sans !important;
        letter-spacing: 0.85px !important;
        color: #000000 !important;
        opacity: 1 !important;
    }


    .smart-expo-forms-border-email .title {
        text-align: center !important;
        font: normal normal 600 18px/24px Open Sans !important;
        letter-spacing: 4.32px !important;
        color: #FFFFFF !important;
        text-transform: uppercase !important;
        opacity: 1 !important;
    }

    .masterclass-pop-up-box-form-color .smart-expo-forms-border-email {
        padding: 0 !important;
    }

    .masterclass-pop-up-box-form-color .smart-expo-forms-border-email {
        padding: 0 !important;
    }

    .masterclass-pop-up-box-form-color .smart-expo-forms-border-email .form-block {
        padding: 1.8rem 3rem !important;
        padding-right: 11rem !important;
    }

    .smart-expo-forms-border-email input[type="checkbox"] {
        opacity: 0 !important;
    }

    .smart-expo-forms-border-email .landing-page-title-main-caption {
        text-align: center;
        font: normal normal 300 44px/60px Open Sans;
        letter-spacing: 0.88px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .smart-expo-forms-border-email .contact-details {
        padding: 3rem 2rem 3rem 3.5rem !important;
    }

    .landing-page-expo-masterclass-shwtime-without {
        background: #ffffff;
        padding: 2.5rem 7rem;
    }

    .show-container {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 90%;
    }



    .show-container ul li:last-child .timeline-content {
        padding-bottom: 0px;
    }

    .sub-show-container {
        background-color: #FFFFFF;
        width: 100%;
        padding: 50px;
    }

    /* timeline */
    .timeline {
        line-height: 1.4em;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    /*----- TIMELINE ITEM -----*/
    .timeline-item {
        padding-left: 40px;
        position: relative;
    }

    .timeline-item:last-child {
        padding-bottom: 0;
    }

    /*----- TIMELINE INFO -----*/
    .timeline-info {
        display: flex;
        flex-direction: column;
        margin: 0;
        white-space: wrap;
    }

    /*----- TIMELINE MARKER -----*/
    .timeline-marker {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15px;
    }

    .timeline-marker:before {
        background: #efefef;
        border: 0px solid transparent;
        border-radius: 0%;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        top: 4px;
        left: 0;
        width: 15px;
    }

    .timeline-marker:after {
        content: "";
        width: 1px;
        background: #efefef;
        display: block;
        position: absolute;
        top: 15px;
        bottom: -15px;
        left: 7px;
    }

    .timeline-item:last-child .timeline-marker:after {
        content: none;
    }

    /*----- TIMELINE CONTENT -----*/
    .timeline-content {
        padding-bottom: 50px;
    }

    .timeline-content p:last-child {
        margin-bottom: 0;
    }

    .show-container ul li:after {
        display: none;
    }

    .show-container h5,
    .show-container h3,
    .show-container h2 {
        padding: 0px;
    }

    .expo-h5 {
        padding-bottom: 0.5rem !important;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-4-32);
        color: var(--unnamed-color-989898);
        text-align: left;
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 4.32px;
        color: #989898;
        text-transform: uppercase;
        opacity: 1;
    }

    .expo-h3 {
        padding-bottom: 2rem !important;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) var(--unnamed-font-size-36)/var(--unnamed-line-spacing-49) var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-1-98);
        color: var(--unnamed-color-000000);
        text-align: left;
        font: normal normal 300 36px/49px Open Sans;
        letter-spacing: 1.98px;
        color: #000000;
        opacity: 1;
    }

    .expo-h2 {
        padding-bottom: 2rem !important;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-34) var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-1-75);
        color: var(--unnamed-color-000000);
        text-align: left;
        font: normal normal bold 25px/34px Open Sans;
        letter-spacing: 1.75px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
        padding-bottom: 30px;
    }

    .expo-sub-txt1 {
        white-space: nowrap;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-1-26);
        color: var(--unnamed-color-000000);
        text-align: left;
        font: normal normal bold 18px/24px Open Sans;
        letter-spacing: 1.26px;
        color: #000000;
        text-transform: capitalize;
        opacity: 1;
    }

    .expo-sub-txt2 {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-open-sans);
        letter-spacing: var(--unnamed-character-spacing-1-26);
        color: var(--unnamed-color-000000);
        text-align: left;
        font: normal normal 300 18px/24px Open Sans;
        letter-spacing: 1.26px;
        color: #000000;
        opacity: 1;
    }

    .masterclass-image-on-show-time {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .border-right-lg {
        border-right: 1px solid #000;
    }


    @media (max-width: 767px) {

        .fl-we-believe {
            margin-left: unset;
            margin-bottom: 0.5rem;
        }

        .fl-we-believe>p {
            margin-bottom: 1rem;
        }

        .master-class-cpation-title {
            font: normal normal 300 22px/40px Open Sans;
        }

        .expo-h3 {
            font: normal normal 300 28px/44px Open Sans;
            margin-top: 0.5rem;
        }

        .class-unique-master-card-respshow {
            flex-direction: column-reverse !important;
        }

        .smart-expo-masterclass-link-font {
            padding-bottom: 0.5rem !important;
        }

        .border-right-lg {
            border: none;
            border-bottom: 1px solid #000;
            padding-bottom: 30px;
        }

        .smart-expo-forms-border-email-with-image .landing-page-title-main-caption {
            padding-bottom: 0px !important;
        }

        .master-class-video-section-wrapeer .master-class-video-section-wrapeer-resp {
            flex-direction: column;
        }


        .master-class-video-section-wrapeer {
            margin-top: 1rem;
        }

        .master-class-video-section-wrapeer .margin-left-masterclass-share {
            margin-top: unset;
            margin-left: unset;
        }

        .master-class-video-section-wrapeer .margin-left-masterclass-share {
            display: flex;
            justify-content: space-between;
            margin-top: 0.5rem;
        }

        .master-class-video-section-wrapeer .expo-about-cda-title {
            margin-top: 0.5rem;
        }

        .smart-expo-forms-border-email-with-image .overall-container-padding-mc {
            padding: 0rem 1rem !important;
        }

        .smart-expo-forms-border-email .contact-details {
            padding: 2rem 1rem !important;

        }

        .smart-expo-mc-top-modal {
            padding-right: 0px;
        }

        .smart-expo-mc-top-modal .smart-expo-modal-top {
            width: 100%;
            padding: 0;
            margin: 0;
        }

        .smart-expo-mc-top-modal .smart-expo-modal-top {

            padding: 0;
            margin: 0;
        }

        .mc-modal-body-expo {
            padding: 1rem;
        }

        .class-masterclass-top-up-wrapp {
            margin-bottom: 1.3rem;
            padding: 0rem 0.5rem;
        }

        .smart-expo-mc-top-modal .class-masterclass-top-up-wrapp {
            flex-direction: column;
        }

        .smart-expo-forms-border-email .title {
            font: normal normal 300 16px/22px Open Sans !important;
        }

        .masterclass-popup-data-title {
            text-align: left;
            font: normal normal 600 16px/22px Open Sans;
            margin-bottom: 0.5rem;
        }

        .masterclass-popup-data-content-title {
            font: normal normal 300 24px/35px Open Sans;
        }

        .masterclass-popup-data-content-title-desc {

            font: normal normal 300 16px/28px Open Sans;

            margin-top: 1rem;
        }

        .master-pop-up-content-title-size {
            min-width: 372px;
            max-width: 400px;
        }

        .masterclass-pop-up-box-form-color .smart-expo-forms-border-email .form-block {
            padding: 1rem !important;
        }


        .fl-responsive-rwcmn {
            padding: 1rem;
        }

        .top-class-adjacent-hearder {
            padding-top: 3rem;
        }

        .top-class-adjacent-hearder h3 {
            font: normal normal 300 28px/53px Open Sans;
            letter-spacing: 2.2px;
            color: #FFFFFF;
            opacity: 1;
        }

        .top-class-adjacent-hearder .content-desc p {
            text-align: left;
            font: normal normal 300 19px/33px Open Sans;
            letter-spacing: 0.84px;
            color: #FFFFFF;
            opacity: 1;
        }

        .flexcdir-cl-resp {
            flex-direction: column;
        }

        .content-align {
            min-width: unset;
            max-width: unset;
            margin-left: unset;
        }

        .content-align-mr {
            margin-right: unset;
        }

        .nav-class-reach-to-section ul {
            padding: 1.5rem 1rem;
            background: #000000 0% 0% no-repeat padding-box;
            opacity: 1;
            overflow: scroll;
        }

        .nav-class-reach-to-section ul li {
            white-space: nowrap;
            flex: 1;
        }

        .nav-class-reach-to-section ul li a {
            font: normal normal bold 8px/14px Open Sans;
        }


        .nav-class-reach-to-section ul .right-arrow {
            top: 7px;
        }

        .masterclass-image {
            margin-bottom: 1.5rem;
        }

        .main-expo-showtimes-showtime {
            margin-top: -100px;
        }

        .main-expo-showtimes-showtime .image-showtime-pages {
            width: 90%;
            margin-bottom: 2rem;
        }

        .smart-expo-forms-border-email .button-action>p {
            text-align: left;
        }


        .main-expo-showtimes-showtime .landing-page-expo-masterclass {
            width: 90%;
        }

        .smart-expo-forms-border-email .form-block {
            padding: 2rem 1rem !important;
            margin-top: 2rem;
            margin-bottom: 4rem;
        }

        .smart-expo-forms-border-email {
            padding: 12px 0 33px 0 !important;
        }

        .smart-expo-forms-border-email {
            padding: 12px 0 0px 0 !important;
        }

        .expo-about-cda-content {
            margin-top: -100px;

        }

        .nav-class-reach-to-section ul .right-arrow:before {
            content: '';
            height: 15px;
            width: 15px;
            border: 1px solid #ffffff;
            position: absolute;
            border-radius: 100%;
            right: 25px;
            top: -2px;
        }

        .nav-class-reach-to-section ul .right-arrow img,
        .right-arrow svg,
        .left-arrow svg {
            width: 20px;
        }

        .nav-class-reach-to-section ul li a {
            text-align: left;
            font: normal normal bold 12px/18px Open Sans;
            letter-spacing: 1.12px;
            color: #FFFFFF;
            text-transform: uppercase;
            opacity: 1;
        }

        .fl-ptb2 {
            padding: 0;
        }

        .main-expo-showtimes-showtime {
            top: 100px;
            left: 19px;
        }

        .top-div-mobile-spacing {
            margin-top: 1rem;
        }

        .downloadplan-content {
            padding-top: 4rem !important;
            margin-top: 0rem;
        }

        .width-pt-90-resp {
            width: 90%;
        }

        .fl-pr1p5-resp {
            padding-right: 0rem;
        }

        .fl-pl1p5-resp {
            padding-left: 0rem;
        }

        .fl-mt4-resp {
            margin-top: 1rem;
        }


        .fl-resp-ptrbl1,
        .fl-ptb0lr5-resp {
            padding: 3rem 1rem 1rem 1rem;
        }

        .expo-about-cda-content {
            top: 99px;
        }

        .expo-about-cda-content-desc {
            padding: 0rem;
            padding-top: 6.5rem;
        }

        .video-section {
            padding-top: 3rem;
        }

        .fl-ptb2-ov {
            padding-top: 3rem !important;
            padding-bottom: 0rem !important;
        }

        .video-section-about-cda-masterclass {
            padding-top: 3rem !important;
        }

        .expo-about-cda-title {
            padding-bottom: 0rem;
        }

        .fl-ptb0lr5-resp-video {
            padding-top: 0rem;
        }

        .expo-about-cda-content-desc-height {
            padding: 1rem;
            min-height: unset;
            max-height: unset;
        }

        .video-section .expovideo-content {
            min-width: unset;
            max-width: unset;
        }

        .main-expo-showtimes-showtime .landing-page-expo-masterclass {
            padding: 3rem 0 0 0;
        }

        .fl-we-believe {
            padding: 0rem;
        }

        .fl-we-believe-rw-f p {
            font: normal normal 300 24px/35px Open Sans;
        }

        .fl-we-believe-rt p {
            font: normal normal 300 16px/28px Open Sans;
        }

        .fl-ptrbl5-resp {
            padding: 1rem;
        }

        .masterclass-image-on-show-time {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .fl-link-btm-mc {
            padding-bottom: 0rem;
        }

        .expovideo-content-desc {
            margin-bottom: 0.5rem;
            height: unset;
        }

        .downloadplan-content .title-caption-downlodable {
            font: normal normal 300 28px/41px Open Sans;
        }

        .downloadplan-content .title-caption-downlodable-desc {
            font: normal normal 300 16px/28px Open Sans;
        }

        .downloadplan-content .title-caption-downlodable-btn {
            font: normal normal bold 14px/20px Open Sans;
        }

        .downloadplan-content .fl-downloadable-image {
            margin-top: 0.5rem;
        }

        .master-class-content-description {
            text-align: left;
            font: normal normal 300 16px/28px Open Sans;
            letter-spacing: 0.63px;
            color: #000000;
            opacity: 1;
        }

        .smart-expo-forms-border-email .gradient-bg {
            min-height: 419px !important;
        }

        .smart-expo-forms-border-email .gradient-bg:after {
            height: 425px !important;
        }

        .nav-class-reach-to-section ul li:first-child {
            margin-left: 36rem;
        }

        .nav-class-reach-to-section ul li:first-child:nth-last-child(3) {
            margin-left: 12rem;
        }

        .sub-show-container {
            padding: 30px 20px;

        }

        .expo-sub-txt2 {
            padding-left: 0px !important;
            font: normal normal 300 14px/24px Open Sans;
        }

        .timeline-content {
            padding-bottom: 21px;
        }

        .expo-sub-txt1 {
            display: block;
            font: normal normal bold 16px/24px Open Sans;
        }

        .expo-h2 {
            padding: 0.5rem 0rem !important;
            font-size: 17px !important;
        }

        .padding-left-desk {
            padding-top: 18px;
        }

        .smart-expo-forms-border-email-add-spacing {
            margin-top: 0;
            padding-top: 0 !important;
        }

        .main-expo-showtimes-showtime .landing-page-expo-masterclass-shwtime-without {
            padding: 0rem 1rem;
            padding-top: 4rem !important;
            background: #ffffff;
            width: 100%;
            margin-top: 0;
        }

        .timeline-info {
            display: flex;
            flex-direction: column;
        }

    }

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

        .nav-class-reach-to-section ul li:first-child {
            margin-left: 20rem;
        }

        .nav-class-reach-to-section ul li:first-child:nth-last-child(3) {
            margin-left: 0rem;
        }

    }


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

        .downloadplan-content .flexcdir-cl-resp {
            flex-direction: column;
            padding-bottom: 2rem;
        }

        .landing-page-expo-masterclass-shwtime-without {
            background: #ffffff;
            padding: 2rem 3rem;
        }

        .class-unique-master-card-respshow {
            flex-direction: column-reverse !important;
        }

        .smart-expo-forms-border-email-with-image .overall-container-padding-mc {
            padding: 0rem 1rem !important;
        }

        .master-class-video-section-wrapeer .master-class-video-section-wrapeer-resp {
            flex-direction: column;
        }

        .masterclass-image-on-show-time {
            padding: 1rem !important;
        }

        .tp-mastrclass-main-content-masterclass .main-expo-showtimes-showtime {
            margin-bottom: 2rem;
        }

        .master-class-video-section-wrapeer {
            margin-top: 0rem;
        }

        .master-class-video-section-wrapeer .expo-about-cda-title {
            padding-bottom: 0.5rem;
        }

        .master-class-video-section-wrapeer .margin-left-masterclass-share {
            margin-top: unset;
            margin-left: unset;
        }

        .master-class-video-section-wrapeer .margin-left-masterclass-share {
            display: flex;
            justify-content: space-between;
            margin-top: 0.5rem;
            margin-bottom: 1rem;
        }

        .master-class-video-section-wrapeer .expo-about-cda-title {
            margin-top: 0.5rem;
        }

        .nav-class-reach-to-section ul li:first-child {
            margin-left: 28rem;
        }

        .nav-class-reach-to-section ul li:first-child:nth-last-child(3) {
            margin-left: 0rem;
        }

        .expo-about-cda-content-desc-height {
            min-height: 261px;
            max-height: 300px;
            overflow: hidden;
        }

        .smart-expo-mc-top-modal {
            padding-right: 0px;
        }

        .smart-expo-mc-top-modal .smart-expo-modal-top {
            width: 100%;
            padding: 0;
            margin: 0;
        }

        .smart-expo-mc-top-modal .smart-expo-modal-top {

            padding: 0;
            margin: 0;
        }

        .mc-modal-body-expo {
            padding: 1rem;
        }

        .class-masterclass-top-up-wrapp {
            margin-bottom: 1.3rem;
            padding: 0rem 0.5rem;
        }

        .smart-expo-mc-top-modal .class-masterclass-top-up-wrapp {
            flex-direction: column;
        }

        .smart-expo-forms-border-email .title {
            font: normal normal 300 16px/22px Open Sans !important;
        }

        .masterclass-popup-data-title {
            text-align: left;
            font: normal normal 600 16px/22px Open Sans;
            margin-bottom: 0.5rem;
        }

        .masterclass-popup-data-content-title {
            font: normal normal 300 24px/35px Open Sans;
        }

        .masterclass-popup-data-content-title-desc {

            font: normal normal 300 16px/28px Open Sans;

            margin-top: 1rem;
        }

        .master-pop-up-content-title-size {
            min-width: 372px;
            max-width: 400px;
        }

        .masterclass-pop-up-box-form-color .smart-expo-forms-border-email .form-block {
            padding: 1rem !important;
        }

        .main-expo-showtimes-showtime {
            top: 199px;
            left: 77px;
        }

        .top-ipd-version-adjacent {
            flex-direction: column;
            align-items: flex-start;
        }

        .top-ipd-version-adjacent .content-align {
            min-width: unset;
            max-width: unset;
            margin-left: unset;
        }

        .top-ipd-version-adjacent .top-class-adjacent-hearder h3 {
            font: normal normal 300 36px/65px Open Sans;
        }

        .top-ipd-version-adjacent .top-text-ty-visting {
            margin-bottom: 2rem;
        }

        .top-ipd-version-adjacent.fl-ptbrl-3-1 {
            padding: 1rem 1rem;
        }

        .nav-class-reach-to-section ul {
            padding: 2.5rem 1rem;
            background: #000000 0% 0% no-repeat padding-box;
            opacity: 1;
            overflow-x: scroll;
        }

        .nav-class-reach-to-section ul li {
            white-space: nowrap;
            flex: 1;
        }

        .main-expo-showtimes-showtime {
            margin-top: -210px;
        }

        .main-expo-showtimes-showtime .image-showtime-pages {
            width: 90%;
        }

        .main-expo-showtimes-showtime .landing-page-expo-masterclass {
            width: 90%;
            padding-top: 4rem;
        }

        .Ipad-toresp-masterclass {
            flex-direction: column;
        }

        .landing-page-expo-masterclass {
            margin-top: 0rem;
        }

        .masterclass-image>img {
            width: 100%;
        }

        .fl-pr1p5 {
            padding-right: 0rem;
        }

        .fl-pl1p5 {
            padding-left: 0rem;
            padding-top: 2rem;
        }

        .fl-ptrbl4 {
            padding: 3rem 4rem;
        }

        .smart-expo-forms-border-email {
            padding: 5px 0 3px 0 !important;
        }


        .expo-about-cda-content-desc {
            padding: 0rem 2rem;
            padding-top: 31rem;
        }

        .fl-ptb0lr5 {
            padding: 0rem 2rem;
        }

        .fl-ptb2-ov {
            padding-top: 4rem !important;
            padding-bottom: 1rem !important;
        }

        .expo-about-cda-content {
            margin-top: -215px;
        }

        .fl-flex-3-p-w {
            flex-basis: 50%;
        }

        .expo-about-cda-content-desc {
            padding: 0rem 2rem;
            padding-bottom: 2rem;
            padding-top: 15rem;
        }

        .Ipad-resp-before-about-us {
            flex-direction: column;
        }

        .Ipad-resp-before-about-us .fl-we-believe {
            width: 100%;
            min-width: unset;
            max-width: unset;
            /* margin-left: auto; */
            padding: 0rem 2rem;
        }

        .fl-we-believe-rw-f p {

            font: normal normal 300 28px/41px Open Sans;

        }

        .Ipad-resp-before-about-us-tp.fl-ptb2 {
            padding: 1rem 0rem;
        }

        .Ipad-resp-before-about-us-tp .fl-we-believe-rw-f {
            margin-bottom: 1rem;
        }

        .Ipad-resp-before-about-us-tp .fl-we-believe-rw-f>p {
            margin-bottom: 1rem;
        }

        .call-back-form .gradient-bg:after {
            height: 134px !important;
        }

        .master-class-content-description {
            text-align: left;
            font: normal normal 300 16px/28px Open Sans;
            letter-spacing: 0.63px;
            color: #000000;
            opacity: 1;
        }

        .smart-expo-forms-border-email .gradient-bg {
            min-height: 277px !important;
        }

        .smart-expo-forms-border-email .gradient-bg:after {
            height: 268px !important;
        }

        .fl-pl1p5-resp-flex-rv {
            padding: 0 !important;
            padding-top: 2rem !important;
        }

        .border-right-lg {
            border: none;
            border-bottom: 1px solid #000;
            padding-bottom: 30px;
        }

        .padding-left-desk {
            padding-left: 15px;
            margin-top: 3rem;
        }

    }

    @media (min-width: 886px) and (max-width: 1024px) {

        .nav-class-reach-to-section ul li:first-child {
            margin-left: 21rem;
        }

        .nav-class-reach-to-section ul li:first-child:nth-last-child(3) {
            margin-left: 0rem;
        }

    }

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

        .border-right-lg,
        .padding-left-desk {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
    }


    /* Smart Expo Styles  */


    @media only screen and (max-width: 1920px) {
        .containers {
            max-width: 1640px !important;
            width: 1640px;
        }

    }

    @media only screen and (max-width: 1800px) {
        .containers {
            max-width: 1550px !important;
        }

        ul.services-list>li a {
            font-size: 40px !important;
        }
    }

    @media only screen and (max-width: 1600px) {
        .containers {
            max-width: 1450px !important;
        }

        ul.services-list>li a {
            font-size: 35px !important;
        }
    }

    @media only screen and (max-width: 1350px) {
        .containers {
            max-width: 1140px !important;
        }

        ul.services-list>li a {
            font-size: 28px !important;
        }

    }

    @media only screen and (max-width: 1200px) {
        .containers {
            max-width: 970px !important;
        }

        ul.services-list>li a {
            font-size: 26px !important;
        }
    }


    @media only screen and (max-width: 1024px) {
        .containers {
            max-width: 870px !important;
        }

        ul.services-list>li a {
            font-size: 23px !important;
        }

        ul.services-list {
            gap: 42px 0px !important;
        }
    }


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

        .containers {
            max-width: 750px !important;
        }

        ul.services-list>li a {
            font-size: 20px !important;
        }

        ul.services-list {
            gap: 40px 0px !important;
        }
    }

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

        .blue-bg .banner-caption .h1 {
            font-size: 45px;
        }

        .containers {
            max-width: calc(100% - 23px) !important;
        }

        ul.services-list>li a {
            font-size: 30px !important;
        }

        ul.services-list {
            grid-template-columns: repeat(1, 1fr) !important;
            gap: 29px 0px !important;
        }

        ul.services-list {
            gap: 0px 0px !important;
        }

        ul.services-list>li {
            padding: 0px 0 !important;

        }
    }

    @media only screen and (max-width: 400px) {
        ul.services-list>li a {
            font-size: 22px !important;
        }

        ul.services-list {
            gap: 0px 0px !important;
        }

        ul.services-list>li {
            padding: 0px 0 !important;

        }
    }

    html {
        -webkit-text-size-adjust: 100%;
    }

    /* Ajax Loader */
    .loader {
        display: none;
    }

    .loader {
        background-color: transparent;
        background-image: url(images/loader.gif);
        background-size: 64px auto;
        width: 64px;
        height: 64px;
        background-repeat: no-repeat;
        position: relative;
        left: 0;
        top: 50%;
        right: 0;
        margin: 0 auto;
        background-position: center;
    }

    .loader {
        transform: translateY(-50%);
    }

    .loader {
        z-index: 2;
        display: block;
    }




    /*social media css*/
    .row.social-banner {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .image-dumy {
        opacity: 1 !important;
        visibility: visible !important;
        width: 301px !important;
        height: auto;
        position: absolute;
        z-index: 2;
    }

    .image-dumy1 {
        opacity: 1 !important;
        visibility: visible !important;
        width: 301px !important;
        height: auto;
        position: relative;
        z-index: 1;
        padding: 12px 19px 25px 18px;
        border-radius: 44px;
    }

    .col {
        align-items: center;
    }

    .social-banner-section.white-banner.social-section {
        padding: 150px 0 565px;
        /* background-image: url(https://cda-development.co.uk/wp-content/uploads/2022/11/image_2022_11_07T10_08_48_181Z.png); */
        background-color: #000;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mobile_bg_1 {
        text-align: right;
    }

    .col.col-left {
        max-width: 802px;
        width: 802px;
        text-align: left;
        color: #fff;
        margin: 0;
        padding: 0px 0;
    }

    .col.col-right {
        max-width: 35%;
    }

    .social-banner-section .col-left h1 {
        color: #fff;
        font-size: 50px;
        font-family: open sans, light;
        text-align: left;
        padding: 0;
        line-height: 73px;
        letter-spacing: 2.5px;
    }

    .top-dic {
        font-size: 18px;
        text-align: left;
        font-family: Open Sans;
        font-weight: bold;
        letter-spacing: 0.9px;
    }

    .p-text-socal {
        text-align: left;
        color: #FFFFFF;
        padding: 0;
        margin: 0;
        font: normal normal 300 26px/42px Open Sans;
        letter-spacing: 1.3px;
        padding: 20px 0;
    }

    /*second div*/
    section.social-banner-section-second {
        background-color: #000;
        padding: 0 0 99px 0px;
    }

    .container.social-banner-image {
        max-width: 1624px;
        padding: 0;
        margin: 0 auto;
    }

    img.second-socal-banner {
        margin-top: -28%;
    }

    .second-socal-banner {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /*end*/

    /*section 2nd*/
    section.social-banner-section.white-banner.social-section.section-2 {
        padding: 150px 0;
        background-color: #fff;
        background-image: none;
    }

    .section-2 .container.social-con {
        text-align: center;
        padding: 0px 0 30px;
    }

    .section-2 span.section-top-text {
        font-size: 18px;
        letter-spacing: 0.9px;
        font-family: 'Open Sans';
        color: #000;
        font-weight: bold;
    }

    .section-2 h1.section-h1-text {
        font-size: 50px;
        color: #000;
        letter-spacing: 2.5px;
        font-family: 'Open Sans';
        padding: 8px;
    }

    #price-table-box .col:nth-child(1) {
        align-items: center;
        text-align: center;
        padding: 0;
        margin: 0px 20px;
        background-color: antiquewhite;
    }

    #price-table-box .col:nth-child(2) {
        align-items: center;
        text-align: center;
        padding: 0;
        margin: 0px 20px;
        background-color: antiquewhite;
    }

    #price-table-box .col:nth-child(3) {
        align-items: center;
        text-align: center;
        padding: 0;
        margin: 0px 20px;
        background-color: antiquewhite;
    }

    #price-table-box .col:nth-child(4) {
        align-items: center;
        text-align: center;
        padding: 0;
        margin: 0px 20px;
        background-color: antiquewhite;
    }

    .sub-main-div {
        padding: 50px 20px;
    }

    img.img-top-border {
        opacity: 1;
        visibility: visible;
        padding: 0;
        margin: 0;
        height: 40px;
    }

    .price-title-text {
        display: grid;
        padding: 0px 0 28px 0;
    }

    .price-title-text .card-title {
        margin: 0;
        font-size: 18px;
        letter-spacing: 0.9px;
        text-transform: uppercase;
        font-family: 'Open Sans';
        color: #000;
        font-weight: bold;
        padding: 0px 0px 10px 0px;
    }

    .price-title-text .text-muted {
        font-size: 15px;
        letter-spacing: 0.75px;
        font-family: 'Open Sans';
        color: #000000 !important;
    }

    .price-title-text span.h2 {
        font-size: 70px;
        text-align: center;
        letter-spacing: 3.5px;
        color: #000000;
        font-weight: bold;
        font-family: 'Open Sans';
        padding: 0;
    }

    .price-title-text span.h4 {
        font-size: 14px;
        letter-spacing: 0.7px;
        font-family: 'Open Sans';
        padding: 0;
    }

    #price-table-box .col ul {
        height: 750px;
    }

    #price-table-box .col ul li {
        padding: 10px;
        font-size: 16px;
        letter-spacing: 0.8px;
        color: #000000;
    }

    #price-table-box .col ul li:after {
        content: none;
    }

    #price-table-box .btn {
        margin: 0 auto;
        width: 280px;
        height: 52px;
        text-align: center;
        margin-bottom: 14px;
        letter-spacing: 0.9px;
        font-size: 18px;
        font-weight: bold;
    }

    /*end*/

    /*section 3rd*/
    .social-banner-section.white-banner.social-section.section-3 {
        background-color: #000 !important;
        background-image: none;
        padding: 150px 0 !important;
    }

    /*end*/

    /*section 4rd*/
    .social-banner-section.white-banner.social-section.section-4 {
        background-color: #fff !important;
        background-image: none;
        padding: 150px 0 !important;
    }

    .social-banner-section.white-banner.social-section.section-4 .row.social-banner {
        flex-direction: row-reverse;
    }

    .section-4 .col.col-left {
        color: #000;
    }

    .section-4 .col-left h1 {
        color: #000;
    }

    .section-4 .p-text-socal {
        color: #000;
    }

    .section-4 .mobile_bg_1 {
        text-align: left;
    }

    @media screen and (max-width: 991px) {
        .section-4 .mobile_bg_1 {
            text-align: center !important;
        }
    }

    /*end*/

    /*section 5th*/
    section.social-banner-section.white-banner.social-section.section-5 {
        padding: 150px 0px !important;
        /* background-image: url(https://cda-development.co.uk/wp-content/uploads/2022/11/image_2022_11_07T13_07_40_062Z.png); */
        background-color: #000;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .section-5 .container.social-con {
        text-align: center;
    }

    .section-5 .col.col-left {
        max-width: 50% !important;
        text-align: left;
        margin-left: 8%;
        color: #fff;
    }

    .section-5 .col.col-right {
        max-width: 50%;
    }

    .section-5 img.image-right-socal {
        opacity: 1;
        visibility: visible;
    }

    video.video-right {
        height: 447px;
        width: 685px;
        position: relative;
        margin-top: 55px;
    }

    .section-5 input[type="submit"] {
        background-color: #000;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 18px 30px;
        float: left;
        max-width: 254px;
    }

    .section-5 input[type="text"],
    input[type="email"] {
        border-radius: 0px;
        padding: 29px 200px 29px 20px;
        border: none !important;
    }

    .section-5 .col-left p {
        padding: 5px;
        margin: 0;
    }

    .section-5 .col-left p:nth-child(1) {
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: normal;
        font-family: Open Sans;

    }

    .section-5 .col-left p:nth-child(2) {
        font-size: 30px;
        letter-spacing: 2.1px;
        font-weight: normal;
        font-family: Open Sans;
    }

    .section-5 .col-left p:nth-child(3) {
        font-size: 30px;
        letter-spacing: 2.1px;
        font-weight: normal;
        font-family: Open Sans;
    }

    span.section-top-text {
        font-size: 18px;
        letter-spacing: 0.9px;
        font-family: 'Open Sans';
        color: #fff;
        font-weight: bold;

    }

    h1.section-h1-text {
        font-size: 50px;
        color: #fff;
        letter-spacing: 2.5px;
        font-family: 'Open Sans';
        padding: 20px 0 0;
        margin: 0;
        line-height: 70px;
    }

    /*end*/

    /*section 6s*/
    @media only screen and (min-width: 1400px) {
        section.social-banner-section.white-banner.social-section.section-6 {
            padding: 150px 0 100px;
            background-repeat: no-repeat;
            top: 6403px;
            left: 0px;
            width: auto;
            /*height: 814px;*/
            background: #F2F2F2 0% 0% no-repeat padding-box;
            opacity: 1;
        }
    }

    @media only screen and (max-width: 1400px) {
        section.social-banner-section.white-banner.social-section.section-6 {
            padding: 255px 0;
            background-image: none;
            background-repeat: no-repeat;
            background-size: cover;
        }

    }

    @media only screen and (max-width: 1350px) {
        .slider-text {
            padding: 20px !important;
            text-align: center !important;
            font: normal normal 300 25px/50px Open Sans !important;
            letter-spacing: 2.5px !important;
            color: #000000 !important;
            opacity: 1 !important;
            top: 6788px !important;
            width: auto !important;
            height: auto !important;
            margin: 0 auto !important;
        }
    }

    img.logo-img-spcal {
        opacity: 1;
        visibility: visible;
        width: 200px;
        height: auto;
        border-radius: 50%;
    }

    @media only screen and (max-width: 1700px) {
        .container.social-banner-image {
            padding: 50px 50px;
            margin: 0px auto;
        }
    }

    @media only screen and (max-width: 1200px) {
        .price-title-text span.h2 {
            padding: 20px;
        }
    }

    /*end*/


    @media screen and (max-width: 991px) {
        .social-banner-section.white-banner.social-section {
            padding: 100px 0 200px;
            /* background-image: linear-gradient( 64.3deg, #E77B59 17.7%, #CE5678 112.1% ); */
            background-color: #000;
        }

        .row.social-banner {
            display: grid;
            align-items: center;
            text-align: center;
            justify-content: space-between;
            width: 100%;
            padding: 0;
            margin: 0;
        }

        section.social-banner-section-second {
            background-color: #000;
            padding: 0px
        }

        .col.col-right {
            max-width: 100%;
        }

        .col.col-left {
            max-width: 100% !important;
            text-align: left;
            margin-left: 0;
            color: #fff;
            width: auto;
        }

        .mobile_bg_1 {
            text-align: center;
        }
    }

    @media screen and (min-device-width: 991px) and (max-device-width: 1200px) {
        .image-dumy1 {
            opacity: 1 !important;
            visibility: visible !important;
            width: 302px !important;
            height: auto;
            position: relative;
            z-index: 1;
            padding: 12px 19px 25px 18px;
            border-radius: 44px;
        }
    }

    li.slider-img-tes img {
        visibility: visible;
        opacity: 1;
        width: 200px !important;
        height: 200px !important;
        border-radius: 50%;
        margin: 0 auto;
    }

    .flexslider {
        background: none !important;
        border: none !important;
        margin: 0 !important;
        position: relative;
        align-items: center !important;
    }

    .flexslider ul li:after {
        content: none;

    }

    .slider-text {
        text-align: center;
        padding: 20px;
    }

    ul.flex-direction-nav {
        display: none;
    }

    /*end*/


    /*get in touch*/
    .get-left-right {
        display: flex;
        margin: 0 auto;
        justify-content: space-evenly;
        padding: 50px 0 0;
    }

    .get-sub-main {
        text-align: center;
        color: #fff;
    }

    .get-left p {
        text-align: left;
        margin-bottom: 0;

    }

    .section-5 .get-left p:nth-child(1) {
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: normal;
        font-family: Open Sans;
        padding: 0px;
        margin: 0px;
        line-height: 27px;
    }

    .section-5 .get-left p:nth-child(2) {
        font-size: 30px;
        letter-spacing: 2.1px;
        font-weight: normal;
        font-family: Open Sans;


    }

    .section-5 .get-left p:nth-child(3) {
        font-size: 30px;
        letter-spacing: 2.1px;
        font-weight: normal;
        font-family: Open Sans;
        padding: 0 0px 36px;
    }

    .get-left label {
        display: inline-block;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 448px) {
        .get-left-right {
            display: grid;
            margin: 0 auto;
            gap: 2rem;
            padding: 50px 0 0;
            justify-content: center;
            justify-items: stretch;
        }

        video.video-right {
            height: 100%;
            width: 100%;
            position: relative;
        }

        .section-5 input[type="text"],
        input[type="email"] {
            border-radius: 0px;
            padding: 29px 29px 29px 20px;
        }

        .slider-text {
            font: normal normal 300 18px/40px Open Sans !important;
        }

        section.social-banner-section.white-banner.social-section.section-6 {
            padding: 100px 0;
        }
    }

    @media screen and (min-device-width: 448px) and (max-device-width: 600px) {
        .get-left-right {
            display: grid;
            margin: 0 auto;
            gap: 2rem;
            padding: 50px 0 0;
            justify-content: center;
            justify-items: stretch;
        }

        video.video-right {
            height: 276px;
            width: auto;
            position: relative;
        }

        .section-5 input[type="text"],
        input[type="email"] {
            border-radius: 0px;
            padding: 29px 90px 29px 20px;
        }
    }

    @media screen and (min-device-width: 600px) and (max-device-width: 750px) {
        video.video-right {
            height: 360px;
            width: auto;
            position: relative;
        }

        .get-left-right {
            display: grid;
            margin: 0 auto;
            gap: 2rem;
            padding: 50px 0 0;
            justify-content: center;
            justify-items: stretch;
        }
    }

    @media screen and (min-device-width: 750px) and (max-device-width: 1250px) {
        .get-left-right {
            display: grid;
            margin: 0 auto;
            gap: 2rem;
            padding: 50px 0 0;
            justify-content: center;
            justify-items: stretch;
        }
    }

    @media screen and (min-width: 1251px) {
        .get-left {
            max-width: 528px;
        }
    }

    .sub-main-div {
        padding: 50px 20px;
        background-color: #F0F3F5;
    }


    /*end*/


    .flex-viewport {
        height: 550px;
    }


    .slider-text {
        padding: 20px;
        text-align: center;
        font: normal normal 300 50px/70px Open Sans;
        letter-spacing: 2.5px;
        color: #000000;
        opacity: 1;
        top: 6788px;
        left: 285px;
        width: 1350px;
        height: 212px;
        margin: 0 auto;
    }

    .slide-name-title {
        top: 7035px;
        left: 696px;
        width: auto;
        height: 32px;
        text-align: center;
        font: normal normal normal 20px/27px Open Sans;
        letter-spacing: 1px;
        color: #000000;
        opacity: 1;
        margin: 0 auto;
        padding: 20px;
    }

    .slider-img-tes.clone {
        max-width: 100% !important;
        margin: 0 auto !important;
    }


    @media only screen and (max-width: 1474px) {
        .table-row {
            justify-content: center;
            gap: 2rem;
        }
    }

    .table-row {
        justify-content: center;
    }

    div#price-table-box {
        width: 391px;
    }

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

        .page-id-12093 .section-in .footer-bottom,
        .container {
            max-width: 1624px !important;
        }
    }

    /*new disign home center banner*/
    /*.social-banner-section-second-center .banner-img.bg-cover1 {*/
    /*    background-color: #000;*/
    /*    padding: 142.5px;*/
    /*}*/

    /*.social-banner-section-second-center .social-media-text {*/
    /*    height: 931px;*/
    /*    margin-top: -44%;*/
    /*    background-color: antiquewhite;*/
    /*    padding: 150px;*/
    /*    background-size: contain;*/
    /*    background-repeat: no-repeat;*/
    /*}*/

    /*end*/
    /*.background-img-center{*/
    /*    height: auto;*/
    /*    width: 100%;*/
    /*    background-size: cover;*/
    /*    background-repeat: no-repeat;*/
    /*}*/


    /*.background-text-center{*/
    /*height: 798px;*/
    /*    margin-top: -45%;*/
    /*    padding: 135px;*/
    /*}*/
    /*.background-text-center {*/
    /*color : #fff;*/
    /*}*/
    /*.background-text-center h1{*/
    /*color: #fff;*/
    /*}*/


    /*.cda-socail-center-img .container{*/
    /*    max-width:1624px !important;*/

    /*}*/


    /*.center-text-cda {*/
    /*    margin-top: -30%;*/
    /*    height: 931px;*/
    /*    padding: 228px 0;*/
    /*    background-size: contain;*/
    /*}*/


    /*.center-text-cda p{*/
    /*    font-size: 45px;*/
    /*    font-family: 'Open Sans';*/
    /*    padding: 0;*/
    /*    margin: 0;*/
    /*    color: #fff;*/
    /*        padding: 0px 165px;*/
    /*}*/


    /*section.cda-socail-center-img {*/
    /*    height: 607px;*/
    /*    background-color: #000;*/
    /*   position: relative;*/
    /*}*/



    /*.cda-socail-center-img .center-text-cda {*/
    /*    height: 931px;*/
    /*    padding: 212px 0;*/
    /*    background-size: contain;*/
    /*    position: absolute;*/
    /*    width: 1624px;*/
    /*    margin: 0 auto;*/
    /*    top: 0%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*}*/

    /*h1.h1-text-center {*/
    /*    font-size: 76px;*/
    /*    line-height: 90px;*/
    /*    font-weight: bold;*/
    /*    color: #fff;*/
    /*    font-family: 'Open Sans';*/
    /*    margin: 0;*/
    /*        padding: 0px 260px 64px 161px;*/
    /*}*/

    /*@media only screen and (max-width: 500px){*/
    /*     section.cda-socail-center-img {*/
    /*    height: 148px;*/
    /*}*/
    /*.cda-socail-center-img .center-text-cda {*/
    /*    height: 287px;*/
    /*    padding: 10px 0;*/
    /*    width: 90%;*/
    /*    margin: 0 auto;*/
    /*    top: 15%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*    background-repeat: no-repeat;*/
    /*}*/
    /*h1.h1-text-center {*/
    /*    font-size: 14px;*/
    /*    line-height: 20px;*/
    /*    letter-spacing: 2px;*/
    /*    padding: 21px 9px 23px 27px;*/
    /*}*/
    /*.center-text-cda p {*/
    /*    font-size: 16px;*/
    /*    padding: 0px 27px;*/
    /*}*/
    /*.get-left {*/
    /*    padding: 0 20px;*/
    /*}*/

    /*section.social-banner-section.white-banner.social-section.section-2 {*/
    /*    padding: 65px 0;*/

    /*}*/
    /*}*/


    /*@media screen and (min-device-width: 500px) and (max-device-width: 582px) {*/
    /*     section.cda-socail-center-img {*/
    /*    height: 148px;*/
    /*}*/
    /*.cda-socail-center-img .center-text-cda {*/
    /*    height: 287px;*/
    /*    padding: 10px 0;*/
    /*    width: 90%;*/
    /*    margin: 0 auto;*/
    /*    top: 15%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*    background-repeat: no-repeat;*/
    /*}*/
    /*h1.h1-text-center {*/
    /*    font-size: 14px;*/
    /*    line-height: 20px;*/
    /*    padding: 21px 9px 23px 27px;*/
    /*}*/
    /*.center-text-cda p {*/
    /*    font-size: 16px;*/
    /*    padding: 0px 27px;*/
    /*}*/

    /*}*/

    /*@media screen and (min-device-width: 582px) and (max-device-width: 698px) {*/
    /*    section.cda-socail-center-img {*/
    /*    height: 270px;*/
    /*}*/

    /*.cda-socail-center-img .center-text-cda {*/
    /*    height: 402px;*/
    /*    padding: 10px 0;*/
    /*    width: 90%;*/
    /*    margin: 0 auto;*/
    /*    top: 15%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*}*/
    /*h1.h1-text-center {*/
    /*    font-size: 22px;*/
    /*    line-height: 45px;*/
    /*    padding: 0px 4px 13px 40px;*/
    /*}*/

    /*.center-text-cda p {*/
    /*    font-size: 20px;*/
    /*   padding: 0px 90px;*/
    /*}*/
    /*}*/


    /*@media screen and (min-device-width: 698px) and (max-device-width: 832px) {*/
    /*    section.cda-socail-center-img {*/
    /*    height: 270px;*/
    /*}*/

    /*.cda-socail-center-img .center-text-cda {*/
    /*    height: 402px;*/
    /*    padding: 10px 0;*/
    /*    width: 90%;*/
    /*    margin: 0 auto;*/
    /*    top: 15%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*}*/
    /*h1.h1-text-center {*/
    /*    font-size: 28px;*/
    /*    line-height: 57px;*/
    /*    padding: 0px 70px 64px 95px;*/
    /*}*/

    /*.center-text-cda p {*/
    /*    font-size: 20px;*/
    /*   padding: 0px 90px;*/
    /*}*/

    /*}*/

    /*@media screen and (min-device-width: 832px) and (max-device-width: 992px) {*/
    /*    section.cda-socail-center-img {*/
    /*    height: 366px;*/

    /*}*/

    /*.cda-socail-center-img .center-text-cda {*/
    /*    height: 513px;*/
    /*    padding: 10px 0;*/
    /*    width: 90%;*/
    /*    margin: 0 auto;*/
    /*    top: 18%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*}*/
    /*h1.h1-text-center {*/
    /*    font-size: 28px;*/
    /*    line-height: 57px;*/
    /*    }*/

    /*.center-text-cda p {*/
    /*    font-size: 20px;*/

    /*}*/

    /*}*/

    /*@media screen and (min-device-width: 992px) and (max-device-width: 1200px) {*/
    /*    section.cda-socail-center-img {*/
    /*    height: 357px;*/
    /*    }*/
    /*    .cda-socail-center-img .center-text-cda {*/
    /*    height: 516px;*/
    /*    padding: 17px 0;*/
    /*    width: 76%;*/
    /*    background-repeat: no-repeat;*/
    /*}*/

    /*h1.h1-text-center {*/
    /*    font-size: 32px;*/
    /*    line-height: 50px;*/
    /*}*/
    /*.center-text-cda p {*/
    /*    font-size: 27px;*/

    /*}*/

    /*}*/


    /*@media screen and (min-device-width: 1200px) and (max-device-width: 1300px) {*/
    /*     .cda-socail-center-img .center-text-cda {*/
    /*    height: 700px;*/
    /*    padding: 76px 0;*/
    /*        width: 86%;*/
    /*   }*/
    /*   section.cda-socail-center-img {*/
    /*    height: 425px;*/
    /*}*/
    /*h1.h1-text-center {*/
    /*    font-size: 45px;*/
    /*}*/
    /*}*/

    /*@media screen and (min-device-width: 1300px) and (max-device-width: 1450px) {*/
    /*     .cda-socail-center-img .center-text-cda {*/
    /*       width: 90%;*/
    /*    }*/

    /*    h1.h1-text-center {*/
    /*    font-size: 60px;*/
    /*    }*/
    /*    .center-text-cda p {*/
    /*    font-size: 35px;*/
    /*   }*/
    /*    section.cda-socail-center-img {*/
    /*    height: 500px;*/
    /*    }*/
    /*}*/


    /*@media screen and (min-device-width: 1450px) and (max-device-width: 1700px) {*/
    /*    .cda-socail-center-img .center-text-cda {*/
    /*       width: 90%;*/
    /*    }*/

    /*    h1.h1-text-center {*/
    /*    font-size: 60px;*/
    /*    }*/
    /*    section.cda-socail-center-img {*/
    /*    height: 500px;*/
    /*    }*/
    /*}*/

    section.cda-socail-center-video {
        position: relative;
        background-color: #000;
        height: 607px;
    }

    .cda-socail-center-video .center-text-cda {
        position: absolute;
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    .center-text-cda iframe {
        height: 795px;
    }

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

        .center-text-cda iframe {
            height: 200px;
        }

        section.cda-socail-center-video {
            height: 280px;
        }

        .cda-socail-center-video .center-text-cda {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translate(-50%, -30%);
        }
    }


    @media screen and (min-device-width: 500px) and (max-device-width:630px) {
        .center-text-cda iframe {
            height: 270px;
        }

        section.cda-socail-center-video {
            height: 310px;
        }

        .cda-socail-center-video .center-text-cda {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translate(-50%, -30%);
        }
    }




    @media screen and (min-device-width: 630px) and (max-device-width:768px) {
        .center-text-cda iframe {
            height: 340px;
        }

        section.cda-socail-center-video {
            height: 310px;
        }

        .cda-socail-center-video .center-text-cda {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translate(-50%, -30%);
        }
    }




    @media screen and (min-device-width: 768px) and (max-device-width: 992px) {
        .center-text-cda iframe {
            height: 420px;
        }

        section.cda-socail-center-video {
            height: 400px;
        }

        .cda-socail-center-video .center-text-cda {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translate(-50%, -30%);
        }
    }



    @media screen and (min-device-width: 992px) and (max-device-width: 1024px) {
        .center-text-cda iframe {
            height: 500px;
        }

        section.cda-socail-center-video {
            height: 300px;
        }
    }


    @media screen and (min-device-width: 1024px) and (max-device-width: 1200px) {
        .center-text-cda iframe {
            height: 560px;
        }

        section.cda-socail-center-video {
            height: 360px;
        }
    }

    @media screen and (min-device-width: 1200px) and (max-device-width: 1300px) {
        .center-text-cda iframe {
            height: 650px;
        }

        section.cda-socail-center-video {
            height: 500px;
        }
    }



    @media screen and (min-device-width: 1300px) and (max-device-width: 1460px) {
        .center-text-cda iframe {
            height: 650px;
        }

        section.cda-socail-center-video {
            height: 500px;
        }
    }


    @media only screen and (max-width: 500px) {
        .top-dic {
            font-size: 16px;
            text-align: left;
            font-family: Open Sans;
            font-weight: 600;
            letter-spacing: 0.9px;
            line-height: 50px;
        }

        .social-banner-section .col-left h1 {
            font-size: 28px;
            font-family: open sans, light;
            text-align: center;
            font-weight: 600;
            padding: 0;
            line-height: 35px;
            letter-spacing: 0.5px;
        }

        .p-text-socal {
            text-align: center;
            color: #FFFFFF;
            margin: 0;
            font: normal normal 300 20px/30px Open Sans;
            letter-spacing: 0.3px;
            padding: 20px 0;
        }

        .social-banner-section.white-banner.social-section {
            padding: 100px 0 120px;
        }

        video.video-right {
            height: 100%;
            width: 100%;
            position: relative;
            margin-top: 25px;
        }

        .cda-socail-center-video video {
            top: 44%;
            width: 94% !important;
            height: 100%;
            margin: 0 auto;
            left: 50% !important;
            transform: translate(-50%, 0%) !important;
            position: relative !important;
        }

        .cda-socail-center-video .center-text-cda {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translate(-50%, -34%);
        }

        .col.col-left {
            text-align: center;
        }

        section.social-banner-section.white-banner.social-section.section-2 {
            padding: 50px 0;
        }

        .section-2 h1.section-h1-text {
            color: #000;
            font-size: 25px;
            font-family: open sans, light;
            text-align: center;
            font-weight: 650;
            padding: 0;
            line-height: 35px;
            letter-spacing: 0.5px;
        }

        .section-2 span.section-top-text {
            font-size: 15px;
            color: #707070a3;
            font-weight: bold;
        }

        .social-banner-section.white-banner.social-section.section-3 {
            padding: 50px 0 !important;
        }

        .social-banner-section.white-banner.social-section.section-4 {
            padding: 50px 0 !important;
            background-color: #000;
        }

        section.social-banner-section.white-banner.social-section.section-5 {
            padding: 50px 20px !important;
        }

        h1.section-h1-text {
            margin: 0;
            color: #fff;
            font-size: 28px;
            font-family: open sans, light;
            text-align: center;
            font-weight: 600;
            padding: 0;
            line-height: 43px;
            letter-spacing: 0.5px;
        }

        .get-left p {
            text-align: center !important;
        }

        .section-5 .get-left p:nth-child(1) {
            font-size: 20px;
            font-weight: normal;
            letter-spacing: 0.2px;
        }

        .section-5 .get-left p:nth-child(2) {
            font-size: 22px;
            letter-spacing: 0.2px;
            padding: 10px 0;
        }

        .section-5 .get-left p:nth-child(3) {
            font-size: 22px;

            letter-spacing: 0.2px;
        }

        .section-5 input[type="submit"] {
            max-width: 100%;
        }

        .get-left-right {

            padding: 20px 0 0;

        }

        section.social-banner-section.white-banner.social-section.section-6 {
            padding: 50px 0 0;
        }

        .slider-text {
            font-style: italic !important;
            font: normal normal 600 19px/30px Open Sans !important;
        }

        .slide-name-title {
            font: normal normal 18px/40px Open Sans;
        }

        .col-left:nth-of-type(1) {
            order: 2 !important;
        }

        .get-left:nth-of-type(1) {
            order: 2 !important;
            margin-top: 40px;
        }

    }

    @media screen and (max-width: 448px) {
        .get-left-right {
            padding: 20px 0 0;
        }

        section.social-banner-section.white-banner.social-section.section-6 {
            padding: 50px 0 0;
        }

        .slider-text {
            font-style: italic !important;
            font: normal normal 600 19px/30px Open Sans !important;
        }
    }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 15px;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .flex-control-nav li {
        margin: 0 -20px;
        padding: 0 !important;
        display: inline-block;
        zoom: 1;
    }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 70px !important;
        text-align: center;
    }


    .cda-socail-center-video video {
        top: 44%;
        width: 77%;
        height: 100%;
        margin: 0 auto;
        left: 0%;
        transform: translate(13%, 0%);
        position: relative !important;
    }


    /*services design*/

    .what-we-do {
        height: 670px;
        background: #fff;
        text-align: center;
        position: relative;
        color: #000;
        display: flex;
        align-items: center;
    }


    ul.services-list {
        text-decoration: none;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 100px 10px;
        justify-content: center;
        padding: 50px 0;
        align-items: center;
    }

    ul.services-list>li {
        padding: 10px 0;
        margin: 0px;
        list-style: none;
        text-decoration: none;
    }

    ul.services-list li:after {
        content: unset;
    }

    ul.services-list>li a {
        text-decoration: none;
        list-style: none;
        padding: 15px 0px;
        font-family: 'Open Sans', sans-serif;
        font-size: 45px;
        font-weight: 300;
        display: block;
    }

    ul.services-list>li a:hover,
    a:focus {
        font-weight: bold;
        color: #000 !important;
        transition: width 2s;
        opacity: 1;

    }

    @media (max-width: 767px) {
        .home .subtitle {
            margin-bottom: -10px !important;
        }

        ul.services-list {
            padding: 10px 0 !important;
        }
    }

    @media only screen and (max-width: 1024px) {
        .what-we-do {
            padding: 50px 0 100px !important;
            height: auto !important;
        }
    }

    @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .what-we-do {
            padding: 60px 0 122px !important;
            height: auto !important;
        }
    }

    @media screen and (min-device-width: 1024px) and (max-device-width: 1300px) {
        .what-we-do {
            padding: 60px 0 122px !important;
            height: auto !important;
        }
    }

    @media screen and (min-device-width: 1300px) and (max-device-width: 1460px) {
        .what-we-do {
            padding: 80px 0 142px !important;
            height: auto !important;
        }
    }

    @media only screen and (min-width: 1460px) {
        .what-we-do {
            padding: 150px 0 210px !important;
            height: auto !important;
        }
    }


    /*================================== Megamenu Design =========================================*/
    @media (max-width: 767px) {
        .main-navigation ul li {
            position: relative;
        }

        .main-navigation ul li .menu-arrow:after {
            content: "+";
            color: #fff;
            font-size: 30px;
            font-weight: 700;
        }

        .main-navigation ul li .menu-arrow {
            position: absolute;
            right: 30px;
            top: 2px;
        }

        .main-navigation ul li .menu-arrow.active:after {
            content: "-";
        }

        .main-navigation ul li .sub-menu {
            position: relative;
            background-color: #000;
            padding: 20px 0;
            width: 100%;
            left: 0;
            display: none;
        }

        .main-navigation ul li .sub-menu li {
            right: auto;
            margin: 0 0 10px 0;
        }

        .main-navigation ul li .sub-menu li:last-child {
            margin-bottom: 0;
        }

        .main-navigation ul li .sub-menu li a {
            font-size: 16px;
        }

        .main-navigation ul li .sub-menu li .sub-menu {
            box-shadow: none;
        }

        .main-navigation ul li .sub-menu li .sub-menu li a {
            font-size: 14px;
        }

        .main-navigation ul li>.sub-menu a {
            color: #fff;
        }

        body .main-navigation {
            max-height: 80%;
        }

        body .main-navigation ul ul li:hover>ul,
        body .main-navigation ul ul li.focus>ul {
            left: auto;
        }

        body .main-navigation {
            max-height: 80%;
        }

        .main-navigation ul li:hover>ul,
        .main-navigation ul li.focus>ul {
            display: none;
        }
    }

    /*================================== Megamenu Design =========================================*/

    /*================================== Megamenu Design =========================================*/
    /*================================== landing page Design =========================================*/
    .page-template-tp-social-media-audit-landing .site-header {
        background-color: #000;
    }

    .page-template-tp-social-media-audit-landing1 .site-header {
        background-color: #000;
    }

    /*================================== landing page Design =========================================*/
    /* social page design */

    ::marker {
        font-weight: bold;
    }

    .mainSocialBanner {
        padding: 90px 0;
        height: 770px;
        background: white;
    }

    .mainSocialBanner .socialInner {
        height: 100%;
        display: flex;
        justify-content: space-between;
        padding: 158px 9px 0 9px;
        flex-wrap: wrap;
    }

    .mainSocialBanner .socialInner .socialText {
        width: 50%;
    }

    .mainSocialBanner .socialInner .socialText h1 {
        letter-spacing: -0.3px;
        margin-bottom: 72px;
    }

    .mainSocialBanner .socialInner .socialText h1 strong {
        font-weight: 600;
        color: #d8245f;
    }

    .mainSocialBanner .socialInner .socialImage {
        width: 41.5%;
    }

    .mainSocialBanner .socialInner .socialText .allBtn {
        background-color: black;
        color: white !important;
        text-transform: uppercase;
        font-weight: bold;
        padding: 13px 70px;
        border: 1px solid black;
        opacity: 1 !important;
    }

    .mainSocialBanner .socialInner .socialText .allBtn:hover {
        background-color: transparent;
        color: black !important;
    }

    .mainSocialAbout {
        background: rgb(174, 34, 112);
        background: linear-gradient(75deg,
                rgba(174, 34, 112, 1) 0%,
                rgba(216, 36, 95, 1) 100%);
        padding: 112px 0 106px;
    }

    .mainSocialAbout .aboutInner {
        display: flex;
        justify-content: space-between;
        padding: 0 7px;
        flex-wrap: wrap;
    }

    .mainSocialAbout .aboutInner .aboutText {
        width: 44%;
    }

    .mainSocialAbout .aboutInner .aboutText:last-child {
        padding: 8px 0 0 43px;
    }

    .mainSocialAbout .aboutInner .aboutText h5 {
        font-size: 26px;
        color: white;
        text-transform: none;
        line-height: 41px;
        letter-spacing: 0.5px;
        font-weight: 300;
        margin-bottom: 70px;
        padding-bottom: 0;
    }

    .mainSocialAbout .aboutInner .aboutText h5 strong {
        font-weight: 600;
    }

    .mainSocialAbout .aboutInner .aboutText p {
        color: white;
    }

    .mainSocialAbout .aboutInner .aboutText h5 p {
        margin: 0;
    }

    .allBtnBorder {
        background-color: transparent;
        border: 1px solid white;
        color: white !important;
        text-transform: uppercase;
        font-weight: bold;
        padding: 8px 70px;
        display: inline-block;
        text-align: center;
        width: 585px;
        max-width: 100%;
        opacity: 1 !important;
        position: relative;
        z-index: 7;
    }

    .allBtnBorder:focus:hover {
        background-color: transparent !important;
        color: white !important;
    }

    .allBtnBorder:hover,
    .allBtnBorder:focus {
        background-color: white !important;
        color: #d8245f !important;
    }

    .mainSocialWorks {
        background-image: url(/wp-content/uploads/2025/06/sandwich-animation-background.png);
        background-size: cover;
        background-position: center;
        padding: 90px 0 58px;
    }

    .mainSocialWorks .worksInner {
        display: flex;
        justify-content: space-between;
        padding: 0 7px;
        flex-wrap: wrap;
    }

    .mainSocialWorks .worksInner .worksLeft {
        width: 47%;
        color: white;
    }

    .mainSocialWorks .worksInner .worksLeft>img {
        margin: 10px 0 0 -30px;
    }

    .mainSocialWorks .worksInner .worksLeft h3 {
        color: white;
        letter-spacing: 3.1px;
    }

    .mainSocialWorks .worksInner .worksLeft h5 {
        color: #a6a6a6;
        font-weight: 300;
    }

    .mainSocialWorks .worksInner .worksLeft h4 {
        color: white;
        letter-spacing: 0.5px;
        margin-bottom: 63px;
        font-weight: 300;
    }

    .mainSocialWorks .worksInner .worksLeft .allBtnBorder {
        margin-bottom: 105px;
    }

    .mainSocialWorks .worksInner .workText {
        width: 41%;
        color: white;
        margin: 70px 0 0 0;
    }

    .mainSocialWorks .worksInner .workText ol li {
        padding-left: 15px;
        font-size: 20px;
        margin-bottom: 62px;
        opacity: 0;
        transform: translateY(30px);
    }

    .mainSocialWorks .worksInner .workText ol li strong,
    .mainSocialWorks .worksInner .workText ol li b {
        color: #d8245f;
    }

    .mainBrandInfo {
        padding: 95px 0 125px;
        background-color: white;
    }

    .mainBrandInfo .brandInner {
        display: flex;
        justify-content: space-between;
        padding: 0 7px;
        flex-wrap: wrap;
    }

    .mainBrandInfo .brandInner .brandLeft {
        width: 39%;
        color: white;
    }

    .mainBrandInfo .brandInner .brandRight {
        width: 41%;
        color: white;
        margin: 29px 0 0 0;
    }

    .mainBrandInfo .brandInner .brandRight ul li {
        color: #1e1a15;
        font-size: 20px;
        padding-left: 27px;
        margin-bottom: 15px;
    }

    .mainBrandInfo .brandInner .brandLeft h3 {
        color: #d8245f;
        font-size: 43px;
    }

    .mainBrandInfo .brandInner .brandLeft p {
        font-size: 26px;
        line-height: 42px;
        letter-spacing: -0.1px;
        color: #1e1a15;
        font-weight: 300;
    }

    .mainSocialWorks.bottom {
        padding: 120px 0;
    }

    .mainSocialWorks.bottom .worksInner .workText h3 {
        color: white;
        letter-spacing: 2.6px;
        margin: 0 0 19px 0;
    }

    .mainSocialWorks.bottom .worksInner .workText .allBtnBorder {
        margin-top: 35px;
        margin-bottom: 69px;
    }

    .mainSocialWorks.bottom .worksInner .workText h4 {
        color: white;
        letter-spacing: 1.8px;
        margin: 0 0 15px 0;
        font-size: 35px;
        font-weight: 300;
    }

    .mainSocialWorks.bottom .worksInner .workText h5 {
        color: #d8245f;
        font-size: 40px;
        margin-bottom: 6px;
    }

    .mainSocialWorks.bottom .worksInner .workText h5 span {
        color: white;
        display: block;
        font-size: 15px;
        text-transform: none;
        font-weight: normal;
        letter-spacing: 0.9px;
        margin: 6px 0 0 0;
    }

    .mainSocialWorks.bottom .worksInner .worksLeft {
        position: relative;
    }

    .mainSocialWorks.bottom .worksInner .worksLeft>img {
        width: 1400px;
        position: absolute;
        max-width: none;
        margin: 0;
        top: -330px;
        left: -455px;
        z-index: 1;
    }

    .mainBrandInfo.belowForm {
        padding: 204px 0;
        position: relative;
    }

    .mainBrandInfo.belowForm::after {
        content: "";
        background: rgb(174, 34, 112);
        background: linear-gradient(75deg,
                rgba(174, 34, 112, 1) 0%,
                rgba(216, 36, 95, 1) 100%);
        width: 100%;
        height: 360px;
        position: absolute;
        bottom: 0;
    }

    .mainBrandInfo.belowForm .brandInner {
        position: relative;
        z-index: 3;
    }

    .mainBrandInfo.belowForm .brandInner .brandLeft h2,
    .mainBrandInfo.belowForm .brandInner .brandRight p {
        color: #000000;
    }

    .mainBrandInfo.belowForm .brandInner .brandLeft h2 {
        font-size: 60px;
        letter-spacing: -0.1px;
        line-height: 77px;
        margin: 0 10px 0 0;
    }

    .mainBrandInfo.belowForm .brandInner .brandRight {
        margin: 20px 0 0 0;
    }

    .mainBrandInfo.belowForm .brandInner .formLeft {
        width: 41%;
        background: #000;
        padding: 65px 120px;
    }

    .mainBrandInfo.belowForm .brandInner .formRight {
        width: 58%;
        background: #000;
        padding: 65px 120px;
    }

    .mainBrandInfo.belowForm .brandInner.form {
        margin: 84px 0 0 0;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block {
        padding: 0;
        margin: 44px 0 0 0;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block>p {
        margin: 0;
    }

    .mainBrandInfo.belowForm .brandInner .formLeft span {
        color: white;
        display: block;
        font-size: 25px;
        margin: 0 0 11px 0;
    }

    .mainBrandInfo.belowForm .brandInner .formLeft a {
        color: white !important;
        display: block;
        font-size: 23px;
        margin: 0 0 37px 0;
        font-weight: 300;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input:not(.wpcf7-submit) {
        padding: 23px 3px !important;
        font-size: 16px;
        margin-bottom: 57px;
        border: none !important;
        border-bottom: 2px solid white !important;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input.wpcf7-submit {
        width: 100% !important;
        text-transform: none;
        margin: 30px 0 0 0;
        border: 1px solid white !important;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input.wpcf7-submit:hover {
        background: transparent !important;
        color: white !important;
        opacity: 1;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        text-transform: none;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input::-moz-placeholder {
        /* Firefox 19+ */
        text-transform: none;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input:-ms-input-placeholder {
        /* IE 10+ */
        text-transform: none;
    }

    .mainBrandInfo.belowForm .brandInner.form .form-block input:-moz-placeholder {
        /* Firefox 18- */
        text-transform: none;
    }

    .mainBrandInfo.belowForm .brandInner.form h3,
    .mainBrandInfo.belowForm .brandInner.form p {
        color: white;
        letter-spacing: 0.4px;
    }

    .mainBrandInfo.belowForm .brandInner.form h3 {
        font-size: 34px;
        letter-spacing: 1.3px;
        padding: 0 0 3px 0;
        line-height: 40px;
    }

    .mainBrandInfo.belowForm .brandInner.form h3:nth-of-type(2) {
        margin-top: 80px;
    }

    .mainBrandInfo.belowForm .brandInner.form .formLeft h3 {
        margin-bottom: 38px;
        font-weight: 300;
    }

    .mainBrandInfo.belowForm .brandInner.form .formLeft .allBtn {
        background-color: white;
        color: black !important;
        font-weight: bold;
        padding: 6px 70px;
        font-size: 15px;
        text-align: center;
        margin: -8px 0 0 0;
        border: 1px solid white;
    }

    .mainBrandInfo.belowForm .brandInner.form .formLeft .allBtn:hover {
        background: transparent !important;
        color: white !important;
        opacity: 1;
    }

    .mainBrandInfo.belowForm .brandInner .formRight .wpcf7-not-valid-tip {
        position: absolute;
        top: 40px;
    }

    ol {
        list-style-type: none;
        counter-reset: list-counter;
    }

    ol li {
        counter-increment: list-counter;
        position: relative;
    }

    ol li::before {
        content: counter(list-counter);
        font-weight: bold;
        margin-right: 5px;
        position: absolute;
        left: -10px;
    }

    .sandwichBox {
        position: relative;
        width: 100%;
        height: 320px;
    }

    .sandwichBox .layer {
        position: absolute;
        width: 100%;
        opacity: 0;
        transform: translateY(-50px);
    }

    .sandwichBox .layer.one {
        bottom: 275px;
        z-index: 6;
    }

    .sandwichBox .layer.five {
        bottom: 40px;
        z-index: 2;
    }

    .sandwichBox .layer.four {
        bottom: 80px;
        z-index: 3;
    }

    .sandwichBox .layer.three {
        bottom: 125px;
        z-index: 4;
    }

    .sandwichBox .layer.two {
        bottom: 180px;
        z-index: 5;
    }

    .sandwichBox .layer.six {
        bottom: 0;
    }

    .hbspt-form {
        color: white;
    }

    .hbspt-form ul {
        padding: 0;
    }

    .hbspt-form form .field {
        margin-bottom: 20px;
    }

    .hbspt-form ul.hs-error-msgs li {
        color: red;
    }

    .hbspt-form ul.hs-error-msgs {
        line-height: 0;
    }

    .hbspt-form ul.hs-error-msgs li label {
        line-height: 0;
    }

    .hbspt-form ul li {
        padding: 0;
        font-size: 13px;
    }

    .hbspt-form ul li label {
        margin: 13px 0 0 0;
    }

    .hbspt-form ul li:after {
        display: none;
    }

    .hbspt-form .legal-consent-container .hs-form-booleancheckbox-display input {
        opacity: 1;
        width: auto;
        height: auto;
        top: 8px;
    }

    .hbspt-form .hs-form-booleancheckbox label {
        font-size: 13px;
        font-weight: normal;
        line-height: 24px;
    }

    .hbspt-form .hs-richtext {
        font-size: 14px;
        line-height: 25px;
        margin: 25px 0;
    }

    .hbspt-form .hs_submit .hs-button {
        background: white;
        border: 1px solid;
        color: black;
        font-size: 15px;
        font-weight: bold;
        text-transform: capitalize;
        padding: 16px 0;
        width: 100%;
        margin: 20px 0 0 0;
    }

    @media screen and (max-width: 767px) {
        .mainSocialBanner {
            height: auto;
        }

        .mainSocialBanner .socialInner {
            display: block;
            padding: 0 15px;
        }

        .mainSocialBanner .socialInner .socialText,
        .mainSocialBanner .socialInner .socialImage {
            width: 100%;
        }

        .mainSocialBanner .socialInner .socialText {
            margin-bottom: 20px;
        }

        .mainSocialBanner .socialInner .socialText .allBtn {
            padding: 8px 10px;
            display: block;
            text-align: center;
            font-size: 11px;
        }

        .mainSocialBanner .socialInner .socialText h1 {
            margin-bottom: 30px;
        }

        .mainSocialAbout {
            padding: 45px 0;
        }

        .mainSocialAbout .aboutInner {
            display: block;
            padding: 0 15px;
        }

        .mainSocialAbout .aboutInner .aboutText {
            width: 100%;
        }

        .allBtnBorder {
            padding: 8px 10px;
            font-size: 13px;
            line-height: 20px;
        }

        .mainSocialAbout .aboutInner .aboutText h5 {
            margin-bottom: 15px;
            font-size: 18px;
            line-height: 30px;
        }

        .mainSocialAbout .aboutInner .aboutText:last-child {
            padding: 10px 0 0 0;
        }

        .mainSocialWorks {
            padding: 75px 0 40px;
        }

        .mainSocialWorks .worksInner {
            display: block;
            padding: 0 15px;
        }

        .mainSocialWorks .worksInner .worksLeft {
            width: 100%;
        }

        .mainSocialWorks .worksInner .workText {
            width: 100%;
        }

        .mainSocialWorks .worksInner .worksLeft h4 {
            margin-bottom: 30px;
        }

        .mainSocialWorks .worksInner .worksLeft>img {
            margin: 0;
        }

        .mainSocialWorks .worksInner .worksLeft .allBtnBorder {
            margin-bottom: 50px;
        }

        .mainSocialWorks .worksInner .workText ol li {
            font-size: 15px;
            margin-bottom: 25px;
            line-height: 23px;
        }

        .mainSocialWorks.bottom .worksInner {
            flex-wrap: wrap;
            flex-direction: column-reverse;
            display: flex;
        }

        .mainBrandInfo {
            padding: 75px 0;
        }

        .mainBrandInfo .brandInner {
            display: block;
            padding: 0 15px;
        }

        .mainBrandInfo .brandInner .brandLeft {
            width: 100%;
        }

        .mainBrandInfo .brandInner .brandRight {
            width: 100%;
        }

        .mainBrandInfo .brandInner .brandLeft h3 {
            font-size: 30px;
        }

        .mainBrandInfo .brandInner .brandLeft p {
            font-size: 16px;
            line-height: 25px;
        }

        .mainBrandInfo .brandInner .brandRight ul li {
            font-size: 15px;
            margin-bottom: 10px;
        }

        .mainSocialWorks.bottom .worksInner .worksLeft>img {
            width: 100%;
            position: relative;
            max-width: none;
            margin: 0;
            top: auto;
            left: auto;
        }

        .mainSocialWorks.bottom {
            padding: 75px 0 0 0;
            margin: 0 0 -90px 0;
        }

        .mainSocialWorks.bottom .worksInner .workText {
            margin: 0;
        }

        .mainSocialWorks.bottom .worksInner .workText h4 {
            font-size: 23px;
        }

        .mainSocialWorks.bottom .worksInner .workText h5 {
            font-size: 30px;
        }

        .mainSocialWorks.bottom .worksInner .workText h5 span {
            font-size: 13px;
        }

        .mainBrandInfo.belowForm {
            padding: 75px 0;
        }

        .mainBrandInfo.belowForm .brandInner .brandLeft h2 {
            font-size: 33px;
            line-height: 42px;
        }

        .mainBrandInfo.belowForm .brandInner.form {
            margin: 30px 0 0 0;
        }

        .mainBrandInfo.belowForm .brandInner .formLeft {
            width: 100%;
            padding: 30px 35px;
        }

        .mainBrandInfo.belowForm .brandInner.form h3 {
            font-size: 25px;
            line-height: 30px;
        }

        .mainBrandInfo.belowForm .brandInner.form .formLeft h3 {
            margin-bottom: 25px;
        }

        .mainBrandInfo.belowForm .brandInner .formLeft span {
            font-size: 20px;
            margin: 0 0 5px 0;
        }

        .mainBrandInfo.belowForm .brandInner .formLeft a {
            font-size: 18px;
            margin: 0 0 20px 0;
        }

        .mainBrandInfo.belowForm .brandInner.form h3:nth-of-type(2) {
            margin-top: 35px;
        }

        .mainBrandInfo.belowForm .brandInner .formRight {
            width: 100%;
            padding: 30px 35px;
            margin: 25px 0 0 0;
        }

        .sandwichBox .layer.three {
            bottom: 105px;
        }

        .sandwichBox .layer.two {
            bottom: 150px;
        }

        .sandwichBox .layer.one {
            bottom: 210px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .mainSocialBanner .socialInner .socialText {
            width: 54%;
        }

        .mainSocialBanner {
            padding: 45px 0 125px;
            height: auto;
        }

        .mainSocialAbout {
            padding: 75px 0;
        }

        .mainSocialBanner .socialInner .socialText .allBtn,
        .allBtnBorder {
            padding: 13px 10px;
            font-size: 13px;
        }

        .mainSocialWorks.bottom .worksInner .worksLeft>img {
            width: 1010px;
            top: -240px;
            left: -415px;
        }

        .mainSocialWorks.bottom {
            padding: 0;
        }

        .mainSocialWorks.bottom .worksInner {
            flex-direction: column-reverse;
        }

        .mainSocialWorks .worksInner .workText {
            width: 100%;
        }

        .mainSocialWorks.bottom .worksInner .worksLeft>img {
            width: 100%;
            position: relative;
            max-width: none;
            margin: 0;
            top: auto;
            left: auto;
        }

        .mainSocialAbout .aboutInner .aboutText {
            width: 50%;
        }

        .mainSocialAbout .aboutInner .aboutText h5 {
            margin-bottom: 35px;
        }

        .mainSocialWorks .worksInner .worksLeft {
            width: 100%;
        }

        .mainSocialWorks .worksInner .worksLeft>img {
            margin: 0;
            max-width: 500px;
        }

        .mainBrandInfo .brandInner .brandLeft {
            width: 50%;
        }

        .mainBrandInfo.belowForm {
            padding: 75px 0;
        }

        .mainBrandInfo .brandInner .brandLeft {
            width: 100%;
        }

        .mainBrandInfo .brandInner .brandRight {
            width: 100%;
        }

        .mainBrandInfo.belowForm .brandInner .brandLeft h2 {
            font-size: 48px;
            line-height: 45px;
        }

        .mainBrandInfo.belowForm .brandInner .formLeft {
            width: 100%;
            padding: 50px 35px;
            text-align: center;
        }

        .mainBrandInfo.belowForm .brandInner .formRight {
            width: 100%;
            padding: 30px 35px;
            margin-top: 35px;
        }

        .mainBrandInfo.belowForm .brandInner.form {
            margin: 30px 0 0 0;
        }

        .mainBrandInfo.belowForm .brandInner.form .formLeft .allBtn {
            width: auto;
            max-width: max-content;
            margin: 0 auto;
        }

        .mainBrandInfo.belowForm .brandInner.form h3:nth-of-type(2) {
            margin-top: 45px;
        }

        .mainBrandInfo {
            padding: 75px 0;
        }

        .sandwichBox {
            max-width: 600px;
            margin: 0 auto;
        }
    }

    @media screen and (min-width: 1300px) {
        .mainSocialWorks .worksInner .worksLeft h4 {
            font-size: 26px;
        }

        .mainSocialWorks .worksInner .worksLeft h3 {
            font-size: 45px;
        }

        .mainSocialWorks.bottom .worksInner .workText h3 {
            font-size: 45px;
        }
    }


    /* --- */

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        font-weight: 700 !important;
        font-family: "Poppins", sans-serif !important;
    }

    .home-banner .gradient-bg {
        background: #AD80F9;
    }

    .home-banner .gradient-bg:before,
    .home-banner .gradient-bg:after {
        display: none;
    }

    .what-we-do:after {
        background-image: none;
        background-color: #3CBEEB;
    }

    .backTotop .gradient-bg {
        background: #FF5C8A;
    }

    .backTotop .gradient-bg:before,
    .backTotop .gradient-bg:after {
        display: none;
    }

    .page-template-tp-opportunity .gradient-bg {
        background: #FF5C8A;
    }

    .page-template-tp-opportunity .gradient-bg:before,
    .page-template-tp-opportunity .gradient-bg:after {
        display: none;
    }

    /*eCommerce Solutions*/
    .page-id-12239 .site .banner-section {
        background: #3CBEEB !important;
    }

    .page-id-12239 .mainBrandInfo.belowForm::after {
        background: #3CBEEB !important;
    }

    /*B2B Lead Generation*/
    .page-id-13046 .site .banner-section {
        background: #AD80F9 !important;
    }

    .page-id-13046 .mainBrandInfo.belowForm::after {
        background: #AD80F9 !important;
    }

    /*Software Development*/
    .page-id-13065 .site .banner-section {
        background: #FD8721 !important;
    }

    .page-id-13065 .mainBrandInfo.belowForm::after {
        background: #FD8721 !important;
    }

    /*Booking Systems*/
    .page-id-13045 .site .banner-section {
        /* background: #01E486 !important; */
    }

    .page-id-13045 .mainBrandInfo.belowForm::after {
        background: #01E486 !important;
    }

    /*Digital Marketing*/
    .page-id-13062 .site .banner-section {
        background: #FF5C8A !important;
    }

    .page-id-13062 .mainBrandInfo.belowForm::after {
        background: #FF5C8A !important;
    }

    /*Outsourced CMO*/
    .page-id-13064 .site .banner-section {
        background: #FF60DF !important;
    }

    .page-id-13064 .mainBrandInfo.belowForm::after {
        background: #FF60DF !important;
    }

    /*AI*/
    .page-id-13186 .site .banner-section {
        background: #3CBEEB !important;
    }

    .page-id-13186 .mainBrandInfo.belowForm::after {
        background: #3CBEEB !important;
    }

    /* Stuart */
    .postid-142 .stuart-gradient .team-gradient {
        background: #FF5C8A;
        background-image: none !important;
    }

    /* Helen */
    .postid-147 .stuart-gradient .team-gradient {
        background: #FF60DF;
        background-image: none !important;
    }

    /* John */
    .postid-157 .stuart-gradient .team-gradient {
        background: #3CBEEB;
        background-image: none !important;
    }

    /* Shannon */
    .postid-861 .stuart-gradient .team-gradient {
        background: #AD80F9;
        background-image: none !important;
    }

    /* Dan */
    .postid-708 .stuart-gradient .team-gradient {
        background: #01E486;
        background-image: none !important;
    }

    /* Parijat */
    .postid-12233 .stuart-gradient .team-gradient {
        background: #3CBEEB;
        background-image: none !important;
    }

    /* Janise */
    .postid-11520 .stuart-gradient .team-gradient {
        background: #AD80F9;
        background-image: none !important;
    }

    /* Dylan */
    .postid-160 .stuart-gradient .team-gradient {
        background: #FD8721;
        background-image: none !important;
    }

    .client-logo-section ul li img {
        width: 185px;
        height: 185px;
        object-fit: contain;
    }

    @media screen and (max-width:767px) {
        .client-logo-section ul li img {
            height: 125px;
        }
    }

    @media screen and (min-width:1024px) {
        .main-navigation ul {
            justify-content: right;
        }

        .main-navigation ul>li:last-child {
            position: unset !important;
        }

        .main-navigation ul li {
            padding: 0 0 0 25px;
        }
    }

    .page-template-tp-service-information .banner-caption h1 {
        color: #000000 !important;
    }

    .page-template-tp-service-information .banner-caption p {
        color: #000000;
    }

    .page-template-tp-service-information .office-info .col h3 {
        color: #000000;
    }

    @media screen and (min-width:767px) {
        body:not(.navsticky).page-template-tp-service-information .main-navigation ul li a {
            color: #000000;
        }

        body:not(.navsticky).page-template-tp-service-information .logo svg {
            fill: #000000;
        }
    }

    .banner-caption {
        max-width: 1001px;
    }

    .page-template-tp-service-information .right-arrow.arrow-white:before {
        border-color: #000;
    }

    .page-template-tp-service-information .down-link i svg {
        stroke: #000;
    }

    .page-template-tp-service-information .office-info .col h3 {
        opacity: 1 !important;
    }

    /* --- */











    /* ------------------
  24-12-2025
------------------- */

    .home-banner .cda-logo {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        position: absolute;
        z-index: 1;
        width: 100%;
        right: -162px;
        bottom: -196px;
        display: flex;
        justify-content: flex-end;
        align-items: end;
    }

    .home-banner .cda-logo svg {
        width: 70%;
    }

    .about-section {
        background: #fff;
        padding: 158px 0 58px 0;
    }

    .about-section .leftImgBlock {
        position: relative;
    }

    .about-section .leftImgBlock:after {
        content: "";
        width: auto;
        background: #FD8721;
        display: block;
        position: absolute;
        left: -100%;
        top: 40px;
        right: 0;
        bottom: 40px;
        z-index: 0;
    }

    .about-section .leftImgBlock .imgBlock {
        z-index: 1;
        position: relative;
    }

    .about-section .leftImgBlock .topRight,
    .about-section .leftImgBlock .bottomLeft {
        position: absolute;
        z-index: 2;
    }

    .about-section .leftImgBlock .topRight {
        top: -62px;
        right: -32px;
    }

    .about-section .leftImgBlock .bottomLeft {
        bottom: -34px;
        left: -50px;
    }

    .about-section .leftImgBlock .bottomLeft img,
    .about-section .leftImgBlock .topRight img {
        width: 100%;
        max-width: 160px;
    }

    .home .what-we-do:after {
        display: none
    }

    .about-section .contentBlock .rightBottom {
        position: absolute;
        right: 0;
        bottom: 0;
    }


    .imgBlock {
        position: relative;
        overflow: hidden;
        max-width: 658px;
        width: 100%;
        padding-bottom: 106%;
        z-index: 1;
    }

    .imgBlock>img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;

    }

    .contentBlock {
        padding-left: 90px;
    }

    .contentBlock .title {
        font-size: 34px;
        font-weight: 600;
        color: #000;
        margin-bottom: 0px;
        letter-spacing: 0;
        line-height: normal;
    }

    .digital-section:before {
        content: "";
        width: 100%;
        height: 60px;
        background: #3CBEEB;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        border-top: 20px solid #fff;
    }

    /* .digital-section .digital-items:before {
    content: "";
    width: 173%;
    height: auto;
    background: #3CBEEB;
    display: block;
    position: absolute;
    right: -100%;
    top: -88px;
    bottom: -108px;
} */
    /* .digital-section .digital-items:after {
    content: "";
    width: 300px;
    height: auto;
    background: #3CBEEB;
    display: block;
    position: absolute;
    left: -60px;
    top: -42px;
    bottom: -250px;
    transform: rotate(30deg);
} */
    .digital-section {
        position: relative;
        overflow: hidden;
    }

    .digital-items img {
        position: relative;
        margin: -106px 0 0px 0;
        z-index: 1;
    }


    .platformsLogos {
        background: #fff;
        padding: 100px 0;
    }

    .platformsLogos .title {
        font-size: 37px;
        letter-spacing: normal;
        margin: 0 0 44px 0;
    }

    .platformsslider {
        padding: 0px 100px;
    }

    .platformsslider .owl-stage-outer {
        overflow: visible;
    }

    .platformsslider .owl-item img {
        max-width: 230px;
        margin: 0 auto;
        height: 40px;
        object-fit: contain;
    }

    .insightsSection {
        background: #fff;
        padding: 100px 0;
    }

    .insightsSection .sectionTitle {
        font-size: 37px;
        margin-bottom: 30px;
    }

    .insightsBlock {
        overflow: hidden;
        position: relative;
    }

    .insightsBlock .insightContent {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-end;
        background: rgba(0, 0, 0, .6);
        transition: all linear 0.2s;
    }

    .insightsBlock:hover .insightContent {
        background: rgba(0, 0, 0, .8);
    }

    .insightsBlock .insightContent .title {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        line-height: normal;
        margin: 0;
        padding: 45px;
        letter-spacing: 0;
    }

    .insightsBlock .insightContent .title a {
        opacity: 1 !important;
    }

    .insightsBlock .insightContent a::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;

    }

    .insightsBlock .insightContent .title a:hover,
    .insightsBlock .insightContent .title a:focus {
        color: #fff !important;
    }

    .insightsBlock .imageBlock {
        position: relative;
        padding-bottom: 130%;

    }

    .insightsBlock .imageBlock img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1);
        transition: all linear 0.2s;
    }

    .insightsBlock:hover .imageBlock img {
        transform: scale(1.1);
    }

    .caseStudySection {
        background: #fff;
        padding: 200px 0 100px 0;
        position: relative;
    }

    .caseStudiesShape {
        position: absolute;
        right: 350px;
        top: -200px;
        z-index: 2;
        max-width: 250px;
        width: 100%;
    }

    .caseStudiesShape svg {
        width: 100%;
    }

    .caseStudySection hr {
        margin: 0px 0 80px;
    }

    .caseStudySection .imageBlock {
        padding-bottom: 51%;
        margin-left: 60px;
        position: relative;
    }

    .caseStudySection .imageBlock img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .caseStudySection .caseStudyList {
        margin-bottom: 70px;
    }

    .caseStudySection .caseStudyList:last-child {
        margin-bottom: 0px;
    }

    .caseStudySection .caseStudyList:nth-child(2n) .row {
        flex-direction: row-reverse;
    }

    .caseStudySection .caseStudyList:nth-child(2n) .row .text-right {
        text-align: left !important;
    }

    .caseStudySection .caseStudyList:nth-child(2n) .row .imageBlock {
        margin-left: 0;
        margin-right: 60px;
    }

    .caseStudyList .title {
        font-size: 22px;
    }

    .caseStudyList.animatedRemove>.row.align-items-center .imageBlock img {
        opacity: 1;
    }

    .caseStudyList>.row.align-items-center .imageBlock img {
        opacity: 0;
    }

    .caseStudyList .imageBlock::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #3CBEEB;
        transform: scaleX(0);
        transition: transform 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        transform-origin: left;
        z-index: 1;
    }

    .caseStudyList.animated .imageBlock::before {
        transform: scale(1);
    }

    .caseStudyList.animatedRemove .imageBlock::before {
        transform-origin: right;
        transform: scaleX(0);
    }




    .newsletter {
        background: #000000;
        padding: 109px 0 129px 0;
        position: relative;
    }

    .newsletter:after {
        content: "";
        width: 100%;
        height: 40px;
        background: #FF5C8A;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .newsletter .titleBlock .title {
        color: #fff;
        letter-spacing: 0;
        font-size: 32px;
        margin: 0;
    }

    .newsletter p {
        margin: 0;
    }


    .newsletter .formSection .wpcf7-text,
    .newsletter .formSection .wpcf7-text.wpcf7-email {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #fff !important;
        border-radius: 0;
        height: 50px;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        font-family: "Inter", sans-serif !important;
        padding: 0 10px !important;
    }

    .newsletter .formSection input::placeholder {
        color: #fff;
        opacity: 1;
        font-size: 14px;
        font-weight: 400;
        font-family: "Inter", sans-serif !important;
    }

    .newsletter .formSection input::-webkit-input-placeholder {
        color: #fff !important;
        opacity: 0.5 !important;
    }

    .newsletter .formSection input::-moz-placeholder {
        color: #fff !important;
        opacity: 0.5 !important;
    }

    .newsletter .formSection input:-ms-input-placeholder {
        color: #fff !important;
        opacity: 0.5 !important;
    }

    .newsletter .formSection input:-moz-placeholder {
        color: #fff !important;
        opacity: 0.5 !important;
    }

    .newsletter .formSection .wpcf7-submit {
        background: #fff !important;
        color: #000 !important;
        text-transform: none;
    }


    .newsletter .formSection .wpcf7-form-control-wrap {
        margin: 0 10px;
    }

    .newsletter .formSection .submitBtn {
        position: relative;
    }

    .newsletter .formSection .wpcf7-spinner {
        position: absolute;
        top: 16px;
        right: 0;
    }

    .site-footer {
        border-top: 40px solid #07E486;
        position: relative;
    }

    .site-footer:before {
        content: "";
        width: 70%;
        height: 100%;
        background: #07e486;
        position: absolute;
        right: 0;
        top: -1px;
        clip-path: polygon(50% 0, 100% 0, 100% 100%);
    }

    .site-footer .site-footer-bottom {
        position: static;
    }

    .home .client-logo-section {
        border: 0;
    }

    .digital-section .content-box>* {
        position: relative;
        z-index: 1;
    }

    .digital-section .content-box:before {
        background: #000;
        content: "";
        width: 187%;
        height: auto;
        left: -100%;
        position: absolute;
        bottom: -108px;
        top: -50px;
    }

    .digital-section .content-box:after {
        content: "";
        width: 225px;
        background: #000;
        display: block;
        position: absolute;
        right: -81px;
        top: -50px;
        bottom: -108px;
        clip-path: polygon(0 0, 100% 0, 0 100%);
    }

    .insightsSection .cta-link span {
        color: #000;
    }

    .black-bg .insightsSection .right-arrow:before {
        border-color: #000;
    }

    .videoOuter {
        width: 100%;
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
    }

    @media (max-width: 767px) {
        .home-banner .cda-logo {
            right: 0;
            bottom: 0;
            justify-content: center;
        }

        .about-section {
            padding: 50px 0;
        }

        .site-footer:before {
            display: none;
        }

        .about-section .leftImgBlock {
            margin-bottom: 40px;
            padding-right: 15px;
        }

        .contentBlock {
            padding-left: 0;
        }

        .contentBlock .title {
            font-size: 28px;
            line-height: 1.2;
        }

        .about-section .leftImgBlock .bottomLeft {
            bottom: -32px;
            left: -14px;
            width: 80px;
        }

        .about-section .leftImgBlock .topRight {
            top: -22px;
            right: -14px;
            width: 80px;
        }


        .contentBlock {
            padding-bottom: 90px;
        }

        .about-section .contentBlock .rightBottom {
            position: absolute;
            right: 18px;
            bottom: 10px;
            width: 80px;
        }

        .insightsBlock .insightContent .title {
            font-size: 24px;
            padding: 25px;
        }

        .insightsBlock {
            margin-top: 30px;
        }

        .insightsSection .sectionTitle {
            line-height: normal;
            font-size: 28px;
        }

        .platformsLogos,
        .insightsSection {
            padding: 50px 0;
        }

        .platformsLogos .title {
            font-size: 24px;
        }

        .caseStudiesShape {
            position: absolute;
            right: 50%;
            top: -200px;
            z-index: 2;
            max-width: 100px;
            width: 100%;
            transform: translateX(50%);
            height: auto;
        }

        .caseStudySection hr {
            margin: 40px 0 40px;
        }

        .caseStudySection .sectionTitle {
            margin: 0 0 30px 0;
            display: block;
        }

        .newsletter {
            padding: 50px 0 80px 0;
        }

        .newsletter .titleBlock .title {
            font-size: 28px;
            line-height: normal;
        }

        .newsletter .formSection .wpcf7-form-control-wrap {
            margin: 0;
        }

        .caseStudyList .row {
            flex-direction: column-reverse;
        }

        .caseStudySection .caseStudyList:nth-child(2n) .row {
            flex-direction: column-reverse;
        }

        .caseStudySection .caseStudyList:nth-child(2n) .row .imageBlock {
            margin-left: 0;
            margin-right: 0;
        }

        .caseStudySection .caseStudyList .row .imageBlock {
            margin-bottom: 30px;
        }

        .caseStudyList .content.text-right,
        .caseStudySection .caseStudyList:nth-child(2n) .row .text-right {
            text-align: center !important;
            margin-bottom: 0px;
        }

        .caseStudySection .imageBlock {
            margin-left: 0;
        }

        .caseStudySection {
            padding-bottom: 50px;
        }

        .caseStudiesShape video {
            height: 180px;
        }

        .innerpage-banner .banner-caption {
            margin: 0 0 40px 0;
        }

        .innerpage-banner {
            padding: 140px 0 50px 0;
            min-height: 10px;
            position: relative;
        }

        .innerpage-banner:after {
            content: "";
            width: 100%;
            height: 40px;
            background: #FF5C8A;
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .innerpage-banner:before {
            content: "";
            width: 87%;
            height: 350px;
            clip-path: polygon(100% 0, 0% 130%, 100% 100%);
            background: #FF5C8A;
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .innerpage-banner .banner-caption {
            padding-left: 0;
        }

        .page-template-tp-service-information-new .section.cta-header {
            padding-top: 30px;
        }

        .page-template-tp-service-information-new .section.cta-header .cta-link span {
            color: #000;
        }

        .black-bg .section.cta-header .right-arrow:before {
            border-color: #000;
        }

        .black-bg .section.cta-header i svg {
            stroke: #000;
        }

        .section.cta-header .wpcf7-text {
            border: 1px solid #000 !important;
        }

        .digital-section {
            padding-bottom: 0;
        }

        .digital-section .cta-link span {
            color: #fff;
        }

        .digital-items {
            padding: 20px 0 0;
            position: relative;
            margin-top: 88px
        }

        .digital-items:before {
            content: "";
            width: auto;
            height: 100%;
            background: #3cbeeb;
            display: block;
            position: absolute;
            left: -30px;
            top: 0px;
            right: -30px;
        }

        .digital-items .gifImg {
            margin: 0 0 20px 0;
        }

        .digital-items img {
            margin-top: 0;
        }

        .digital-items .videoWrapper {
            margin-bottom: 30px;
        }

        .banner-section {
            display: block;
        }

        .content-box .cta-link {
            margin: 0 0 15px 0;
        }

        .home-banner .cda-logo svg {
            height: 260px;
        }

        .home-banner .gradient-bg {
            min-height: 250px;
        }

        .what-we-do .subtitle {
            font-size: 22px;
        }

        .innerpage-banner .banner-caption .cta-link .right-arrow {
            transform: rotate(90deg);
        }

        .wpcf7 form.sent .wpcf7-response-output {
            border-color: #46b450;
            color: #46b450;
            text-align: center;
        }

        body .smart-expo-forms-border-email-with-image .form-block {
            padding: 30px 30px 40px !important;
        }

        body .smart-expo-forms-border-email-with-image .form-block .meetings-iframe-container {
            margin-top: 30px;
        }
    }

    /* What We do section */

    @media only screen and (min-width: 1921px) {
        .what-we-do .containers {
            max-width: 1140px !important;
            width: 1140px;
        }

        .what-we-do ul.services-list {
            gap: 60px 10px;
        }

        .what-we-do ul.services-list>li a {
            font-size: 38px;
        }


    }