@charset "UTF-8";
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
@font-face{
    font-family:slick;
    src:url(fonts/slick.eot);
    src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
    font-weight:400;
    font-style:normal
}
.slick-next,.slick-prev{
    position:absolute;
    display:block;
    height:20px;
    width:20px;
    line-height:0;
    font-size:0;
    cursor:pointer;
    background:0 0;
    color:transparent;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    padding:0;
    border:none;
    outline:0
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{
    outline:0;
    background:0 0;
    color:transparent
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
    opacity:.25
}
.slick-next:before,.slick-prev:before{
    font-family:slick;
    font-size:20px;
    line-height:1;
    color:#fff;
    opacity:.75;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    left:auto;
    right:-25px
}
.slick-prev:before{
    content:"←"
}
[dir=rtl] .slick-prev:before{
    content:"→"
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    left:-25px;
    right:auto
}
.slick-next:before{
    content:"→"
}
[dir=rtl] .slick-next:before{
    content:"←"
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:100%
}
.slick-dots li{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    border:0;
    background:0 0;
    display:block;
    height:20px;
    width:20px;
    outline:0;
    line-height:0;
    font-size:0;
    color:transparent;
    padding:5px;
    cursor:pointer
}
.slick-dots li button:focus,.slick-dots li button:hover{
    outline:0
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
    opacity:1
}
.slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-family:slick;
    font-size:6px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.25;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    color:#000;
    opacity:.75
}
@font-face{
    font-family:e-Ukraine;
    src:url(../fonts/e-Ukraine/e-Ukraine-UltraLight.otf);
    font-weight:200;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:e-Ukraine;
    src:url(../fonts/e-Ukraine/e-Ukraine-Light.otf);
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:e-UkraineHead;
    src:url(../fonts/e-UkraineHead/e-UkraineHead-UltraLight.otf);
    font-weight:200;
    font-style:normal;
    font-display:swap
}
.container{
    width:90%;
    max-width:1200px;
    margin:auto
}
*{
    margin:0;
    padding:0;
    text-decoration:none;
    text-transform:none;
    box-sizing:border-box;
    list-style:none;
    border-radius:0;
    color:#101010;
    font-family:Inter,sans-serif
}
b,strong{
    font-size:inherit;
    font-weight:700;
    line-height:inherit;
    letter-spacing:inherit
}
button,input,select{
    -webkit-appearance:none;
    -moz-appearance:none
}
b,strong{
    font-weight:700;
    font-size:inherit;
    line-height:inherit;
    color:inherit
}
b *,strong *{
    font-weight:700;
    font-size:inherit;
    line-height:inherit;
    color:inherit
}
em,i{
    font-size:inherit;
    line-height:inherit;
    color:inherit
}
em *,i *{
    font-size:inherit;
    line-height:inherit;
    color:inherit
}
:focus{
    outline:transparent
}
body{
    overflow-x:hidden;
    max-width:100%;
    display:flex;
    flex-direction:column;
    min-height:100vh
}
body main{
    overflow:hidden
}
body footer{
    margin-top:auto;
    margin-bottom:0
}
input[type=submit]{
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
.calc .range-item{
    margin-bottom:28px
}
.calc .range-item .input-form{
    position:relative
}
.calc .range-item .input-form label{
    position:absolute;
    left:16px;
    top:8px;
    font-weight:500;
    font-size:12px;
    line-height:16px
}
.calc .range-item .input-form input{
    display:block;
    width:100%;
    border-radius:4px 4px 0 0;
    padding:30px 16px 10px;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    border:none
}
.calc .range-item .bottom-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:8px
}
.calc .range-item .bottom-row p{
    font-weight:500;
    font-size:12px;
    line-height:16px
}
.calc .range-item .slider-dev{
    width:100%;
    position:relative
}
.calc .range-item .slider-dev .ui-slider-range{
    height:2px
}
.calc .range-item .slider-dev .ui-slider-handle{
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    display:block;
    width:16px;
    height:16px;
    border-radius:999px;
    cursor:pointer
}
.calc .radio-item{
    display:flex;
    align-items:center;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    margin:-12px auto 16px;
    border-radius:99px
}
.calc .radio-item input{
    display:none
}
.calc .radio-item label{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    transition:.4s;
    min-width:76px;
    padding:2px;
    cursor:pointer;
    text-align:center;
    border-radius:99px
}
.calc .input-item{
    position:relative;
    margin-bottom:28px
}
.calc .input-item.invalid .input-text-message{
    opacity:1;
    pointer-events:auto
}
.calc .input-item .input-text-message{
    position:absolute;
    left:0;
    top:100%;
    display:flex;
    align-items:center;
    width:100%;
    padding-top:2px;
    opacity:0;
    pointer-events:none
}
.calc .input-item .input-text-message p{
    font-size:12px;
    line-height:1.2;
    color:#ec4852
}
.calc .input-item .input-text-message svg{
    display:block;
    width:12px;
    height:12px;
    margin-right:5px
}
.calc .input-item label{
    position:absolute;
    left:16px;
    top:8px;
    font-weight:500;
    font-size:12px;
    line-height:16px;
    z-index:3
}
.calc .input-item input{
    display:block;
    width:100%;
    border-radius:4px;
    padding:30px 16px 10px;
    font-weight:500;
    font-size:18px;
    line-height:24px;
    transition:.4s
}
.calc .input-item input[readonly]{
    pointer-events:none
}
.calc .input-item.invalid label{
    color:#ec4852
}
.calc .input-item.invalid input{
    background:#fbdadc;
    border-color:#ec4852
}
.calc .checkbox-item{
    margin-bottom:40px
}
.calc .checkbox-item.invalid label{
    color:#ec4852
}
.calc .checkbox-item input{
    display:none
}
.calc .checkbox-item input:checked+.wpcf7-list-item-label:after{
    opacity:1
}
.calc .checkbox-item .wpcf7-list-item-label{
    display:block;
    font-weight:500;
    font-size:12px;
    line-height:16px;
    cursor:pointer;
    padding-left:0;
    position:relative;
    display:block
}
.calc .checkbox-item .wpcf7-list-item-label a{
    text-decoration:underline;
    transition:.4s
}

