* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Onest', sans-serif;
}

body {
    background-color: #fafafa;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    font-style: normal;
}

.container {
    width: 100%;
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 15px;
}

.header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.d-flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100vh;
}

.faq-item-title span {
    color: #000;
    font-family: 'Onest';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

/* FAQ Styles */
.faq-item-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    transition: all 0.3s ease;
    border-radius: 16px;
    background: var(--grey-50, #F5F5F5);
}

.faq-item {
    margin-bottom: 1rem;
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-item-title:hover {
    background-color: #f8f8f8;
}

.faq-item-content {
    padding: 16px 20px;
    animation: slideDown 0.3s ease-out;
}

.arrow-down {
    transition: transform 0.3s ease;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19 9L12 16L5 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
}

.faq-item-content-text p {
    font-size: 16px;
}

.arrow-down.active {
    transform: rotate(180deg);
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 200px;
    }
}

/* Mobile menu styles */
.burger-menu {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.burger-menu span {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 3px 0;
    transition: 0.3s;
}

.burger-menu.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-6px, 7px);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
}

@media (max-width: 768px) {
    .burger-menu {
        display: flex;
    }
    
    .nav-menu {
        display: none;
    }
    
    .nav-menu.active {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .mobile-flex-column {
        flex-direction: column;
    }
}


header.header {
    background: var(--grey-0, #FFF);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
    padding: 12px 40px;
    position: fixed;
    left: 0;
    right: 0;
    max-width: 1280px;
    margin: auto;
    top: 15px;
    z-index: 91;
}

body {
    padding-top: 100px;
}

nav.nav-menu ul {
    list-style: none;
    display: flex;
    align-items: center;
}

nav.nav-menu ul li a {
    color: var(--grey-900, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    padding: 12px 20px;
    display: block;
    cursor: pointer;
}

a.sign-up {
    border-radius: var(--borderRadius-4, 16px);
    background: var(--primary-main, #70C6FF);

    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
}

.header-logo a {
    display: flex;
    align-items: center;
}

.main-screen {
    border-radius: 16px;
    background: linear-gradient(125deg, #66DC9D 5.21%, #70C6FF 65.25%);
    padding: 0px 40px;
}

.main-screen-content {
    flex-basis: 45%;
}

.main-screen > div {
    align-items: center;
}

.main-screen-image {
    margin-left: 5%;
}

.main-screen-image img {
    width: auto;
    max-width: 100%;
}

h1.main-screen-title {
    color: #000;
    font-family: Onest;
    font-size: 5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    margin-bottom: 1rem;
}

p.main-screen-subtitle {
    color: #000;
    font-family: Onest;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    margin-bottom: 2.5rem;
}

.default-link {
    border-radius: 16px;
    background: #FFF;
    padding: 13px 20px;
    display: inline-block;
    color: var(--primary-contrastText, #000);
    text-align: right;

/* button */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5; /* 171.429% */
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}

p.main-screen-bottom-text {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    margin-top: 1.5rem;
}

.why-love {
    border-radius: 16px;
    background: #FFF;
    padding: 40px;
    margin: 40px 0px;
}

h2.default-title {
    color: #000;
    text-align: center;
    font-family: Onest;
    font-size: 3rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 48px */
}

.why-love-list {
    margin: 2.5rem -10px 0;
}

.default-link:hover {
    background: #0CAFFD;
}

.why-love-item {
    flex-basis: 25%;
    margin: 10px;
    border-radius: 16px;
    border: 0.5px solid var(--grey-100, #E9E9E9);
    background: var(--grey-0, #FFF);
    overflow: hidden;
}

.why-love-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 20px;
}

span.icon-love.icon-love-1 {
    border-radius: 187.5px;
    background: #FF9CDC;
    box-shadow: 0px 1.875px 1.875px 0px rgba(0, 0, 0, 0.02), 0px 1.875px 3.75px 0px rgba(0, 0, 0, 0.04);
    border: 15px solid rgb(254 235 247);
}

span.icon-love {
    width: 135px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 75px;
}

span.icon-love.icon-love-1 {}

.why-love-item-content {
    background: #FCFCFC;
    padding: 20px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.why-love-item-content h3 {
    overflow: hidden;
    color: var(--grey-900, #000);
    text-overflow: ellipsis;
    font-family: Onest;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem; /* 133.333% */
}

* {
    box-sizing: border-box;
}

span.icon-love.icon-love-2 {
    border-radius: 187.5px;
    background: #66DC9D;
    box-shadow: 0px 1.875px 1.875px 0px rgba(0, 0, 0, 0.02), 0px 1.875px 3.75px 0px rgba(0, 0, 0, 0.04);
    border: 15px solid #e5f9ee;
}

span.icon-love.icon-love-3 {
    border-radius: 187.5px;
    background: #70C6FF;
    box-shadow: 0px 1.875px 1.875px 0px rgba(0, 0, 0, 0.02), 0px 1.875px 3.75px 0px rgba(0, 0, 0, 0.04);
    border: 15px solid #ddf1fe;
}

span.icon-love.icon-love-4 {
    border-radius: 187.5px;
    background: #F5E966;
    box-shadow: 0px 1.875px 1.875px 0px rgba(0, 0, 0, 0.02), 0px 1.875px 3.75px 0px rgba(0, 0, 0, 0.04);
    border: 15px solid #fdfce5;
}

footer {
    padding: 40px 0px;
    background: #fff;
}

.footer-content {
    max-width: 800px;
    margin: auto;
    border-top: 1px solid #E1DEE3;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-social {
    display: flex;
    align-items: center;
}

.footer-social a {
    border-radius: 26px;
    border: 0.5px solid #E1DEE3;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 5px;
    transition: all 0.4s ease-in-out;
}

.footer-social a svg path {
    transition: all 0.4s ease-in-out;
}

.footer-social a:hover svg path {
    fill: #fff;
}

.footer-social a:hover {
    background: #000;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.footer-menu ul li a {.footer-social
    a: hover svg path;
.footer-social
    a: hover svg path;
    color: #000;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    text-decoration: none;
    padding: 5px 12px;
}

.footer-copyright {
    color: rgba(0, 0, 0, 0.40);
    text-align: center;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
}

.footer-menu {
    margin: 1.8rem 0;
}

.faq {
    padding: 40px 64px;
    margin-bottom: 40px;
    border-radius: 0px 0px 16px 16px;
    background: #FFF;
}

#faq > .faq-content {
    width: 100%;
}

.faq-list {
    width: 50%;
}

.faq-content {
    width: 50%;
}

.faq-content h2 {
    color: #000;
    font-family: Onest;
    font-size: 3rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 48px */
}

.rating-section {
    border-radius: 16px 16px 0px 0px;
    background: #70C6FF;
    padding: 25px 40px 25px;
}

.rating-section-content {
    display: flex;
    align-items: center;
}

.rating-section-content-image {
    margin-top: -25px;
    margin-left: auto;
    margin-right: 40px;
}

h2.rating-title {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 32px */
    margin-bottom: 1rem;
}

p.rating-subtitle {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
}

.just-3-steps {
    border-radius: 16px;
    background: #FFF;
    padding: 40px;
    margin-bottom: 40px;
}

.just-3-steps-wrapper {
    width: 100%;
    margin-top: 2.5rem;
}

.just-3-steps-wrapper.d-flex {}

.just-3-steps-list {
    width: 60%;
    margin-right: 5%;
}

.just-3-steps-card {
    width: 35%;
    text-align: left;
}

.just-3-steps-item {
    border-radius: 16px;
    border: var(--stroke-thin, 0.5px) solid var(--grey-200, #D9D9D9);
    background: var(--grey-0, #FFF);

/* elevation/1 */
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 1rem;
    padding: 16px;
    display: flex;
    align-items: center;
}

.just-3-steps-item-content h3 {
    color: var(--primary-contrastText, #000);

/* button */
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 171.429% */
}

.just-3-steps-item-content p {
    color: var(--grey-400, #9D9D9D);
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.just-3-steps-item-image {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    min-width: 64px;
}

.just-3-steps-item-image.step-green-img {
    border-radius: 100px;
    background: #66DC9D;

/* elevation/1 */
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
    border: 8px solid #e5f9ee;
}

.just-3-steps-item-image.step-blue-img {
    border-radius: 100px;
    background: #70C6FF;

/* elevation/1 */
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
    border: 8px solid #ddf1fe;
}

.just-3-steps-item-image.step-yellow-img {
    border-radius: 100px;
    background: #F5E966;

/* elevation/1 */
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
    border: 8px solid #fdfce5;
}

.product-card {
    position: relative;
    max-width: 285px;
    border-radius: 16px;
    border: 0.5px solid var(--grey-100, #E9E9E9);
    background: var(--grey-0, #FFF);
}

.product-card-image {
    position: relative;
}

.product-card-content {
    padding: 20px;
}

.product-card-content h3 {
    overflow: hidden;
    color: var(--grey-900, #000);
    text-overflow: ellipsis;
    

/* subtitle2 */
    font-family: Onest;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; /* 175% */
    margin-bottom: 1rem;
}

.product-card-progress > div span {
    overflow: hidden;
    color: var(--grey-500, #7B7B7B);
    text-overflow: ellipsis;
    font-family: Onest;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 166.667% */
}

.product-card-progress-bar {
    position: relative;
    height: 4px;
    background: var(--grey-50, #F5F5F5);
    overflow: hidden;
    border-radius: 30px;
    margin-top: 8px;
}

.product-card-progress-bar-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 12%;
    background: #65dc9d;
}

span.product-card-price {
    overflow: hidden;
    color: var(--grey-900, #000);
    text-overflow: ellipsis;
    font-family: Onest;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; /* 120% */
    margin-top: 1rem;
    display: block;
}

span.product-card-price span {
    font-size: 12px;
}

.product-card-grant {
    border-radius: 0px 0px 16px 16px;
    border: 0.5px solid var(--grey-100, #E9E9E9);
    background: var(--grey-50, #F5F5F5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
}

span.product-card-grant-text {
    color: var(--grey-900, #000);

/* button */
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 171.429% */
}

span.icon-gift {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

span.sticker {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 8px;
    background: var(--secondary-main, #66DC9D);
    padding: 8px;
    color: var(--grey-900, #000);
    font-family: Onest;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 1; /* 200% */
    letter-spacing: 0.5px;
    top: 8px;
    right: 8px;
}

span.icon-pinned {
    position: absolute;
    left: 0;
    border-radius: 20px;
    background-color: #000;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-position: center;
    top: -4px;
    left: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card-image img {
    width: 100%;
}

.arrow-down-just {
    width: 95px;
    height: 95px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="95" height="95" viewBox="0 0 95 95" fill="none"><path d="M64.3545 69.5481C64.6957 69.5884 65.0375 69.6242 65.3797 69.6554C66.6957 69.7749 68.0183 69.825 69.3398 69.8018C70.0055 69.7901 70.6705 69.7591 71.3344 69.711C71.8196 69.676 72.2835 70.1628 72.2621 70.6388C72.2382 71.1715 71.8541 71.5288 71.3344 71.5665C65.8893 71.961 60.3909 71.0917 55.2497 69.2898C50.0247 67.4587 45.1396 64.7313 40.7082 61.4251C36.2347 58.0873 32.1553 54.203 28.6566 49.8514C25.085 45.4092 22.0871 40.4963 20.0923 35.1435C18.1752 29.9992 17.2603 24.4075 17.9188 18.9322C18.0056 18.2095 18.1127 17.4894 18.2459 16.774C18.335 16.2958 18.9384 15.9808 19.3872 16.126C19.8988 16.2915 20.1307 16.755 20.0351 17.2673C19.9734 17.5995 19.9162 17.9325 19.8654 18.2665C19.8544 18.3389 19.8437 18.4112 19.8331 18.4838C19.8316 18.4942 19.819 18.5851 19.8125 18.6315C19.7878 18.8185 19.765 19.0057 19.744 19.1931C19.6702 19.857 19.619 20.5233 19.5898 21.1905C19.5319 22.517 19.5618 23.8472 19.6733 25.1701C19.6999 25.4861 19.7312 25.8017 19.767 26.1168C19.7865 26.2888 19.8078 26.4604 19.8296 26.6321C19.8309 26.6421 19.8316 26.6478 19.8325 26.656C19.8477 26.766 19.8633 26.8759 19.8795 26.9855C19.9765 27.6431 20.0928 28.2977 20.2274 28.9488C20.5038 30.2868 20.8567 31.6086 21.2761 32.9087C21.4828 33.5496 21.7056 34.1853 21.9433 34.8154C22.0574 35.1179 22.1751 35.419 22.296 35.7189C22.3511 35.8554 22.4068 35.9916 22.4632 36.1276C22.4662 36.1347 22.5144 36.2493 22.5276 36.2812C22.5667 36.3735 22.6063 36.4655 22.646 36.5573C23.1887 37.8083 23.7878 39.0346 24.4358 40.2345C25.7574 42.6822 27.2802 45.0198 28.9548 47.2402C29.1832 47.543 29.2949 47.6879 29.4665 47.9072C29.6877 48.1898 29.9114 48.4706 30.1376 48.7494C30.5699 49.2825 31.0114 49.8084 31.4609 50.327C32.3523 51.3549 33.2769 52.3537 34.2312 53.3234C36.1404 55.2636 38.1647 57.0916 40.2959 58.7853C40.4225 58.8859 40.5494 58.9859 40.6767 59.0855C40.7346 59.1308 40.7925 59.1759 40.8505 59.221C40.8706 59.2365 40.8845 59.2475 40.8962 59.2566C40.9079 59.2655 40.922 59.2763 40.9418 59.2915C41.222 59.5058 41.5029 59.7188 41.7862 59.9288C42.329 60.3313 42.8782 60.725 43.4337 61.1095C44.5548 61.885 45.7018 62.623 46.8743 63.3184C48.0412 64.0105 49.233 64.6604 50.4487 65.2631C51.0473 65.5598 51.6514 65.8448 52.2611 66.1177C52.5422 66.2435 52.8246 66.3664 53.108 66.487C53.1527 66.5057 53.2289 66.5378 53.2362 66.541C53.3163 66.5744 53.3965 66.6074 53.4768 66.6402C53.6373 66.7059 53.7982 66.7709 53.9594 66.8349C56.443 67.8209 59.0115 68.5981 61.634 69.1141C62.2797 69.2412 62.9286 69.3526 63.5798 69.4472C63.6648 69.4596 63.7498 69.4715 63.8348 69.4834C63.8431 69.4845 63.8478 69.4852 63.8548 69.4862C64.0213 69.5075 64.1877 69.5285 64.3545 69.5481ZM19.8372 26.6931C19.844 26.7467 19.8412 26.7252 19.8372 26.6931ZM63.8879 69.4902C63.9565 69.4999 63.925 69.4954 63.8879 69.4902Z" fill="black"/><path d="M76.8488 71.1271C76.2146 71.575 75.5865 72.0313 74.9651 72.4966C74.8156 72.6087 74.6664 72.7213 74.5176 72.8343C74.4374 72.8952 74.3574 72.9562 74.2775 73.0174C74.2431 73.0436 74.209 73.0699 74.1749 73.0961C74.1676 73.1017 74.1203 73.1382 74.0943 73.1579C74.0767 73.1714 74.0574 73.1865 74.0552 73.1881C74.0097 73.2234 73.9643 73.2586 73.919 73.2941C73.8509 73.3472 73.783 73.4002 73.7151 73.4535C73.5566 73.5776 73.3987 73.7025 73.2412 73.8277C72.0262 74.7946 70.8387 75.796 69.6805 76.8302C69.0157 77.424 68.3608 78.0289 67.7152 78.6436C67.3636 78.9785 66.7478 79.0189 66.4032 78.6436C66.0702 78.2807 66.0279 77.6891 66.4032 77.3316C68.7311 75.1149 71.1883 73.0397 73.7529 71.102C74.1027 70.8376 74.4549 70.5764 74.8089 70.3177C72.1927 68.399 69.5765 66.4804 66.9601 64.5617C66.1145 63.9416 65.269 63.3215 64.4236 62.7016C64.0334 62.4155 63.7998 61.8835 64.0908 61.4323C64.3399 61.0458 64.9415 60.7925 65.3601 61.0994C68.3442 63.2879 71.3282 65.4763 74.3124 67.6648C75.1579 68.2849 76.0034 68.905 76.8488 69.5249C77.4327 69.9531 77.4507 70.7018 76.8488 71.1271Z" fill="black"/></svg>');
    margin-left: auto;
}

.terms-content * {
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 15px;
}

.terms-content ul {
    margin-left: 25px;
}

.terms-content a {
    color: #3992cc;
}

.terms-content h1 {
    font-size: 28px;
}

/* Contact Page Styles */
.contact-section {
    padding: 0px 0 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.contact-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact-container h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #1a1a1a;
}

.contact-container p {
    font-size: 18px;
    color: #666;
    margin-bottom: 40px;
    line-height: 1.6;
}

.company-info {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.company-info h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1a1a1a;
}

.info-item {
    /* display: flex;
    align-items: flex-start; */
    gap: 12px;
    margin-bottom: 16px;
}

.info-item:last-child {
    margin-bottom: 0;
}

.info-item svg {
    color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-item span {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

/* Contact Form Styles */
.contact-form {
    background: #fff;
    padding: 34px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.contact-container {
    padding-bottom: 80px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    font-size: 15px;
    transition: border-color 0.3s ease;
    font-family: inherit;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.submit-btn {
    color: #000;
    border: none;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    border-radius: var(--borderRadius-4, 16px);
    background: var(--primary-main, #70C6FF);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
}

.submit-btn:hover {
    background: #55a1d4;
}

.submit-btn:active {
    transform: translateY(1px);
}

.info-item svg path {
    fill: #70C6FF;
}

iframe#map-canvas {
    width: 100%;
    height: 100%;
}

.info-item a {
    color: #4791c4;
    text-decoration: none;
}

/* Map Container */
.map-container {
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

#map {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .contact-section {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .map-container {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .contact-section {
        padding: 40px 0;
    }
    
    .contact-container h1 {
        font-size: 36px;
        padding: 0px 10px;
    }

    .contact-container p {
        font-size: 16px;
        margin-bottom: 10px;
        padding: 0px 10px;
    }
    
    .contact-form {
        padding: 30px 20px;
    }
    
    .company-info {
        padding: 20px;
    }
    
    .map-container {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .contact-container h1 {
        font-size: 28px;
    }
    
    .contact-form {
        padding: 20px 16px;
    }
    
    .company-info {
        padding: 16px;
    }
    
    .info-item {
        flex-direction: column;
        gap: 8px;
    }
    
    .info-item svg {
        margin-top: 0;
    }
}

/* Form validation styles */
/* .form-group input:invalid,
.form-group textarea:invalid {
    border-color: #dc3545;
} */

.form-group input:invalid:focus,
.form-group textarea:invalid:focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

/* Loading state for submit button */
.submit-btn.loading {
    background: #6c757d;
    cursor: not-allowed;
}

.submit-btn.loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 8px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} 








@media (max-width: 1200px) {

    header.header {
        max-width: calc(100% - 30px);
        padding: 12px 15px;
    }
    
    .main-screen {
        padding: 0px 15px;
    }
    
    .main-screen-image img {
        max-width: 90%;
        margin-left: auto;
    }
    
    .main-screen-image {
        text-align: right;
    }
    
    h1.main-screen-title {
        font-size: 4rem;
    }
    
    p.main-screen-subtitle {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .why-love {
        padding: 40px 15px;
    }
    
    .why-love-list {
        margin-top: 1.5rem;
    }
    
    h2.default-title {
        font-size: 2.5rem;
    }
    
    .why-love-item-content h3 {
        font-size: 1.2rem;
        line-height: 1.3;
    }
    
    .why-love-item-content p {
        font-size: 14px;
    }
    
    .why-love-item-content {
        height: 140px;
    }
    
    a.default-link {
        white-space: nowrap;
    }
    
    .just-3-steps {
        padding: 40px 15px;
    }
    
    .rating-section {
        padding: 25px 15px;
    }
    
    h2.rating-title {
        font-size: 1.5rem;
    }
    
    .rating-section-content-image img {
        max-width: 80%;
    }
    
    .rating-section-content-image {
        text-align: right;
    }
    
    .faq {
        padding: 40px 15px;
    }
    
    .faq-content h2 {
        font-size: 2.5rem;
    }
}


@media (max-width: 768px) {
    /* Slick Slider стилі для мобільних */
    .why-love-list {
        margin: 2.5rem 0 0;
    }
    
    .why-love-item {
        margin: 0 10px;
    }
    
    /* Стилі для centerMode */
    .why-love-list .slick-slide {
        opacity: 0.7;
        transition: opacity 0.3s ease;
    }
    
    .why-love-list .slick-slide.slick-center {
        opacity: 1;
    }
    
    /* Кастомні стилі для Slick стрілок */
    .why-love-list .slick-prev,
    .why-love-list .slick-next {
        width: 40px;
        height: 40px;
        background: #FFF;
        border: 1px solid #E9E9E9;
        border-radius: 50%;
        z-index: 1;
    }
    
    .why-love-list .slick-prev:hover,
    .why-love-list .slick-next:hover {
        background: #70C6FF;
        border-color: #70C6FF;
    }
    
    .why-love-list .slick-prev:before,
    .why-love-list .slick-next:before {
        color: #000;
        font-size: 20px;
    }
    
    .why-love-list .slick-prev:hover:before,
    .why-love-list .slick-next:hover:before {
        color: #FFF;
    }
    
    .why-love-list .slick-prev {
        left: -50px;
    }
    
    .why-love-list .slick-next {
        right: -50px;
    }
    
    /* Кастомні стилі для Slick точок */
    .why-love-list .slick-dots {
        bottom: -30px;
    }
    
    .why-love-list .slick-dots li button:before {
        color: #E9E9E9;
        font-size: 12px;
    }
    
    .why-love-list .slick-dots li.slick-active button:before {
        color: #70C6FF;
    }
    
    .why-love-item-content {
        height: 120px;
    }
    
    .faq-content {
        width: 100%;
    }
    
    .faq-list {
        width: 100%;
        margin-top: 30px;
    }
    
    .main-screen .d-flex {
        flex-direction: column;
    }
    
    .main-screen-content {
        flex-basis: 100%;
        text-align: center;
    }
    
    .main-screen {
        padding: 24px 15px;
        border-radius: 0;
    }
    
    .main-screen-image {
        text-align: center;
        margin-left: 0;
    }
    
    h1.main-screen-title {
        font-size: 40px;
    }
    
    p.main-screen-subtitle {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    p.main-screen-bottom-text {
        margin-top: 16px;
    }
    
    .main .container {
        padding: 0;
    }
    
    .why-love {
        margin: 20px 0px;
    }
    
    header.header {
        max-width: 100%;
        top: 0;
    }
    
    body {
        padding-top: 61px;
        background: #fff;
    }
    
    .why-love-item-content h3 {
        font-size: 24px;
    }
    
    .why-love-item-content {
        height: auto;
    }
    
    .why-love-item-content p {
        font-size: 16px;
        margin-top: 10px;
    }
    
    .just-3-steps {
        padding-top: 0;
    }
    
    .just-3-steps-wrapper.d-flex {
        flex-direction: column;
        margin-top: 24px;
    }
    
    h2.default-title {
        font-size: 32px;
    }
    
    .just-3-steps-list {
        margin-right: 0;
        width: 100%;
    }
    
    .arrow-down-just {
        transform: rotate(45deg);
    }
    
    .just-3-steps-card {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 16px;
    }
    
    .rating-section-content {
        flex-direction: column;
    }
    
    .rating-section-content-image {
        margin-top: 0;
        order: 1;
        margin: auto;
    }
    
    .rating-section-content-text {
        order: 2;
        width: 100%;
        margin-bottom: 24px;
    }
    
    .rating-section a.default-link {
        order: 3;
    }
    
    .rating-section {
        padding-top: 0;
    }
    
    h2.rating-title {
        font-size: 24px;
    }
    
    p.rating-subtitle {
        font-size: 16px;
    }
    
    .default-link {
        width: 100%;
        text-align: center;
    }
    
    .faq-content h2 {
        text-align: center;
        font-size: 32px;
    }
    
    .faq {
        padding-bottom: 0px;
    }
    
    .footer-menu ul {
        flex-wrap: wrap;
    }
    
    .footer-menu ul li {
        flex-basis: 50%;
    }
    
    .footer-menu ul li:nth-child(even) {
        text-align: right;
    }

    nav.nav-menu ul {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    
    .nav-menu.active {
        padding: 20px 0px 40px;
    }

    .why-love {
        padding-right: 0;
    }

    .slick-dots li {
        margin: 0 0px !important;
    }

    .slick-list.draggable {
        padding-left: 0 !important;
    }

    .why-love-item {
        margin: 0 5px;
    }

    .arrow-down-just {
        transform: rotate(45deg);
        margin-right: 20px;
    }

    .terms-content {
        padding: 0px 10px;
    }
    
    .terms-content * {
        font-size: 14px;
    }

    .contact-info {
        padding: 0px 10px;
    }
    
    .contact-section {
        padding: 10px 0px 20px;
        gap: 20px;
    }
    
    .contact-info p {
        margin-bottom: 15px;
    }
    
    .contact-info h1 {
        margin-bottom: 0px;
    }
    
    
    .contact-form {
        margin: 0px 10px;
    }
}