@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap');

:root {
    --dark: #020617;
    --bs-success: #16BE8F !important;
    --bs-success-rgb: 22, 190, 143 !important;
    
}


body {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    background-color: var(--dark);
    color: white;
}

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-500 { font-weight: 500; }

input[name='email'] {display: none;}
input[type='submit'], input[type='submit']:hover, input[type='submit']:active, input[type='submit']:focus {
    background: var(--bs-success);
    border-radius: 5px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1.0625rem;
}

.fs-15 { font-size: 0.9375rem; }
.fs-17 { font-size: 1.0625rem; }
.fs-18 { font-size: 1.125rem; }
.fs-19 { font-size: 1.1875rem; }
.fs-20 { font-size: 1.25rem; }
.fs-21 { font-size: 1.3125rem; }
.fs-22 { font-size: 1.375rem; }
.fs-28 { font-size: 1.75rem; }
.fs-32 { font-size: 2rem; }

.form-control::placeholder {color: white;}
  
header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%2316BE8F' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

header.header-menu .navbar-toggler-icon, header.header-menu.header-scroll .navbar-toggler-icon  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cpath d='M5.97534 24.5148L24.0247 6.51477M24.0247 24.5148L5.97534 6.51477' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); }

.header-menu {
    background-color: var(--bs-success) !important
}
.header-menu  .logo .sign path, .header-menu .logo .sign path   {
    fill: #fff !important;
}

.header-menu .navbar-collapse {
    background-color: var(--bs-success) !important
}

header .nav-link {
    color: var(--bs-success) !important;
}

header.header-menu .nav-link {
    color: #fff !important;
}

.main { background: url(../img/main.jpg) no-repeat 45% 0; background-size: 780px;}
.wrap {background: url(../img/mobile.jpg) no-repeat -10px 80px var(--dark);}
.top-indent {padding-top: 140px;}
.footer { background: url(../img/mobile-footer.jpg) no-repeat 100% 100% ;}

@media (max-width: 576px) {
    /* header:not(.header-scroll) .navbar-collapse {background-color: #fff;} */
    .navbar-collapse {transition: none !important;}
    header .navbar-collapse .nav-link {font-size: 1.5625rem; font-weight: 400 !important;}
    header.header-menu .navbar-collapse.show {height: calc(100vh - 65px);align-items: center;display: flex;justify-content: center;}
    header.header-menu.header-scroll .navbar-collapse.show {height: calc(100vh - 69px);}
}

@media (min-width: 576px) {
    .main {background-size: 125%;}
}

@media (min-width:768px) {
    .wrap {background-position: 25% 120px;}
    .top-indent {padding-top: 240px;}
    .footer { background:none ;}
}

@media (min-width:992px) {
    .main { background: url(/assets/img/desktop.jpg) 50% 0 no-repeat; background-size: 150% ;}
    .top-indent {padding-top: 300px;}
    .wrap { background: url(/assets/img/footer.jpg) 50% 100% no-repeat;background-size: inherit ;}
}

@media (min-width:1200px) {
    .main { background-size: inherit ;}
    .top-indent {padding-top: 390px;}
    .fs-xl-18 {font-size: 1.125rem;}
    .fs-xl-20 {font-size: 1.25rem;}
    .fs-xl-22 {font-size: 1.375rem;}
    .fs-xl-28 {font-size: 1.75rem;}
}

@media (min-width: 1400px) {
}