/* Variables */
:root {
    --scrollbar-size: .250rem;
    --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
    --scrollbar-ff-width: thin; /* FF-only accepts auto, thin, none */
    --scrollbar-track-color: transparent;
    --scrollbar-color: rgba(0,207,107,1);
    --scrollbar-color-hover: rgba(0,207,107,1);
    --scrollbar-color-active: rgba(37,248,103,1);
}

html {
    overflow: auto;
}

body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overscroll-behavior: contain;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: var(--scrollbar-ff-width);
}

/* This class controls what elements have the new fancy scrollbar CSS */
body {
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color);
}
body::-webkit-scrollbar {
    height: var(--scrollbar-size);
    width: var(--scrollbar-size);
    z-index: 200;
}
body::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 3px;
}
body::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color-hover);
}
body::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-color-active);
}
body::-webkit-scrollbar-thumb:vertical {
    min-height: var(--scrollbar-minlength);
}
body::-webkit-scrollbar-thumb:horizontal {
    min-width: var(--scrollbar-minlength);
}
/* .layout-scrollbar::-webkit-scrollbar-corner {
  display: none;
}
.layout-scrollbar::-webkit-scrollbar-button {
  display: none;
}
 */.slide-img{display:block;}@font-face{font-family:OpenSans-Regular;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/OpenSans-Regular.ttf)}@font-face{font-family:Montserrat-Bold;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Montserrat-Bold.ttf)}@font-face{font-family:Montserrat-ExtraBold;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Montserrat-ExtraBold.ttf)}body{font-family:-apple-system,BlinkMacSystemFont,Open Sans,Helvetica Neue,sans-serif;margin:0;overflow:auto}.navbar{position:fixed;width:100%;background:transparent;transition:all .3s ease-out;height:72px;z-index:100}@media (max-width:1199.98px){.navbar{height:46px}}.navbar .container{height:100%;display:flex}.navbar .navbar-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar .navbar-wrapper__logo,.navbar .navbar-wrapper__logo__title{display:flex;flex-direction:column;justify-content:center}.navbar .navbar-wrapper__logo__title{position:relative;z-index:10;padding-left:14px}.navbar .navbar-wrapper__logo h3{font-family:Montserrat-ExtraBold,sans-serif;color:#fff;font-size:18px;margin-top:0;margin-bottom:0}@media (max-width:1199.98px){.navbar .navbar-wrapper__logo h3{font-size:13px}}.navbar .navbar-wrapper__logo span{font-family:OpenSans-Regular,sans-serif;color:#fff;font-size:11px}@media (max-width:1199.98px){.navbar .navbar-wrapper__logo span{font-size:8px}}.navbar .logo-green-area{z-index:1;position:absolute;background-color:#26cf5e;border-radius:0 30px 0 0;width:50px;height:50px}@media (max-width:1199.98px){.navbar .logo-green-area{width:36px;height:36px}}@media (max-width:1199.98px){.navbar .navbar-wrapper__menu{display:none}}.navbar .navbar-wrapper__menu ul{padding-left:0}.navbar .navbar-wrapper__menu ul li{list-style:none}.navbar .navbar-wrapper__menu ul li a{cursor:pointer;margin-left:16px;margin-right:16px;text-decoration:none;text-transform:uppercase;font-family:Montserrat-Bold,sans-serif;font-size:14px;color:#fff}.navbar .navbar-wrapper__menu ul li a:hover{border-bottom:3px solid #26cf5e}.navbar .navbar-wrapper__contacts{display:flex;align-items:center}@media (max-width:1199.98px){.navbar .navbar-wrapper__contacts{display:none}}.navbar .navbar-wrapper__contacts .contacts__phone-link{font-family:Montserrat-Bold,sans-serif;font-size:25px;color:#fff;text-decoration:none;margin-right:30px}.navbar .navbar-wrapper__toggle{cursor:pointer}@media (min-width:1200px){.navbar .navbar-wrapper__toggle{display:none}}.navbar .navbar-wrapper__toggle span{display:block;width:30px;height:2px;background-color:#1a1d1c;margin:7px auto}.contacts__btn{padding:13px 25px;border-radius:30px;background:#26cf5e;color:#fff;text-transform:uppercase;text-decoration:none;font-family:Montserrat-Bold,sans-serif;font-size:14px}@media (max-width:1599.98px){.contacts__btn{font-size:12px;padding:10px 25px}}.contacts__btn:hover{background:#5cf84c;transition:all .3s ease-out}.mainarea{min-height:100vh}.onearea{min-height:calc(100vh - 72px);display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;text-align:center;padding-top:72px}@media (max-width:1199.98px){.onearea{padding-top:46px;min-height:calc(100vh - 46px)}}.onearea .onearea-title{font-size:60px;font-family:Montserrat-ExtraBold,sans-serif;color:#fff;display:inline-block;min-height:292px}@media (max-width:1599.98px){.onearea .onearea-title{font-size:45px;min-height:232px}}@media (max-width:1199.98px){.onearea .onearea-title{font-size:26px;min-height:128px}}.onearea .onearea-title .Typewriter__wrapper span{color:#26cf5e}.onearea .onearea-desc{font-family:OpenSans-Regular,sans-serif;font-size:25px;color:#fff}@media (max-width:1599.98px){.onearea .onearea-desc{font-size:18px}}@media (max-width:1199.98px){.onearea .onearea-desc{font-size:14px}}@media (min-width:1200px){.onearea .onearea-desc br{display:none}}.onearea .onearea-btn{margin-top:30px;display:inline-block;padding:23px 80px;border-radius:30px;background:#26cf5e;color:#fff;text-transform:uppercase;text-decoration:none;font-family:Montserrat-Bold,sans-serif;font-size:16px}@media (max-width:1599.98px){.onearea .onearea-btn{font-size:14px;padding:18px 50px;margin-top:14px}}@media (max-width:1199.98px){.onearea .onearea-btn{font-size:13px;padding:14px 40px}}.onearea .onearea-btn:hover{background:#5cf84c;transition:all .3s ease-out}.mobileMenu{display:none;background:#fff;height:100vh;width:100%;position:fixed;z-index:1000}.mobileMenu .mobileMenu--close-area{text-align:right;padding-top:17px}.mobileMenu .mobileMenu--close-area span{font-size:30px;cursor:pointer}.mobileMenu .mobileMenu-link-area{padding-top:18px;padding-bottom:18px}.mobileMenu .mobileMenu-link-area a{cursor:pointer;text-decoration:none;color:#000;font-size:14px;font-family:Montserrat-Bold,sans-serif}.mobileMenu .mobileMenu-hr{height:1px;background-color:#dedde1}.mobileMenu .mobileMenu-contact-area{display:flex;flex-direction:column;align-items:flex-start;padding-top:34px}.mobileMenu .mobileMenu-contact-area .mobileMenu-phone{font-family:Montserrat-ExtraBold,sans-serif;font-size:20px;color:#000;text-decoration:none}.mobileMenu .mobileMenu-contact-area .mobileMenu-btn{padding:16px 60px;border-radius:30px;background:#26cf5e;color:#fff;text-transform:uppercase;text-decoration:none;font-family:Montserrat-Bold,sans-serif;font-size:13px;margin-top:15px;cursor:pointer}@media (max-width:1599.98px){.mobileMenu .mobileMenu-contact-area .mobileMenu-btn{font-size:12px;padding:10px 35px}}.mobileMenu .mobileMenu-contact-area .mobileMenu-btn:hover{background:#5cf84c;transition:all .3s ease-out}.result{background:#ebe8ef}.result .result__naming-area{text-align:center;padding-top:140px;padding-bottom:35px}.custom-btn:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#fa4923;opacity:0;z-index:1;transition:.3s ease;animation-delay:.4s}.custom-btn{position:relative;overflow:hidden}.custom-btn:hover:after,.custom-btn:hover:before{content:none}.black-and-white{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}