@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-Light.eot');
  src: local('../fonts/Montserrat Light'), local('Montserrat-Light'),
    url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.eot');
  src: local('Montserrat Thin'), local('Montserrat-Thin'),
    url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Thin.woff') format('woff'),
    url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.eot');
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-SemiBold.woff') format('woff'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.eot');
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
    url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
    url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.eot');
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Bold.woff') format('woff'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.eot');
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Medium.woff') format('woff'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBold.eot');
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.eot');
  src: local('Montserrat Black'), local('Montserrat-Black'),
    url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Black.woff') format('woff'),
    url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* GENERAL STYLES///////////////////////////////////////////////////////////// */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::selection {
  color: #EBEBEB;
  background: #1D1D1D;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #262626;
  border: 1px solid white;
  border-radius: 6px;
  transition-duration: 2s;
}

::-webkit-scrollbar-thumb:hover {
  background: #545454;
  border: 1px solid white;
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background-color: white;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem;
  scroll-behavior: smooth;
  box-sizing: border-box;
  overflow-x: hidden;
  padding: auto;
}

.C_I {
  cursor: url('../images/cursor_increase.svg'), default;
}

ul {
  list-style: none;
}

.p-mini {
  font-size: 1rem;
}

@media (max-width:400px) {
  .p-mini {
    font-size: 0.825rem;
  }
}

@media (max-width:500px) {
  .mini-icon {
    width: 70%;
  }
}

/* ________ */

#comingsoon {
  /* padding: 8rem 0;  */
  height: 95vh;
  background: url(../images/isom_maks-eda_1x.png) #EBEBEB no-repeat;
  background-position-y: 10rem;
  background-position-x: 60%;
}

#structure {
  height: 100%;
  /* margin: 6rem 0; */
  padding: 1rem 0 2rem 0;
  text-align: center;
  background: #232a34;
}

#download {
  padding: 6rem 0;
  background: #122136;
  background-image: url(../images/back_download.png);
}

.DownloadInner {
  margin: auto;
}

#structure_EDA {
  content: url("../images/structure_EDA.svg");
  width: 70%;
  padding-top: 0.5rem;
  margin: auto;
}

@media (max-width: 1400px) {
  #structure {
    height: 100%;
  }

  #structure_EDA {
    content: url("../images/structure_EDA.svg");
    width: 1100px;
    margin: auto;
  }
}

@media (max-width: 1192px) {
  #structure {
    height: 90%;
  }

  #structure_EDA {
    content: url("../images/structure_EDA.svg");
    width: 940px;
    margin: auto;
  }
}

@media (max-width: 992px) {
  #structure {
    height: auto;
    padding: 2rem 0;
  }

  #structure_EDA {
    content: url("../images/structure_EDA_2.svg");
    width: 90%;
    height: auto;
    padding-bottom: 2rem;
    /* margin: auto; */
  }
}

.accordion-name {
  font-weight: 500;
  font-size: 1.2rem !important;
}

@media (max-width: 600px) {
  #structure {
    height: auto;
    padding: 1rem 0.5rem;
  }

  #structure_EDA {
    content: url("../images/structure_EDA_3.svg");
    width: 90%;
    height: auto;
    padding-bottom: 1rem;
    margin: auto;
  }

  .accordion-name {
    font-weight: 500;
    font-size: 1rem !important;
  }
}



/* HEADER//////////////////////////////////////////////////////////// */


.block_menu {
  position: absolute;
  width: 100%;
  height: max-content;
  background-color: #e6e6e6;
  z-index: 4;
  margin: 0 auto;
  transform: translateY(-100%);
  transition: 1s;
  padding-bottom: 1rem;
  display: none;
}


.block_menu>ul {
  display: flex;
  flex-direction: column;
  margin: 6vh auto 0;
  padding: 0;
}

.block_menu>ul>li {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 15px;
  transform: translateX(-0.2rem);
  color: #1b4585;
  font-weight: 600;
  font-size: 1.2rem;
  cursor: pointer;
}

