.elementor-42 .elementor-element.elementor-element-45ea735{--display:flex;--position:absolute;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-42 .elementor-element.elementor-element-45ea735:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-45ea735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0000009E 0%, #F2295B00 100%);}body:not(.rtl) .elementor-42 .elementor-element.elementor-element-45ea735{left:0px;}body.rtl .elementor-42 .elementor-element.elementor-element-45ea735{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-7c0c905 *//* Убираем стандартное выделение burger-кнопки */

.burger-menu {
    -webkit-appearance: none !important;
    appearance: none !important;

    -webkit-tap-highlight-color: transparent !important;

    outline: none !important;
    box-shadow: none !important;
}

.burger-menu:hover,
.burger-menu:focus,
.burger-menu:focus-visible,
.burger-menu:active {
    outline: none !important;
    box-shadow: none !important;

    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.30) !important;
}


/* На белом header */

.header.header-scrolled .burger-menu:hover,
.header.header-scrolled .burger-menu:focus,
.header.header-scrolled .burger-menu:focus-visible,
.header.header-scrolled .burger-menu:active {
    background: rgba(30,55,64,.05) !important;
    border-color: rgba(30,55,64,.14) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45ea735 *//* CONTENT */


.hero-content{



    z-index:2;

    max-width:650px;

    margin-left:12%;

    padding-top:80px;

}



.hero h1{

    font-size:48px;

    line-height:1.12;

    font-weight:300;

    margin:0 0 15px;

}



.project-name{

    font-family:Georgia,serif;

    font-size:48px;

    font-style:italic;

    color:#d9f2ef;

    margin-bottom:20px;

}



.fake-h1{

    display:inline-block;

    background:#e9ff00;

    color:white;

    font-size:35px;

    padding:4px 10px;

    margin-bottom:25px;

}



.description{

    font-size:18px;

    line-height:1.5;

    color:#f1f1f1;

    max-width:600px;

}



.advantages{

    margin-top:20px;

    font-size:20px;

    font-weight:600;

    line-height:1.6;

}




/* FORM */


.hero-form{

    margin-top:25px;

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}


.hero-form input{

    height:55px;

    width:230px;

    background:rgba(255,255,255,.35);

    border:1px solid rgba(255,255,255,.5);

    border-radius:10px;

    padding:0 16px;

    color:white;

    font-size:16px;

}



.hero-form input::placeholder{

    color:white;

}



.phone-input{

    width:230px;

    height:55px;

    display:flex;

    align-items:center;

    gap:10px;

    background:rgba(255,255,255,.35);

    border:1px solid rgba(255,255,255,.5);

    border-radius:10px;

    padding-left:15px;

}



.phone-input input{

    width:100%;

    background:none;

    border:0;

}



button{

    height:55px;

    padding:0 30px;

    background:#4ba1c4;

    border:0;

    border-radius:30px;

    color:white;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

}



.agreement{

    display:flex;

    gap:10px;

    margin-top:15px;

    max-width:600px;

    font-size:12px;

    color:#ddd;

}



.agreement input{

    width:18px;

    height:18px;

}



.cosmos-placeholder{

    margin-top:40px;

    font-size:35px;

    letter-spacing:8px;

}



.cosmos-placeholder small{

    display:block;

    font-size:12px;

    letter-spacing:5px;

    text-align:center;

}



/* MOBILE */


@media(max-width:900px){


.header{

    padding:20px;

    height:auto;

}


.nav{

    display:none;

}


.phone{

    display:none;

}


.hero-content{

    margin:0;

    padding:60px 20px;

}



.hero h1{

    font-size:34px;

}


.project-name{

    font-size:36px;

}



.hero-form{

    flex-direction:column;

}



.hero-form input,
.phone-input,
button{

    width:100%;

}


}/* End custom CSS */