/*
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 (min-width: 1400px) {
    .section_first>.section-content>.row {
        max-width:1390px!important
    }
}
@media (min-width: 1200px) {
    .section_first>.section-content>.row {
        max-width:1180px!important
    }
}
.has-sticky .stuck .header-inner{
    width: 62%;
    margin: auto;
    justify-content: center;
    background: rgba(2, 2, 22, .702);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    border-radius: 21px;
    padding: 0 45px;
}
.header-wrapper.stuck{
    box-shadow:unset!important;
}
.header-bg-color{
    background-color: transparent!important;
}
.slider_asd .flickity-button{
    top: 10px;
    height: 60px;
    border: 1px solid #ffffff14;
    border-radius: 99px;
    width: 60px;
}
.slider_asd .testimonial-text{
    margin-top: 35px;
}
.slider_asd .testimonial-text *{
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 0;
    font-style:normal;
    color:#7c7e82;
}
.slider_asd .col .col-inner{
    padding: 50px 40px 45px;
    border: 2px solid hsla(0, 0%, 100%, .079);
    border: 2px solid #ffffff14;
    border-radius: 6px;
    background: #020516;
}
.width-40{
    width:60%;
}
.star-rating span:before{
    color:#ffd401!important;
}
.slider_asd .flickity-button:hover *{
    color:#fff;
    fill:#fff!important;
    border-color:#fff!important;
}
.slider_asd .flickity-button:hover{
    background: #39b54a;
}
.slider_asd .flickity-button svg{
    padding: 22px;
}
.slider_asd .flickity-prev-next-button.next{
     right:4%;
}
.slider_asd .flickity-button.previous{
    left: unset;
    right:1%;
    transform: translateX(-90px) !important;
}
.app_apple{
    position: absolute;
    top: 128px;
    max-width: 170px;
    left: 0;
    border-radius: 6px;
    animation: upDown 15s infinite;
    -webkit-animation: upDown 15s infinite;
}
@keyframes upDown {
    0% {
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    50% {
        transform: translate3d(0px, 47.652px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -webkit-transform: translate3d(0px, 47.652px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    100% {
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}
.app_google{
    position: absolute;
    right: 0;
    bottom: 74px;
    max-width: 200px;
    border-radius: 6px;
    animation: upDown 10s infinite;
    -webkit-animation: upDown 10s infinite;
}
.col_qweqwe>.col-inner{
    width: 70%;
    margin: auto!important;
}
.img_fone{
    width:250px!important;
}
.section_first{
    background: linear-gradient(180deg, #0e0a24, rgba(14, 10, 36, .9) 66%, rgba(14, 10, 36, 0));
}
.custom_gallery .box-text{
    display: none;
}
.icon_row_asd h3{
    margin-bottom: 30px;
}
.icon_row_asd .col:first-child .col-inner:hover{
    box-shadow: 0 3px 0 rgba(5, 157, 255, .5);
}
.icon_row_asd .col:nth-child(2) .col-inner:hover{
    box-shadow: 0 3px 0 rgba(0, 255, 35, .5);
}
.icon_row_asd .col:nth-child(3) .col-inner:hover{
    box-shadow: 0 3px 0 rgba(227, 63, 161, .5);
}
.icon_row_asd .col:nth-child(4) .col-inner:hover{
    box-shadow: 0 3px 0 rgba(53, 79, 82, .5);
}

.icon_row_asd .col-inner{
    padding: 40px 30px;
    background: hsla(0, 0%, 100%, 0);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    border-radius: 33px;
    position: relative;
    transition: all .3s ease-out 0s;
}
.font-18 *{
    font-size: 18px;
}
.width-70{
    width: 50%;
}
.section{
    z-index: 2;
}
.section:last-child{
    z-index: 1;
}
.icon_row_asd p{
    color:#7c7e82;
}
.width-50{
    width:50%;
}
.custom_gallery .box-image{
    height: 60px;
    display: flex;
    align-items: center;
    padding:10px;
}
.custom_gallery button{
    display: none;
}
.custom_gallery img:hover{
    filter:unset;
    opacity:1;
}
.custom_gallery img{
    filter: brightness(0) invert(1);
    opacity: .5
}
.title_home h1{
    font-size: 50px;
}
.font-18{
    font-size: 18px;
}
.font-44 h2{
    font-size: 44px;
}
.main_button{
    background-image: linear-gradient(90deg, #0a7330, #1a1a1a, #1a1a1a, #0a7330);
    height: 60px;
    padding: 0 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-position: 100% 100%;
    background-size: 300% 100%;
    border-radius: 9px;
}
.main_button:hover{
    background-position: 0 100%;
}
.custom_icon_qweqwe .icon-box-img{
    border-radius: 9px;
    overflow: hidden;
}
.custom_icon_qweqwe h3{
    font-size: 24px;
}
.custom_icon_qweqwe p{
    color:#7c7e82;
    font-size: 18px;
}
.custom_icon_qweqwe .col-inner{
    padding:0 60px;
}
.custom_icon_qweqwe .col:nth-child(2):before,.custom_icon_qweqwe .col:nth-child(3):before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 13px solid #383455;
    border-bottom: 8px solid transparent;
    left: -20px;
    top: 60px;
}
.accordion-title.active{
    border:unset;
}
.accordion-title .toggle+span:before{
    content:'Q.';
    color: #39b54a;
    padding-right: 3px;
}
.accordion-title .toggle+span{
    font-size: 24px;
    font-weight: bold;
}
.accordion-title{
    border:unset;
    padding:2em 4em;
    padding-left: 20px;
}
.accordion-inner{
    padding:15px 20px;
    padding-top: 0;
}
.accordion-title.active,.accordion-title.active+.accordion-inner{
    background: hsla(0, 0%, 100%, .05);
}
.accordion .toggle{
    left: unset;
    right: 15px;
    top:25px;
    border: 1px solid #ffffff14;
    border-radius: 99px;
    height: 45px;
    width: 45px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion-title.active .toggle{
    background: #39b54a;
}
.accordion .toggle i{
    font-size: 18px;
    color:#fff;
}
.custom_img_footer{
    position: fixed;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 500px!important;
    height: 500px;
    left: -186px;
    top: -133px;
    transform: scale(2);
    opacity: .05;
}
.custom_blur_footer_2{
    position: fixed;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 500px;
    height: 500px;
    left: auto;
    top: -50px;
    right: -250px;
    bottom: auto;
    background: #39b54a;
    background: #39b54a;
    border-radius: 1000px;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #00bcd4);
    opacity: .25;
    filter: blur(100px);
}
.custom_blur_footer{
    position: fixed;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 500px;
    height: 500px;
    left: -250px;
    top: 250px;
    border-radius: 1000px;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #00bcd4);
    opacity: .25;
    filter: blur(100px);
}
.sub_title{
    margin-bottom: 10px;
}
.sub_title *{
    margin-bottom: 0!important;
}
.sub_title:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: .05;
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 4px;
}
.sub_title{
    font-size: 14px;
    display: inline-block;
    background: linear-gradient(90deg, #00bcd4 40%, #39b54a);
    background-clip: text;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-weight: var(--bd-fw-medium);
    letter-spacing: 1.68px;
    position: relative;
    padding: 4px 15px;
}
.menu_footer{
    flex-direction: row!important;
    gap: 15px;
}
.text_footer *{
    margin-bottom: 3px;
    color:#7c7e82!important;
}
.text_footer *:first-child{
    color:#fff!important;
}
.menu_footer *{
    color:#7c7e82!important;
}
.menu_footer *:hover{
    color: #39b54a!important;
}
.menu_footer{
    margin-bottom: 30px;
}
.small_asd *{
    font-size: 10px;
    margin-bottom: 4px;
}
.absolute-footer.dark{
    display: none;
}
.menu_lag{
    display: none;
}
.menu_lag.active{
    display: block;
}
.tooltipster-base{
    display: none!important;
}
.menu_lag{
    position: absolute;
    min-width: 180px;
    right: 0;
    padding: 5px 10px;
    background: #020216;
    border-radius: 3px;
    color: #fff;
}
.menu_lag .icon-box{
    cursor: pointer;
    padding:4px 10px;
}
.menu_lag .icon-box:hover{
    background:#ffffff24;
}
.title_lag{
    cursor: pointer;
}
.title_lag .icon-box-text{
    display: none;
}
.header-block{
    width:max-content;
}
.header-button-2 .button.primary{
    background-image: linear-gradient(90deg, #0a7330, #1a1a1a, #1a1a1a, #0a7330);
    height: 45px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-position: 100% 100%;
    background-size: 300% 100%;
    border-radius: 9px;
}
.header-button-1 .button.primary{
    color:#fff;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    padding: 0 25px;
    font-weight: 600;
    font-weight: var(--bd-fw-sbold);
    position: relative;
    z-index: 5;
    font-size: 15px;
    background: linear-gradient(90deg, rgba(87, 63, 234, .2), rgba(161, 145, 255, .2));
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.has-sticky .stuck .header-inner{
    width:100%!important;
}
.title_home h1{
    font-size: 32px;
}
.section_first.is-full-height{
    height:unset!important;
    padding-top:150px!important;
}
.font-44 h2{
    font-size: 28px;
}
.width-50,.width-70,.width-40{
    width:100%!important;
}
.icon_row_asd .col{
    padding-bottom: 0!important;
}
.col_qweqwe>.col-inner{
    width:100%!important;
}
.slider_asd .testimonial-text *{
    font-size: 20px;
}
.slider_asd .col .col-inner{
    padding:30px;
}
.slider_asd.slider-wrapper .flickity-prev-next-button{
    display: block!important;
}
.custom_icon_qweqwe{
    padding: 30px 0;
    background: rgba(2, 5, 22, .278);
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
}
.accordion-title .toggle+span{
    font-size: 20px;
}
.menu_footer{
    flex-wrap: wrap;
}
.has-sticky .stuck .header-inner{
    border-radius: 0;
    padding: 0 15px;
}
.transparent #logo img {
    max-height: 32px!important;
}
body .stuck #logo img{
    max-height: 32px!important;
}
.icon_row_asd h3{
    font-size: 20px;
}
.icon_row_asd p{
    font-size: 18px;
}
.icon_row_asd .col-inner{
    padding: 20px;
}
}