@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap');

*{
  box-sizing: border-box;
}
body{
   direction: ltr;
    font-family: 'Inconsolata', sans-serif !important;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
:root {

  --bg-1: #5695d5;
  --bg-2: #077bf7;
  --bg-3: #00b7ffc9;

  --colo-1: #003967;
  --colo-2: #090045;
  --colo-3: #28729b;

  --acce-1:  #8fc0f2;
  --acce-2: #09eed0;
  --acce-3: #1699cc;
  
  --dopcol-1: #0f3ebe;
  --dopcol-2: #113ca0;
  --dopcol-3: #12439f;

  --light: #ffffff;
  --dark: #000000;

  --accsent: var(--acce-2);
  --color: var(--colo-2);
  --backgr: var(--bg-2);
  --colornew: var(--dopcol-2);
}
.way1 {
  fill: var(--backgr);
}
.way2 {
  fill: var(--accsent) ;
}
.way3 {
  fill: var(--colornew);
}
a {
  cursor: pointer;
  text-decoration: none;
}
button {
  cursor: pointer;
}

.column-wrappers {
  display: flex;
  flex-direction: column;
}
.row-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.pad-wrapper {
  padding: 69px 0;
}
.titl-wrapper {
  color: var(--light);
  padding: 24px 0;
  margin: 0;
  font-family: 'Fuzzy Bubbles', sans-serif;
  font-weight: 800;
  font-size: clamp(22px, 4vw, 36px);
  text-align: start;
}
.header-content a:hover {
  color: var(--accsent);
}

.wrapper{
  width: auto;
  padding-right: 23px;
  padding-left: 23px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 480px) {
  .wrapper{
  max-width: 450px;
  }
}
@media screen and (min-width: 575px){
  .wrapper{
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper{
  max-width: 730px;
  }
}
@media screen and (min-width: 992px) {
  .wrapper{
    max-width: 960px;
  }
}

@media screen and (min-width: 1200px){
  .wrapper{
    max-width: 1170px;
    }
}

@media (min-width: 1400px){
  .wrapper{
    max-width: 1274px;
  }
}

.header {
  direction: initial;
  overflow: hidden;
}

.header-waves {
  background-color: var(--color);
  color: white;
  position: relative;
}

.header-parallax > use {
  animation: move-forever 12s linear infinite;
}

.header-parallax > use:nth-child(1) {
  animation-delay: -2s;
}

.header-parallax > use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}

.header-parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 2s;
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

.header-ship-container {
  position: absolute;
  top: 20%; 
  left: 10%;
  width: 100%;
  height: auto;
  z-index: 5; 
}


.header-ship {
  width: 200px; 
  animation: move-ship 10s linear infinite, wave-ship 2s ease-in-out infinite;
}

@keyframes move-ship {
  0% {
    transform: translateX(-20%);
  }
  100% {
    transform: translateX(120%);
  }
}

@keyframes wave-ship {
  0%, 100% {
    transform: translateY(0) rotate(-1deg);
  }
  50% {
    transform: translateY(-10px) rotate(1deg);
  }
}


.header-editorial {
  display: block;
  width: 100%;
  height: 40vh;
  margin: 0;
}

.header-content {
  text-align: center;
  background-color: var(--colornew);
  margin: -.1em 0 0 0;
  padding: 1em;
  color: #eee;
  font-weight: 200;
}

.header-content h1 {
  margin-top: -1.3em;
  font-weight: 200;
  user-select: none;
  outline: none; 
}
.header-content a {
  color: var(--light);
}


.header-menu {
  direction: initial;
  background-color: var(--color);
  position: relative;
}

.header-menu nav {
display: flex;
justify-content: flex-end;
align-items: center;
}

.button-menu {
width: 50px;
height: 30px;
margin-right: 3%;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
box-sizing: border-box;
}

.button-menu:before, .button-menu:after {
content: '';
position: absolute;
width: 100%;
height: 5px;
background-color: #fff;
transition: all ease 0.2s;
border-radius: 8px;
}

.button-menu:before {
top: 0;
}

.button-menu:after {
bottom: 0;
}

.button-menu div {
width: 100%;
height: 5px;
background-color: #fff;
transition: opacity ease 0.2s;
border-radius: 8px;
}

nav.active .button-menu div {
opacity: 0;
}

nav.active .button-menu:before {
transform: rotate(-45deg) translate3d(0, -50%, 0);
top: 50%;
}

nav.active .button-menu:after {
transform: rotate(45deg) translate3d(0, 50%, 0);
bottom: 50%;
}

nav ul {
margin-right: 7%;
display: flex;
transform: translateX(20px);
opacity: 0;
transition: all ease 0.2s;
}

nav.active ul {
opacity: 1;
transform: translateX(0);
}

nav a {
list-style-type: none;
margin-left: 30px;
color: #fff;
font-family: Calibri;
font-size: 24px;
}
nav a:hover {
  color: var(--accsent);
}
.main-wrapper-form {
  position: relative;
  background-color: var(--color);
}
.main-wrapper-form-bg {
    display: flex;
    background: rgba(0, 0, 0, 0.9);
}
.main-wrapper-form-page {
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr !important;
}
.main-wrapper-form-one {
  width: 40%;
}
.main-wrapper-form-one-img {
    overflow: hidden;
    background-image: url(imagevault/dir-bg/bg-dark-0684668e437cc0.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 45%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.main-wrapper-form-two {
  width: 60%;
  padding:40px 69px 80px 100px;;
}
.form-column-wrappers {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.form-column-wrappers label {
  color: var(--light);
}
.form-column-wrappers a {
  color: var(--light);
}
.form-column-wrappers a:hover {
  color: var(--accsent);
}
.main-wrapper-form .input-user-element--control {
  width: 100%;
  padding: 12px 0;
  font-size: 18px;
  color: white;
  margin-bottom: 29px;
  border: none;
  border-bottom: 2px solid #fff;
  outline: none;
  background: transparent;
}
.main-wrapper-form .textarea-user-element--control {
  width: 100%;
  padding: 12px 0;
  font-size: 18px;
  color: white;
  margin-bottom: 22px;
  border: none;
  border-bottom: 2px solid #fff;
  outline: none;
  background: transparent;
}
.input-user-element--control::placeholder {
  color: var(--white);
}
.textarea-user-element--control::placeholder {
  color: var(--white);
}
.form-column-wrappers-input {
  width: 100%;
  padding: 12px 0;
  font-size: 18px;
  color: white;
  margin-bottom: 29px;
  border: none;
  border-bottom: 2px solid #fff;
  outline: none;
  background: transparent;
}
.form-column-wrappers-input::placeholder {
  color: var(--white);
}

.kartochkaAj-1 {
  background-color: var(--color);
}
.kartochkaAj-1-bg {
  background: url(imagevault/dir-bg/opacity_bg-0684668e437f5a.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.kartochkaAj-1-bloks {
  display: flex;
  flex-wrap: wrap;
  gap: 39px;
  align-items: center;
  justify-content: center;
}
.kartochkaAj-1 .owl-stage {
  margin: 12px 0;
  display: flex;
  display: -webkit-flex;
}
.kartochkaAj-1 .item {
  margin: 0 12px 52px;
  width: 320px;
  height: 404px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  background: #343434 no-repeat center center / cover;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.kartochkaAj-1 .item:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.kartochkaAj-1 .item-desc {
  padding: 0 26px 12px;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateY(calc(100% - 54px));
  -webkit-transform: translateY(calc(100% - 54px));
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.kartochkaAj-1 .item.active .item-desc {
  transform: none;
  -webkit-transform: none;
}
.kartochkaAj-1 .item-desc p {
  opacity: 0;
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
  transition: all 0.5s ease-in-out 0.2s;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
}
.kartochkaAj-1 .item.active .item-desc p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.item:hover h3 {
  color: var(--accsent);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .kartochkaAj-1 {
    padding: 50px 29px;
  }
  .kartochkaAj-1 .item {
    margin: 0 12px 60px;
    width: 260px;
    height: 305px;
  }
  .kartochkaAj-1 .item.active {
    width: 400px;
  }
  .kartochkaAj-1 .item-desc {
    transform: translateY(calc(100% - 46px));
    -webkit-transform: translateY(calc(100% - 46px));
  }
}

@media (min-width: 768px) and (max-width: 991px) {
 
  .kartochkaAj-1 .item {
    margin: 0 12px 60px;
    width: 240px;
    height: 420px;
  }
  .kartochkaAj-1 .item.active {
    width: 560px;
  }
  .kartochkaAj-1 .item-desc {
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}

@media (max-width: 767px) {
  .kartochkaAj-1 {
    padding: 29px 15px 18px;
  }
  .kartochkaAj-1 .item {
    margin: 0;
    width: 200px;
    height: 404px;
  }
  .kartochkaAj-1 .item.active {
    width: 300px;
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
  }
  .kartochkaAj-1 .item-desc {
    padding: 0 14px 5px;
    transform: translateY(calc(100% - 42px));
    -webkit-transform: translateY(calc(100% - 42px));
  }
}


.kartochka-2 {
  background-color: var(--color);
}
.kartochka-2-col {
  gap: 24px;
}
.kartochka-2-titl-p {
  margin-top: 26px;
  width: 90%;
}
.card-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: center;
  justify-items: center;

  @media screen and (max-width: 767px) {
    grid-template-columns: 1fr;
  }
}
.card {
  position: relative;
  width: 100%;
  max-width: 520px;
  padding: 18px;
  background-color: var(--colornew);
  color: var(--accsent);
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  animation: fade-in linear both;
  animation-timeline: view();
  animation-range: entry 10% entry 80%;
}
.card:hover {
  background-color: var(--backgr);
  color: var(--light);
}
@keyframes fade-in {
  from {
    opacity: 0.3;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.card-content {
  color: var(--light);
  -webkit-line-clamp: 3;
	line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card .imgss {
  width: 100%;
  max-width: 520px;
  height: 100%;
  max-height: 200px;
  object-fit: cover;
  margin: 1rem 0;
  display: block;
  border-radius: 8px;
  transform-origin: center;
}
.card h3 {
  font-size: 18px;
}
.card-imgss {
  position: absolute;
  height: 78px;
  object-fit: contain;
  top: -5%;
  right: -5%;
}

.benef-wrapper {
  position: relative;
  background-color: var(--color);
}
.benef-wrapper-bloks {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.go-corners {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 60px;
  height: 60px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: var(--color);
  border-radius: 0 4px 0 60px;
}

.go-arrow {
  margin-top: -4px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;
}
.go-arrow img {
  height: 40px;
  object-fit: contain;
}
.card1 {
  display: block;
  position: relative;
  max-width: 262px;
  background-color: #f2f8f9;
  border-radius: 5px;
  padding: 27px 24px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  h3 {
    padding-top: 15px;
  }

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: var(--color);
    height: 52px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card1:hover {
  p {
    transition: all 0.2s ease-out;
    color: rgba(255, 255, 255, 0.8);
  }
  h3 {
    transition: all 0.2s ease-out;
    color: #ffffff;
  }
}


.abaut-wrapper-bg {
  background: url(imagevault/dir-bg/opacity_bg-1684668e437fab.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.abaut-wrapper-bloks div {
  color: var(--light);
}
.abaut-wrapper-bloks li {
  margin: 12px 0;
  color: var(--light);
}
.abaut-wrapper-bloks a {
  word-break: break-all;
  color: var(--light);
}
.worker-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.worker-wrapper-bg {
  background: url(imagevault/dir-bg/opacity_bg-2684668e437ff9.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cardz{
  position: relative;
  width: 300px;
  height: 305px;
  background: var(--backgr);
  margin: 0 auto;
  border-radius: 5px;
  box-shadow:0 2px 10px rgba(0,0,0,.2);
}

.cardz .imgBx{
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
background: var(--light);
transition: 0.5s;
z-index: 1;
}

.cardz:hover .imgBx {
  bottom: 80px;
}

.cardz .imgBx img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardz .details{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 60px;
    text-align: center;
}

.cardz .details h2{
 margin: 0;
 padding: 0;
 font-weight: 600;
 font-size: 18px;
 color: var(--light);
 text-transform: uppercase;
} 


.galary-wrapper {
  position: relative;
}

.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 40vh;
}

.gallery-item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: flex 0.8s ease;
  
  &:hover{
    flex: 7;
  }
}

.gallery-item-1 { 
  background-image: url('imagevault/dir-bg/bg-dark-1684668e437d1a.jpg');
}

.gallery-item-2 { 
  background-image: url('imagevault/dir-bg/bg-dark-2684668e437d6c.jpg');
}

.gallery-item-3 { 
  background-image: url('imagevault/dir-bg/bg-dark-3684668e437dbd.jpg');
}

.gallery-item-4 { 
  background-image: url('imagevault/dir-bg/bg-dark-4684668e437e0d.jpg');
}

.gallery-item-5 { 
  background-image: url('imagevault/dir-bg/bg-dark-5684668e437e5c.jpg');
}

.footer {
  background: var(--color);
}
.diskl-wrapper {
  border-radius: 25px;
  flex: 2;
  display: flex;
  gap: 18px;
  padding: 24px;
  background-color: var(--backgr);
}
.diskl-wrapper-n {
  flex-direction: column !important;
}
.diskl-wrapper-text {
  font-size: 18px;
  color: var(--light);
  text-align: start;
}
.politik-wrapper {
  flex: 1;
  padding: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.politik-wrapper a {
  font-size: 24px;
  text-align: center;
  color: var(--light);
}
.politik-wrapper a:hover {
  color: var(--accsent);
}
.footer-wrapper-main {
  margin-top: 24px;
  text-align: center;
  color: var(--light);
}
.footer-wrapper-main a {
  color: var(--light);
}
.footer-wrapper-main a:hover {
  color: var(--accsent);
}
.logo-footers{
  height: 60px;
}
.stats-blok-abaut{
  width: 100%;
  flex: 1;
  position: relative;
  border-radius: 25px;
}

.stats-blok-abaut img{
  border-radius: 25px;
  filter: brightness(0.5);
  position: relative;
  width: 100%;
  height:305px;
  object-fit: cover;
}

.stats-text-blok-abaut{
  border-radius: 25px;
  border: 2px solid var(--accsent);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  z-index: 1;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.stats-text-blok-abaut h5{
  font-size: 45px;
  color: var(--light);
  margin: 0;
}

.stats-text-blok-abaut div{
  text-align: center;
  padding: 0;
  font-size: clamp(18px, 4vw, 22px);
  color: var(--light);
}
.stats-text-blok-abaut a {
  word-break: break-all;
}
.abaut-gap {
  gap: 24px;
}

.kont-wrapper a {
  font-size: 18px;
  text-align: center;
  color: var(--light);
}
.kont-wrapper a:hover {
  color: var(--accsent);
}
.form-titl {
  font-size: 26px;
}

.page-wrapper {
  gap: 24px;
}
.page-wrapper-frame iframe{
  width: 100%;
  height: 654px;
}
.page-wrapper-content {
  gap: 24px;
}
.page-wrapper-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-wrapper-img img {
  height: 404px;
  width: 100%;
  object-fit: contain;
}
.page-wrapper-text {
  color: var(--light);
}
.page-comment-wrapper {
  margin-top: 24px;
  gap: 24px;
}
.page-comment-wrapper-box {
  flex: 1;
  width: 100%;
  padding: 24px;
  border-radius: 10px;
  border: 4px solid var(--accsent);
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.page-comment-wrapper-box-img img {
  height: 150px;
  max-width: 100%;
  width: 150px;
  object-fit: cover;
  border-radius: 0%;
}
.page-comment-wrapper-box-name {
  text-align: center;
  color: var(--light);
  font-size: 18px;
}
.page-comment-wrapper-box-star {
  font-size: 18px;
  color: var(--accsent);
}
.page-comment-wrapper-box-star svg {
  fill: var(--accsent);
}
.page-comment-wrapper-box-text {
  color: var(--light);
  text-align: start;
}
.priv-wrapper {
  word-break: break-all;
}












.wrapper-var-1 {
  display: block;
}
.wrapper-var-2 {
  display: none;
}


.button-1 {
  color: white;
  position: relative;
  display: inline-block;
  padding: 18px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--accsent);
  background: transparent;
  cursor: pointer;
  transition: ease-out 0.5s;
  border: 2px solid var(--accsent);
  border-radius: 12px;
  box-shadow: inset 0 0 0 0 var(--accsent);
}

.button-1:hover {
color: white;
box-shadow: inset 0 -100px 0 0 var(--accsent);
}

.button-1:active {
transform: scale(0.9);
}

.button-2{
padding: 17px 33px;
border-radius: 52px;
cursor: pointer;
border: 0;
background-color: white;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 15px;
transition: all 0.5s ease;
}

.button-2:hover {
letter-spacing: 3px;
background-color: var(--colornew);
color: hsl(0, 0%, 100%);
box-shadow: var(--colornew) 0px 7px 29px 0px;
}

.button-2:active {
letter-spacing: 3px;
background-color: var(--colornew);
color: hsl(0, 0%, 100%);
box-shadow: var(--colornew) 0px 0px 0px 0px;
transform: translateY(5px);
transition: 100ms;
}


.button-3 {
  color: white;
  position: relative;
  display: inline-block;
  padding: 18px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--accsent);
  background: transparent;
  cursor: pointer;
  transition: ease-out 0.5s;
  border: 2px solid var(--accsent);
  border-radius: 12px;
  box-shadow: inset 0 0 0 0 var(--accsent);
}

.button-3:hover {
color: white;
box-shadow: inset 0 -100px 0 0 var(--accsent);
}

.button-3:active {
transform: scale(0.9);
}

.button-4{
padding: 17px 33px;
border-radius: 52px;
cursor: pointer;
border: 0;
background-color: white;
box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 15px;
transition: all 0.5s ease;
}

.button-4:hover {
letter-spacing: 3px;
background-color: var(--colornew);
color: hsl(0, 0%, 100%);
box-shadow: var(--colornew) 0px 7px 29px 0px;
}

.button-4:active {
letter-spacing: 3px;
background-color: var(--colornew);
color: hsl(0, 0%, 100%);
box-shadow: var(--colornew) 0px 0px 0px 0px;
transform: translateY(5px);
transition: 100ms;
}

.button-5 {
  color: white;
  position: relative;
  display: inline-block;
  padding: 18px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--accsent);
  background: transparent;
  cursor: pointer;
  transition: ease-out 0.5s;
  border: 2px solid var(--accsent);
  border-radius: 12px;
  box-shadow: inset 0 0 0 0 var(--accsent);
}

.button-5:hover {
color: white;
box-shadow: inset 0 -100px 0 0 var(--accsent);
}

.button-5:active {
transform: scale(0.9);
}

@media(max-width: 767px) {
  .main-wrapper-form-two {
    width: 100%;
    padding: 40px 0 0 100px;
  }
  .row-wrapper {
    flex-direction: column;
  }
  .cardz .imgBx {
    bottom: 80px;
  }
  .gallery-wrap {
    height: 40vh;
  }
  nav ul {
    flex-direction: column;
    gap: 12px;
  }
}
@media(max-width: 575px) {
  .form-titl {
    font-size: 18px;
  }
  nav a {
    font-size: 18px;
  }
  .main-wrapper-form-one {
    display: none;
  }
  .main-wrapper-form-two {
    padding: 18px;
  }
  .kartochkaAj-1-cont {
    display: none;
  }
  .cardz {
    width: 250px;
  }
  .politik-wrapper a{
    font-size: 18px;
  }
  .page-wrapper-img img {
    height: auto;
  }
}

.footer-logos {
  display: flex;
  justify-content: center; 
  align-items: center;
  gap: 20px;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}

.footer-logos a{
  &:hover img,
  &:focus img{
    filter: drop-shadow(3px 3px 10px #fff);
  }

  img {
    max-width: 250px;
    width: 100%;
    height: 70px;
    display: block;
    transition: 0.3s linear;
    object-fit: contain;
   
  }
}