/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

:root{
    --black:#020F24;
    --white: #fff;
    --grey: #718497;
    --medium-grey: #9CB0C9;
    --min-grey:#566C82;
    --blue: #0052D4;
    --min-blue: #486284;
}

/* setup font */ 
*,
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
    font-family: 'Be Vietnam Pro', sans-serif;
}
h1{
	font-size: 45px !important;
	font-family: 'Be Vietnam Pro', sans-serif  !important;
}
h2{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
h3{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
h4{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}

.container, .container-width, .full-width .ubermenu-nav, .row{
	max-width: 1300px;
}

/* Header */
#header{
    padding-top: 20px;
}
#header .header-wrapper{
    width: 95%;
    margin-left: auto;
	margin-right: auto;
	box-shadow: unset;
}
#header .header-wrapper .header-main{
    background-color: #fff;
    margin-top: 20px;
    border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
#header .header-wrapper .header-top{
    border-radius: 11px;
}
#header .header-top{
    background-color: var(--black);
    min-height: 35px;
}
#header .top-header span > a{
    color: var(--white);
    font-size: 14px;
}
#header .top-header .top-email{
    padding-left: 20px;
}
#header .header-bg-color{
    background-color: unset;
}
.header-nav li a{
    font-family: 'Be Vietnam Pro', sans-serif  !important;
    font-size: 16px;
    color: var(--black) !important;
    font-weight: 600 !important;
}
.header-nav li{
    margin: 0 16px;
}
.header-nav .current-menu-item{
    border-bottom: 2px solid var(--blue);
}
.header-nav .header-button a{
    width: 120px;
}
.header-button {
    position: relative;
    display: inline-block;
    border-radius: 99px;
    padding: 2px;
    background: linear-gradient(183deg, #1558DF, #4364F7, #6FB1FC);
}

.header-button .button.primary.is-outline {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
	color: var(--blue) !important;
    background-color: var(--white);
    text-decoration: none;
    position: relative;
    z-index: 1;
    border: unset;
}

.header-button .button.primary.is-outline:hover {
    background-color: #1558DF;
    color: var(--white) !important;
}

/* Footer */
.row-footer{
    background-color: #030D1D;
    max-width: 95% !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    padding: 50px;
}
.row-footer h2{
    font-size: 36px;
    font-weight: 700;
}
.row-footer .button{
    background: linear-gradient(54deg, #1558DF, #4364F7, #6FB1FC);
    border: unset;
}
.row-footer ul li,
.row-footer ul li a{
    list-style: none;
    color: #E7E7E7;
}
.row-footer ul li i{
    padding-right: 10px;
}
.row-footer .col-center h2{
    color: #fff;
    font-weight: 700;
}
.row-footer .col-center li{
    margin-left: unset;
}
.row-footer .col-right h4{
    color: #fff;
    font-weight: 600;
}
.row-footer .row-left h2{
    color: #fff;
    margin-bottom: unset;
    font-size: 28px;
    padding-bottom: .5em;
}
.row-footer .row-left p{
    color: #fff;
    text-align: justify;
    line-height: 2em;
}
.row-footer .row-medium h3{
    color: var(--blue);
}
.signup-footer {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
}
.signup-footer input{
    background-color: unset;
    border: 1px solid #fff;
    border-radius: 10px;
}
.signup-footer input:hover{
    background-color: unset;
}
.signup-footer input::placeholder{
    color: rgba(255, 255, 255, 0.54);
    opacity: 1;
}
.signup-footer input[type="email"] {
    width: 100%;
    height: 48px;
    padding: 10px 50px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 9px;
    outline: none;
    margin-bottom: unset;
    color: rgba(255, 255, 255, 0.54);
}

.signup-footer button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    background: linear-gradient(54deg, #1558DF, #4364F7, #6FB1FC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    padding: 0;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-footer button:hover {
    color: #0056b3;
}
.row-footer .col-top{
    border-bottom: 1px solid rgba(198, 197, 197, 1);
}
.row-footer .col-left,
.row-footer .col-center,
.row-footer .col-right{
    padding-top: 30px;
}
#footer .row-footer .col-right .button{
    background: unset;
    background-color: #0e1f3a !important;
    border-radius: 10px !important;
    margin: 5px;
}
#footer section{
    padding-bottom: unset;
}
.absolute-footer{
    background-color: #fff;
    color: #718497 !important;
    font-weight: 500;
}
.absolute-footer .container{
    display: flex;
    justify-content: center;
}
.absolute-footer .copyright-footer strong{
    font-weight: 500;
    font-size: 18px;
}
.tawk-bubble-container{
    display: none !important;
}
.row-footer .dmca-container{
	margin-top: .5em;
}

