footer{
    background: #3A5551;
    padding-top: 64px;
    padding-bottom: 64px;
    .copyright{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;
        .logo{
            display: flex;
            align-items: center;
            gap: 24px;
            .image1{
                img{

                }
            }
            .by{
                color: #FFF;
                font-family: Nunito Sans;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px; /* 150% */
                letter-spacing: -0.32px;
            }
            .image2{
                img{

                }
            }
        }
        .text{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 16px;
            flex: 1 0 0;
            .name{
                color: #FFF;
                font-family: Nunito Sans;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 125%; /* 17.5px */
                letter-spacing: -0.28px;
            }
            p{
                color: #FFF;
                font-family: Nunito Sans;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 125%; /* 15px */
                letter-spacing: -0.24px;
                margin: 0;
            }
        }
        .links{
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            a{
                color: #FFF;
                font-family: Nunito Sans;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 125%; /* 15px */
                letter-spacing: -0.24px;
                text-decoration-line: underline;  
            }
        }
        
    }
    
    .info{
        display: flex;

        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        align-self: stretch;
     .h-content{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 40px;
        align-self: stretch;
        width: 100%;
        .info-logo{
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch;
            img{
                max-width: 100%;
                height: auto;
            }
        }
        .contacts{
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 24px;
            width: 100%;
         .contant{
            display: flex;
            align-items: flex-start;
            gap: 32px;
            .phone{
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M19 12.1895C19 10.2395 18.3208 8.58529 16.9625 7.22695C15.6042 5.86862 13.95 5.18945 12 5.18945V3.18945C13.25 3.18945 14.4208 3.42695 15.5125 3.90195C16.6042 4.37695 17.5542 5.01862 18.3625 5.82695C19.1708 6.63529 19.8125 7.58529 20.2875 8.67695C20.7625 9.76862 21 10.9395 21 12.1895H19ZM15 12.1895C15 11.3561 14.7083 10.6478 14.125 10.0645C13.5417 9.48112 12.8333 9.18945 12 9.18945V7.18945C13.3833 7.18945 14.5625 7.67695 15.5375 8.65195C16.5125 9.62695 17 10.8061 17 12.1895H15ZM19.95 21.1895C17.8667 21.1895 15.8083 20.7353 13.775 19.827C11.7417 18.9186 9.89167 17.6311 8.225 15.9645C6.55833 14.2978 5.27083 12.4478 4.3625 10.4145C3.45417 8.38112 3 6.32279 3 4.23945C3 3.93945 3.1 3.68945 3.3 3.48945C3.5 3.28945 3.75 3.18945 4.05 3.18945H8.1C8.33333 3.18945 8.54167 3.26862 8.725 3.42695C8.90833 3.58529 9.01667 3.77279 9.05 3.98945L9.7 7.48945C9.73333 7.75612 9.725 7.98112 9.675 8.16445C9.625 8.34779 9.53333 8.50612 9.4 8.63945L6.975 11.0895C7.30833 11.7061 7.70417 12.302 8.1625 12.877C8.62083 13.452 9.125 14.0061 9.675 14.5395C10.1917 15.0561 10.7333 15.5353 11.3 15.977C11.8667 16.4186 12.4667 16.8228 13.1 17.1895L15.45 14.8395C15.6 14.6895 15.7958 14.577 16.0375 14.502C16.2792 14.427 16.5167 14.4061 16.75 14.4395L20.2 15.1395C20.4333 15.2061 20.625 15.327 20.775 15.502C20.925 15.677 21 15.8728 21 16.0895V20.1395C21 20.4395 20.9 20.6895 20.7 20.8895C20.5 21.0895 20.25 21.1895 19.95 21.1895ZM6.025 9.18945L7.675 7.53945L7.25 5.18945H5.025C5.10833 5.87279 5.225 6.54779 5.375 7.21445C5.525 7.88112 5.74167 8.53945 6.025 9.18945ZM14.975 18.1395C15.625 18.4228 16.2875 18.6478 16.9625 18.8145C17.6375 18.9811 18.3167 19.0895 19 19.1395V16.9395L16.65 16.4645L14.975 18.1395Z' fill='white'/%3E%3C/svg%3E");
                width: 24px;
                height: 24px;
                display: inline-flex;
                margin-right: 16px;
            }
            .mail{
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M4 20.1895C3.45 20.1895 2.97917 19.9936 2.5875 19.602C2.19583 19.2103 2 18.7395 2 18.1895V6.18945C2 5.63945 2.19583 5.16862 2.5875 4.77695C2.97917 4.38529 3.45 4.18945 4 4.18945H20C20.55 4.18945 21.0208 4.38529 21.4125 4.77695C21.8042 5.16862 22 5.63945 22 6.18945V18.1895C22 18.7395 21.8042 19.2103 21.4125 19.602C21.0208 19.9936 20.55 20.1895 20 20.1895H4ZM12 13.1895L4 8.18945V18.1895H20V8.18945L12 13.1895ZM12 11.1895L20 6.18945H4L12 11.1895ZM4 8.18945V6.18945V18.1895V8.18945Z' fill='white'/%3E%3C/svg%3E");
                width: 24px;
                height: 24px;
                display: inline-flex;
                margin-right: 16px;
            }
            a{
                color: #FFF;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 16px; /* 114.286% */
                letter-spacing: -0.28px;

                display: flex;
                align-items: center;
            }
         }
         .social{
            display: flex;
            align-items: center;
            gap: 32px;
         }   
        }
     } 
     .cards{
        display: flex;
        align-items: center;
        gap: 32px;
     }  
    }
}


@media (max-width: 992px) {
    footer{
        padding-top: 24px;
        padding-bottom: 24px; 
        .info{
            display: flex;
            align-items: flex-start;
            margin-top: 30px;
            .h-content{
                .contacts{
                    align-items: flex-start;
                    .contant{
                        .phone{
                            margin-right: 5px;
                        }
                        .mail{
                            margin-right: 5px;
                        }
                    }
                }
                
            }
            .cards{
                margin-top: 30px;
            }
        }
    }
}