.block_menu>ul>li>a {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 15px;
  color: #1b4585;
  font-weight: 600;
  font-size: 1.2rem;
  cursor: pointer;
}

.goBottom {
  transform: translateY(0%);
  transition: 1s;

}

.button {
  position: absolute;
  z-index: 5;
  width: auto;
  height: 33px;
  margin: 2rem 2rem 0 0;
  right: 0;
  display: none;
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}

.bar {
  display: block;
  height: 3px;
  width: 30px;
  background-color: #ffffff;
  margin: 6px auto;
}

.middle {
  margin: 0 auto;
}

.bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}

.bar.top.active {
  -webkit-transform: translateY(9px) rotateZ(45deg);
  -moz-transform: translateY(9px) rotateZ(45deg);
  -ms-transform: translateY(9px) rotateZ(45deg);
  -o-transform: translateY(9px) rotateZ(45deg);
  transform: translateY(9px) rotateZ(45deg);
  background-color: #275677;
}

.bar.bottom.active {
  -webkit-transform: translateY(-9px) rotateZ(-45deg);
  -moz-transform: translateY(-9px) rotateZ(-45deg);
  -ms-transform: translateY(-9px) rotateZ(-45deg);
  -o-transform: translateY(-9px) rotateZ(-45deg);
  transform: translateY(-9px) rotateZ(-45deg);
  background-color: #275677;
}

.bar.middle.active {
  width: 0;
  background-color: #275677;
}

/* BURGER MENU///////////////////////////////////////// */
@media (max-width: 1250px) {
  .navigation {
    display: none;
  }

  .block_menu {
    display: inline-block;
  }

  .button {
    display: inline-block;
    cursor: pointer;

  }
}

/* BURGER MENU///////////////////////////////////////// */


.navigation>ul {
  display: flex;
}

.navigation>ul>li {
  position: relative;
  color: white;
  font-size: 1.1rem;
  font-weight: 400;
  animation: 0.8s ease-in;
  animation-name: navigation_animation;
  cursor: pointer;
}

.navigation>ul>li>a {
  position: relative;
  color: #D1D1D1;
  font-size: 1.1rem;
  font-weight: 400;
  animation: 0.8s ease-in;
  cursor: pointer;
  text-decoration: none;
}

.navigation>ul>li.nolink {
  position: relative;
  color: rgb(134, 152, 252);
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  cursor: default;
  animation: 0.8s ease-in;
  animation-name: navigation_animation_none;

}

@keyframes navigation_animation {
  from {
    animation-delay: 500ms;
    opacity: 0%;
    transform: translateY(-2rem);
  }

  to {
    opacity: 100%;
    color: white;
  }
}

@keyframes navigation_animation_none {
  from {
    animation-delay: 500ms;
    opacity: 0%;
    transform: translateY(-2rem);
  }

  to {
    opacity: 100%;
    color: rgb(134, 152, 252);
    ;
  }
}

.navigation {
  margin-left: 17rem;
}


.nav-top {
  padding-top: 40px;
}

.navigation>ul>li.nolink::after {
  content: '';
  height: 0px;
  width: 0;
}

.navigation>ul>li::after {
  content: '';
  height: 2px;
  width: 0;
  background-color: #88b5e4;
  position: absolute;
  left: 0;
  bottom: -20%;
  transition: 0.5s;
}

.navigation>ul>li:hover::after {
  transition: 0.5s;
  width: 100%;
}

.navigation>ul>li:not(:last-child) {
  margin-right: 20px;
}

#button-on-main {
  display: inline-block;
  background-color: #79A8CF;
  width: auto;
  padding: 6px 12px;
  color: white;
  font-size: .825rem;
  text-align: center;
  border-radius: 4px;
  margin: 30px;
  position: fixed;
  bottom: 25px;
  right: 20px;
  transition: background-color .3s;
  z-index: 1000;
  border: 1px;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#button-on-main:hover {
  cursor: pointer;
  background: #276EA8;
  transform: translateY(-0.3rem);
}