.calc .checkbox-item .wpcf7-list-item-label:after{
    content:"";
    opacity:0;
    position:absolute;
    left:9px;
    top:50%;
    width:4px;
    height:8px;
    border:2px solid;
    border-left:none;
    border-top:none;
    -webkit-transform:translate(-50%,-65%) rotate(45deg);
    transform:translate(-50%,-65%) rotate(45deg);
    border-radius:1px;
    transition:.4s
}
.calc .input-row{
    display:flex;
    justify-content:space-between
}
.calc .input-row .input-item{
    width:calc(50% - 6px)
}
.calc .btn{
    width:100%;
    border-radius:16px
}
.wpcf7-list-item{
    margin-left:0!important
}
.wpcf7-response-output{
    font-size:14px!important;
    padding:5px!important;
    margin:10px auto 0!important;
    text-align:center!important
}
.wpcf7-not-valid-tip{
    position:absolute;
    left:0;
    top:100%;
    font-size:12px!important;
    line-height:1.2!important;
    color:#ec4852!important;
    padding-top:7px!important
}
.calc .range-item .input-form label{
    color:#77808b
}
.calc .range-item .input-form input{
    background:#fff;
    color:#101010;
    border-radius:10px 10px 0 0
}
.calc .range-item .bottom-row p{
    color:#77808b
}
.calc .range-item .slider-dev .ui-slider-range{
    background:#101010
}
.calc .range-item .slider-dev .ui-slider-handle{
    border:3px solid #101010;
    background:#fff
}
.calc .radio-item{
    border:1px solid transparent;
    background:#fff
}
.calc .radio-item label{
    background:#fff
}
.calc .radio-item input:checked+label{
    background:#ee0478;
    color: #fff;
}
.calc .input-item label{
    color:#77808b
}
.calc .input-item input{
    background:#fff;
    border:none;
    border-radius:10px
}

.calc .checkbox-item .wpcf7-list-item-label a:hover{
    color:#ee0478
}

