/*
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--framework .gform-field-label{
    text-transform: uppercase;
    text-align: center;
    color: var(--fs-color-secondary);
}
.contact-sect .gform-theme--framework .gfield_checkbox .gform-field-label{
    color: #fff;
    text-transform: unset;
    text-align: left;
}
.contact-sect .gform-theme--framework .gfield--type-choice .gchoice{
    align-items: center;
}
.contact-sect .gform-theme--framework .gfield_checkbox .gfield-choice-input{
    border-width: 2px;
    border-radius: 50%;
}
.contact-sect .gform-theme--foundation .gfield input{
    background: transparent;
    border-radius: 25rem;
    border: 1px solid #fff;
    color: #fff;
}
.contact-sect .ginput_container{
    width: 100%;
}
.contact-sect .gform-theme--foundation .gfield textarea{
    background: transparent;
    border-radius: 20px;
    border: 1px solid #fff;
    color: #fff;
}
.contact-sect .gform-theme--foundation .ginput_counter.gfield_description{
    color: #fff;
}
.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 .gfield.gfield--type-submit .gform-button{
    border-radius: 25rem !important;
    background: var(--fs-color-secondary) !important;
    color: var(--primary-color) !important;
    text-align: center !important;
    font-weight: 700 !important;
    width: 100% !important;
    border: 0;
}
.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.4;
    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;
}
.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;
}





@media (min-width: 549px) {
  
}
@media (min-width: 640px) {
    .contact-sect .gform-theme--foundation .gfield{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}
@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;
    }
  
}
@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;
    }
}
@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;
    }



}

@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;
    }
    .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;
    }


}