@media (max-width: 768px) {
  #button-on-main {
    font-size: .825rem;
  }
}

/*------------- gals-elements------------- */
.header-EDA {
  position: relative;
  width: 100%;
  /* height: 85%; */
  margin: 0 auto 5%;
  /* background: linear-gradient(0deg, rgba(39,105,172,0) 10%, rgba(9,29,43,1) 63%, rgba(9,29,43,1) 100%); */
  background-image: url("../images/background_header-2.webp");
  background-color: #1B2632;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position-x: 55%;
  padding-bottom: 6%;
}

.header-EDA-all {
  height: 110px;
  position: relative;
  width: 100%;
  margin-bottom: 2rem;
  background-color: #1B2632;

}

/* .container-video {
  position: absolute;
  top: 0;
  z-index: -100;
} */

/* #video_1 {
  min-width: 100vw;
  height: 85vh;
  object-fit: cover;
} */

.logo-EDA {
  position: absolute;
  top: 2rem;
  left: 4.2rem
}

.scrollup {
  z-index: 99999;
  opacity: 1;
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
  bottom: 50px;
  right: 40px;
  line-height: 0;
  background: url('../images/arrow_up.svg') no-repeat;
}


.main-h1 {
  color: #88b5e4;
  padding-top: 3rem;
  font-size: 3.5rem;
  font-weight: 500;
  /* text-align: center; */
}

.description-h1 {
  color: #D1D1D1;
  font-weight: 300;
}

@media (max-width:1250px) {
  .main-h1 {
    font-size: 3rem;
    padding-top: 8rem
  }
}

@media (max-width:768px) {
  .main-h1 {
    font-size: 2.2rem;
    padding-top: 8rem;
  }
}

@media (max-width:548px) {
  .main-h1 {
    font-size: 2rem;
    padding-top: 7rem;
  }
}

.container-x {
  max-width: 800px;
  padding: 0 auto;
}

.p-18 {
  font-size: 18px;
  line-height: 28px;
}


.p-20 {
  font-size: 20px;
  line-height: 30px;
}

.h1_EDA {
  margin: 2rem 0;
  font-weight: 700;
  line-height: 1.2;
  font-size: calc(1.375rem + 3vw);
  color: #232a34;
}

@media (min-width: 1200px) {
  .h1_EDA {
    /* font-size: 3.375rem; */
    font-size: calc(1.375rem + 2vw);
    margin: 4rem 0;
  }
}

.h3_EDA {
  font-size: 32px;
  font-weight: 700;
}

@media (max-width: 768px) {

  .p-18,
  .p-20 {
    font-size: 16px;
    line-height: 26px;
  }

  .h3_EDA {
    font-size: 26px;
    font-weight: 600;
  }

}

.h4_EDA {
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.4rem;
}

.close-btn {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0MDAwMCAyNDAwMDAiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEyMDAyNCAwKSBzY2FsZSgxLjA0ODc5KSIgcj0iMTE0MDAwIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTgyMDAwIDgyMDAwbDc2MDAwIDc2MDAwbS03NjAwMCAwbDc2MDAwLTc2MDAwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZDg4ZTAiIHN0cm9rZS13aWR0aD0iMTQwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkyNiIvPjwvc3ZnPg==');
  position: absolute;
  right: 0;
  padding: 2rem;

}

.close-btn:hover {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0MDAwMCAyNDAwMDAiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEyMDAyNCAwKSBzY2FsZSgxLjA0ODc5KSIgcj0iMTE0MDAwIiBmaWxsPSIjZDlkYWRhIi8+PHBhdGggZD0iTTgyMDAwIDgyMDAwbDc2MDAwIDc2MDAwbS03NjAwMCAwbDc2MDAwLTc2MDAwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZDg4ZTAiIHN0cm9rZS13aWR0aD0iMTQwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkyNiIvPjwvc3ZnPg==');
  transition: 5s;
}

@media(max-width:900px) {
  #structure1 {
    display: none;
  }
}

#structure2 {
  padding: 0 1rem;
}

