/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Header CSS */
.header-active.elementor-sticky--effects{
    background-color: #0000004f;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
}

.header-active.elementor-sticky--effects .siteLogo img{
    max-width: 110px !important;
    transition: all 0.4s ease ;
}
.header-active .siteLogo img{
    transition: all 0.4s ease !important;
}
.menu-box{
    position: relative;
}
.menu-box::after{
    content: '';
    height: 100%;
    width: 1px;
    background-color: #A8A8A8;
    opacity: 0.64;
    position: absolute;
    left: 100%;
    top: 0;
}
.header-active.elementor-sticky--effects .header-menubar .e-active.e-n-menu-content{
    padding-block-start: 38px !important;
}


/* Footer CSS */
.footer-text-opacity .elementor-item, .footer-text-opacity .elementor-icon-list-text{
    opacity: 0.8;
}

/* ================================================================= */

/* Homepage CSS */
.cta-btn .elementor-button-icon svg{
    font-size: 48px;
}
.cta-btn .elementor-button svg path{
    transition: all 0.5s ease;
}
.cta-btn .elementor-button:hover svg path{
    fill: #fff;
}
.cta-btn-1 .elementor-button:hover svg path{
    fill: #000;
}
.about-text strong{
    color: #000;
    font-weight: 600;
}
.case-studies-text strong{
    color: #000;
    font-weight: 500;
}
.case-studies-text .bold-content{
    font-weight: 500;
    color: #535353;
}
.review-slider .swiper-pagination .swiper-pagination-bullet{
    border: 2px solid #000000a3;
}
.review-slider .swiper-pagination .swiper-pagination-bullet-active{
    border: 2px solid #00B7FF;
}
.icon-bg::after{
    content: '';
    background: #64A4F4;
    height: 56px;
    width: 56px;
    border-radius: 100%;
    position: absolute;
    left: 16px;
    top: -16px;
    z-index: -1;
}
.icon-2::after{
    left: 7px;
}
.icon-bg-2::after{
    top: -20px;
}


/* About Leadership Page css */
.sc-icons{
    line-height: 0;
}

