/*   
Theme Name: Modulos Theme
Theme URI: Modulos Theme
Description: This is an exclusive, fully SEO optimized Wordpress theme developed by Modulos Theme for Modulos Theme website.
Author: Modulos Theme
Author URI: Modulos Theme
*/

@font-face {
    font-family: 'Gilroy-Regular';
    src: url('fonts/Gilroy-Regular.eot');
    src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Regular.woff2') format('woff2'),
        url('fonts/Gilroy-Regular.woff') format('woff'),
        url('fonts/Gilroy-Regular.ttf')  format('truetype'),
        url('fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('fonts/Gilroy-Medium.eot');
    src: url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Medium.woff2') format('woff2'),
        url('fonts/Gilroy-Medium.woff') format('woff'),
        url('fonts/Gilroy-Medium.ttf')  format('truetype'),
        url('fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
}

@font-face {
    font-family: 'Gilroy-Light';
    src: url('fonts/Gilroy-Light.eot');
    src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Light.woff2') format('woff2'),
        url('fonts/Gilroy-Light.woff') format('woff'),
        url('fonts/Gilroy-Light.ttf')  format('truetype'),
        url('fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
}

@font-face {
    font-family: 'Gilroy-Heavy';
    src: url('fonts/Gilroy-Heavy.eot');
    src: url('fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('fonts/Gilroy-Heavy.woff') format('woff'),
        url('fonts/Gilroy-Heavy.ttf')  format('truetype'),
        url('fonts/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('fonts/Gilroy-Bold.eot');
    src: url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Bold.woff2') format('woff2'),
        url('fonts/Gilroy-Bold.woff') format('woff'),
        url('fonts/Gilroy-Bold.ttf')  format('truetype'),
        url('fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
}

body *, body *:active, body *:focus {
    outline: none !important;

}
html{
    margin: 0;
    height: 100%;
}
html body {
    font-size: 18px;
    color: #393939;
    line-height: 1.4em;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: 'Gilroy-Regular';
}
body.overFlowHide {
    overflow: hidden;
}
body p{
    line-height: 1.5em;
    font-size: 18px;
    font-family: 'Gilroy-Regular';
    letter-spacing: 0.2px;
}
body a {
    color: inherit;
    outline: none !important;
    box-shadow: none !important;
}

body a:hover, body a:active, body a:focus {
    opacity: 1;
    text-decoration: none;
    color: inherit;
}
a[href^="tel:"] {
    text-decoration: none !important;
}
a[href^="mailto:"]:hover{
    /*text-decoration: underline !important;*/
}
body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6{
    color:#FDB73C;
    line-height: 1.4em;
    line-height: 1.1em;
}

body h2, body .h2{
    font-size:60px;
    color:#FDB73C;
    font-family: 'Gilroy-Heavy';
}
body h3, body .h3{
    font-size:40px;
    color:#FDB73C;
    font-family: 'Gilroy-Bold';
}
body h4, body .h4{
    font-size:30px;
    color:#FDB73C;
    font-family: 'Gilroy-Bold';
    letter-spacing: 0.03em;
}

.fullWidth, .fullwidth, .full-width{
    width:100%;
    float:left;
}
ul{
    padding: 0;
    margin: 0 0 15px;
    width: 100%;
    float: left;
}
ul li{
    list-style: none;
}

.bg-cover{ 
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

img{
    max-width: 100%;
    height: auto;
}
.container{

}
/*------------- Header css here ---------------*/
.header{
    position: fixed;
    left: 0;
    top:0;
    z-index: 30;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px 50px;
    background: transparent;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px transparent;
}
.header.headerAnimate{
    padding: 15px 50px;
    background: #fff;
    box-shadow: 0 0 10px #bcbcbc;
}
.header .headerLogo{

}
.header .headerLogo a{
    display: inline-block;
}
.header .headerLogo img{

}
.header .headerMenu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header .headerMenu .mainNav{

}
.header .headerMenu .mainNav li{
    margin: 0;
}
.header .headerMenu .mainNav li a{
    display: inline-block;
    padding: 0 4px;
    margin: 0 10px;
    font-size: 18px;
    /*font-family: 'Gilroy-Medium';*/
    font-family: 'Gilroy-Bold'; 
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.header .headerMenu .loginMenu{

}
.header .headerMenu .loginMenu a{
    margin: 0 0 0 20px;
}

.header .toggleMenuDiv{
    display: none;
}
.header .mobileMenu{
    display: none;
}

.languageBtnHeader .wpml-ls{
    padding: 0 !important;
    border:none !important;
}
.languageBtnHeader .wpml-ls li a{
    padding: 0 4px;
    margin: 0 10px;
    font-size: 18px;
    /* font-family: 'Gilroy-Medium'; */
    font-family: 'Gilroy-Bold';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.6em;
}
/*--------- Ends Header css ------------*/
/*------------------ Footer css here ----------------------*/
.footer{
    margin-top: auto;
    color: #fff;
    background: #393939;
    padding: 230px 0;
}
.footer .copy_r{
    text-align: right;
}
.footer .copy_r p{
    line-height: 1.6em;
    font-size: 14px;
}
.footer .copy_r p a{
    color: #ffc75f !important;
}
/*------------------ Ends Footer css ----------------------*/
.section{
    padding: 100px 0;
}
.btn_yellow{
    position: relative;

    background: rgb(248,148,45);
    background: linear-gradient(90deg, rgba(248,148,45,1) 0%, rgba(253,187,62,1) 100%);

    outline: none !important;
    box-shadow: 5px 10px 10px rgb(0 0 0 / 26%) !important;
    line-height: 1.4em;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff !important;
    /*font-family: 'Gilroy-Heavy';*/
    font-family: 'Gilroy-Bold';
    padding: 16px 50px;
    display: inline-block;
    /*font-weight: 500;*/
    letter-spacing: 0.06em;
    border-radius: 100px;
    transform: translateZ(0);
    transition: all 0.4s ease;
}
body.mac .btn_yellow{
    padding: 20px 50px 16px;
}
.btn_yellow:before{
    background: rgb(248,148,45);
    background: linear-gradient(90deg, rgba(248,148,45,1) 0%, rgba(248,148,45,1) 100%);

    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    border-radius: 100px;
    z-index: -1;
    opacity: 0;
    transition: all 0.4s ease;
}
.btn_yellow:hover{
    /*background: transparent !important;*/
}
.btn_yellow:hover:before{
    opacity: 1;
}



.banner_stepHead{
    background: url('/wp-content/uploads/2021/08/banner-BG.svg')no-repeat top right;
    background-size: auto 100%;
}
.landingBanner{
    padding: 200px 0;
}
.landingBanner h2{
    margin-bottom: 40px;
}
/*------------ Banner text animation css --------------*/
.ml10 {
    position: relative;
    font-weight: 900;
    font-size: 4em;
}

.ml10 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
}

.ml10 .letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 0 0;
}
/*------------ End banner text animation css --------------*/

.containerSmall{
    max-width: 890px;
}
.stepHead h2{
    margin: 0 0 40px;
}

.stepSection{
    padding: 0 50px;
    margin: 40px 0 80px;
}
.stepSectionInner{
    position: relative;
    background: #FFF8E9;
    padding: 40px 0;
}
.stepSectionInner:before{
    content: "";
    position: absolute;
    z-index: 10;
    bottom: 0;
    right:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 35px;
    border-color: transparent transparent #fff transparent;
}

.stepSliderHead{
    margin: 0;
}
.stepSliderHead h2{
    color: #393939;
    margin: 0 0 40px;
}
.stepSliderHead h2 sup{
    font-size: 22%;
    font-family: 'Gilroy-Bold';
    top: -21px;
}
.stepSliderHead h3{
    margin: 0;
    color: #393939;
    font-family: 'Gilroy-Light';
}
.stepSlider .stepSlideText, 
.stepSlider .stepSlideImage{
    max-width: 400px;
}

.stepSlider .stepSlideImage{
    float: right;
}
.stepCounter{
    margin: 40px 0;
}
.stepCounter .owl-dots{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    counter-reset: item;
}
.stepCounter .owl-dots:before{
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    left: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
    border-top: 2px dashed #FDB73C;
}
.stepCounter .owl-dots .owl-dot{
    position: relative;
    z-index: 10;
    background: #fff;
    color: #FDB73C;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: 'Gilroy-Bold';
    border-radius: 50%;
    border:none !important;
    position: relative;
    transition: all 0.4s ease;
}
.stepCounter .owl-dots .owl-dot:before{
    content: counters(item, ".") " "; 
    counter-increment: item;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2em;
}
body.mac .stepCounter .owl-dots .owl-dot:before {
    padding-top: 4px;
}
.stepCounter .owl-dots .owl-dot.active, .stepCounter .owl-dots .owl-dot.preActive{
    background: #FDB73C !important;  
    color: #fff !important;
}

.quoteSection{

}
.quoteSection .quoteSlider{

}
.quoteSlider .singleQuote{
    display: flex;
    flex-direction: column;
    align-items: center;
    /*cursor: move;*/
}
.quoteSlider .personImage{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 40px;
}
.quoteSlider .personImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.quoteSlider p{
    font-size: 40px;
    font-family: 'Gilroy-Light';
}
.quoteSlider .authorName{
    margin: 28px 0 0;
    font-size: 16px;
}

.logoSection h2{
    margin: 0 0 20px;
}
.logoSlider .owl-stage{
    display: flex;
    align-items: center;
}
.logoSlider .singleLogo {
    /*padding: 0 40px;*/
}
.logoSlider .singleLogo  img{

}

/*---------------------------------*/
.logoBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.logoBox .singleLogo{
    width: calc(100% / 6);
    padding: 20px 30px;
}
.logoBox .singleLogo img{

}
/*---------------------------------*/



.featureSection{

}
.singleFeature{
    margin: 20px 0;
}
.singleFeature img{

}
.singleFeature h3{
       margin: 30px 0 25px;
    letter-spacing: 0.03em;
    font-size: 34px;
    white-space: normal;
    word-break: break-word;
}
.singleFeature p{

}


.priceHead{
    padding: 250px 0;
    background: #393939;
    position: relative;
}
.priceHead:before{
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 0;
    border-color: #fff transparent transparent transparent;
}
.priceHead h2{
    margin: 0 0 40px;
}
.priceHead a{

}


/*=================================*/
.repeatedBlock{
    margin: 100px 0;
    overflow: hidden;
}
.repeatedBlock .row{
    padding: 50px 0;
}
.repeatedBlock .row > div{
    margin: 50px 0;
}
.repeatedBlock .sideImage{
    max-width: 400px;
    position: relative;
}
.repeatedBlock .sideImage img{
    position: relative;
    z-index: 20;
}
.repeatedBlock .sideText{
    position: relative;
    z-index: 20; 
    max-width: 400px;
}
.repeatedBlock h2{
    margin: 0 0 20px;
}
.repeatedBlock .sideText a{
    margin: 10px 0 0;
}
.singleRepeated{
    position: relative;
}
.singleRepeated .container{
    position: relative;
    z-index: 10;
}
.design_1 .singleRepeated:nth-of-type(even):before{
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: calc(100% + 200px);
    top: -100px;
    left: 0px;
    background: url(/wp-content/uploads/2021/08/repeated-BG.svg)no-repeat center left;
    background-size: auto 100%;
}
.design_1 .singleRepeated:nth-of-type(odd) .row,
.design_2 .singleRepeated:nth-of-type(even) .row{
    flex-direction: row-reverse;
}
.design_1 .singleRepeated:nth-of-type(odd) .row .sideImage,
.design_2 .singleRepeated:nth-of-type(even) .row .sideImage{
    float: right;

}
.design_1 .singleRepeated:nth-of-type(odd) .row .sideImage:after,
.design_2 .singleRepeated:nth-of-type(even) .row .sideImage:after{
    content: "";
    position: absolute;
    z-index: 10;
    width: calc(100% + 160px);
    height: calc(100% + 200px);
    top: -80px;
    left: -100px;
    background: url('/wp-content/uploads/2021/08/frame-BG.svg')no-repeat center center;
    background-size: 100%;
}
.design_1 .singleRepeated:nth-of-type(odd) .row sideText,
.design_2 .singleRepeated:nth-of-type(even) .row sideText{
    /*text-align: right;*/
    /*padding: 0 60px 0 110px;*/

}
.design_1 .singleRepeated:nth-of-type(even) .row .sideText,
.design_2 .singleRepeated:nth-of-type(odd) .row .sideText{
    /*text-align: left;*/
    /*padding: 0 110px 0 60px;*/
    float: right;
}
/*=================================*/


.getStarted{
    background: #FFF8E9;
    padding: 220px 0;
    position: relative;
}
.getStarted:before{
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 0;
    border-color: #fff transparent transparent transparent;
}
.getStarted h2{
    margin: 0 0 40px;
}
.getStarted h4{
    font-family: 'Gilroy-Regular';
    margin: 30px 0 40px;
    color: #393939;
}


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