@media(min-width:900px) {
  #structure2 {
    display: none;
  }
}

.reds {
  width: 100%;
  height: 90vh;
  background: rgb(116, 84, 84);

}

.rect-block {
  background-color: #183448;
  height: 50px;
  width: 100vw;
  top: 1;
}


ul.dm-marker>li {
  color: #D1D1D1;
  list-style-type: square;
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 400;
}

@media (max-width:768px) {
  ul.dm-marker>li {
    margin-top: 4px;
    font-size: 1rem;
  }
}



/* ---------------animation---------------- */

.element-animation-up {

  opacity: 0;
  transform: translateY(5rem);
}

.element-animation-up.element-show {
  opacity: 1;
  transition: all 0.8s;
  transition-delay: 0.1s;
  transform: translateY(0%);
}

.element-animation-left {
  /* margin: 4rem 0; */
  /* Скроем элемент в начальном состоянии */
  opacity: 0;
  transform: translateX(-9rem);
}

.element-animation-left.element-show {
  opacity: 1;
  transition: all 0.9s;
  transition-delay: 0.1s;
  transform: translateY(0%);
}

.element-animation-right {
  /* margin: 4rem 0; */
  /* Скроем элемент в начальном состоянии */
  opacity: 0;
  transform: translateX(9rem);
}

.element-animation-right.element-show {
  opacity: 1;
  transition: all 0.9s;
  transition-delay: 0.1s;
  transform: translateY(0%);
}

@media (max-width: 500px) {

  /* .header-EDA {
  height: 100%;
} */

  .element-animation-left,
  .element-animation-right {
    opacity: 1;
    transform: translateX(0%);
  }

  .accordion-body {
    font-size: 0.825rem;
  }

  /* .h4_EDA {
    font-size: 1rem;
  } */

  .p-18,
  .p-20 {
    font-size: 0.825rem;
    line-height: 1.2rem;
  }

  .main-h1 {
    font-size: 1.7rem;
  }

  .description-h1,
  .accordion-header {
    font-size: 1.3rem;
  }

  ul.dm-marker>li {
    font-size: 0.9rem;
  }

}

.icon-up {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon-up:hover {
  transform: translateY(-0.8rem);
}


.text-white {
  color: white;
}

/* .gals-grid {
  display: grid;
  grid-template-columns: 35% 62%;
  column-gap: 4%;
  row-gap: 1em; 
} */

.gals-grid {
  display: grid;
  grid-template-columns: 40vw 60vw;
  grid-auto-rows: minmax(200px, auto);
  grid-gap: 4rem;
  row-gap: 1em;
}

@media (max-width: 985px) {
  .gals-grid {
    grid-template-columns: 80vw;
  }
}

.img-mask {
  max-width: 1110px;
  clip-path: inset(0px);
  display: flex;
  flex-direction: column;
}

.img-mask-2 {
  max-height: 500px;
  clip-path: inset(0px);
}

.keys {
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -33px;
  z-index: 1090;
  pointer-events: none;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 600;
  color: #051724;
}

.keys span {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  line-height: 16px;
  border: 1px solid #051724;
  opacity: 0.2;
  margin: 1px;
  border-radius: 4px;
}

.keys span:nth-child(1) {
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -10px;
  /* display_: none; */
}

/* .keys span:nth-child(3) {
  transform: translateY(0);
  animation: jump 1.4s ease-in-out infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: jump;
  animation-direction: alternate;
} */

#arup {
  transform: translateY(0);
  animation: jump 1.4s ease-in-out infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: jump;
  animation-direction: alternate;
}

@keyframes jump {
  from {
    opacity: 80%;
    transform: translateY(1rem);
  }

  to {
    opacity: 20%;
  }
}

footer {}

.copyright-footer {
  width: 100%;
  height: 100%;
  height: max-content;
  z-index: 2;
  background-color: #232a34;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 0.625rem 0;
}

.text-copyright {
  color: white;
  font-size: 12px;
}

a {
  text-decoration: none !important;
}

