@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@font-face {
  font-family: Gilroy;
  src: url(/fonts/Gilroy-ExtraBold.ttf);
  font-weight:900;
}

@font-face {
  font-family: Gilroy;
  src: url(/fonts/Gilroy-Light.ttf);
  font-weight:300;
}

:root {
    --font-quicksand : 'Quicksand', Sans-serif;
    --font-gilroy : 'Gilroy', Sans-serif;
    
    --h1-font-size:42px;
    --h2-font-size:30px;
    --h3-font-size:22px;
    --h4-font-size:18px;
    --p1-font-size:15px;
    --button-font-size:14px;
    
    --h1-line-height : 1.2em;
    --h2-line-height : 1.2em;
    --h3-line-height : 1.2em;
    --h4-line-height : 1.2em;
    --p1-line-height : 1.5em;
    --button-line-height : 1em;
    
    --h1-font-weight : 700;
    --h2-font-weight : 700;
    --h3-font-weight : 600;
    --h4-font-weight : 600;
    --p1-font-weight : 400;
    --button-font-weight : 600;
    
    --container-max-width : 1200px;
    
    --black : #000;
    --white : #fff;
    --light-blue : #1C15C9;
    --dark-blue : #353280;
    --yellow : #FDBA21;
    --orange : #F79421;
    --dark-orange : #FF4E00;
    --grey-bg : #E7E3E5;
    --dark-bg : #434445;
    --green : #00A5A3;
    --purple : #A27CFF;
}

@media (max-width:767px){
  :root {
        --h1-font-size:30px;
        --h2-font-size:25px;
        --h3-font-size:20px;
        --p1-font-size:13px;
        --button-font-size:12px;  
        --h4-font-size:16px;
  }  
}

*{
    box-sizing: border-box;
    outline : none;
    -webkit-tap-highlight-color: transparent
}

html{
    scroll-behavior: smooth;
}

body{
    margin:0;
}

h1,h3,h3,h4,h5,h6,p{
    display:block;
}

.main-body h1,.main-body h2,.main-body h3,.main-body h4,.main-body h5,.main-body h6, p:last-child{
    margin:0;
}

p:not(:last-child){
    margin:0 0 1em 0;
}

a{
    text-decoration:none;
    color : inherit;
    font-family : inherit;
    font-size : inherit;
    font-weight: inherit;
    line-height : inherit;
    outline:none;
}

.section{
    display:flex;
}

.section-container{
    margin : 0 auto;
    max-width:var(--container-max-width);
    width:100%;
    display:flex;
}

img{
    width:100%;
    height:auto;
}

.section-column{
    width:100%;
}

.section-column-wrap{
    display:flex;
    width:100%;
    flex-wrap:wrap;
}

.main-header{
    position:sticky;
    top:0;
    background-color:var(--white);
    z-index:9990;
    transition:all 0.3s ease-out;
}

.main-header.sticky-active{
    box-shadow: 0px 5px 25px #acacac29;   
}

.main-header .section{
    padding:0 40px;
    min-height:80px;
}

.site-logo img{
    max-width:120px;
}

.main-header .section-container{
    align-items:center;
}

.main-header .site-menu{
    margin-left:auto;
}

.main-header .site-menu-wrap{
    display:flex;
    align-items:center;
}

.main-header .section-column-wrap{
    align-items:center;
}

.main-header .site-logo a, .main-footer .site-logo a{
    display:flex;
    align-items : center;
    justify-content:center;
}

.main-header .site-menu-item:not(:last-child){
    margin-right:40px;
}

.main-header .menu-item-link{
    font-family:var(--font-quicksand);
    font-size:var(--p1-font-size);
    font-weight:var(--button-font-weight);
    line-height:var(--button-line-height);
    color:var(--black);
}

.main-header .menu-item-link:hover, .main-header .menu-item-link.active{
    color:var(--dark-orange);
}

.main-footer .section{
    padding:0 20px;
    min-height:120px;
    align-items:center;
    background-color:#22262A;
}


.main-footer .site-logo{
    width:100%;
}

.main-footer .section-column-wrap{
    justify-content:center;
}

.main-footer .site-copyright{
    padding-top:10px;
}

.main-footer .copyright-text{
    font-family:var(--font-quicksand);
    font-size:14px;
    font-weight:var(--p1-font-weight);
    line-height:var(--p1-line-height);
    color:var(--white);   
}

.main-header .mobile-menu{
    display:none;
}

.main-header .social-link{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-column-gap:20px;
    padding-left:40px;
}

.main-header .social-link i{
    color:var(--green);
    font-size:16px;
    transition:all 0.3s ease-out;
}

.main-header .social-link i:hover{
    color:var(--orange);
    transform:scale(0.9);
}

.main-header .social-link a{
    display:flex;
}


@media (max-width:767px){
    .main-header .section{
        padding:0 20px;
        min-height:60px;
    }
    
    .main-header .site-logo img{
        max-width:100px;
    }
    
    .main-header .site-logo{
        margin-right:auto;
    }
    
    .main-header .site-menu, .main-header .social-link{
        display:none;
    }
    
    .main-header .site-menu-item:not(:last-child){
        margin-right:0px;
        margin-bottom:15px;
    }
    .main-footer .copyright-text{
        text-align:center;
    }
    
    .main-header .mobile-menu{
        display:block;
    }
    
    .main-header .mobile-menu-container{
        position:fixed;
        height:100%;
        width:100%;
        max-width:350px;
        right:0;
        top:0;
        transform:translateX(100%);
        transition:all 0.3s ease-out;
        z-index:9999;
        background-color:var(--white);
        padding:30px;
        box-shadow:5px 0 25px rgba(0,0,0,0.5);
    }
    
    .main-header .mobile-menu-overlay{
        position:fixed;
        display:none;
        height:100%;
        width:100%;
        z-index:9998;
        background-color:rgba(0,0,0,0.5);
        left:0;
        top:0;
    }
    
    .main-header .mobile-menu-container.active{
        transform:translateX(0%);
    }
    
    .main-header .mobile-menu-overlay.active{
        display:block;
    }
    
    .mobile-toggle{
        cursor:pointer;
        display:flex;
    }
    
    .main-header .site-menu-wrap{
        flex-direction:column;
        align-items:flex-start;
        padding-top:30px;
    }
    
    .main-header .menu-close-button i, .main-header .mobile-toggle i{
        color:var(--black);
        font-size:18px;
    }
    
    .main-header .menu-close-button{
        display:flex;
        width:fit-content;
        margin-left:auto;
    }
    
    .main-header .social-mobile{
        padding-top:20px;
        grid-template-columns:repeat(4,1fr);
        grid-column-gap:20px;
        display:grid;
        padding-left:0px;
        width:fit-content;
    }
    
    .main-header .social-mobile a{
        display:flex;
    }
    
    .main-header .social-mobile i{
        color:var(--green);
    }

    .main-header .social-mobile i:hover{
        color:var(--orange);
    }
}

div[data-lastpass-root], div[data-lastpass-icon-root]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    transition: background-color 5000000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset !important;
    background-color: transparent !important;
    -webkit-text-fill-color:var(--black);
}

.contact-right .contact-form-wrapper input:-webkit-autofill:active{
    -webkit-text-fill-color:var(--white);
}

input::-ms-reveal,input::-ms-clear {
    display: none;
}