@media (max-width: 576px) {
    .nav-menu-cotainer {
        display: none;
    }
}

@media(max-width:769px) {
.nav-section {
z-index: 9999;
}
	.container {
		width: 98% !important;
		max-width: 98% !important;
	}
    header {
        background-size:contain !important;
        background-position-y:bottom;
        min-height:900px !important
    }
    h1 {
        font-size:34px !important
    }
    h2 {
        font-size:34px !important
    }
    .bg-white {
        background-color:#282828 !important;
        color:#FFF
    }
    .yandex-google-slider .yandex,.yandex-google-slider .google {
        min-height:610px !important
    }
    .yandex-partner .illustration {
        background-image:url(img/yaw-m.png) !important;
        background-position-x:center !important;
        background-position-y:bottom !important;
        min-height:900px
    }
    .screen {
        height:200px
    }
}
.img-hover {
    transition: 1s;
    display: block;
    overflow: hidden;
}
.contact-header {
    display: flex !important;
}
.hover-img {
    padding-left: 1%;
}
.hover-padding {
    padding: 10%;
}
.img-hover img:hover {
    transform: scale(1.2); /* Увеличиваем масштаб */
  }
.nav-menu-cotainer {
    z-index: 1000;
    top: 75px;
    left: 0;
    right: 0;
    position: sticky;
}
.modul-menu {
    margin-top: 20px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}