.minpromtorg {
  width: 150px;
  margin: 1rem 1rem 1rem 0;
}

.lead-2 {
  /* padding: 0 0 0 0.5rem; */
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  /* margin: 0.5rem; */
}

.lead-2-line {
  border-left: 2px solid #21619C;
  padding: 0 0 0 1rem;
  margin: 0.5rem 0;
}

@media (max-width: 500px) {
  .lead-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
  }
}

.copyright-footer {
  width: 100%;
  height: 100%;
  height: max-content;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 0.625rem 0;
}

.text-copyright {
  font-size: 12px;
}

.arrow-link {
  display: flex;
  color: #091d2b;
  background-color: transparent;
  text-transform: uppercase;
  transition: all .3s ease;
  font-weight: bold;
  cursor: pointer;
  align-items: center;
  letter-spacing: 1px;
  font-size: 18px;
  margin: 1rem 0;
}

.arrow-link>.arrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid #091d2b;
  border-bottom: 2px solid #091d2b;
  position: relative;
  transform: rotate(-45deg);
  margin-left: 3px;
  transition: all .3s ease;
}

.arrow-link>.arrow::before {
  display: block;
  background-color: #2769ac;
  width: 3px;
  transform-origin: bottom right;
  height: 2px;
  position: absolute;
  opacity: 0;
  bottom: calc(-2px / 2);
  transform: rotate(45deg);
  transition: all .3s ease;
  content: "";
  right: 0;
}

.arrow-link:hover>.arrow {
  transform: rotate(-45deg) translate(4px, 4px);
  border-color: #2769ac;
}

.arrow-link:hover>.arrow::before {
  opacity: 1;
  width: 8px;
}

.arrow-link:hover {
  color: #2769ac;
}

@media (max-width: 758px) {
  .arrow-link {
    display: flex;
    color: #091d2b;
    background-color: transparent;
    text-transform: uppercase;
    transition: all .3s ease;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 1rem 0;
  }
}

/* __________ */
.possibilities-border {
  border: 1px solid #e1e1e1;
}

.possibilities-border:nth-child(2) {
  transform: translateX(-1px);
}

.possibilities-border:nth-child(3) {
  transform: translateY(-1px);
}

.possibilities-border:nth-child(4) {
  transform: translate(-1px, -1px);
}

.possibilities-border:nth-child(5) {
  transform: translateY(-2px);
}

.possibilities-border:nth-child(6) {
  transform: translate(-1px, -2px);
}

@media (max-width: 992px) {

  .possibilities-border:nth-child(2) {
    transform: translateY(-1px);
  }

  .possibilities-border:nth-child(3) {
    transform: translateY(-2px);
  }

  .possibilities-border:nth-child(4) {
    transform: translateY(-3px);
  }

  .possibilities-border:nth-child(5) {
    transform: translateY(-4px);
  }

  .possibilities-border:nth-child(6) {
    transform: translateY(-5px);
  }
}

.possibilities {
  border-right: 1px solid #e1e1e1;
  --bs-gutter-x: 0px !important;
}

.possibilities-padding {
  padding: 6rem !important
}

@media (max-width: 758px) {
  .possibilities {
    border-right: 0;
    border-bottom: 1px solid #e1e1e1;
  }

  .possibilities-padding {
    padding: 2rem !important
  }
}


.arrow-link {
  display: flex;
  color: #091d2b;
  background-color: transparent;
  text-transform: uppercase;
  transition: all .3s ease;
  font-weight: bold;
  cursor: pointer;
  align-items: center;
  letter-spacing: 1px;
  font-size: 18px;
  margin: 1rem 0;
}

.arrow-link>.arrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid #091d2b;
  border-bottom: 2px solid #091d2b;
  position: relative;
  transform: rotate(-45deg);
  margin-left: 3px;
  transition: all .3s ease;
}

.arrow-link>.arrow::before {
  display: block;
  background-color: #2769ac;
  width: 3px;
  transform-origin: bottom right;
  height: 2px;
  position: absolute;
  opacity: 0;
  bottom: calc(-2px / 2);
  transform: rotate(45deg);
  transition: all .3s ease;
  content: "";
  right: 0;
}

