:root {
                --wdtPrimaryColor: #000;
                --wdtPrimaryColorRgb: 255,200,0;
                --wdtSecondaryColor: #293133;
                --wdtSecondaryColorRgb: 213,167,0;
                --wdtTertiaryColor: #0f1535;
                --wdtTertiaryColorRgb: 15,21,53;
                --wdtBodyBGColor: #293133;
                --wdtBodyBGColorRgb: 12,15,31;
                --wdtBodyTxtColor: #b5b5b5;
                --wdtBodyTxtColorRgb: 181,181,181;
                --wdtHeadAltColor: #ffffff;
                --wdtHeadAltColorRgb: 255,255,255;
                --wdtLinkColor: #ffffff;
                --wdtLinkColorRgb: 255,255,255;
                --wdtLinkHoverColor: #dd4242;
                --wdtLinkHoverColorRgb: 221,66,66;
                --wdtBorderColor: #717171;
                --wdtBorderColorRgb: 113,113,113;
                --wdtAccentTxtColor: #ffffff;
                --wdtAccentTxtColorRgb: 255,255,255;
                --wdtFontTypo_Base: 'Lato', sans-serif;
                --wdtFontWeight_Base: 400;
                --wdtFontSize_Base: 16px;
                --wdtLineHeight_Base: 1.64;
                --wdtFontTypo_Alt: 'Lato', sans-serif;
                --wdtFontWeight_Alt: 600;
                --wdtFontSize_Alt: 60px;
                --wdtLineHeight_Alt: 1.16;
                --wdtFontTypo_H1: 'Lato', sans-serif;
                --wdtFontWeight_H1: 600;
                --wdtFontSize_H1: 60px;
                --wdtLineHeight_H1: 1.16;
                --wdtFontTypo_H2: 'Lato', sans-serif;
                --wdtFontWeight_H2: 600;
                --wdtFontSize_H2: 50px;
                --wdtLineHeight_H2: 1.16;
                --wdtFontTypo_H3: 'Lato', sans-serif;
                --wdtFontWeight_H3: 600;
                --wdtFontSize_H3: 44px;
                --wdtLineHeight_H3: 1.16;
                --wdtFontTypo_H4: 'Lato', sans-serif;
                --wdtFontWeight_H4: 600;
                --wdtFontSize_H4: 30px;
                --wdtLineHeight_H4: 1.16;
                --wdtFontTypo_H5: 'Lato', sans-serif;
                --wdtFontWeight_H5: 600;
                --wdtFontSize_H5: 26px;
                --wdtLineHeight_H5: 1.16;
                --wdtFontTypo_H6: 'Lato', sans-serif;
                --wdtFontWeight_H6: 600;
                --wdtFontSize_H6: 20px;
                --wdtLineHeight_H6: 1.16;
                --wdtFontTypo_Ext: "Dancing Script", sans-serif;
                --wdtFontWeight_Ext: 500;
                --wdtFontSize_Ext: 18px;
                --wdtLineHeight_Ext: 1.1;
            }

