/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html body {
    font-size: 14px;
    line-height: 1.4;
}
.tk-playfair-display { font-family: "playfair-display",serif; }
.tk-montserrat { font-family: "montserrat",sans-serif; }

.mfp-close{
    color:#fff;
}
.button.is-outline.back-to-top{
    color: var(--fs-color-secondary);
}
.button.is-outline.back-to-top:hover{
    background: var(--fs-color-secondary);
    border-color: var(--fs-color-secondary);
    color: #fff;
}
.max-w-450{
    max-width: 450px;
}
.max-w-660{
    max-width: 660px;
}
.max-w-600{
    max-width: 600px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-50{
    margin-bottom: 50px;
}
.col-pb-0 .col{
    padding-bottom: 0;
}
.white-color{
    color: #fff;
}
.dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p,
.dark, .dark p, .dark td{
    color: #BABABA;
}
.dark .primary-color {
    color: var(--fs-color-primary);
}
.dark .secondary-color {
    color: var(--fs-color-secondary);
}
.contact-sect .gform_heading {
    display: none;
}
 .contact-sect  .gform-theme--foundation .gform_fields{
    row-gap: 20px;
}
.contact-sect .gform-theme--framework .gform-field-label{
    text-transform: unset;
    color:#BABABA;
    letter-spacing: -0.42px;
    opacity: 0.6;
}
.contact-sect .gform-theme--foundation .gfield input{
    background: #111;
    border-radius: 25rem;
    border: 1px solid #242424;
    border-radius: 10px;
    color:#BABABA;
    height: 56px;
}
.contact-sect .ginput_container{
    width: 100%;
}
.contact-sect .gform-theme--foundation .gfield textarea{
    background: #111;
    border: 1px solid #242424;
    border-radius: 10px;
    color:#BABABA;
}
.contact-sect .gform-theme--framework .gfield--type-choice .ginput_container_consent{
    margin-top: 28px;
}
.contact-sect .gform-theme--framework .gfield--type-choice .gform-field-label{
    color:#BABABA;
    text-transform: unset;
}
.contact-sect .gform-theme--framework .gfield--type-choice .gform-field-label a{
    text-decoration: underline;
}
.contact-sect .gform-theme--framework .gfield--type-choice .gchoice{
    align-items: center;
}
.contact-sect .gform-theme--framework .gfield--type-choice input{
    border-width: 1px !important;
    border-radius: 6px !important;
    width: 26px;
    height: 26px !important;
}
.contact-sect .gform-theme--foundation .ginput_counter.gfield_description{
    color:#BABABA;
}
.contact-sect .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
    color: var(--fs-color-secondary);
}
.contact-sect .gform_footer{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.contact-sect .gform_footer .gform_button{
    border-radius: 10px !important;
    background: transparent !important;
    color:var(--fs-color-primary) !important;
    letter-spacing: -0.48px !important;
    text-align: center !important;
    font-weight: 400 !important;
    border: 1px solid var(--fs-color-primary) !important;
    padding: 8px 20px !important;
    font-size: 16px !important;
    line-height: 30px !important;
    min-width: 200px !important;
    width: auto !important;
}
.contact-sect .gform_footer .gform_button:hover{
    background: var(--fs-color-primary) !important;
    color: #E8E8E8 !important;
}
.contact-sect .gfield.gfield--type-submit .gform-button:focus{
    box-shadow: none !important;
}
.contact-sect .gform_confirmation_message_1.gform_confirmation_message{
    color: #fff;
}
.contact-sect .gform_validation_errors{
    display: none;
}

.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline{
    border-width: 1px;
}
.is-outline:hover, .primary.is-outline:hover{
    color: #E8E8E8;
}
.button, button, input[type=button], input[type=reset], input[type=submit]{
    letter-spacing: -0.48px;
    font-size: 1.15em;
    line-height: 1.4;
    font-weight: 400;
}
.header-nav.header-nav-main.nav-left{
    justify-content: flex-end;
}
.header-nav.header-nav-main.nav-right {
    justify-content: flex-start;
}
.header-nav.header-nav-main >li>a{
    color: #bababa;
    letter-spacing: -0.42px;
    font-size: 1em;
}
.header-nav.header-nav-main >li>a:hover{
    color: var(--primary-color);
}
.header-wrapper.stuck{
    background: #000;
    padding: 10px 0;
}
.dark .hero-sect-title{
    font-size: 3.57em;
    line-height: 1;
    letter-spacing: -1.5px;
    color: #E8E8E8;
    margin-bottom: 30px;
}
.dark .hero-sect-desc{
    font-size: 1.43em;
    letter-spacing: -0.6px;
    color: #E8E8E8;
}
.hero-banner-btn{
    margin-top: 60px;
    padding: 6px 30px;
}
.nav-icon .icon.button{
    min-width: 36px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BABABA;
}
.nav-icon .icon.button:hover{
   color: #E8E8E8;  
}
.nav-icon .button.icon i{
    font-size: 2em;
}
.dark .sect-head-title{
    font-size: 3em;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.26px;
    color: var(--fs-color-secondary);
    margin-bottom: 24px;
}
.dark .sect-head-subtitle{
    font-size: 1em;
    line-height: 1.8;
    letter-spacing: 4.82px;
    color: var(--fs-color-primary);
    text-transform: uppercase;
    margin-bottom: 45px;
}
.dark .sect-desc{
    font-size: 1.3em;
    line-height: 1.4;
    letter-spacing: -0.54px;
    color: #BABABA;
}
.grad-overlay .section-bg-overlay{
    background: transparent linear-gradient(110deg, #00000078 0%, #000000C7 28%, #000000 100%) 0% 0% no-repeat padding-box;
}
.section-btn{
    margin-top: 25px;   
    padding: 6px 34px;
}
.section-top-head{
    margin-bottom: 70px;
    padding: 0 15px;
}
.max-w-640-center{
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.dark .section-top-head .sect-head-title{
    font-size:3.3em;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
.service-row .col-inner{
    border: 1px solid #303030;
    border-radius: 30px;
    padding: 35px;
}
.service-img-box .img-inner{
    margin-bottom: 30px;
}
.service-name{
    margin-bottom: 30px;
}
.service-name,
.service-name p{
    letter-spacing: -0.66px;
    font-size: 1.57em;
}
.service-desc,
.service-desc p{
    font-size:1.14em;
    letter-spacing: -0.54px;
    color: #BABABA;
}
.service-desc p{
    margin-bottom: 10px;
}
.method-row .col{
    position: relative;
}
.method-row .col-inner{
    padding:0 35px;
    position: unset;
}
.dark .method-name-text{
    color: #fff;
}
.dark .method-content p,
.dark .method-content .method-desc{
    color: #BABABA;
    opacity: 0.6;
}
.method-name-text{
    font-size: 1.14em;
    letter-spacing: -0.54px;
    margin-bottom: 20px;
}
.method-content{
    letter-spacing: -0.42px;
}
.dark .method-number{
    font-size:1.15em;
    letter-spacing: -0.48px;
    color: var(--fs-color-primary);
    padding-left: 12px;
    margin-bottom: 25px;
}

.method-number::after{
    content: '';
    background: var(--fs-color-primary);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: block;
    margin-left: -12px;
}
.method-number-col::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    height: 1px;
    width: 100%;
    background: #BABABA;
    opacity: 0.38;
}
.section-bottom-btn{
    margin: 20px auto 0;
    padding: 6px 15px;
    max-width: 320px;
    display: block;
}
.contact-address-title,
.contact-address-title p{
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.66px;
    color: var(--fs-color-primary);
    margin-bottom: 0;
}
.contact-address-title{
    margin-bottom: 30px;
}
.contact-address-content{
    font-size: 18px;
    letter-spacing: -0.54px;
}
.footer-row{
    border-top: 1px solid rgba(186, 186, 186,0.38);
    border-bottom: 1px solid rgba(186, 186, 186,0.38);
    padding-top: 50px;
    padding-bottom: 5px;
}
.footer-col-title{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.54px;
    color: #FFFFFF !important;
    margin-bottom: 20px;
}
.footer-col-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-col-menu li{
    margin: 0 !important;
    padding: 0;
}
.footer-col-menu a{
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #BABABA !important;
    opacity: 0.6;
    padding: 4px 0;
    display: block;
}
.footer-col-menu a:hover{
    color: var(--fs-color-primary) !important;
}
.absolute-footer{
    padding: 10px 0;
}
.footer-secondary,
.copyright-footer{
    letter-spacing: -0.36px;
    color: #BABABA;
    opacity: 0.6;
    font-size: 12px;
    padding: 5px 0;
}
.footer-social-col .footer-col-menu li a,
.footer-social-col .footer-col-menu li{
    display: flex;
    align-items: center;
}
.footer-social-col .social-icon{
    padding-right:10px;
    display: inline-block;
}


@media (min-width: 549px) {
  
}
@media (min-width: 640px) {

}
@media (min-width: 850px) {
    .header-nav.header-nav-main.nav-left{
        margin-top: -15px;
    }
    .header-nav.header-nav-main.nav-right {
        margin-top: -15px;
    }
    .header-nav.header-nav-main >li{
            margin: 0 20px;
    }
    .header-nav.header-nav-main >li:last-child{
        margin-right: 20px !important;
    }
    .header-nav.header-nav-main >li:first-child{
        margin-left: 20px !important;
    }
    .section.contact-sect .section-content{
        padding-bottom: 70px;
    }
  
}
@media (min-width: 1366px) {
    .header-main .logo{
        margin-top: auto;
    }
    .header-nav.header-nav-main >li{
            margin: 0 34px;
    }
    .header-nav.header-nav-main >li:last-child{
        margin-right: 34px !important;
    }
    .header-nav.header-nav-main >li:first-child{
        margin-left: 34px !important;
    }
    .hero-cont-col.large-5{
        flex-basis: 550px;
        max-width: 550px;
    }
    .desk-9item >.col{
        flex-basis: 11.11%;
        max-width: 11.11%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .contact-sect  .gform-theme--foundation .gform_fields{
        column-gap: 34px;
    }
    .section.contact-sect .section-content{
        padding-bottom: 100px;
    }


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

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


}

@media only screen and (max-width: 850px) {
    .dark .hero-sect-title{
        font-size:2.6em;
        margin-bottom: 30px;
    }
    .dark .hero-sect-desc{
        font-size:1.3em;
    }
    .hero-banner-btn {
        margin-top: 40px;
        padding: 5px 20px;
    }
    .off-canvas-left .mfp-content{
        background-color: #000;
    }
    .sidebar-menu .nav.nav-sidebar>li>a{
        letter-spacing: -0.42px;
        color: #BABABA;
        font-size: 1em;
    }
    .sidebar-menu .nav-sidebar.nav-vertical>li+li{
        border-color: #303030;
    }
    .dark .sect-head-title{
        font-size: 2.3em;
        margin-bottom: 20px;
    }
    .dark .sect-head-subtitle{
        margin-bottom: 30px;
    }
    .dark .sect-desc{
        font-size: 1.15em;
    }
    .section-btn{
        margin-top: 20px;   
        padding: 5px 20px;
    }
    .dark .section-top-head .sect-head-title{
        font-size:2.3em;
        margin-bottom: 20px;
    }
    .section-top-head{
        margin-bottom: 50px;
    }
    .service-row .col-inner{
        padding: 25px;
    }
    .service-img-box .img-inner{
        margin-bottom: 20px;
    }
    .service-name{
        margin-bottom: 20px;
    }
    .service-name,
    .service-name p{
        font-size:1.43em;
    }
    .service-desc,
    .service-desc p{
        font-size:1.15em;
    }
    .method-row .col-inner{
        padding: 0 15px;
    }

    .contact-address-title,
    .contact-address-title p{
        font-size: 20px;
    }
    .contact-address-title{
        margin-bottom: 20px;
    }
    .contact-address-content{
        font-size: 16px;
    }


}

@media only screen and (max-width: 549px) {
    .mb-50{
        margin-bottom: 30px;
    }
    .col-pb-0 .col{
        padding-bottom: 15px;
    }
    .dark .hero-sect-title{
        font-size:2em;
        margin-bottom: 20px;
    }
    .dark .hero-sect-desc{
        font-size:1.15em;
    }
    .hero-banner-btn {
        margin-top: 20px;
        padding: 5px 20px;
    }
     .hero-cont-col.large-5{
        padding-bottom: 0;
    }
    .dark .sect-head-title{
        font-size: 1.72em;
        margin-bottom: 15px;
    }
    .dark .sect-head-subtitle{
        margin-bottom: 25px;
        letter-spacing: 3px;
        line-height: 1.4;
    }
    .dark .sect-desc{
        font-size: 1em;
    }
    .section-btn{
        margin-top: 15px;   
        padding: 5px 20px;
    }
    .order-mob-1{
        order: -1;
    }
    .dark .section-top-head .sect-head-title{
        font-size:1.72em;
        margin-bottom: 15px;
    }
    .section-top-head{
        margin-bottom: 30px;
    }
    .service-row .col-inner{
        padding: 20px;
    }
    .service-img-box .img-inner{
        margin-bottom: 15px;
    }
    .service-name{
        margin-bottom: 15px;
    }
    .service-name,
    .service-name p{
        font-size:1.3em;
    }
    .service-desc,
    .service-desc p{
        font-size:1em;
    }
    .method-row .col-inner{
        padding: 0;
    }
    .section-bottom-btn{
        margin-top: 10px;
    }
    .contact-address-title,
    .contact-address-title p{
        font-size:18px;
    }
    .contact-address-title{
        margin-bottom: 20px;
    }
    .contact-address-content{
        font-size: 14px;
    }
    .contact-sect .gform_footer .gform_button{
        width: 100% !important;
    }
    .contact-sect .gform-theme--framework .gfield--type-choice .ginput_container_consent{
        margin-top: 0;
    }
    .contact-sect .gform-theme--foundation .gfield input{
        height: 44px;
    }
    .section.contact-sect .section-content{
        padding-bottom: 20px;
    }
    .overlay-mob .section-bg::after{
        content: '';
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.28);
    }
    .footer-row{
        padding-top: 30px;
    }

}