body {
    font-family:'Raleway', sans-serif
}
img {
    max-width:100%
}
a { 
    transition:.3s
}
p {
    font-size:18px
}
.v-center {
    align-items:center;
    align-content:center
}
nav {
    padding:20px 0;
    position:sticky;
    top:0;
    z-index:3;
    transition:.5s;
}
nav a {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    text-decoration: none;
}
.bg {
    background-color:rgba(212,212,212,0.75);
    backdrop-filter:blur(5px)
}
header {
    background-image:url(img/banner.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x:right;
    min-height:500px
}
.header-left-side {
    margin-top:10vh
}
h1,h2 {
    font-style:normal;
    font-weight:normal;
    font-size:40px;
    line-height:140%;
    text-transform:uppercase
}
h3 {
    font-style:normal;
    font-weight:300;
    font-size:30px;
    line-height:140%
}
.btn-purple {
    display:inline-block;
    min-width:200px;
    padding:18px 80px;
    text-align:center;
    color:#fff;
    border-radius:30px;
    outline:none !important;
    border:0;
    font-size:18px;
    font-weight:600;
    background:linear-gradient(252deg,#437eec 16.56%,#8460fd 83.14%);
    position:relative
}
.btn-purple>span {
    position:relative;
    z-index:1
}
.btn-purple:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(252deg,#225ece 16.56%,#6731e4 83.14%);
    border-radius:30px;
    opacity:0;
    transition:opacity .3s
}
.btn-purple:hover:after {
    opacity:1
}
.btn-purple:active {
    box-shadow:0 0 0 3px #718ef963
}
.big-text {
    font-style:normal;
    font-weight:normal;
    font-size:25px;
    line-height:29px
}
.number {
    font-family:Open Sans;
    font-style:normal;
    font-weight:400;
    font-size:50px;
    line-height:68px;
    color:#437eec;
    margin-right:10px
}
h5 {
    font-style:normal;
    font-weight:normal;
    font-size:20px;
    line-height:23px;
    text-transform:uppercase
}
.problems p {
    margin-top:20px;
    font-style:normal;
    font-weight:normal;
    font-size:20px;
    line-height:23px;
    color:#393939
}
.problems .col-lg-4 {
    padding-left:22px;
    padding-right:22px
}
.swiper {
    width:100%;
    height:100%
}
.swiper-slide {
    text-align:center;
    font-size:18px;
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    padding:0 20px;
    margin-top:20px
}
.w-80 {
    width:80% !important
}
.swiper-pagination-bullet-active {
    transform:scale(1.5)
}
.nav>li a {
    color:#303030;
    font-size:2rem;
    margin:10px 25px;
    text-align:center;
    text-decoration:none;
    display:block
}
.nav>li a:hover {
    color:#202020;
    text-decoration:none;
    background:transparent;
    background:rgba(0,0,0,0)
}
.nav-section {
    height:0;
    width:0;
    position:fixed;
    z-index:2;
    overflow:hidden;
    background:rgb(255 255 255 / 70%);
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:0;
    margin-top:0;
    margin-bottom:auto;
    top:0;
    padding-top:180px;
    overflow-y:scroll;
    backdrop-filter:blur(20px)
}
.show {
    height:100%;
    width:100%;
	top: 0;
}
.nav-bar,.menu {
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.nav-bar {
    background-color:#000;
    height:5px;
    margin-bottom:8px
}
.nav-bar:nth-child(1) {
    width:35px
}
.nav-bar:nth-child(2) {
    width:35px
}
.nav-bar:nth-child(3) {
    width:35px
}
.menu {
    float:right;
    z-index:9;
    position:relative;
    cursor:pointer;
    transform:scale(-1,1);
    padding-left:10px
}
.animate-1 {
    width:0 !important
}
.animate-2 {
    width:35px !important;
    -webkit-transform:rotate(-45deg) translate(10px,-10px);
    -moz-transform:rotate(-45deg) translate(10px,-10px);
    -o-transform:rotate(-45deg) translate(10px,-10px);
    -ms-transform:rotate(-45deg) translate(10px,-10px);
    transform:rotate(-45deg) translate(10px,-10px)
}
.animate-0 {
    width:35px !important;
    -webkit-transform:rotate(45deg) translate(8px,8px);
    -moz-transform:rotate(45deg) translate(8px,8px);
    -o-transform:rotate(45deg) translate(8px,8px);
    -ms-transform:rotate(45deg) translate(8px,8px);
    transform:rotate(45deg) translate(8px,8px)
}
.blue-block {
    background-color:#e4ebff;
    border-radius:15px;
    padding:44px 20px;
    color:#000;
    position:relative;
    min-height:302px
}
.icon {
    position:absolute;
    top:-50px;
    background-color:#FFF;
    padding:15px;
    border:8px solid #e4ebff;
    border-radius:50px
}
.yandex {
    background-color:#eebc06;
    padding:20px 90px 60px;
    color:#FFF !important
}
.line-container {
    position:relative
}
.yandex .line {
    width:100%;
    height:10px;
    position:absolute;
    background-color:#d7aa07;
    margin-bottom:15px;
    top:-40px
}
.google .line {
    width:100%;
    height:4px;
    border:5px solid #437eec;
    position:absolute;
    background-color:#437eec;
    margin-bottom:15px;
    top:-40px;
    border-radius:5px
}
.google {
    background-color:#f3f3f3;
    padding:20px 90px 40px
}
.company-logo {
    height:84px
}
.cursor {
    position:absolute;
    left:60px
}
.yandex-partner {
    background-image:url(img/yandex-partner.jpg);
    background-size:cover
}
.plus {
    font-style:normal;
    font-weight:100;
    font-size:200px;
    line-height:170px;
    display:flex;
    align-items:center;
    text-align:center
}
.yandex-partner .illustration {
    background-image:url(img/yaw.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x:right
}
.yandex p,.google p,.yandex-partner p,.blue-section p {
    font-size:20px
}
#rocket {
    display:block;
    height:149px;
    width:194px;
    background-image:url(img/rocket.png);
    background-size:contain;
    background-repeat:no-repeat
}
.top-line {
    height:1px;
    width:52px;
    background:#437eec;
    border:6px solid #437eec;
    position:absolute;
    border-radius:15px
}
.blue-section {
    background-color:#5f94f9
}
.screen {
    background-image:url(img/screen.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center
}
.free {
    background:#437eec;
    padding:10px;
    border-radius:17px;
    font-weight:600;
    color:#FFF
}
.ellipse {
    background-image:url(img/ellipse.png);
    height:300px;
    width:407px;
    position:absolute;
    background-size:cover;
    right:0;
    z-index: -1;
    bottom:0
}
.alrt,.alrt-modal, .err-modal, .err {
    display:none
}
form input, form textarea {
    width:100%;
    border:0;
    background:#efefef;
    border-radius:30px;
    padding:20px 25px;
    transition:.3s;
    outline:none !important
}
form input:focus, form textarea:focus {
    box-shadow:inset -2px 2px 5px 0 rgb(0 0 0 / 12%);
    background-color:rgb(104 137 255 / 10%)
}
.modal .btn-close-absolute {
    position:absolute;
    right:-30px;
    top:-5px
}
.modal-dialog {
    max-width:600px;
    margin:1.75rem auto
}
.modal-content {
    padding:30px 60px;
    border-radius:15px
}
.dark-block {
    background-color:#494949;
    padding: 10px 0
}
footer .fa-phone-alt {
	margin-top: 30px;
}
footer {
	background: white !important;
	border-top: solid 1px #437eec;
}
footer a {
	color: #000 !important;
}
.tagline {
    font-style:normal;
    font-weight:normal;
    font-size:15px;
    line-height:19px;
    color:#a8b1b8
}
.contacts-footer a {
    font-family:'Open Sans';
    font-style:normal;
    font-size:20px;
    line-height:25px;
    color:#fff;
    text-decoration:none
}    
.fa,.fas {
    margin-right:10px;
    font-size:20px;
    color:#437eec
}
.phones-menu a {
    font-size:1.5rem !important;
}
.asdkijbasidb {
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 468px) {
.asdkijbasidb {
	min-width: 160px;
}
}
.asdkijbasidb a {
	width: fit-content;
}
.asdkijbasidb a img {
	width: 100%;
}
@media (max-width: 390px) {
	.asdkijbasidb {
		min-width: auto;
	}
	.contact-header {
		flex-direction: column;
		align-items: center;
		padding: 0;
	}
}
@media (max-width: 768px) {
	nav {
		position: relative;
	}
	nav .justify-content-end {
		justify-content: center !important;
	}
	nav .v-center {
		justify-content: space-between;
	}
	.swiper-wrapper {
		height: fit-content !important;
	}
	.modul-menu {
		justify-content: space-between;
	}
    .modal-content {
        padding: 20px 10px;
    }
    .modal .btn-close-absolute {
        right: 0;
    }
}
.confidentiality-block {
    display: block;
    margin-bottom: 16px;
    text-align: left;
    font-size: 12px;
}
.confidentiality-block a {
    display: inline-block;
    width: fit-content;
    color: black !important;
}