/* Services pages CSS */
.serv-cta .elementor-button .elementor-button-text{
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

/* Contact Form CSS */
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
   row-gap: 30px;
   column-gap: 30px;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_heading .gform_required_legend{
    display: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-field-label{
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_required_asterisk{
    color: #000;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    box-shadow: none;
    border: 1px solid rgba(83, 83, 83, 0.16);
    border-radius: 0;
    height: 48px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 10px 45px 10px 10px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea:focus{
    outline: none;
    box-shadow: 0 4px 14px rgba(0, 41, 61, 0.15);
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
   border: 1px solid rgba(83, 83, 83, 0.16);
   border-radius: 0;
   box-shadow: none;
   font-size: 18px;
   font-weight: 400;
   color: #000;
   padding: 10px 45px 10px 10px;
   resize: none;
   white-space: pre-wrap; /* Allows wrapping and preserves whitespace */
   word-wrap: break-word; /* Break long words if needed */
   overflow-wrap: break-word;
   background: url("https://dev.wordpress-developer.us/scott-sky-advisors/wp-content/uploads/2025/08/text-icon.png");
   background-repeat: no-repeat;
   background-size: 18px;
   background-position: top 16px right 25px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
    margin: 0;
    padding: 0;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
    margin-bottom: 0;
    background-color: #64A4F4;
    color: #fff;
    padding: 13px 38px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:focus{
    outline: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:hover{
    background-color: #000;
    color: #fff;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) input:not([type="submit"]){
   border: 1px solid #c02b0a;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) textarea{
   border: 1px solid #c02b0a;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_validation_errors{
   display: none;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_validation_message{
    background: transparent;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 14px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--type-captcha .gfield_validation_message{
    display: none;
}


/* Field Icons */
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_1, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_3{
    background: url("https://dev.wordpress-developer.us/scott-sky-advisors/wp-content/uploads/2025/08/name-icon.png");
    background-repeat: no-repeat;
    background-position: center right 25px;
    background-size: 16px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_4, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_2_1{
    background: url("https://dev.wordpress-developer.us/scott-sky-advisors/wp-content/uploads/2025/08/mail-icon.png");
    background-repeat: no-repeat;
    background-position: center right 25px;
    background-size: 18px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_5{
    background: url("https://dev.wordpress-developer.us/scott-sky-advisors/wp-content/uploads/2025/08/text-icon.png");
    background-repeat: no-repeat;
    background-position: center right 25px;
    background-size: 18px;
}

/* Services Inner Page CSS */
.serv-inner-btn .elementor-button-text{
    text-align: left;
    line-height: 26px;
}

/* Blog page CSS */
.blog-img a{
    display: flex !important;
}

/* Contact Page CSS */
.cta-links .elementor-icon-box-wrapper .elementor-icon-box-title{
    margin-top: 0;
}
.cta-links .elementor-icon-box-wrapper .elementor-icon-box-icon{
    margin-top: 6px;
}
.cta-links .elementor-icon-box-wrapper .elementor-icon-box-description{
    opacity: 0.8;
}
.cta-links .elementor-icon-box-wrapper .elementor-icon-box-description a{
    color: #000;
    transition: all 0.3s ease;
}
.cta-links .elementor-icon-box-wrapper .elementor-icon-box-description a:hover{
    color: #64A4F4;
}




/* ================================================================ */

/* Responsive Part */
@media only screen and (max-width: 1366px){
    .icon-bg::after{
        height: 46px;
        width: 46px;
        left: 12px;
        top: -12px;
    }
    .header-active.elementor-sticky--effects .header-menubar .e-active.e-n-menu-content{
        padding-block-start: 39px !important;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-field-label{
        font-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 20px;
        column-gap: 20px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 44px;
        font-size: 17px;
        padding: 10px 45px 10px 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_1, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_3{
        background-position: center right 20px;
        background-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_4, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_2_1{
        background-position: center right 20px;
        background-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_5{
        background-position: center right 20px;
        background-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 17px;
        background-size: 17px;
        background-position: top 16px right 20px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 30px;
    }
}

@media only screen and (max-width: 1024px){
    .cta-btn .elementor-button-icon svg{
        font-size: 30px;
    }
    .icon-bg::after{
        height: 36px;
        width: 36px;
        left: 9px;
        top: -9px;
    }
    .icon-2::after{
        left: 5px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-field-label{
        font-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 15px;
        column-gap: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 40px;
        font-size: 16px;
        padding: 10px 45px 10px 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_1, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_3{
        background-position: center right 20px;
        background-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_4, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_2_1{
        background-position: center right 20px;
        background-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_5{
        background-position: center right 20px;
        background-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 16px;
        background-size: 17px;
        background-position: top 16px right 20px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 30px;
    }

    .serv-inner-btn .elementor-button-text{
        line-height: 22px;
    }
}

@media only screen and (max-width: 880px){
    .header-active.elementor-sticky--effects .siteLogo img{
        max-width: 95px !important;
        transition: all 0.4s ease ;
    }
    .cta-btn .elementor-button-icon svg{
        font-size: 27px;
    }
    .header-active.elementor-sticky--effects .header-menubar .e-active.e-n-menu-content{
        padding-block-start: 33px !important;
    }

    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-field-label{
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 10px;
        column-gap: 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 38px;
        font-size: 15px;
        padding: 10px 35px 10px 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_1, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_3{
        background-position: center right 15px;
        background-size: 12px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_4, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_2_1{
        background-position: center right 15px;
        background-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_5{
        background-position: center right 15px;
        background-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 15px;
        background-size: 16px;
        background-position: top 16px right 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 8px 25px;
    }

    .serv-inner-btn .elementor-button-text{
        line-height: 20px;
    }
}

@media only screen and (max-width: 767px){
    .header-active.elementor-sticky--effects .siteLogo img{
        max-width: 80px !important;
        transition: all 0.4s ease ;
    }
    .cta-btn .elementor-button-icon svg{
        font-size: 25px;
    }

    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gform-field-label{
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        row-gap: 10px;
        column-gap: 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 38px;
        font-size: 14px;
        padding: 10px 35px 10px 10px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_1, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_3{
        background-position: center right 15px;
        background-size: 12px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_4, .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_2_1{
        background-position: center right 15px;
        background-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields #input_1_5{
        background-position: center right 15px;
        background-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 14px;
        background-size: 16px;
        background-position: top 16px right 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 4px 20px;
    }
}