.arrow-link:hover>.arrow {
  transform: rotate(-45deg) translate(4px, 4px);
  border-color: #2769ac;
}

.arrow-link:hover>.arrow::before {
  opacity: 1;
  width: 8px;
}

.arrow-link:hover {
  color: #2769ac;
}

@media (max-width: 758px) {
  .arrow-link {
    display: flex;
    color: #091d2b;
    background-color: transparent;
    text-transform: uppercase;
    transition: all .3s ease;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 1rem 0;
  }
}


/* -----FORM----- */

.downloadbtnHeader {
  position: relative;
  background-color: #88b5e4;
  border-radius: 7px;
  border: none;
  outline: none;
  padding: 6px 10px 6px 30px;
  font-weight: 500;
}

.downloadbtnHeader:hover {
  background-color: #b5d8fc;
}

.downloadbtnHeader::before {
  position: absolute;
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDQwNjAwIDQwNjAwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjE5MDAgMjE5MDBoMTg3MDB2MTg3MDBIMjE5MDBWMjE5MDB6bTAtMjE5MDBoMTg3MDB2MTg3MDBIMjE5MDBWMHpNMCAyMTkwMGgxODcwMHYxODcwMEgwVjIxOTAwek0wIDBoMTg3MDB2MTg3MDBIMFYweiIgZmlsbD0iIzFiMjYzMiIvPjwvc3ZnPg==');
  transform: translate(-19px, 0);
  margin-right: 4px;

}

.downloadbtn {
  position: relative;
  color: white;
  background-color: #009BFE;
  border-radius: 7px;
  border: none;
  outline: none;
  padding: 6px 10px 6px 30px;
  font-weight: 500;

}

.downloadbtn::before {
  position: absolute;
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDQwNjAwIDQwNjAwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjE5MDAgMjE5MDBoMTg3MDB2MTg3MDBIMjE5MDBWMjE5MDB6bTAtMjE5MDBoMTg3MDB2MTg3MDBIMjE5MDBWMHpNMCAyMTkwMGgxODcwMHYxODcwMEgwVjIxOTAwek0wIDBoMTg3MDB2MTg3MDBIMFYweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  transform: translate(-19px, 0);
  margin-right: 4px;
  height: 2px;
}

.downloadbtn:disabled {
  background-color: #91a0ac;
  color: #566069;
}

.downloadbtn:disabled::before {
  
  margin-right: 4px;
}

.agr-check-label {
  color: white;
  font-size: 14px;
}

.agr-check-label a {
  color: rgb(116, 185, 250);
  font-size: 14px;
}

.agr-check-label a:hover {
  color: rgb(42, 170, 255);
  font-size: 14px;
}

/* checkbox settings 👇 */

.ui-checkbox {
  --primary-color: #009BFE;
  --secondary-color: #fff;
  --primary-hover-color: #009BFE;
  /* checkbox */
  --checkbox-diameter: 18px;
  --checkbox-border-radius: 4px;
  --checkbox-border-color: #d9d9d9;
  --checkbox-border-width: 1px;
  --checkbox-border-style: solid;
  /* checkmark */
  --checkmark-size: 1.2;
  transform: translate(-3px, 4px);
}

.ui-checkbox,
.ui-checkbox *,
.ui-checkbox *::before,
.ui-checkbox *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--checkbox-diameter);
  height: var(--checkbox-diameter);
  border-radius: var(--checkbox-border-radius);
  background: var(--secondary-color);
  border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}

.ui-checkbox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -o-transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}

.ui-checkbox::before {
  top: 40%;
  left: 50%;
  content: "";
  position: absolute;
  width: 4px;
  height: 7px;
  border-right: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
}

/* actions */

.ui-checkbox:hover {
  border-color: var(--primary-color);
}

.ui-checkbox:checked {
  background: var(--primary-color);
  border-color: transparent;
}

