header{
    padding-top: 16px;
    padding-bottom: 16px;
    .header-wrap{
        .navbar{
            justify-content: space-between;
            align-items: center;
            display: flex;
            .logo{
                display: flex;
                align-items: center;
                gap: 16px;
                &:hover{
                    text-decoration: none;
                    span{
                        color: #FF8A1A;
                        transition: color 0.3s ease;
                    }
                }
                .img{
                    max-width: 100%;
                    height: auto;
                }
                span{
                    color: #FFAA56;
                    font-family: Chillax;
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 125%; /* 35px */
                    letter-spacing: 0.56px;
                    transition: color 0.3s ease;
                }
            }
            .menu{
                display: flex;
                justify-content: flex-end;
                align-items: center;
                gap: 40px;
                flex-shrink: 0;
                .nav-menu{
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    display: flex;
                    align-items: flex-start;
                    gap: 16px;
                    .nav-item{
                        display: flex;
                        padding: 11px 19px;
                        justify-content: center;
                        align-items: center;
                        gap: 8px;
                        .nav-link{
                            color: #3A5551;
                            font-family: Nunito Sans;
                            font-size: 20px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 125%; /* 25px */
                            letter-spacing: 0.4px;
                            transition: color 0.3s ease;
                            &:hover{
                                color:#FF9B39;
                                text-decoration: none;
                                transition: color 0.3s ease;
                            }
                        }
                    }
                }
                .contact{
                    display: flex;
                    align-items: center;
                    gap: 16px;
                    a{
                        display: inline-flex;
                        .info{
                            transition: background-image 0.3s ease;
                            display: inline-flex;
                            width: 32px;
                            height: 32px;
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.9332 23.9998C16.3998 23.9998 16.7943 23.8387 17.1165 23.5165C17.4387 23.1943 17.5998 22.7998 17.5998 22.3332C17.5998 21.8665 17.4387 21.4721 17.1165 21.1498C16.7943 20.8276 16.3998 20.6665 15.9332 20.6665C15.4665 20.6665 15.0721 20.8276 14.7498 21.1498C14.4276 21.4721 14.2665 21.8665 14.2665 22.3332C14.2665 22.7998 14.4276 23.1943 14.7498 23.5165C15.0721 23.8387 15.4665 23.9998 15.9332 23.9998ZM14.786 17.6346C14.7183 18.3124 15.2854 18.8665 15.9665 18.8665C16.6477 18.8665 17.1692 18.3071 17.3043 17.6395C17.3424 17.4513 17.3909 17.2825 17.4498 17.1332C17.6165 16.7109 18.0887 16.1332 18.8665 15.3998C19.4443 14.8221 19.8998 14.2721 20.2332 13.7498C20.5665 13.2276 20.7332 12.5998 20.7332 11.8665C20.7332 10.6221 20.2776 9.6665 19.3665 8.99984C18.4554 8.33317 17.3776 7.99984 16.1332 7.99984C14.8665 7.99984 13.8387 8.33317 13.0498 8.99984C12.5556 9.41747 12.1552 9.88742 11.8485 10.4097C11.5393 10.9363 11.8449 11.5752 12.4131 11.799C13.0475 12.0489 13.7865 11.6915 14.2021 11.1509C14.2489 11.09 14.2981 11.0285 14.3498 10.9665C14.7387 10.4998 15.3332 10.2665 16.1332 10.2665C16.8443 10.2665 17.3776 10.4609 17.7332 10.8498C18.0887 11.2387 18.2665 11.6665 18.2665 12.1332C18.2665 12.5776 18.1332 12.9943 17.8665 13.3832C17.5998 13.7721 17.2665 14.1332 16.8665 14.4665C15.8887 15.3332 15.2887 15.9887 15.0665 16.4332C14.9327 16.7007 14.8392 17.1012 14.786 17.6346ZM15.9998 29.3332C14.1554 29.3332 12.4221 28.9832 10.7998 28.2832C9.17762 27.5832 7.7665 26.6332 6.5665 25.4332C5.3665 24.2332 4.4165 22.8221 3.7165 21.1998C3.0165 19.5776 2.6665 17.8443 2.6665 15.9998C2.6665 14.1554 3.0165 12.4221 3.7165 10.7998C4.4165 9.17762 5.3665 7.7665 6.5665 6.5665C7.7665 5.3665 9.17762 4.4165 10.7998 3.7165C12.4221 3.0165 14.1554 2.6665 15.9998 2.6665C17.8443 2.6665 19.5776 3.0165 21.1998 3.7165C22.8221 4.4165 24.2332 5.3665 25.4332 6.5665C26.6332 7.7665 27.5832 9.17762 28.2832 10.7998C28.9832 12.4221 29.3332 14.1554 29.3332 15.9998C29.3332 17.8443 28.9832 19.5776 28.2832 21.1998C27.5832 22.8221 26.6332 24.2332 25.4332 25.4332C24.2332 26.6332 22.8221 27.5832 21.1998 28.2832C19.5776 28.9832 17.8443 29.3332 15.9998 29.3332ZM15.9998 26.6665C18.9776 26.6665 21.4998 25.6332 23.5665 23.5665C25.6332 21.4998 26.6665 18.9776 26.6665 15.9998C26.6665 13.0221 25.6332 10.4998 23.5665 8.43317C21.4998 6.3665 18.9776 5.33317 15.9998 5.33317C13.0221 5.33317 10.4998 6.3665 8.43317 8.43317C6.3665 10.4998 5.33317 13.0221 5.33317 15.9998C5.33317 18.9776 6.3665 21.4998 8.43317 23.5665C10.4998 25.6332 13.0221 26.6665 15.9998 26.6665Z' fill='%233A5551'/%3E%3C/svg%3E");
                        }
                        .phone{
                            transition: background-image 0.3s ease;
                            display: inline-flex;
                            width: 32px;
                            height: 32px;
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.9998 29.3332C14.1554 29.3332 12.4221 28.9832 10.7998 28.2832C9.17761 27.5832 7.7665 26.6332 6.5665 25.4332C5.3665 24.2332 4.4165 22.8221 3.7165 21.1998C3.0165 19.5776 2.6665 17.8443 2.6665 15.9998C2.6665 14.1554 3.0165 12.4221 3.7165 10.7998C4.4165 9.17761 5.3665 7.7665 6.5665 6.5665C7.7665 5.3665 9.17761 4.4165 10.7998 3.7165C12.4221 3.0165 14.1554 2.6665 15.9998 2.6665C17.8443 2.6665 19.5776 3.0165 21.1998 3.7165C22.8221 4.4165 24.2332 5.3665 25.4332 6.5665C26.6332 7.7665 27.5832 9.17761 28.2832 10.7998C28.9832 12.4221 29.3332 14.1554 29.3332 15.9998C29.3332 17.8443 28.9832 19.5776 28.2832 21.1998C27.5832 22.8221 26.6332 24.2332 25.4332 25.4332C24.2332 26.6332 22.8221 27.5832 21.1998 28.2832C19.5776 28.9832 17.8443 29.3332 15.9998 29.3332ZM15.9998 26.6665C18.9776 26.6665 21.4998 25.6332 23.5665 23.5665C25.6332 21.4998 26.6665 18.9776 26.6665 15.9998C26.6665 13.0221 25.6332 10.4998 23.5665 8.43317C21.4998 6.3665 18.9776 5.33317 15.9998 5.33317C13.0221 5.33317 10.4998 6.3665 8.43317 8.43317C6.3665 10.4998 5.33317 13.0221 5.33317 15.9998C5.33317 18.9776 6.3665 21.4998 8.43317 23.5665C10.4998 25.6332 13.0221 26.6665 15.9998 26.6665Z' fill='%233A5551'/%3E%3Cpath d='M21.8891 22.6668C20.3458 22.6668 18.8212 22.3304 17.315 21.6576C15.8088 20.9847 14.4384 20.031 13.2039 18.7965C11.9693 17.5619 11.0156 16.1915 10.3428 14.6853C9.66992 13.1792 9.3335 11.6545 9.3335 10.1113C9.3335 9.88905 9.40757 9.70387 9.55572 9.55572C9.70387 9.40757 9.88905 9.3335 10.1113 9.3335H13.1113C13.2841 9.3335 13.4384 9.39214 13.5742 9.50942C13.71 9.62671 13.7903 9.76559 13.815 9.92609L14.2965 12.5187C14.3212 12.7162 14.315 12.8829 14.2779 13.0187C14.2409 13.1545 14.173 13.2718 14.0742 13.3705L12.2779 15.1853C12.5249 15.6421 12.8181 16.0835 13.1576 16.5094C13.4971 16.9353 13.8705 17.3458 14.2779 17.7409C14.6607 18.1236 15.0619 18.4786 15.4816 18.8057C15.9014 19.1329 16.3458 19.4323 16.815 19.7039L18.5557 17.9631C18.6668 17.852 18.8119 17.7687 18.9909 17.7131C19.1699 17.6576 19.3458 17.6421 19.5187 17.6668L22.0742 18.1853C22.2471 18.2347 22.3891 18.3242 22.5002 18.4539C22.6113 18.5835 22.6668 18.7286 22.6668 18.8891V21.8891C22.6668 22.1113 22.5928 22.2965 22.4446 22.4446C22.2965 22.5928 22.1113 22.6668 21.8891 22.6668ZM11.5742 13.7779L12.7965 12.5557L12.4816 10.815H10.8335C10.8952 11.3212 10.9816 11.8212 11.0928 12.315C11.2039 12.8088 11.3644 13.2965 11.5742 13.7779ZM18.2039 20.4076C18.6853 20.6174 19.1761 20.7841 19.6761 20.9076C20.1761 21.031 20.6792 21.1113 21.1853 21.1483V19.5187L19.4446 19.1668L18.2039 20.4076Z' fill='%233A5551'/%3E%3C/svg%3E");
                        }
                        &:hover{
                            .info{
                                transition: background-image 0.3s ease;
                                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.9337 23.9998C16.4003 23.9998 16.7948 23.8387 17.117 23.5165C17.4392 23.1943 17.6003 22.7998 17.6003 22.3332C17.6003 21.8665 17.4392 21.4721 17.117 21.1498C16.7948 20.8276 16.4003 20.6665 15.9337 20.6665C15.467 20.6665 15.0725 20.8276 14.7503 21.1498C14.4281 21.4721 14.267 21.8665 14.267 22.3332C14.267 22.7998 14.4281 23.1943 14.7503 23.5165C15.0725 23.8387 15.467 23.9998 15.9337 23.9998ZM14.7864 17.6346C14.7188 18.3124 15.2858 18.8665 15.967 18.8665C16.6481 18.8665 17.1696 18.3071 17.3048 17.6395C17.3429 17.4513 17.3914 17.2825 17.4503 17.1332C17.617 16.7109 18.0892 16.1332 18.867 15.3998C19.4448 14.8221 19.9003 14.2721 20.2337 13.7498C20.567 13.2276 20.7337 12.5998 20.7337 11.8665C20.7337 10.6221 20.2781 9.6665 19.367 8.99984C18.4559 8.33317 17.3781 7.99984 16.1337 7.99984C14.867 7.99984 13.8392 8.33317 13.0503 8.99984C12.5561 9.41747 12.1557 9.88742 11.849 10.4097C11.5398 10.9363 11.8454 11.5752 12.4136 11.799C13.048 12.0489 13.787 11.6915 14.2026 11.1509C14.2494 11.09 14.2986 11.0285 14.3503 10.9665C14.7392 10.4998 15.3337 10.2665 16.1337 10.2665C16.8448 10.2665 17.3781 10.4609 17.7337 10.8498C18.0892 11.2387 18.267 11.6665 18.267 12.1332C18.267 12.5776 18.1337 12.9943 17.867 13.3832C17.6003 13.7721 17.267 14.1332 16.867 14.4665C15.8892 15.3332 15.2892 15.9887 15.067 16.4332C14.9332 16.7007 14.8397 17.1012 14.7864 17.6346ZM16.0003 29.3332C14.1559 29.3332 12.4225 28.9832 10.8003 28.2832C9.1781 27.5832 7.76699 26.6332 6.56699 25.4332C5.36699 24.2332 4.41699 22.8221 3.71699 21.1998C3.01699 19.5776 2.66699 17.8443 2.66699 15.9998C2.66699 14.1554 3.01699 12.4221 3.71699 10.7998C4.41699 9.17762 5.36699 7.7665 6.56699 6.5665C7.76699 5.3665 9.1781 4.4165 10.8003 3.7165C12.4225 3.0165 14.1559 2.6665 16.0003 2.6665C17.8448 2.6665 19.5781 3.0165 21.2003 3.7165C22.8225 4.4165 24.2337 5.3665 25.4337 6.5665C26.6337 7.7665 27.5837 9.17762 28.2837 10.7998C28.9837 12.4221 29.3337 14.1554 29.3337 15.9998C29.3337 17.8443 28.9837 19.5776 28.2837 21.1998C27.5837 22.8221 26.6337 24.2332 25.4337 25.4332C24.2337 26.6332 22.8225 27.5832 21.2003 28.2832C19.5781 28.9832 17.8448 29.3332 16.0003 29.3332ZM16.0003 26.6665C18.9781 26.6665 21.5003 25.6332 23.567 23.5665C25.6337 21.4998 26.667 18.9776 26.667 15.9998C26.667 13.0221 25.6337 10.4998 23.567 8.43317C21.5003 6.3665 18.9781 5.33317 16.0003 5.33317C13.0225 5.33317 10.5003 6.3665 8.43366 8.43317C6.36699 10.4998 5.33366 13.0221 5.33366 15.9998C5.33366 18.9776 6.36699 21.4998 8.43366 23.5665C10.5003 25.6332 13.0225 26.6665 16.0003 26.6665Z' fill='%23FF9B39'/%3E%3C/svg%3E");
                            }
                            .phone{
                                transition: background-image 0.3s ease;
                                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16.0003 29.3332C14.1559 29.3332 12.4225 28.9832 10.8003 28.2832C9.1781 27.5832 7.76699 26.6332 6.56699 25.4332C5.36699 24.2332 4.41699 22.8221 3.71699 21.1998C3.01699 19.5776 2.66699 17.8443 2.66699 15.9998C2.66699 14.1554 3.01699 12.4221 3.71699 10.7998C4.41699 9.17761 5.36699 7.7665 6.56699 6.5665C7.76699 5.3665 9.1781 4.4165 10.8003 3.7165C12.4225 3.0165 14.1559 2.6665 16.0003 2.6665C17.8448 2.6665 19.5781 3.0165 21.2003 3.7165C22.8225 4.4165 24.2337 5.3665 25.4337 6.5665C26.6337 7.7665 27.5837 9.17761 28.2837 10.7998C28.9837 12.4221 29.3337 14.1554 29.3337 15.9998C29.3337 17.8443 28.9837 19.5776 28.2837 21.1998C27.5837 22.8221 26.6337 24.2332 25.4337 25.4332C24.2337 26.6332 22.8225 27.5832 21.2003 28.2832C19.5781 28.9832 17.8448 29.3332 16.0003 29.3332ZM16.0003 26.6665C18.9781 26.6665 21.5003 25.6332 23.567 23.5665C25.6337 21.4998 26.667 18.9776 26.667 15.9998C26.667 13.0221 25.6337 10.4998 23.567 8.43317C21.5003 6.3665 18.9781 5.33317 16.0003 5.33317C13.0225 5.33317 10.5003 6.3665 8.43366 8.43317C6.36699 10.4998 5.33366 13.0221 5.33366 15.9998C5.33366 18.9776 6.36699 21.4998 8.43366 23.5665C10.5003 25.6332 13.0225 26.6665 16.0003 26.6665Z' fill='%23FF9B39'/%3E%3Cpath d='M21.8886 22.6668C20.3454 22.6668 18.8207 22.3304 17.3145 21.6576C15.8083 20.9847 14.4379 20.031 13.2034 18.7965C11.9688 17.5619 11.0151 16.1915 10.3423 14.6853C9.66943 13.1792 9.33301 11.6545 9.33301 10.1113C9.33301 9.88905 9.40708 9.70387 9.55523 9.55572C9.70338 9.40757 9.88856 9.3335 10.1108 9.3335H13.1108C13.2836 9.3335 13.4379 9.39214 13.5737 9.50942C13.7096 9.62671 13.7898 9.76559 13.8145 9.92609L14.296 12.5187C14.3207 12.7162 14.3145 12.8829 14.2775 13.0187C14.2404 13.1545 14.1725 13.2718 14.0737 13.3705L12.2775 15.1853C12.5244 15.6421 12.8176 16.0835 13.1571 16.5094C13.4966 16.9353 13.87 17.3458 14.2775 17.7409C14.6602 18.1236 15.0614 18.4786 15.4812 18.8057C15.9009 19.1329 16.3454 19.4323 16.8145 19.7039L18.5552 17.9631C18.6663 17.852 18.8114 17.7687 18.9904 17.7131C19.1694 17.6576 19.3454 17.6421 19.5182 17.6668L22.0737 18.1853C22.2466 18.2347 22.3886 18.3242 22.4997 18.4539C22.6108 18.5835 22.6663 18.7286 22.6663 18.8891V21.8891C22.6663 22.1113 22.5923 22.2965 22.4441 22.4446C22.296 22.5928 22.1108 22.6668 21.8886 22.6668ZM11.5737 13.7779L12.796 12.5557L12.4812 10.815H10.833C10.8947 11.3212 10.9812 11.8212 11.0923 12.315C11.2034 12.8088 11.3639 13.2965 11.5737 13.7779ZM18.2034 20.4076C18.6849 20.6174 19.1756 20.7841 19.6756 20.9076C20.1756 21.031 20.6787 21.1113 21.1849 21.1483V19.5187L19.4441 19.1668L18.2034 20.4076Z' fill='%23FF9B39'/%3E%3C/svg%3E");
                            }
                        }
                    }
                }
                .hamburger{
                    display: none;
                    cursor: pointer;

                    .bar{
                        width: 25px;
                        height: 3px;
                        margin: 5px auto;
                        -webkit-transition: all 0.3s ease-in-out;
                        transition: all 0.3s ease-in-out;
                        background: #3A5551;
                        border-radius: 5px;
                    }
                }
            }
        }
    }
}



  

  
  
  
@media(max-width: 992px){
    .hamburger{
      display: block !important;
      .bar{
        display: block;
      }
      &.active {
        .bar:nth-child(1){
            transform: rotate(45deg) translateY(11.5px); 
        }  
        .bar:nth-child(2){
            opacity: 0;
        }
        .bar:nth-child(3){
            transform: rotate(-45deg) translateY(-11.5px); 
        }
      }
    }
    header .header-wrap .navbar .menu {
        gap: 20px;
    }
  
    header .header-wrap .navbar .menu .nav-menu {
        position: absolute;
        right: 0;
        top: 90px;
        flex-direction: column;
        width: 100%;
        max-width: 0;
        overflow: hidden;
        text-align: center;
        background: #FFFCF7;
        transition: max-width 0.3s ease-in-out; /* Изменение свойства max-width для анимации */
        z-index: 10;
        opacity: 0; /* Начальное значение прозрачности */
        pointer-events: none; /* Чтобы меню не было доступно до появления */
        display: flex;
        flex-direction: column;
      }
      
      header .header-wrap .navbar .menu .nav-menu.active {
        max-width: 100%; /* Увеличиваем максимальную ширину для плавного появления */
        opacity: 1; /* Значение прозрачности при активации */
        pointer-events: auto; /* Делаем меню доступным при активации */
      }
      
}

@media(max-width: 420px){
    header .header-wrap .navbar .logo span {
        color: #FFAA56;
        font-family: Chillax;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 125%;
        letter-spacing: 0.56px;
    }
}