/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}



p,
h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
    padding: 0;
    font-weight: 400;
}
html{
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
*{outline:none;}
*,
*::before,
*::after{
    box-sizing: inherit;
}
body{
    overflow-x: hidden;
    font-family: "Inter Tight", sans-serif;
    /* font-family: "Unbounded", sans-serif; */
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.container{
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 15px;
}
.scroll {
    border-radius: 50%;
    background-color:#86BE5A;
    width: 38px;
    height: 38px;
    z-index: 8;
    position: fixed;
    bottom: 80px;
    right: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    transform: scale(0);
}
.scroll.fixed {
    transform: scale(1);
}
.header{
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 10;
}
.header.fixed{
    position: fixed;
    animation: header_anim 0.3s;
}
@keyframes header_anim{
    0%{
        transform: translateY(-100%);
    }
    100%{
        transform: translateY(0%);
    }
}
.header.fixed .header_menu{
    display: none;
}
.header.fixed .header_adres,
.header.fixed .header_time,
.header.fixed .header_mail{
    display: none;
}
.header.fixed .header_links{
    flex-direction: column-reverse;
    align-items: center;
    gap: 5px;
}
.header.fixed  .header_btn{
    margin: 0;
}
.header_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 15px 0;
}
.header_wrapper::before{
    position: absolute;
    content: "";
    background: #86BE5A;
    width: 100vw;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    height: 100%;
    z-index: -1;
}
.info_block,
section{
    scroll-margin-top: 150px;
}
.menu{
    display: none;
    gap: 20px;
}
.header.fixed .menu{
    display: flex;
}
.menu a{
    display: block;
    font-family: "Unbounded", sans-serif; 
    font-size: 12px;
    font-weight: 400;
    line-height: 18.2px;
    color: #fff;
}
.header_time{
    font-weight: 500;
    line-height: 18.2px;
    color: #FFFFFF;
    font-size: 13px;
    padding-left: 40px;
    position: relative;
}
.header_time::before{
    position: absolute;
    content: "";
    background-image: url(../img/time.svg);
    background-size: cover;
    width: 25px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header_adres{
    font-weight: 500;
    line-height: 18.2px;
    color: #FFFFFF;
    font-size: 13px;
    padding-left: 40px;
    position: relative;
    width: 190px;
}
.header_adres::before{
    position: absolute;
    content: "";
    background-image: url(../img/adres.svg);
    background-size: cover;
    width: 25px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header_mail{
    font-size: 13px;
    font-weight: 500;
    line-height: 18.2px;
    color: #FFFFFF;
    padding-left: 40px;
    position: relative;
}
.header_mail::before{
    position: absolute;
    content: "";
    background-image: url(../img/mail.svg);
    background-size: cover;
    width: 25px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header_message{
    display: flex;
    position: relative;
    z-index: 2;
}
.header_btn{
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 40px;
    margin-right: 20px;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 600;
    line-height: 12.4px;
    text-align: center;
    color: #86BE5A;
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
}
.header_links{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.header_number{
    font-family: "Unbounded", sans-serif; 
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px; 
}
.header_menu{
    display: flex;
    justify-content: center;
    padding: 20px 0;
    gap: 60px;
}
.header_menu a{
    font-weight: 400;
    line-height: 18.2px;
    font-family: "Unbounded", sans-serif; 
    color: #3C3C3C;
    font-size: 13px;
}

.main{
    margin-top: 148px;
}
.main_wrapper{
    padding: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../img/main_wrapper.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 20px;
}
.main_info{
    width: 680px;
}
.main_info h1{
    font-size: 55px;
    font-weight: 600;
    line-height: 66px;
    color: #fff;
    font-family: "Unbounded", sans-serif; 
    margin-bottom: 20px;
    text-transform: uppercase;
}
.main_subtitle{
    font-family: "Unbounded", sans-serif; 
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    color: #fff;
    margin-bottom: 40px;
}
.main_subtitle span{
    position: relative;
    display: inline-block;
}
.main_subtitle span::before{
    position: absolute;
    content: "";
    bottom: -8px;
    height: 6px;
    width: 92%;
    left: 0;
    background: #86BE5A;
    border-radius: 10px;
}
.main_text{
    font-weight: 500;
    line-height: 28px;
    font-size: 20px;
    color: #FFFFFF;
}
.main_text span{
    font-style: italic;
    display: block;
    font-weight: 700;
}
.main_form{
    background: #262626;
    width: 330px;
    border-radius: 20px;
    padding: 42px 30px;
}
.main_form-title{
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    text-align: center;
    font-family: "Unbounded", sans-serif; 
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}
.main_form-title span{
    color: #86BE5A;
}
.main_form-inp{
    background: #FFFFFF;
    border-radius: 50px;
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 30px;
    border: none;
}
.jb_input input[type='submit'],
.btn{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background: #86BE5A;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.36px;
    text-align: center;
    color: #fff;
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
    border-radius: 50px;
}
.main_form-btn{
    height: 60px;
    margin-bottom: 10px;
    width: 100%;
}
.jbForCheckbox a,
.jbForCheckbox,
.main_form-ok{
    line-height: 14px;
    text-align: center;
    color: #9F9F9F;
    font-size: 10px;
}
.main_items{
    display: flex;
    gap: 20px;
}
.main_item{
    flex: 1;
    background: #F5F9F9;
    border-radius: 20px;
    padding: 25px 30px;
}
.main_item-img{
    height: 46px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    justify-content: flex-start;
}
.main_item-title{
    font-weight: 500;
    line-height: 22.4px;
    color: #000000;
    font-size: 16px; 
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
    margin-bottom: 5px;
}
.main_item-text{
    font-weight: 500;
    line-height: 19.6px;
    color: #353535;
    font-size: 14px;
}

.info_block{
    margin: 120px 0;
}
.info_block-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.info_block-img{
    height: 364px;
    border-radius: 20px;
    width: 690px;
    display: flex;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.info_block-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.info_block-info{
    width: 520px;
    margin-right: 140px;
    margin-left: auto;
}
.info_block-item{
    line-height: 22.4px;
    font-size: 16px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 25px;
    color: #353535;
}
.info_block-item::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #86BE5A;
    left: 0;
    top: 6px;
}

.properties{
    margin: 120px 0;
}
.properties_wrapper{
    background-image: url(../img/properties_wrapper.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 80px 60px;
}
.properties_title{
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-family: "Unbounded", sans-serif; 
    color: #fff;
}
.properties_items{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
    width: 850px;
    margin-bottom: 50px;
}
.properties_item{
    font-size: 16px;
    line-height: 22.4px;
    color: #fff;
    padding-left: 50px;
    position: relative;
}
.properties_item span{
    font-weight: 700;
}
.properties_item::before{
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../img/properties_item.svg);
    background-size: cover;
}
.properties_btn{
    width: 270px;
    height: 60px;
}
.price{
    margin: 120px 0;
}
.price_title{
    font-size: 40px;
    line-height: 56px;
    color: #2D460E;
    font-weight: 600;
    font-family: "Unbounded", sans-serif; 
    margin-bottom: 40px;
    text-transform: uppercase;
}
.price_items{
    display: flex;
    flex-wrap: wrap;
    gap: 50px 32px;
}
.price_item{
    width: calc(33.333% - 22px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.price_item-img{
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 10px;
    height: 250px;
}
.price_item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.price_item-btn{
    width: 230px;
    height: 55px;
    margin-top: auto;
}
.price_item-title{
    font-family: "Unbounded", sans-serif; 
    font-size: 20px;
    font-weight: 500;
    color: #353535;
    line-height: 26px;
    margin-bottom: 10px;
}
.price_item-options{
    margin-bottom: 20px;
}
.price_item-option{
    line-height: 18.2px;
    color: #707070;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}
.price_item-option::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #707070;
    left: 8px;
    top: 8px;
}
.price_item-value{
    margin-top: auto;
    font-family: "Unbounded", sans-serif; 
    font-size: 20px;
    font-weight: 500;
    color: #86BE5A;
    line-height: 26px;
    margin-bottom: 15px;
}
.price_options{
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}
.price_option{
    width: calc(50% - 5px);
    background: #86BE5A;
    border-radius: 15px;
    padding: 20px 40px;
    font-family: "Unbounded", sans-serif; 
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px;
    color: #fff;
    display: flex;
    gap: 30px;
    align-items: center;
}

.quiz{
    margin: 120px 0;
}
.quiz_title{
    font-family: "Unbounded", sans-serif; 
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    color: #2D460E;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.quiz_item{
    display: flex;
    justify-content: center;
}
.quiz_item img{
    max-width: 100%;
    height: auto;
}

.delivery{
    margin: 120px 0;
}
.delivery_wrapper{
    border-radius: 20px;
    padding: 80px 500px 80px 60px;
    position: relative;
    background-image: url(../img/delivery_wrapper.jpg);
    background-size: cover;
    background-position: center;
}
.delivery_img{
    position: absolute;
    display: flex;
    bottom: 0;
    right: 0;
}
.delivery_title{
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    color: #fff;
    font-family: "Unbounded", sans-serif; 
}
.delivery_subtitle{
    color: #fff;
    font-family: "Unbounded", sans-serif; 
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    margin-bottom: 20px;
}
.delivery_desc{
    font-weight: 500;
    line-height: 25.2px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
}
.delivery_text{
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
    line-height: 18.2px;
}
.delivery_btn{
    width: 270px;
    height: 60px;
    background: #FFFFFF;
    color: #86BE5A;
    margin-top: 20px;
}
.about{
    margin: 120px 0;
}
.about_wrapper{
    display: flex;
    justify-content: space-between;
}
.about_info{
    width: 520px;
}
.about_title{
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #2D460E;
    margin-bottom: 20px;
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
}
.about_text{
    line-height: 22.4px;
    color: #353535;
    font-size: 16px;
}
.about_imgs{
    display: flex;
    width: 792px;
    gap: 20px;
}
.about_img{
    flex: 1;
    height: 290px;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.about_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.production{
    margin: 120px 0;
}
.production_info{
    width: 550px;
    padding-right: 55px;
}
.production_wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.production_title{
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #2D460E;
    margin-bottom: 30px;
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
}
.production_text{
    line-height: 22.4px;
    color: #353535;
    font-size: 16px;
}
.production_imgs{
    display: flex;
    flex-wrap: wrap;
    width: 778px;
    gap: 20px;
}
.production_img{
    border-radius: 20px;
    display: flex;
    height: 166px;
    overflow: hidden;
    width: calc(33.333% - 13.333px);
}
.production_img:last-child{
    width: calc(66.666% - 6.666px);
}
.production_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.certificates{
    margin: 120px 0;
}
.certificates_top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
}
.certificates_title{
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #2D460E;
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
}
.certificates_text{
    font-weight: 500;
    line-height: 19.5px;
    color: #2D460E;
    font-size: 15px;
    width: 505px;
}
.certificates_items{
    display: flex;
    gap: 20px;
}
.certificates_item{
    flex: 1;
}
.certificates_item img{
    width: 100%;
    height: 373px;
    border-radius: 10px;
}
.certificates_item a:nth-child(2){
    display: none;
}
.certificates_item a{
    font-weight: 500;
    line-height: 19.6px;
    color: #000000;
    font-size: 14px;
    padding-left: 42px;
    display: block;
    position: relative;
}
.certificates_item a::before{
    position: absolute;
    content: "";
    background-image: url(../img/download.svg);
    background-size: cover;
    width: 32px;
    height: 32px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sale{
    margin: 120px 0;
}
.sale_wrapper{
    border-radius: 20px;
    padding: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../img/sale_wrapper.jpg);
    background-size: cover;
    background-position: center;
}
.sale_title{
    font-family: "Unbounded", sans-serif; 
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    text-transform: uppercase;
    color: #fff;
    width: 620px;
}
.sale_form{
    width: 330px;
    background: #86BE5A;
    border-radius: 20px;
    padding: 50px 30px 40px;
}
.sale_form-inp{
    border: 1px solid #FFFFFF;
    height: 50px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    background: none;
    border-radius: 50px;
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
}
.sale_form-inp::placeholder{
    color: #fff;
}
#jbForm_sale_center input[type='submit'],
#jbForm_sale_bot input[type='submit'],
.sale_form-btn{
    background: #FFFFFF;
    color: #86BE5A;
    height: 60px;
    width: 100%;
    margin-bottom: 10px;
}
#jbForm_sale_bot .jbForCheckbox a, #jbForm_sale_bot .jbForCheckbox,
#jbForm_sale_center .jbForCheckbox a, #jbForm_sale_center .jbForCheckbox,
.sale_form .main_form-ok{
    color: #fff;
}

.pay{
    margin: 120px 0;
}
.pay_wrapper{
    position: relative;
}
.pay_title{
    font-family: "Unbounded", sans-serif; 
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #2D460E;
}
.pay_items{
    margin-bottom: 40px;
}
.pay_item{
    position: relative;
    line-height: 22.4px;
    margin-bottom: 14px;
    font-size: 16px;
    padding-left: 47px;
    color: #353535;
}
.pay_item::before{
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/pay_item.svg);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pay_option{
    position: relative;
    line-height: 22.4px;
    margin-bottom: 14px;
    font-size: 16px;
    padding-left: 47px;
    color: #353535;
}
.pay_option::before{
    position: absolute;
    content: "";
    width: 24px;
    height: 27px;
    background-image: url(../img/pay_option.svg);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pay_img{
    position: absolute;
    display: flex;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
}
.faq{
    margin: 120px 0;
}
.faq_title{
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #2D460E;
    margin-bottom: 20px;
    font-family: "Unbounded", sans-serif; 
    text-transform: uppercase;
}
.faq_items{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.faq_item{
    width: calc(50% - 10px);
}
.faq_item-title{
    background: #F5F9F9;
    border-radius: 10px;
    font-weight: 500;
    line-height: 22.4px;
    color: #000000;
    font-size: 16px;
    padding: 12px 80px 12px 20px;
    min-height: 70px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.faq_item-text{
    font-weight: 400;
    line-height: 19.6px;
    color: #353535;
    font-size: 14px;
    padding: 8px 20px 0;
    display: none;
}
.faq_item-title span{
    position: absolute;
    background: #86BE5A;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.faq_item-title span::before{
    position: absolute;
    content: "";
    width: 2px;
    height: 16px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%); 
}
.faq_item-title span::after{
    position: absolute;
    content: "";
    width: 16px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%); 
}
.faq_item-title.active span::before{
    transform: translate(50%,-50%) rotate(90deg); 
}
.sale_form-title{
    font-family: "Unbounded", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.cooperation{
    margin: 120px 0;
}
.cooperation_wrapper{
    padding: 60px;
    background-image: url(../img/cooperation_wrapper.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
}
.cooperation .sale_form{
    padding-top: 40px;
}
.cooperation_info{
    width: 680px;
}
.cooperation_title{
    font-family: "Unbounded", sans-serif;
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    line-height: 60px;
    text-transform: uppercase;
}
.cooperation_subtitle{
    font-family: "Unbounded", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    margin-bottom: 25px;
}
.cooperation_desc{
    font-size: 18px;
    line-height: 25.2px;
    font-weight: 500;
    color: #fff;
    width: 340px;
}
.cooperation_number{
    font-weight: 700;
    line-height: 36.4px;
    color: #9DDD6A;
    font-size: 26px;
    display: block;
}
.contacts{
    margin: 120px 0;
}
.contacts_title{
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #2D460E;
    font-family: "Unbounded", sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contacts_wrapper{
    display: flex;
    justify-content: space-between;
}
.contacts_item{
    display: flex;
    justify-content: space-between;
    width: calc(50% - 9px);
    color: #fff;
}
.contacts_item-map{
    width: calc(50% - 5px);
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}
.contacts_item-map iframe{
    width: 100%;
    height: 100%;
    display: flex;
    z-index: -1;
}
.contacts_item-info{
    width: calc(50% - 5px);
    border-radius: 20px;
    background: #86BE5A;
    padding: 72px 30px;
}
.contacts_item-title{
    font-family: "Unbounded", sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 28px;
}
.contacts_item-number{
    display: block;
    font-family: "Unbounded", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    margin-bottom: 5px;
}
.contacts_item-adres{
    font-weight: 500;
    line-height: 19.6px;
    margin: 20px 0;
    font-size: 14px;
}
.contacts_item-time{
    font-weight: 500;
    line-height: 19.6px;
    font-size: 14px;
}

.footer{
    background: #454545;
    padding: 50px 0;
}
.footer_wrapper{
    display: flex;
    gap:0px 30px;
    justify-content: space-between;
}
.footer_logo{
    display: flex;
    margin-bottom: 19px;
}
.footer_desc{
    font-weight: 500;
    line-height: 16.8px;
    color: #B4B4B4;
    margin-bottom: 5px;
    font-size: 12px;
}
.footer_polit{
    display: block;
    font-weight: 500;
    line-height: 16.8px;
    color: #B4B4B4;
    font-size: 12px;
}
.footer_menu{
    display: flex;
    width: 270px;
    flex-wrap: wrap;
    gap: 15px 0;
    justify-content: space-between;
}
.footer_menu a{
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    line-height: 18.2px;
    color: #fff;
    font-size: 13px;
    display: block;
}
.footer_menu li{
    width: 49%;
}
.footer_item{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 18.2px;
    margin-bottom: 18px;
    padding-left: 40px;
    position: relative;
    display: block;
}
.footer_item img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer_number{
    font-family: "Unbounded", sans-serif;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}
.footer_btn{
    width: 178px;
    height: 40px;
    font-size: 10px;
}
.price_popup{
    background: #FFFFFF;
    width: 1400px;
    border-radius: 20px;
    padding: 50px;
}
.price_popup-wrapper{
    display: flex;
    position: relative;
    justify-content: space-between;
}
.price_popup-img{
    width: 445px;
    height: 250px;
    display: flex;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
}
.price_popup-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.price_popup-info{
    width: 820px;
    margin-left: auto;
}
.price_popup-title{
    font-family: "Unbounded", sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #353535;
    margin-bottom: 20px;
    line-height: 31.2px;
}
.price_popup-list{
    line-height: 18.2px;
    color: #353535;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 20px;
    list-style: disc;
}
.price_popup-subtitle{
    color: #353535;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 23.4px;
}
.price_popup p{
    line-height: 18.2px;
    color: #353535;
    font-size: 14px;
    margin-bottom: 5px;
}
.price_popup-price{
    color: #86BE5A;
    font-family: "Unbounded", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin: 20px 0;
}
.price_popup-btn{
    width: 230px;
    height: 55px;
    margin-top: 20px;
}
.popup_body{
    background: #FFFFFF;
    border-radius: 20px;
    width: 800px;
    padding: 50px 60px;
}
.popup_body-img{
    position: absolute;
    display: flex;
    right: 122px;
    bottom: 0;
}
.popup_body-title{
    font-family: "Unbounded", sans-serif;   
    font-size: 30px;
    font-weight: 500;
    line-height: 39px;
    color: #353535;
    margin-bottom: 10px;
}
.popup_body-text{
    font-weight: 500;
    line-height: 19.6px;
    color: #353535;
    font-size: 14px;
    margin-bottom: 20px;
}
.popup_body-form{
    width: 270px;
}
.jb_input input[type='text'],
.jb_input input[type='tel'],
.popup_body-inp{
    border: 1px solid #86BE5A;
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    border-radius: 50px;
    font-size: 14px;
    padding-left: 30px;
}
.jb_input input[type='submit'],
.popup_body-btn{
    height: 60px;
    width: 100%;
    margin-bottom: 10px;
}
.popup_body-ok{
    font-size: 10px;
    color: #878787;
    line-height: 14px;
}

#popup_order .popup_body-img{
    right: 0;
    top: 22px;
    bottom: 0;
}

.menu_burger{
    display: none;
}
.header_inner .header_mail{
    display: none;
}
.header_inner .header_adres,
.header_inner .header_time{
    display: none;
}
.header_inner .header_number,
.header_inner .header_btn{
    display: none;
}
.popup_sogl h2:first-child,
.popup_polit h2:first-child{
    margin-top: 0;
}
.popup_sogl,
.popup_polit{
    width: 900px;
}
.popup_sogl ul{
    padding-left: 20px;
    list-style: disc;
    margin-bottom: 30px;
}
.popup_sogl li{
    margin-bottom: 10px;
}
.popup_sogl a,
.popup_polit a{
    color: #000;
}
.popup_sogl h2,
.popup_polit h2{
    margin-bottom: 20px;
    margin-top: 80px;
    font-weight: 600;
    text-align: center;
}
.popup_polit h2::before{
    display: none;
}
.popup_sogl p,
.popup_polit p{
    margin-bottom: 16px;
}

.thanks_page-btn{
    width: 320px;
    height: 70px;
    margin: 0 auto;
    max-width: 100%;
}

.thanks_page{
    margin-top: 120px;
    margin-bottom: 60px;
    font-size: 18px;

}
.thanks_page .main_info{
    margin: 0 auto;
    text-align: center;
}









@media(max-width:1450px){
    .container {
        max-width: 1200px;
    }
    .header_number{

    font-size: 14px;
    }
    .header_btn{
        margin-right: 30px;
    }
    .header_logo{
        width: 200px;
    }
    .header_logo img{
        width: 100%;
        height: auto;
    }
    .menu a{
        font-size: 11px;
    }
    .menu{
        gap: 14px;
    }
    .main_wrapper{
        padding: 40px;
    }
    .info_block-info{
        margin-right: 0;
    }
    .info_block-img {
        height: 354px;
        width: 620px;
    }
    .price_item-img{
        height: 208px;
    }
    .about_info {
        width: 410px;
    }
    .production_imgs,
    .about_imgs {
        width: 740px;
    }
    .production_info{
        padding-right: 0;
        width: 410px;
    }
    .certificates_item img {
        height: 308px;
    }
    .sale_wrapper{
        padding: 60px;
    }
    .pay_img{
        right: 0;
    }
    .contacts_item-info{
        padding: 30px;
    }
    .contacts_item-number,
    .contacts_item-title {
        font-size: 18px;
    }
    .price_popup{
        width: 1000px;
        padding: 30px;
    }
    .price_popup-info {
        width: 470px;
    }
}
@media (max-width: 1200px) {
    .container {
        max-width: 968px;
    }
    .header_menu{
        gap: 30px;
    }
    .header_time{
        display: none;
    }
    .header_btn{
        margin-right: 20px;
    }
    .header_number{
        font-size: 14px;
    }
    .header.fixed .menu{
        display: none;
    }
    .main_info {
        width: 500px;
    }
    .main_info h1 {
        font-size: 42px;
        line-height: 56px;
    }
    .main_subtitle {
        font-size: 20px;
        line-height: 30px;
    }
    .main_text{
        font-size: 18px;
    }
    .main_item{
        padding: 20px;
    }
    .info_block-img {
        height: 228px;
        width: 430px;
    }
    .info_block-info{
        width: 480px;
    }
    .info_block-item:last-child{
        margin-bottom: 0;
    }
    .properties_wrapper{
        padding: 60px 30px;
    }
    .properties_items {
        gap: 30px 30px;
        width: 780px;
    }
    .price_title br{
        display: none;
    }
    .delivery_wrapper{
        padding: 60px;
        padding-bottom: 340px;
    }
    .about_wrapper{
        flex-direction: column;
    }
    .about_info{
        width: 100%;
        margin-bottom: 20px;
    }
    .production_wrapper{
        flex-direction: column-reverse;
    }
    .production_info{
        width: 100%;
        margin-bottom: 20px;
    }
    .certificates_top{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .certificates_text{
        width: 100%;
    }
    .certificates_items{
        flex-wrap: wrap;
    }
    .certificates_item{
        width: calc(33.333% - 13.333px);
        flex: none;
    }
    .certificates_item img{
        height: 423px;
    }
    .sale_wrapper{
        padding: 60px 30px;
    }
    .cooperation_title,
    .sale_title {
        font-size: 40px;
        line-height: 60px;
        width: 520px;
    }
    .scroll {
        right: 15px;
    }
    .pay_img{
        width: 420px;
        right: -20px;
    }
    .pay_img img{
        width: 100%;
        height: auto;
    }
    .cooperation_wrapper{
        padding: 60px 30px;
    }
    .cooperation_info {
        width: 500px;
    }
    .contacts_wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .contacts_item{
        width: 100%;
    }
    .footer_wrapper{
        flex-wrap: wrap;
        position: relative;
    }
    .footer_links{
        margin-left: auto;
        margin-top: 30px;
    }
    .footer_left-info{
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .header_adres{
        display: none;
    }
  .header.fixed  .header_message{
        margin-left: auto;
        margin-right: 20px;
    }
}
@media (max-width: 991.98px){
    .container{
        max-width: 698px;
    }
    .header_btn,
    .header_adres,
    .header_mail,
    .header_menu{
        display: none;
    }
    .main{
        margin-top: 100px;
    }
    .main_wrapper{
        flex-direction: column;
        padding: 0;
        background: none;
    }
    .main_info{
        width: 100%;
        margin-bottom: 5px;
        background-image: url(../img/main_info.jpg);
        background-size: cover;
        background-position: center;
        padding: 40px 25px 115px;
        border-radius: 20px;
        text-align: center;
    }
    .main_form{
        width: 100%;
    }
    .main_items{
        flex-wrap: wrap;
    }
    .contacts,
    .cooperation,
    .faq,
    .pay,
    .sale,
    .certificates,
    .production,
    .about,
    .delivery,
    .quiz,
    .price,
    .properties,
    .info_block{
        margin: 80px 0;
    }
    .info_block-wrapper{
        flex-direction: column;
    }
    .info_block-img{
        position: relative;
    }
    .info_block-info{
        width: 100%;
    }
    .info_block-img{
        width: 100%;
        margin: 20px 0;
        height: auto;
    }
    .properties_items{
        width: 100%;
    }
    .price_item{
        width: calc(50% - 16px);
    }
    .price_options{
        gap: 20px;
        flex-direction: column;
    }
    .price_option{
        width: 100%;
    }
    .delivery_wrapper{
        padding: 60px 30px 300px 30px;
    }
    .delivery_img{
        width: 460px;
    }
    .delivery_img img{
        width: 100%;
        height: auto;
    }
    .production_imgs, .about_imgs{
        width: 100%;
    }
    .about_img{
        height: 242px;
    }
    .certificates_item img{
        height: 296px;
    }
    .cooperation_wrapper,
    .sale_wrapper{
        flex-direction: column;
        padding: 0;
        background: none;
    }
    .sale_title{
        width: 100%;
        margin-bottom: 5px;
        background-image: url(../img/sale_title.jpg);
        background-size: cover;
        background-position: center;
        padding: 60px 30px;
        border-radius: 20px;
        font-size: 36px;
    }
    .sale_form{
        width: 100%;
    }
    .pay_img{
        position: relative;
        transform: none;
        top: auto;
        right: auto;
    }
    .faq_item{
        width: 100%;
    }
    .cooperation_info{
        width: 100%;
        margin-bottom: 5px;
        background-image: url(../img/cooperation_info.jpg);
        background-size: cover;
        background-position: center;
        padding: 60px 30px;
        border-radius: 20px;
        font-size: 36px;
        text-align: center;
    }
    .cooperation_desc{
        margin: 0 auto;
    }
    .cooperation_title{
        margin: 0 auto 30px;
    }
    .footer_wrapper{
        padding-bottom: 50px;
        gap:30px;
    }
    .menu_burger{
        display: block;
        background: #FFFFFF;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        margin-left: 20px;
        position: relative;
    }
    .menu_burger::before{
        position: absolute;
        content: "";
        height: 3px;
        width: 22px;
        background-color: #86BE5A;
        border-radius: 3px;
        top: 13px;
        right: 9px;
        transition:  all 0.3s;
    }
    .menu_burger.active::before{
        transform: rotate(45deg);
        top: 19px;
    }
    .menu_burger.active::after{
        transform: rotate(-45deg);
        bottom: 18px;
    }
    .menu_burger.active span{
        transform: scale(0);
    }
    .menu_burger::after{
        position: absolute;
        content: "";
        height: 3px;
        width: 22px;
        background-color: #86BE5A;
        border-radius: 3px;
        bottom: 12px;
        right: 9px;
        transition:  all 0.3s;
    }
    .menu_burger span{
        position: absolute;
        content: "";
        height: 3px;
        width: 22px;
        background-color: #86BE5A;
        border-radius: 3px;
        top: 19px;
        right: 9px;
        transition:  all 0.3s;
    }
 .header_message {
        margin-left: auto;
        margin-right: 20px;
    }
    .header_inner{
        position: fixed;
        width: 100%;
        box-shadow: 0px 5px 15px 0px #00000040;
        border-radius: 0 0 20px 20px;
        padding: 90px calc(50% - 334px) 50px;
        top: 0;
        display: flex;
        flex-wrap: wrap;
        right: 0;
        background: #86BE5A;
        gap: 20px 30px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s;
    }
    .header_inner.active{
        opacity: 1;
        visibility: visible;
    }
    .header_logo{
        position: relative;
        z-index: 1;
    }
    .header .menu{
        width: 100%;
        display: block;
        margin-bottom: 10px;    
    }
    .menu a{
        font-size: 13px;
        padding: 10px 0;
        border-bottom: 1px solid #B8D6A1;
    }
    .header_inner .header_mail{
        display: flex !important;
        align-items: center;
    }
    .header_inner .header_adres,
    .header_inner .header_time{
        display: block !important;
    }
    .header_inner .header_btn{
        display: flex !important;
    }
    .header_inner   .header_links{
        margin-left: 0;
    }
    .header_inner .header_number{
        display: block !important;
    }
    .header.fixed .menu{
        display: block;
    }
    .header.fixed{
        animation: none;
    }
    .price_popup-img{
        position: relative;
        margin-bottom: 20px;
    }
    .price_popup-info{
        width: 100%;
    }
    .thanks_page-btn{
        margin: 0 auto;
    }
}
@media (max-width: 767.98px){
    .container{
        max-width: 100%;
    }

    .header_wrapper > .header_links  .header_number{
        font-size: 0;
        background: #FFFFFF;
        background-image: url(../img/phone.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }
    .header_logo{
        width: 160px;
    }
    .menu_burger{
        margin-left: 14px;
    }
    .header_message{
        margin-right: 14px;
    }
    .main_info h1{
        line-height: 42px;
        margin-bottom: 10px;
        font-size: 35px;
    }
    .main_subtitle{
        line-height: 21px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .main_text{
        line-height: 22.4px;
        font-size: 16px;
        width: 230px;
        margin: 0 auto;
    }
    .main_wrapper{
        margin-bottom: 50px;
    }
    .main_item{
        width: 100%;
        flex: none;
        padding: 35px 30px;
        padding-left: 102px;
        position: relative;
    }
    .main_items{
        gap: 10px;
    }
    .main_item-img{
        position: absolute;
        left: 30px;
        top: 32px;
        margin: 0;
    }
    .info_block-item{
        line-height: 19.6px;
        font-size: 14px;
    }
    .info_block-img{
        margin-left: 25px;
        width: calc(100% - 25px);
    }
    .properties_wrapper{
        padding: 60px 30px;
    }
    .properties_title{
        line-height: 39.2px;
        margin-bottom: 25px;
        font-size: 28px;
    }
    .properties_items{
        gap: 12px;
    }
    .properties_item{
        width: 100%;
        line-height: 19.6px;
        font-size: 14px;
    }
    .properties_items{
        margin-bottom: 32px;
    }
    .properties_btn{
        width: 100%;
    }
    .price_title{
        font-size: 28px;
        margin-bottom: 30px;
        line-height: 39.2px;
    }
    .price_items{
        gap: 50px;
    }
    .price_item{
        width: 100%;
    }
    .price_item-img {
        height: 52vw;
    }
    .price_options{
        gap: 10px;
    }
    .price_option{
        padding: 18px 16px;
        gap: 16px;
        line-height: 16.9px;
        font-size: 13px;
    }
    .price_option img{
        width: 34px;
        height: auto;
    }
    .quiz{
        display: none;
    }
    .delivery_wrapper{
        padding-bottom: 214px;
    }
    .delivery_title{
        line-height: 39.2px;
        margin-bottom: 10px;
        font-size: 28px;
    }
    .delivery_subtitle{
        line-height: 22.4px;
        font-size: 16px;
    }
    .delivery_subtitle br{
        display: none;
    }
    .delivery_desc{
        font-size: 16px;
    }
    .delivery_text{
        line-height: 15.4px;
        font-size: 11px;
    }
    .delivery_img{
        width: 298px;
    }
    .delivery_btn{
        width: 100%;
        z-index: 1;
        position: relative;
    }
    .properties_wrapper{
        background-image: url(../img/properties_wrapper2.jpg);
    }
    .certificates_title,
    .production_title,
    .about_title{
        line-height: 39.2px;
        margin-bottom: 10px;
        font-size: 28px;
    }
    .certificates_text,
    .production_text,
    .about_text{
        line-height: 19.6px;
        font-size: 14px;
    }
    .about_imgs{
        gap: 10px;
    }
    .about_img {
        height: 34vw;
        border-radius: 15px;
    }
    .certificates_items,
    .production_imgs{
        gap: 10px;
        flex-wrap: nowrap;
        width: calc(100% + 15px);
        overflow: auto;
        padding-bottom: 10px;
        padding-right: 15px;
    }
    .certificates_items::-webkit-scrollbar,
    .production_imgs::-webkit-scrollbar{
        background: #E1E1E1;
        height: 4px;
        border-radius: 10px;
    }
    .certificates_items::-webkit-scrollbar-thumb,
    .production_imgs::-webkit-scrollbar-thumb{
        background: #86BE5A;
        border-radius: 10px;
    }
    .production_img{
        min-width: 222px;
    }
    .certificates_top{
        gap: 0;
    }
    .certificates_item{
        min-width: 212px;
    }
    .certificates_item a{
        font-size: 13px;
        padding-right: 15px;
    }
    .sale_title{
        line-height: 39.2px;
        font-size: 28px;
    }
    .pay_title{
        margin-bottom: 30px;
        line-height: 39.2px;
        font-size: 28px;
    }
    .faq_title{
        margin-bottom: 20px;
        line-height: 39.2px;
        font-size: 28px;
    }
    .pay_option,
    .pay_item{
        line-height: 19.6px;
        font-size: 14px;
    }
    .pay_img{
        width: 330px;
    }
    .faq_item-title{
        font-size: 14px;
        line-height: 19.6px;
    }
    .faq_items{
        gap: 10px;
    }
    .faq_item-text{
        line-height: 18.2px;
        font-size: 13px;
    }
    .cooperation_title{
        line-height: 28.6px;
        margin-bottom: 20px;
        font-size: 22px;
        width: 100%;
    }
    .cooperation_subtitle{
        line-height: 21px;
        font-size: 14px;
    }
    .cooperation_subtitle br{
        display: none;
    }
    .cooperation_info{
        padding: 60px 20px;
    }
    .cooperation_desc{
        width: 100%;
        font-size: 16px;
        line-height: 22.4px;
        width: 240px;
        margin: 0 auto 5px;
    }
    .cooperation_number{
        line-height: 30.8px;
        font-size: 22px;
    }
    .contacts_title{
        font-size: 28px;
        line-height: 39.2px;
    }
    .contacts_item{
        flex-direction: column-reverse;
    }
    .contacts_item-map{
        width: 100%;
        height: 350px;
    }
    .contacts_item-info{
        padding: 40px 30px;
        width: 100%;
        margin-bottom: 5px;
    }
    .contacts_item-number, .contacts_item-title {
        font-size: 20px;
    }
    .footer{
        padding: 60px 0;
    }
    .footer_menu{
        margin-bottom: 40px;
        width: 100%;
    }
    .footer_items{
        order: 1;
    }
    .footer_links{
        margin-left: 0;
        margin-top: 0;margin-bottom: 40px;
        width: 100%;
    }
    .footer_wrapper{
        gap: 0;
    }
    .header_inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header_inner .header_adres{
        width: 100%;
    }
    .header_inner .header_btn{
        width: 100%;
        margin-top: 20px;
        height: 65px;
        font-size: 14px;
    }
    .header_inner .header_btn{
        margin-right: 0 !important;
        margin-top: 20px !important;
    }
    .header{
        position: fixed;
    }
    .header.fixed {
        animation: none;
    }
    .header_inner .header_links{
        width: 100%;
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 5px;
    }
    .header.fixed .header_links{
        align-items: flex-start; 
    }
    .header_number {
        font-size: 16px;
    }
    .popup_body{
        padding: 30px 30px 270px;
    }
    .popup_body-title{
        font-size: 24px;
        text-align: center;
        margin: 0 auto 10px;
        line-height: 31.2px;
        width: 280px;
    }
    .popup_body-text{
        font-size: 14px;
        line-height: 19.6px;
        text-align: center;        
    }
    .popup_body-text br{
        display: none;
    }
    .popup_body-form{
        width: 100%;
    }
    .popup_body-img{
        width: 164px;
        right: 50%;
        transform: translateX(50%);
    }
    .popup_body-img img{
        width: 100%;
        height: auto;
    }
    #popup_order .popup_body-img{
        width: 293px;
        height: auto;
        right: 0;
        transform: none;
        top: auto;
    }
    .price_popup{
        padding: 40px 20px;
    }
    .price_popup-img{
        width: 100%;
        height: auto;
    }
    .price_popup-title{
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 23.4px;
    }
    .price_popup p,
    .price_popup-list{
        line-height: 16.9px;
        font-size: 13px;
    }
    .price_popup-subtitle { 
        font-size: 16px;
    }
    .certificates_item a:nth-child(3){
        display: none;
    }
    .certificates_item a:nth-child(2){
        display: block;
    }
    .popup_sogl,
    .popup_polit{
        padding: 40px 20px;
    }
    .popup_sogl h2,
    .popup_polit h2{
        font-size: 22px;
    }
    .footer_message{
        margin-bottom: 30px;
    }
}


.whats_up {
    width: 60px;
    height: 60px;
    transform: translateX(25%);
    border-radius: 50%;
    overflow: hidden;
    z-index: 8;
    position: fixed;
    bottom: 110px;
    right: 15%;
    animation: btnAnim2 1s ease infinite;
}

@keyframes btnAnim2 {

    0% {
        box-shadow: 0 0 0 0 rgb(73 153 249 / 80%);
    }

    100% {
        box-shadow: 0 0 0 15px rgb(73 153 249 / 0%);
    }
}

.whats_up svg,
.whats_up img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

@media (max-width: 475px) {
    .whats_up {
        bottom: 130px;
        right: 12px;
        width: 40px;
        height: 40px;
        transform: none;
    }
}