.calc .checkbox-item .wpcf7-list-item-label:after{
    border-color:#fff
}
.calc .calc-btn{
    display:block;
    padding:18px 68px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    border-radius:10px;
    background:#ee0478;
    border:none;
    font-family:e-Ukraine,sans-serif;
    font-size:20px;
    font-weight:300;
    line-height:120%;
    color:#fff;
    cursor:pointer;
    transition:.4s;
    margin:0 auto
}
.calc .calc-btn:hover{
    background:#048b2a
}
.header{
    background:#f5f5f5
}
.header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:30px 0
}
.header__logo img{
    display:block;
    height:26px;
    width:auto
}
.header__menu ul{
    display:flex;
    gap:24px
}
.header__menu a{
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:20px;
    transition:.4s
}
.header__menu a:hover{
    color:#ee0478
}
.header__btn{
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:20px;
    padding:6px 12px;
    border:1px solid #101010;
    border-radius:99px;
    transition:.4s
}
.header__btn:hover{
    background:#ee0478;
    border-color:#ee0478
}
.footer{
    background:#f5f5f5;
    padding:35px 0
}
.footer .container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.footer__logo img{
    display:block;
    height:26px;
    width:auto
}
.footer__copy{
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:20px
}
.block1{
    background:#f5f5f5;
    padding:85px 0 40px
}
.block1 .container{
    display:flex;
    align-items:flex-start
}
.block1 .left{
    width:50%
}
.block1 .left h1,.block1 .left h2{
    font-family:e-Ukraine,sans-serif;
    font-size:56px;
    font-style:normal;
    font-weight:200;
    line-height:120%;
    padding-right:30px;
    margin-bottom:30px
}
.block1 .left img{
    display:block;
    width:110%;
    margin-left:-10%;
    height:auto
}
.block1 .right{
    width:50%;
    border:1px solid #101010;
    padding:65px 30px;
    display:flex;
    justify-content:center;
    border-radius:36px
}
.block1 .right .calc{
    width:416px
}
.block2__list{
    padding-top:140px;
    display:flex;
    gap:24px
}
.block2__list .box{
    width:calc(33.333% - 16px);
    border-radius:24px;
    border:1px solid;
    padding:40px 40px 45px 40px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:280px;
    gap:20px
}
.block2__list .box span{
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:24px
}
.block2__list .box p{
    font-family:e-Ukraine,sans-serif;
    font-size:40px;
    font-style:normal;
    font-weight:200;
    line-height:120%
}
.block2__list .box:nth-child(1){
    background:#fff;
    border-color:#101010
}
.block2__list .box:nth-child(2){
    background:#101010;
    border-color:#101010
}
.block2__list .box:nth-child(2) *{
    color:#fff
}
.block2__list .box:nth-child(3){
    background:#ee0478;
    border-color:#ee0478
}
.block2__main{
    display:flex;
    align-items:center;
    padding-top:100px
}
.block2__main .left{
    width:500px;
    display:flex;
    flex-direction:column;
    gap:60px
}
.block2__main .left h2{
    font-family:e-Ukraine,sans-serif;
    font-size:48px;
    font-style:normal;
    font-weight:200;
    line-height:120%
}
.block2__main .left ul{
    display:flex;
    flex-direction:column;
    gap:16px
}
.block2__main .left ul li{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:24px
}
.block2__main .left ul li svg{
    display:block;
    width:24px;
    height:auto;
    min-width:24px
}
.block2__main .right{
    width:calc(100% - 500px)
}
.block2__main .right img{
    display:block;
    width:auto;
    height:100%;
    margin:0 auto
}
.btn-black{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    display:flex;
    padding:10px 16px 10px 24px;
    align-items:center;
    gap:24px;
    border-radius:60px;
    background:#101010;
    border:1px solid #101010;
    color:var(--black-b-0,#fff);
    font-size:16px;
    font-weight:400;
    line-height:24px;
    transition:.4s
}
.btn-green{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    display:flex;
    padding:10px 16px 10px 24px;
    align-items:center;
    gap:24px;
    border-radius:10px;
    background:#048b2a;
    border:1px solid #048b2a;
    color:var(--black-b-0,#fff);
    font-size:16px;
    font-weight:400;
    line-height:24px;
    transition:.4s
}
.btn-black svg *{
    stroke:#fff;
    transition:.4s
}
.btn-black.white{
    background:#fff;
    border-color:#fff;
    color:#101010
}
.btn-black.white svg *{
    stroke:#101010
}
.btn-black.white:hover{
    background:#101010;
    border-color:#101010;
    color:#fff
}
.btn-black.white:hover svg *{
    stroke:#fff
}
.btn-black:hover{
    background:#ee0478;
    border-color:#ee0478
}
.block3{
    background:var(--black-b-20,#f5f5f5);
    padding:120px 0 160px 0
}
.block3 .container{
    display:flex;
    flex-direction:column;
    align-items:center
}
.block3 h2{
    font-family:e-Ukraine,sans-serif;
    font-size:48px;
    font-style:normal;
    font-weight:200;
    line-height:120%;
    margin-bottom:120px
}
.block3 ul{
    display:flex;
    justify-content:center;
    gap:24px
}
.block3 ul li{
    width:33.333%;
    max-width:392px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:32px
}
.block3 ul li .circle{
    position:relative;
    width:120px;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:e-Ukraine,sans-serif;
    font-size:32px;
    font-style:normal;
    font-weight:200;
    line-height:120%
}
.block3 ul li .circle svg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:100px
}
.block3 ul li .circle svg:nth-child(1) *{
    stroke-width:.2px
}
.block3 ul li .circle svg:nth-child(2) *{
    stroke:#ee0478;
    stroke-width:1px
}
.block3 ul li p{
    text-align:center;
    font-family:e-Ukraine,sans-serif;
    font-size:20px;
    font-style:normal;
    font-weight:300;
    line-height:120%
}
.block4{
    background:var(--yellow-yellow-500,#ee0478);
    padding:160px 0
}
.block4 .container{
    display:flex;
    flex-direction:column;
    align-items:center
}
.block4 .container p{
    font-family:e-Ukraine,sans-serif;
    font-size:20px;
    font-style:normal;
    font-weight:300;
    line-height:120%;
    margin-bottom:40px;
    text-align:center
}
.block4 .container .nums{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px
}
.block4 .container .nums span{
    padding:2px 14px;
    border-radius:24px;
    border:1px solid var(--black-b-0,#fff);
    font-family:e-UkraineHead,sans-serif;
    font-size:112px;
    font-style:normal;
    font-weight:200;
    line-height:120%
}
.block4 .container .nums span:nth-child(3n):not(:last-child){
    margin-right:16px
}
.block4 .container .btn-black{
    margin:60px auto 0
}
.block5{
    padding:120px 0
}
.block5 .container{
    display:flex
}
.block5 .left{
    width:520px;
    padding:26px 0
}
.block5 .left h2{
    font-family:e-Ukraine,sans-serif;
    font-size:48px;
    font-style:normal;
    font-weight:200;
    line-height:120%;
    max-width:400px
}
.block5 .right{
    width:calc(100% - 520px)
}
.block5 .right .slider{
    width:calc(100% + (100vw - 1200px)/ 2 - 24px)
}
.block5 .right .slick-arrow{
    background:#fff;
    transition:.4s;
    width:56px;
    height:56px;
    z-index:3;
    top:unset;
    right:unset;
    bottom:0;
    -webkit-transform:none;
    transform:none;
    border-radius:99px
}
.block5 .right .slick-arrow:hover{
    background:#ee0478
}
.block5 .right .slick-arrow:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:url(../img/arrow.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain
}
.block5 .right .slick-arrow.slick-prev{
    left:-520px
}
.block5 .right .slick-arrow.slick-next{
    left:calc(-520px + 56px + 12px)
}
.block5 .right .slick-arrow.slick-next:before{
    -webkit-transform:scale(-1,1);
    transform:scale(-1,1)
}
.block5 .right .slick-slide{
    padding:0 12px
}
.block5 .right .box{
    border-radius:4px;
    background:var(--black-b-20,#f5f5f5);
    display:flex!important;
    flex-direction:column;
    gap:24px;
    padding:48px 40px 40px 40px
}
.block5 .right .box .top{
    display:flex;
    align-items:center;
    border-bottom:1px solid var(--black-b-40,#e0e0e0);
    padding-bottom:20px;
    gap:16px
}
.block5 .right .box .top img{
    display:block;
    width:56px;
    height:56px;
    -o-object-fit:cover;
    object-fit:cover
}
.block5 .right .box .top .text{
    width:calc(100% - 56px - 16px);
    display:flex;
    flex-direction:column;
    gap:4px
}
.block5 .right .box .top .text p{
    font-family:e-Ukraine,sans-serif;
    font-size:24px;
    font-weight:400;
    line-height:120%
}
.block5 .right .box .top .text span{
    color:var(--black-b-100,#7e7e7e);
    font-size:14px;
    font-weight:400;
    line-height:20px
}
.block5 .right .box .comment{
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:24px
}
.block5 .right .box .stars{
    display:flex
}
.block5 .right .box .stars svg{
    display:block;
    width:24px
}
@media screen and (max-width:1830px){
    .block5 .left{
        width:420px
    }
    .block5 .right{
        width:calc(100% - 420px)
    }
    .block5 .right .slick-arrow.slick-prev{
        left:-420px
    }
    .block5 .right .slick-arrow.slick-next{
        left:calc(-420px + 56px + 12px)
    }
    .block5 .right .box{
        padding:30px
    }
}
@media screen and (max-width:1450px){
    .container{
        max-width:980px
    }
    .block2__list .box{
        min-height:200px
    }
    .block2__list .box p{
        font-size:30px
    }
    .block5 .right .slider{
        width:calc(100% + (100vw - 890px)/ 2 + 140px)
    }
}
@media screen and (max-width:1024px){
    .container{
        max-width:500px
    }
    .calc .calc-btn{
        width:100%;
        padding:18px
    }
    .header .container{
        padding:18px 0
    }
    .header__logo img{
        height:24px
    }
    .header__menu{
        display:none
    }
    .footer{
        padding:15px 0
    }
    .footer__logo img{
        height:20px
    }
    .block1{
        padding:20px 0 40px
    }
    .block1 .container{
        flex-direction:column
    }
    .block1 .left{
        width:100%
    }
    .block1 .left h1,.block1 .left h2{
        font-size:40px;
        padding:0;
        margin:0
    }
    .block1 .left img{
        width:100%;
        margin:15px auto 0
    }
    .block1 .left img.mobhide{
        display:none
    }
    .block1 .right{
        width:100%;
        margin-top:32px;
        padding:0;
        border:none;
        border-radius:0
    }
    .block1 .right .calc{
        width:100%;
        max-width:400px;
        margin:0 auto
    }
    .block2__list{
        padding-top:40px;
        gap:12px;
        flex-wrap:wrap
    }
    .block2__list .box{
        width:100%;
        padding:20px
    }
    .block2__main{
        padding-top:60px;
        flex-direction:column;
        gap:24px
    }
    .block2__main .left{
        width:100%;
        gap:32px
    }
    .block2__main .left h2{
        font-size:32px
    }
    .block2__main .right{
        width:100%
    }
    .block2__main .right img{
        width:100%;
        height:auto
    }
    .block3{
        padding:40px 0 60px
    }
    .block3 h2{
        margin-bottom:40px;
        font-size:32px
    }
    .block3 ul{
        flex-direction:column
    }
    .block3 ul li{
        gap:24px;
        width:100%;
        max-width:unset
    }
    .block3 ul li .circle{
        width:60px;
        height:60px;
        font-size:20px
    }
    .block3 ul li p{
        font-size:16px
    }
    .block4{
        padding:40px 0
    }
    .block4 .container p{
        font-size:16px;
        margin-bottom:20px
    }
    .block4 .container .nums{
        gap:6px
    }
    .block4 .container .nums span{
        font-size:30px;
        padding:5px;
        border-radius:10px;
        display:flex;
        width:32px;
        justify-content:center
    }
    .block4 .container .nums span:nth-child(3n):not(:last-child){
        margin-right:7px
    }
    .block4 .container .btn-black{
        margin-top:30px
    }
    .block5{
        padding:40px 0
    }
    .block5 .container{
        flex-direction:column
    }
    .block5 .left{
        width:100%;
        padding:0
    }
    .block5 .left h2{
        font-size:32px;
        margin-bottom:32px
    }
    .block5 .right{
        width:100%
    }
    .block5 .right .slider{
        width:180%;
        margin-left:-12px;
        padding-bottom:80px
    }
    .block5 .right .slick-arrow.slick-prev{
        left:12px
    }
    .block5 .right .slick-arrow.slick-next{
        left:calc(56px + 24px)
    }
    .block5 .right .box{
        padding:24px 12px
    }
}
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}