.ui-checkbox:checked::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.ui-checkbox:active:not(:checked)::after {
  -webkit-transition: none;
  -o-transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: none;
  opacity: 1;
}

.ui-checkbox label {
  display: flex;
  align-self: center;
}


.form-control-2 {
  color: #1b4585;
  display: flex;
  flex-direction: column;
  margin: 20px auto 9px auto;
  max-width: 87%;
  min-width: 300px;
  position: relative;
}

.form-control-2 input {
  border: 0;
  border: 2px solid #3431ec10;
  padding: 4px 0 4px 3px;
  display: block;
  font-size: 1rem;
  width: 100%;
  transition: 0.1s ease-in;
}

.form-control-2 input:hover {
  border: 2px solid #0D6EFD;
}

.form-control-2 input:active {
  border: 2px solid #0D6EFD;
}

.form-control-2 input:valid {
  border: 2px solid #0D6EFD;
  background-color: rgb(216, 230, 245);
}

.form-group {
  align-self: flex-start;
  font-size: 0.825rem;
  margin: 6px 0 4px 0;
  color: #4eb9fc;
}

.form-group label {
  align-self: flex-start;
  font-size: 0.825rem;
  margin: 6px 0;
  color: #4eb9fc;
}

.form-group label {
  align-self: flex-start;
  font-size: 0.825rem;
  margin: 6px 0;
  color: #4eb9fc;
}

.form-check label {
  align-self: flex-start;
  font-size: 0.825rem;
  color: #ffffff !important;
  margin-top: 1px;
}

.form-check label a {
  align-self: flex-start;
  font-size: 0.825rem;
  color: #a2e2fc !important;
  margin-top: 1px;
}

.form-check label a:hover {
  cursor: pointer;
  align-self: flex-start;
  font-size: 0.825rem;
  color: #4eb9fc !important;
  margin-top: 1px;
}

/* .img-captcha {
  content: url('../captcha/background.png');
} */

.refresh-captcha,
button[type="submit"] {
  padding-left: 2rem;
}

.refresh-captcha::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: .5rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.333 512'%3E%3Cpath fill='%23000' d='M440.935 12.574l3.966 82.766C399.416 41.904 331.674 8 256 8 134.813 8 33.933 94.924 12.296 209.824 10.908 217.193 16.604 224 24.103 224h49.084c5.57 0 10.377-3.842 11.676-9.259C103.407 137.408 172.931 80 256 80c60.893 0 114.512 30.856 146.104 77.801l-101.53-4.865c-6.845-.328-12.574 5.133-12.574 11.986v47.411c0 6.627 5.373 12 12 12h200.333c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12h-47.411c-6.853 0-12.315 5.729-11.987 12.574zM256 432c-60.895 0-114.517-30.858-146.109-77.805l101.868 4.871c6.845.327 12.573-5.134 12.573-11.986v-47.412c0-6.627-5.373-12-12-12H12c-6.627 0-12 5.373-12 12V500c0 6.627 5.373 12 12 12h47.385c6.863 0 12.328-5.745 11.985-12.599l-4.129-82.575C112.725 470.166 180.405 504 256 504c121.187 0 222.067-86.924 243.704-201.824 1.388-7.369-4.308-14.176-11.807-14.176h-49.084c-5.57 0-10.377 3.842-11.676 9.259C408.593 374.592 339.069 432 256 432z'/%3E%3C/svg%3E");
}

button[type="submit"]::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: .5rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDQwNjAwIDQwNjAwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjE5MDAgMjE5MDBoMTg3MDB2MTg3MDBIMjE5MDBWMjE5MDB6bTAtMjE5MDBoMTg3MDB2MTg3MDBIMjE5MDBWMHpNMCAyMTkwMGgxODcwMHYxODcwMEgwVjIxOTAwek0wIDBoMTg3MDB2MTg3MDBIMFYweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}

.form-group input::placeholder {
  color: rgb(165, 180, 202);

}

.form-group textarea::placeholder {
  color: rgb(165, 180, 202);

}