@font-face {
    font-family: 'Qeilab';
    src: url('/wp-content/themes/futurity-wp-theme-main/fonts/Qeilab.woff2') format('woff2'),
         url('/wp-content/themes/futurity-wp-theme-main/fonts/Qeilab.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qeilab';
    src: url('/wp-content/themes/futurity-wp-theme-main/fonts/Qeilab-Italic.woff2') format('woff2'),
         url('/wp-content/themes/futurity-wp-theme-main/fonts/Qeilab-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

/* header slide menu */

.wdt-fade-slide.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder {
    margin-left: auto;margin-right: unset;height: 100vh;width: 100vw;border-radius: 0;display: block; position: fixed; left: 0; right: 0;
}
.wdt-fade-slide.mfp-auto-cursor .mfp-content{height: 100%;}
.wdt-fade-slide.mfp-ready {opacity: 1;}
.wdt-fade-slide {opacity: 0;transition: var(--wdtBaseTransition);}

.wdt-popup-box-window.wdt-fade-slide .mfp-container.mfp-inline-holder:not(.mfp-iframe-holder, .mfp-image-holder) .mfp-content .wdt-popup-box-content-holder:before {
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transform: scale(0, 0) translate(50%, -50%);
    -webkit-transform: scale(0, 0) translate(50%, -50%);
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
    display: block;
    width: 370vw;
    height: auto;
    padding-top: 370vw;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    border-radius: 50%;
    z-index: 1;
    content: '';
    background-color: rgba(41,49,51,0.6);
    backdrop-filter: blur(12px);
}
.wdt-popup-box-window.wdt-fade-slide.mfp-ready .mfp-container.mfp-inline-holder:not(.mfp-iframe-holder, .mfp-image-holder) .mfp-content .wdt-popup-box-content-holder:before {
    transform: scale(1, 1) translate(50%, -50%);
    -webkit-transform: scale(1, 1) translate(50%, -50%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/*--<< Popup Box >>--*/

.wdt-custom-service-detail-popup-box .wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element { display: grid; }

.wdt-custom-service-detail-popup-box .wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element > img { grid-area: 1/1; border-radius: 150px; }

.wdt-custom-service-detail-popup-box .wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element > .wdt-popup-box-trigger-icon { grid-area: 1/1; align-self: center; position: relative; top: 0; bottom: 0; }

.wdt-custom-service-detail-popup-box .wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element > .wdt-popup-box-trigger-icon i { width: 55px; height: 55px; background-color: var(--wdtBodyBGColor); border-radius: var(--wdtRadius_Full); display: flex; align-items: center; justify-content: center; margin: auto; -webkit-transition: all .5s ease; transition: all .5s ease; }

.wdt-custom-service-detail-popup-box .wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element > .wdt-popup-box-trigger-icon i:hover { background-color: var(--wdtPrimaryColor); }

.wdt-custom-service-detail-popup-box .pagination .column { padding-top: 80px; }

/*--------------------------------------------------------------
    Side Menu Template
--------------------------------------------------------------*/

    /*--<< Interactive Links >>--*/

    .wdt-custom-side-menu-temp .elementor-widget-container > .wdt-interactive-showcase-container { display: flex; flex-direction: row-reverse; height: 100vh; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before,
    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after { display: none; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { z-index: 1;}
    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper { width: 100%; max-width: clamp(25rem, 18.8842rem + 33.7423vw, 59.375rem); padding: 0; margin: auto 0 auto -130px; z-index: 2; transition: all 450ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 450ms cubic-bezier(0.77, 0, 0.175, 1); }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { width: auto; margin: 0; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { width: fit-content; padding: 15px; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active { -webkit-transition: all .5s ease; transition: all .5s ease; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:nth-child(2) { -webkit-transform: translateX(50px); transform: translateX(50px); }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:nth-child(3) { -webkit-transform: translateX(50px); transform: translateX(100px); }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:nth-child(4) { -webkit-transform: translateX(50px); transform: translateX(50px); }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group { display: block; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title a { 
        font-size: calc(var(--wdtFontSize_H1) + 20px); 
        font-weight: 900; 
        line-height: var(--wdtLineHeight_Ext);
        letter-spacing: 6px;
        color: #fff; 
        -webkit-transition: all .5s ease; 
        transition: all .5s ease; 
    }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-content-title a { 
        color: var(--wdtLinkColor); 
        -webkit-text-stroke: 1.5px transparent; 
        -webkit-transition: all .5s ease; 
        transition: all .5s ease; 
        letter-spacing: 8px;
        text-shadow: rgba(255,255,255,0.6) 0px 4px 14px;
    }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] { opacity: 0; -webkit-transform: scaleX(1) scale(1.2); transform: scaleX(1) scale(1.2); -webkit-transition: all 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transform-origin: center; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { opacity: 1; -webkit-transform: scaleX(1) scale(1); transform: scaleX(1) scale(1); }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-content-image-wrapper .wdt-content-image { width: 100%; max-width: clamp(25rem, 21.1081rem + 21.4724vw, 46.875rem); margin: auto 0 auto auto; }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-container > .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-content-image-wrapper .wdt-content-image span > img { width: 100%; height: 100%; -webkit-animation: blobbing 5s ease-in-out infinite; animation: blobbing 5s ease-in-out infinite; }

    @-webkit-keyframes blobbing { 0%{ border-radius: 58% 53% 24% 75% / 61% 76% 24% 47%; } 25%{ border-radius: 57% 43% 20% 80% / 57% 83% 17% 43% } 50%{ border-radius: 79% 21% 44% 56% / 37% 23% 77% 63% } 75%{ border-radius: 35% 65% 75% 25% / 76% 55% 45% 24% } 100%{ border-radius: 58% 53% 24% 75% / 61% 76% 24% 47%; } }

    @keyframes blobbing { 0%{ border-radius: 58% 53% 24% 75% / 61% 76% 24% 47%; } 25%{ border-radius: 57% 43% 20% 80% / 57% 83% 17% 43% } 50%{ border-radius: 79% 21% 44% 56% / 37% 23% 77% 63% } 75%{ border-radius: 35% 65% 75% 25% / 76% 55% 45% 24% } 100%{ border-radius: 58% 53% 24% 75% / 61% 76% 24% 47%; } }

    .wdt-custom-side-menu-temp .wdt-interactive-showcase-list-wrapper { z-index: 1; }

    #futurity-menu,
    .futurity-title h1{
        font-family: 'Qeilab', sans-serif !important;
    }

    .wdt-popup-box-window .mfp-close::before,
    .wdt-popup-box-window .mfp-close::after {
        margin: 10px 0 0 0 !important;
    }

    .all-cards {
        display: flex !important;
        flex-direction: column !important; /* Arrange cards vertically in the column */
    }
    .card1 {
        position: -webkit-sticky !important; /* For Safari */
        position: sticky !important;
        top: 50px !important; /* Offset from the top */
    }
    .card2 {
        position: -webkit-sticky !important; /* For Safari */
        position: sticky !important;
        top: 100px !important; /* Offset from the top */
    }
    .card3 {
        position: -webkit-sticky !important; /* For Safari */
        position: sticky !important;
        top: 150px !important; /* Offset from the top */
    }
    .card4 {
        position: -webkit-sticky !important; /* For Safari */
        position: sticky !important;
        top: 200px !important; /* Offset from the top */
    }

    .wpcf7-form-control-wrap {
        clear: both;
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

    .wdt-custom-contact-page-form .wpcf7-form div,
    .wdt-custom-contact-page-form .wpcf7-form div p{
        align-items: end;
        justify-content: space-between;
        width: 100%;
    }

    .wdt-custom-contact-page-form .wpcf7-form div.upload-file {
        flex-direction: column; 
        padding-right: 130px;
        align-items: start;
    }

    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload-wrap { border-color: var(--wdtBorderColor); border-style: solid; border-width: 1px; padding: 4px; }
    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload { position: relative;  }
    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload-wrap, .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload {
        display: inline-flex;
        width: 530px; max-width: 100%;
    }

    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload .custom-file-select {
        color: var(--wdtHeadAltColor);
        font-weight: var(--wdtFontWeight_Ext);
        display: inline-flex !important;
        align-items: center;
        pointer-events: none;
        position: absolute !important;
        left: 0;
        top: 0;
        z-index: 1;
        cursor: pointer;
    }

    .wdt-custom-contact-page-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0;opacity: 0.5;}

    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload .custom-file-select,
    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload .wpcf7-form-control-wrap input[type=file]::file-selector-button {
        background-color: var(--wdtPrimaryColor);
        border-width: 0;
        display: inline-block;
        margin-right: 25px;
        min-height: 54px;
        min-width: 132px;
        padding: var(--wdtPadding_Btn);
        position: relative;
        border-radius: 0;
        transition: .3s;
        cursor: pointer;
    }

    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload .wpcf7-form-control-wrap {
        margin-bottom: 0; margin-left: 0px !important;
    }
    .wpcf7 input[type="file"] {
        cursor: pointer;
    }
    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload .wpcf7-form-control-wrap .wpcf7-file {
        width: 100%;
    }
    .wdt-custom-contact-page-form .wpcf7-form .custom-file-upload .custom-file-select:before {
        background-color: currentColor;
        content: '';
        display: inline-block;
        height: 18px;
        width: 18px;
        margin-right: 14px;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg id='Group_704' transform='translate(-1778.946 -929.159)'%3E%3Cpath id='Path_719' d='M1805.1,931.2c-0.6-0.6-1.6-0.6-2.3,0l-9.6,9.6c-0.7,0.8-0.7,2,0.1,2.7c0.7,0.7,1.9,0.7,2.6,0l6.1-6.1V965 c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0v-27.6l6.1,6.1c0.8,0.7,2,0.7,2.7-0.1c0.7-0.7,0.7-1.9,0-2.6L1805.1,931.2z'/%3E%3Cpath id='Path_720' d='M1824.5,966.6c-1.1,0-1.9,0.9-1.9,1.9v5.2h-37.3v-5.2c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9v7 c0,1.1,0.9,2,2,2h41c1.1,0,2-0.9,2-2v-7C1826.4,967.5,1825.6,966.6,1824.5,966.6C1824.5,966.6,1824.5,966.6,1824.5,966.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg id='Group_704' transform='translate(-1778.946 -929.159)'%3E%3Cpath id='Path_719' d='M1805.1,931.2c-0.6-0.6-1.6-0.6-2.3,0l-9.6,9.6c-0.7,0.8-0.7,2,0.1,2.7c0.7,0.7,1.9,0.7,2.6,0l6.1-6.1V965 c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0v-27.6l6.1,6.1c0.8,0.7,2,0.7,2.7-0.1c0.7-0.7,0.7-1.9,0-2.6L1805.1,931.2z'/%3E%3Cpath id='Path_720' d='M1824.5,966.6c-1.1,0-1.9,0.9-1.9,1.9v5.2h-37.3v-5.2c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9v7 c0,1.1,0.9,2,2,2h41c1.1,0,2-0.9,2-2v-7C1826.4,967.5,1825.6,966.6,1824.5,966.6C1824.5,966.6,1824.5,966.6,1824.5,966.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
    .wdt-custom-contact-page-form .wpcf7-form .contact-btn.upload-file-btn input[type="submit"] { padding: 0px 45px; margin-top: 5px; height: 55px; }

    .wdt-custom-contact-page-form .wpcf7-form .cnf-upload-file-list { margin-top: 15px; }

    .wdt-custom-contact-page-form .wpcf7-form .contact-btn.upload-file-btn { margin-top: 40px; }

    .wpcf7-not-valid-tip{position: absolute;margin-top: 5px;}

    .wdt-custom-career-detail-icon-list.elementor-widget.elementor-widget-icon-list .elementor-icon-list-text span {
        font-weight: var(--wdtFontWeight_Base); font-size: var(--wdtFontSize_H6); color: var(--wdtBodyTxtColor);
    }

    .wdt-custom-career-detail-icon-list.elementor-widget.elementor-widget-icon-list .elementor-icon-list-text { font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Alt); } 
    .wdt-custom-query-form .wpcf7-form-control-wrap input[type="text"], .wdt-custom-query-form .wpcf7-form-control-wrap input[type="email"] {
        -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); border-width: 0 0 2px 0;
        padding: 15px 0; border-color: rgba(var(--wdtBorderColorRgb), 0.7); background: none;
    }

    .wdt-custom-query-form .wpcf7-form-control-wrap { margin-bottom: 30px;}

    .wdt-custom-query-form .wpcf7-form-control-wrap input[type="text"]:focus, .wdt-custom-query-form .wpcf7-form-control-wrap input[type="email"]:focus {
        box-shadow: none; 
        border-color: var(--wdtPrimaryColor); 
        outline: none;
    }

/*--<< Contact Form >>--*/

.wdt-custom-contact-page-form .wpcf7-form div,
.wdt-custom-contact-page-form .wpcf7-form div p { display: flex; }

.wdt-custom-contact-page-form .wpcf7-form div .wpcf7-form-control-wrap:nth-child(1) { margin-right: 40px; }

.wdt-custom-contact-page-form .wpcf7-form div .wpcf7-form-control-wrap:nth-child(2) { margin-left: 40px; }

.wdt-custom-contact-page-form .wpcf7-form .wpcf7-form-control-wrap { margin-bottom: 45px; }

.wdt-custom-contact-page-form .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control[class*="wpcf7-text"],
.wdt-custom-contact-page-form .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control[class*="wpcf7-select"] {
    -webkit-border-radius: var(--wdtRadius_Zero);
    border-radius: var(--wdtRadius_Zero);
    border-width: 0 0 2px 0; padding: 15px 0;
    border-color: rgba(var(--wdtBorderColorRgb), 0.7);
    color: rgba(var(--wdtBorderColorRgb), 0.7);
    background: none;
    width: 100%;
}

.wdt-custom-contact-page-form .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control[class*="wpcf7-text"]:focus,
.wdt-custom-contact-page-form .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control[class*="wpcf7-select"]:focus { 
    box-shadow: none;
    border-color: var(--wdtLinkColor);
    color: var(--wdtLinkColor);
    outline: none;
}

.wdt-custom-contact-page-form .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control[class*="wpcf7-textarea"] { height: 130px; resize: vertical; }

.wdt-custom-contact-page-form .wpcf7-form .contact-btn { margin: 0; align-items: end; }

.wdt-custom-contact-page-form .wpcf7-form .contact-btn input[type="submit"] {
    font-weight: var(--wdtFontWeight_Ext);
    border-radius: var(--wdtRadius_Zero);
    background-color: transparent;
    border: 1px solid var(--wdtBorderColor);
    padding: 16px 45px;
    text-transform: uppercase;
}

.wdt-custom-contact-page-form .wpcf7-form .contact-btn input[type="submit"]:hover {
    color: var(--wdtPrimaryColor);
    border-color: var(--wdtLinkColor);
    background-color: var(--wdtLinkColor);
}

.wdt-custom-contact-page-form .wpcf7-form .contact-btn .wpcf7-spinner { margin: 13px 24px 0; }