/********************* Breadscrumbs ***********************/
.breadcrumbs{
    display: flex;
    margin-bottom: unset;
    padding: 40px 0;
}
.breadcrumbs > li{
    list-style-type: none;
    color: var(--min-blue);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: unset;
}
.breadcrumbs .item-current{
    color: var(--blue);
}

/********************* POLYLANG ***********************/
.header-top #menu-item-1524-vi{
    margin-right: 50px;
}
.header-top .lang-item a{
    color: var(--grey);
    font-weight: 700;
}
.header-top .lang-item.current-lang a{
    color: #fff;
    font-weight: 700;
}


/********************** Tawk.to *************************/
.tawk-form-footer button {
    border: 1px solid #0052d4 !important;
}

/* ================= REPONSIVE MOBILE ================= */
@media only screen and (max-width: 767px){
    h1{
        font-size: 32px !important;
    }
    #header .top-header span > a{
        font-size: 11px;
    }
    .mobile-nav .icon-menu{
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(/wp-content/uploads/2024/08/Menu.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
    }
    .transparent #logo img{
        margin-left: 10px;
    }
    .mobile-nav .icon-menu:before{
        content: url(/wp-content/uploads/2024/08/Menu.svg);
        display: inline-block;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .row-footer .col-left, .row-footer .col-center, .row-footer .col-right{
        padding: unset;
    }
    .row-footer .ux-logo-link{
        padding-left: unset !important;
    }
    .row-footer ul li{
        margin-left: unset;
    }
    .row-footer h2{
        font-size: 28px;
    }
    .row-footer h2 br{
        display: none;
    }
    .breadcrumbs{
        padding: 20px 0;
    }
    .breadcrumbs > li{
        font-size: 16px;
    }
}
@media only screen and (max-width: 480px){
    .row-footer{
        padding: 20px;
    }
    .row-footer .col-right h4 br{
        display: none;
    }
}

/* ================= REPONSIVE TABLET ================= */
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .breadcrumbs{
        padding: 20px 0;
    }
    .mobile-nav .icon-menu{
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(/wp-content/uploads/2024/08/Menu.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
    }
}


/* ================= 404 ================= */
.page-404-container{
    padding: 50px;
    border-radius: 30px;
    margin: 20px 50px 0;
}
#handboy
{
   animation: swing ease-in-out 1.3s infinite alternate;
    transform-origin: 98% 98%;
    transform-box: fill-box;
    
}


#girllight
{
   animation: swing ease-in-out 1.3s infinite alternate;
    transform-origin: 0% 97%;
    transform-box: fill-box;
}

#hairgirl
{
    animation: swinghair ease-in-out 1.3s infinite alternate;
   transform-origin: 60% 0%;
    transform-box: fill-box;
  
}

#zero
{
  transform-origin:bottom;
  transform-box:fill-box;
  
}

/*************swing************/
@keyframes swing {
    0% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
}


/*************swing hair************/
@keyframes swinghair {
    0% { transform: rotate(6deg); }
    100% { transform: rotate(-6deg); }
}


/* Dark/Light Mode */

/* Contact form recaptcha */
.cf7sr-g-recaptcha{
	margin-bottom: 1em;
}