@import url("../fonts/mazzard/stylesheet.css");
html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  color: #1c1c1c;
  font-size: 1.8rem;
  line-height: 150%;
  font-family: "Mazzard H", sans-serif;
  font-style: normal;
  font-weight: normal;
  background: #edecf3;
  overflow-x: hidden;
  zoom: 1;
  margin: 0;
}

* {
  outline: none !important;
}

@media (min-width: 1260px) {
  .container {
    max-width: 1230px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.nowrap {
  white-space: nowrap;
}

.img-centered {
  display: block;
  margin: 0 auto;
}

a {
  color: #5a2cef;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #5a2cef;
  text-decoration: underline;
}

a.offset-top {
  display: block;
  position: relative;
  top: -7rem;
  visibility: hidden;
}

.section-title {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 5rem;
  line-height: 105%;
  margin-bottom: 4.8rem;
}

#cl-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  padding-top: 1.2rem;
  transition: all 0.3s;
}

#cl-header.sticky {
  background: rgba(237, 236, 247, 0.96);
  box-shadow: 0 7px 10px 1px rgba(0, 0, 0, 0.06);
  padding-top: 0;
}

#cl-header.sticky .navbar {
  padding: 0.2rem 0;
}

#cl-header .navbar {
  padding: 1.2rem 0;
}

#cl-header .navbar-brand {
  padding: 0;
}

#cl-header .navbar .nav-item > a.nav-link {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 1.6rem;
  padding: 1.5rem 3.2rem;
  margin: 0;
  transition: all 0.3s;
}

#cl-header .navbar .nav-item > a.nav-link:hover,
#cl-header .navbar .nav-item > a.nav-link.show {
  color: #5a2cef;
  background: rgba(131, 140, 154, 0.2);
}

#cl-header .navbar .nav-item > a.nav-link:active {
  color: #9d7bff;
}

#cl-header .navbar .dropdown-toggle::after {
  display: inline-block;
  background: url("../img/icon-dropdown.svg") center center no-repeat;
  vertical-align: -0.1rem;
  content: "";
  width: 1rem;
  height: 1.2rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  transition: all 0.3s;
  margin-left: 0.6rem;
}

#cl-header .navbar .dropdown-toggle.show::after {
  transform: rotate(180deg);
}

#cl-header .navbar .nav-item .dropdown-menu {
  border-radius: 2rem;
  border: 1px solid #d5d5d5;
  padding: 1.4rem 0.8rem;
}

#cl-header .navbar .nav-item .dropdown-item {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 160%;
  color: #1c1c1c;
  background: transparent;
  border-radius: 1.2rem;
  padding: 0.6rem 1.6rem;
  transition: color 0.3s;
  margin: 0.4rem 0;
}

#cl-header .navbar .nav-item .dropdown-item:hover {
  background: #edecf3;
  text-decoration: none;
}

#cl-top {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

#cl-top .block {
  position: relative;
  min-height: 600px;
  background: radial-gradient(430.83% 177.15% at 108.5% 0%, rgb(50, 23, 128) 0%, rgb(90, 44, 239) 57.922565937%, rgb(205, 192, 255) 100%);
  color: #faf9fe;
  border-radius: 4rem;
  padding: 12.6rem 6rem 13.2rem;
}

#cl-top .block h1 {
  max-width: 620px;
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 6.4rem;
  line-height: 90%;
  margin-bottom: 2rem;
}

#cl-top .block h2 {
  max-width: 400px;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 4.4rem;
}

#cl-top .btn-top {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #5a2cef;
  white-space: nowrap;
  text-decoration: none;
  background: rgba(250, 249, 254, 0.9);
  border-radius: 1.6rem;
  padding: 1.6rem 3.2rem;
  transition: all 0.3s;
}

#cl-top .btn-top:hover {
  background: #cdc0ff;
}

#cl-top .btn-top:active {
  color: #9d7bff;
  background: #cdc0ff;
}

#cl-top .img-top {
  position: absolute;
  width: 530px;
  top: 5rem;
  right: 6.2rem;
  pointer-events: none;
  z-index: 1;
}

#cl-projects {
  margin-bottom: 12rem;
}

#cl-projects .section-title {
  margin-bottom: 1.4rem;
}

#cl-projects .p-sub-title {
  max-width: 990px;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 3.2rem;
}

#cl-projects .img-lines {
  margin-top: -1.8rem;
}

#cl-projects .items > div {
  position: relative;
}
#cl-projects .items a.item {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
}
#cl-projects .items div.item {
  color: #1c1c1c;
  text-decoration: none;
  background: #faf9fe;
  border-radius: 3.2rem;
  padding: 3.2rem 4rem;
  width: 390px;
  max-width: 390px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#cl-projects .items div.item .top {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 4.6rem;
}
#cl-projects .items div.item .top:after {
  flex-shrink: 0;
  content: "";
  width: 4rem;
  height: 4rem;
  background: #5a2cef url("../img/projects-arrow.svg") center center no-repeat;
  border-radius: 50%;
  margin-left: auto;
  transition: all 0.3s;
}
#cl-projects .items div.item:hover .top:after {
  transform: rotate(45deg);
}
#cl-projects .items div.item:active .top:after {
  background-color: #321780;
}
#cl-projects .items div.item .bottom {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
#cl-projects .items div.item .bottom .p-title {
  max-width: 280px;
  font-size: 1.6rem;
  line-height: 120%;
  margin-bottom: 1rem;
}
#cl-projects .items > div:hover div.item .top:after {
  transform: rotate(45deg);
}

#cl-platform {
  margin-bottom: 12rem;
}

#cl-platform .section-title {
  margin-bottom: 1.2rem;
}

#cl-platform .text {
  position: relative;
  margin-bottom: 3.2rem;
}

#cl-platform .text p {
  max-width: 700px;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 1.8rem;
}

#cl-platform .text .info {
  position: absolute;
  border: 1px solid #5a2cef;
  border-radius: 2.4rem;
  width: 342px;
  height: 131px;
  right: 7rem;
  top: 1.6rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 160%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #5a2cef;
  padding: 2.2rem 3.6rem;
  transform: rotate(8deg);
}

#cl-platform .item {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-bottom: 3.2rem;
}

#cl-platform .item:last-child {
  margin-bottom: 0;
}

#cl-platform .item-text {
  flex-basis: 500px;
}

#cl-platform .item-text .p-title {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 105%;
  margin-bottom: 1.2rem;
}

#cl-platform .item-text .p-text {
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

#cl-platform .item-img {
  flex-basis: 670px;
}

#cl-platform .item-img img {
  border-radius: 3.2rem;
}

#cl-platform .item:nth-child(2n+1) .item-img {
  order: 1;
}

#cl-platform .item:nth-child(2n+1) .item-text {
  order: 2;
}

#cl-features {
  margin-bottom: 12rem;
}

#cl-features .section-title {
  margin-bottom: 3.8rem;
}

#cl-features .items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
}

#cl-features .item {
  position: relative;
  flex-basis: 585px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  background: #faf9fe;
  border-radius: 3.2rem;
  padding: 3.4rem;
  overflow: hidden;
}

#cl-features .item-3 {
  flex-basis: 100%;
}

#cl-features .item .num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #5a2cef;
  background: rgba(205, 192, 255, 0.2);
  border-radius: 50%;
  margin-bottom: auto;
}

#cl-features .item .p-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 105%;
  margin-bottom: 1.2rem;
}

#cl-features .item .p-text {
  font-size: 1.6rem;
  line-height: 150%;
  margin-bottom: 0;
}

#cl-features .item:after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
}

#cl-features .item-1:after {
  background: url("../img/features-1.png") center center no-repeat;
  top: -2.5rem;
  right: 2rem;
}

#cl-features .item-2:after {
  background: url("../img/features-2.png") center center no-repeat;
  top: -3rem;
  right: 2rem;
}

#cl-features .item-3:after {
  width: 487px;
  height: 487px;
  background: url("../img/features-3.png") center center no-repeat;
  top: -8rem;
  right: 8rem;
}

#cl-features .item-4:after {
  background: url("../img/features-4.png") center center no-repeat;
  top: -2.5rem;
  right: 2rem;
}

#cl-features .item-5:after {
  width: 200px;
  height: 200px;
  background: url("../img/features-5.png") center center no-repeat;
  top: -3.5rem;
  right: 1.4rem;
}

#cl-experts {
  margin-bottom: 12rem;
}

#cl-experts .section-title {
  margin-bottom: 4.2rem;
}

#cl-experts .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
}

#cl-experts .item {
  flex-basis: 380px;
  text-align: center;
}

#cl-experts .item img {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  margin-bottom: -1.2rem;
}

#cl-experts .item .p-label {
  display: inline-block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: -0.02em;
  color: #fff;
  background: #5a2cef;
  border-radius: 1rem;
  padding: 0.5rem 1.2rem;
  margin-bottom: 0;
}

#cl-experts .item .info {
  background: #faf9fe;
  border-radius: 3.2rem;
  padding: 6.4rem 2.4rem 2.4rem;
  margin-top: -5.6rem;
}

#cl-experts .item .p-name {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 122%;
  margin-bottom: 0.6rem;
}

#cl-experts .item .p-descr {
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #656e7c;
  margin-bottom: 0;
}

#cl-support {
  margin-bottom: 12rem;
}

#cl-support .section-title {
  margin-bottom: 1.4rem;
}

#cl-support .p-sub-title {
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 3.2rem;
}

#cl-support .items {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

#cl-support .item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 386px;
  border-radius: 3.2rem;
  background: #faf9fe;
  padding: 3rem;
  overflow: hidden;
}

#cl-support .item:after {
  content: "";
  position: absolute;
  width: 178px;
  height: 178px;
  z-index: 1;
}

#cl-support .item-tg:after {
  background: url("../img/support-img-tg.png") center center no-repeat;
  top: -3.4rem;
  right: -3.1rem;
}

#cl-support .item-phone:after {
  background: url("../img/support-img-phone.png") center center no-repeat;
  top: -3.4rem;
  right: -2rem;
  transform: rotate(12deg);
}

#cl-support .item-email:after {
  background: url("../img/support-img-email.png") center center no-repeat;
  top: -3.6rem;
  right: -2.5rem;
}

#cl-support .item i {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  margin-bottom: 6rem;
}

#cl-support .item-tg i {
  background: url("../img/support-icon-tg.svg") center center no-repeat;
}

#cl-support .item-phone i {
  background: url("../img/support-icon-phone.svg") center center no-repeat;
}

#cl-support .item-email i {
  background: url("../img/support-icon-email.svg") center center no-repeat;
}

#cl-support .item .bottom a {
  font-size: 1.6rem;
  line-height: 125%;
  text-decoration: underline;
  margin-bottom: 0.3rem;
}

#cl-support .item .bottom a:hover {
  text-decoration: none;
}

#cl-support .item .bottom .p-title {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 2rem;
  line-height: 105%;
  margin-bottom: 0;
}

#cl-directions {
  margin-bottom: 6rem;
}

#cl-directions .block {
  position: relative;
  min-height: 600px;
  background: radial-gradient(430.83% 177.15% at 108.5% 0%, rgb(50, 23, 128) 0%, rgb(90, 44, 239) 57.922565937%, rgb(205, 192, 255) 100%);
  border-radius: 4rem;
  padding: 8.6rem 7.5rem;
  overflow: hidden;
}

#cl-directions .block:before {
  content: "";
  position: absolute;
  width: 364px;
  height: 364px;
  top: 1rem;
  left: -9rem;
  background: url("../img/directions-star-1.png") center center no-repeat;
  transform: rotate(-16deg);
  z-index: 1;
}

#cl-directions .block:after {
  content: "";
  position: absolute;
  width: 364px;
  height: 364px;
  bottom: -5.8rem;
  right: -4.2rem;
  background: url("../img/directions-star-2.png") center center no-repeat;
  transform: rotate(-164deg);
  z-index: 1;
}

#cl-directions .section-title {
  position: relative;
  color: #fff;
  text-align: center;
  margin-bottom: 6rem;
  z-index: 2;
}

#cl-directions .items {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  z-index: 2;
}

#cl-directions .item {
  flex-basis: 339px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #faf9fe;
  border-radius: 3.2rem;
  padding: 2.4rem;
}

#cl-directions .item .top {
  text-align: center;
  margin-bottom: 4.5rem;
}

#cl-directions .item .top img {
  margin-bottom: 1.2rem;
}

#cl-directions .item .top .p-title {
  font-size: 1.6rem;
  line-height: 120%;
  margin-bottom: 0;
}

#cl-directions .btn-directions {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #faf9fe;
  white-space: nowrap;
  text-decoration: none;
  background: #5a2cef;
  border-radius: 1.6rem;
  padding: 2rem 3.2rem;
  transition: all 0.3s;
}

#cl-directions .btn-directions:hover {
  opacity: 0.7;
}

#cl-directions .btn-directions:active {
  color: #9d7bff;
  background: #cdc0ff;
}

#cl-footer {
  color: #838c9a;
  padding: 12rem 0;
}
#cl-footer .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cl-footer .item-left {
  flex-basis: 270px;
}
#cl-footer .item-left .logo {
  display: inline-block;
  margin-bottom: 0;
}
#cl-footer .item-left .p-copy {
  font-size: 1.3rem;
  line-height: 1.5rem;
  margin-bottom: 0;
}
#cl-footer .item-left .separator {
  height: 150px;
}
#cl-footer .social-links {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 3.2rem;
}
#cl-footer .social-links .icon {
  width: 2.4rem;
  height: 2.4rem;
}
#cl-footer .social-links .icon-vk {
  background: url(../img/icon-vk.svg) center center no-repeat;
}
#cl-footer .social-links .icon-yt {
  background: url(../img/icon-yt.svg) center center no-repeat;
}
#cl-footer .social-links .icon-tg {
  background: url(../img/icon-tg.svg) center center no-repeat;
}
#cl-footer .social-links .icon:hover {
  opacity: 0.5;
}
#cl-footer .item-center {
  flex-basis: 220px;
}
#cl-footer .item-center ul {
  list-style: none;
  font-size: 1.3rem;
  line-height: 1.5rem;
  padding-left: 0;
  margin-bottom: 0;
}
#cl-footer .item-center ul > li {
  margin-bottom: 1.2rem;
}
#cl-footer .item-center ul > li:last-child {
  margin-bottom: 0;
}
#cl-footer .item-center ul > li a {
  color: #838c9a;
  text-decoration: none;
}
#cl-footer .item-center ul > li a:hover {
  text-decoration: underline;
}
#cl-footer .item-right {
  flex-basis: 310px;
}
#cl-footer .item-right .a-phone, #cl-footer .item-right .a-email {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4rem;
  text-decoration: none;
  color: #838c9a;
  margin-bottom: 0;
}
#cl-footer .item-right .a-phone:hover, #cl-footer .item-right .a-email:hover {
  opacity: 0.5;
  text-decoration: none;
}
#cl-footer .item-right p {
  font-size: 1.3rem;
  line-height: 140%;
  margin-bottom: 1rem;
}
#cl-footer .item-right .separator {
  height: 42px;
}

.container.breadcrumbs {
  margin-top: 12rem;
  margin-bottom: 3rem;
}
.container .content {
  background: #faf9fe;
  border-radius: 3.2rem;
  padding: 3.4rem;
  overflow: hidden;
  font-size: 1.6rem;
}
.container .content h2 {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 2.4rem;
}
.container .content h3 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  margin: 0 0 1.2rem 0;
}
.container .content p {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
.container .content ul {
  padding-left: 1em;
  margin-bottom: 2rem;
}
.container .content ul > li {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
.container .content .bold {
  font-weight: 600;
}
.container .content .underline {
  text-decoration: underline;
}
.container .content .info-table {
  font-size: 1.6rem;
  line-height: 1.5;
  --bs-table-bg: transparent;
}

/*offcanvas*/
@media (min-width: 992px) {
  .offcanvas {
    visibility: visible;
    position: relative;
    background: none;
    border: none;
    justify-content: flex-end;
  }
}
@media (max-width: 992px) {
  .offcanvas {
    width: 320px !important;
    max-width: 90%;
    background: #fff;
    border-radius: 3rem 0 0 3rem;
    padding: 2rem 2rem 2rem 3rem;
  }
  .offcanvas-header {
    justify-content: space-between;
    padding: 0;
  }
  .offcanvas .navbar-brand-mobile {
    max-width: 150px;
  }
  .offcanvas-body {
    margin-left: 0 !important;
    padding: 3rem 0 0;
  }
  .offcanvas-footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
  .offcanvas-footer .social-links {
    display: flex;
    gap: 4.2rem;
    margin-bottom: 1.5rem;
  }
  .offcanvas-footer .social-links .icon {
    width: 24px;
    height: 24px;
  }
  .offcanvas-footer .social-links .icon-vk {
    background: url(../img/icon-vk.svg) center center no-repeat;
  }
  .offcanvas-footer .social-links .icon-yt {
    background: url(../img/icon-yt.svg) center center no-repeat;
  }
  .offcanvas-footer .social-links .icon-tg {
    background: url(../img/icon-tg.svg) center center no-repeat;
  }
  .offcanvas-footer .social-links .icon:hover {
    opacity: 0.5;
  }
  .offcanvas-footer .p-copy {
    font-size: 1.2rem;
    color: #838c9a;
    margin-bottom: 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
}
/*offcanvas*/
@media (max-width: 1259.8px) {
  #cl-top .img-top {
    right: 0;
  }
  #cl-features .item {
    flex-basis: 100%;
  }
  #cl-features .item-3:after {
    width: 186px;
    height: 186px;
    background: url(../img/features-3-mobile.png) center center no-repeat;
    top: -3rem;
    right: 1rem;
  }
  #cl-features .item .p-text br {
    display: none;
  }
  #cl-projects .img-lines {
    display: none;
  }
  #cl-projects .items > div {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1229.8px) {
  #cl-footer {
    padding: 7rem 0;
  }
}
@media (max-width: 1199.8px) {
  #cl-top .block {
    min-height: auto;
    background: radial-gradient(345.16% 235.86% at 130.03% 100%, rgb(50, 23, 128) 0%, rgb(90, 44, 239) 58.3592951298%, rgb(205, 192, 255) 100%);
    border-radius: 3rem;
    padding: 6.4rem 2.4rem 3.2rem;
  }
  #cl-top .img-top {
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
  }
  #cl-projects .item {
    border-radius: 3rem;
    padding: 3.2rem;
  }
  #cl-platform .text p {
    max-width: 100%;
  }
  #cl-platform .text .info {
    position: relative;
    width: 100%;
    height: auto;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    margin-top: 3.2rem;
  }
}
@media (max-width: 991.8px) {
  .section-title {
    font-size: 4rem;
    line-height: 5rem;
  }
  #cl-header .navbar-brand {
    max-width: 20rem;
  }
  #cl-header .navbar .nav-item > a.nav-link {
    box-shadow: none;
    padding: 0;
    margin: 0 0 2rem;
  }
  #cl-header .navbar .nav-item > a.nav-link:hover,
#cl-header .navbar .nav-item > a.nav-link.show {
    background: transparent;
  }
  #cl-header .navbar .nav-item .dropdown-menu {
    max-height: 340px;
    overflow-y: auto;
    border: none;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-radius: 0;
    padding: 0;
    margin: -1rem 0 1.6rem 0;
  }
  #cl-header .navbar .nav-item .dropdown-menu::-webkit-scrollbar {
    width: 2px;
    background: transparent;
  }
  #cl-header .navbar .nav-item .dropdown-menu::-webkit-scrollbar-thumb {
    width: 2px;
    background: #321780;
  }
  #cl-header .navbar .nav-item .dropdown-item {
    white-space: normal;
    border-radius: 0;
    padding: 1rem 0.8rem;
    margin: 0;
  }
  #cl-header .navbar .nav-item .dropdown-item:hover {
    background: transparent;
  }
  #cl-top {
    margin-bottom: 8.4rem;
  }
  #cl-projects {
    margin-bottom: 8.4rem;
  }
  #cl-platform {
    margin-bottom: 8.4rem;
  }
  #cl-platform .item {
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-bottom: 3.2rem;
  }
  #cl-platform .item .item-img {
    flex-basis: 100%;
  }
  #cl-platform .item .item-text {
    flex-basis: 100%;
  }
  #cl-platform .item:nth-child(2n+1) .item-img {
    order: 2;
  }
  #cl-platform .item:nth-child(2n+1) .item-text {
    order: 1;
  }
  #cl-platform .item-text .p-title br {
    display: none;
  }
  #cl-platform .item-text .p-text br {
    display: none;
  }
  #cl-platform .item-img img {
    border-radius: 3rem;
  }
  #cl-features {
    margin-bottom: 8.4rem;
  }
  #cl-features .items {
    gap: 1.6rem;
  }
  #cl-features .item {
    border-radius: 3rem;
  }
  #cl-experts {
    margin-bottom: 8.4rem;
  }
  #cl-support {
    margin-bottom: 8.4rem;
  }
  #cl-support .items {
    flex-wrap: wrap;
  }
  #cl-support .item {
    border-radius: 3rem;
  }
  #cl-directions {
    margin-bottom: 4rem;
  }
  #cl-directions .block {
    padding: 6rem 2.4rem;
  }
  #cl-directions .items {
    flex-wrap: wrap;
  }
  #cl-directions .item {
    border-radius: 3rem;
  }
  #cl-footer {
    padding: 5rem 0 5rem 0;
  }
  #cl-footer .item-left {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 3rem;
  }
  #cl-footer .item-left .logo {
    display: inline-block;
    margin-bottom: 2rem;
  }
  #cl-footer .item-left .separator {
    display: none;
  }
  #cl-footer .item-center {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 3rem;
  }
  #cl-footer .social-links {
    justify-content: center;
    margin-bottom: 3rem;
  }
  #cl-footer .item-right {
    flex-basis: 100%;
    text-align: center;
  }
  #cl-footer .item-right p {
    margin-bottom: 0.8rem;
  }
  #cl-footer .item-right .separator {
    display: none;
  }
  .container .content .info-table td {
    display: block;
  }
}
@media (max-width: 767.8px) {
  .section-title {
    font-size: 3.6rem;
    line-height: 105%;
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 576.8px) {
  .container {
    padding: 0 15px;
  }
  #cl-header {
    padding-top: 0.2rem;
  }
  #cl-top {
    margin-top: 9rem;
  }
  #cl-top .block h1 {
    font-size: 4.8rem;
    line-height: 94%;
    margin-bottom: 2rem;
  }
  #cl-top .block h2 {
    margin-bottom: 3.2rem;
  }
  #cl-top .btn-top {
    width: 100%;
    margin-bottom: 3.2rem;
  }
  #cl-projects .items {
    padding-left: 2.8rem;
    background: url("../img/projects-line-mobile.svg") top left no-repeat;
  }
  #cl-projects .items div.item {
    min-height: 207px;
    padding: 2.8rem;
    max-width: calc(100vw - 2.8rem - 3rem);
  }
  #cl-projects .items div.item .bottom .p-title {
    font-size: 1.4rem;
  }
  #cl-features .item .num {
    margin-bottom: 8rem;
  }
  #cl-features .item:after {
    width: 160px;
    height: 160px;
    background-size: cover;
    right: 1rem;
    top: -2.5rem;
  }
  #cl-features .item-3:after {
    background-size: 105%;
  }
  #cl-directions .block {
    background: radial-gradient(345.16% 235.86% at 130.03% 100%, rgb(50, 23, 128) 0%, rgb(90, 44, 239) 58.3592951298%, rgb(205, 192, 255) 100%);
    border-radius: 3rem;
  }
  #cl-directions .block:before {
    top: 20rem;
    left: -5rem;
  }
  .container.breadcrumbs {
    margin-top: 9rem;
    margin-bottom: 0;
  }
  .container.breadcrumbs > nav {
    display: none;
  }
  .container .content {
    border-radius: 3rem;
    padding: 2.8rem;
  }
  .container .content .first {
    margin-top: 9rem;
  }
  .container .content p {
    font-size: 1.4rem;
  }
  .container .content ul > li {
    font-size: 1.4rem;
  }
  .container .content h2 {
    font-size: 2.6rem;
    margin-bottom: 1.4rem;
  }
  .container .content h3 {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
}
#site-footer {
  color: var(--vs-footer-color-primary, #1c1c1c);
  background: var(--vs-footer-bg, #edecf3);
  padding: 12rem 0;
}
#site-footer .items-top {
  --bs-gutter-x: 5.4rem;
}
#site-footer .item-about,
#site-footer .item-links,
#site-footer .item-contacts {
  margin-bottom: 5.4rem;
}
#site-footer hr {
  border: 0;
  border-top: 1px solid var(--vs-footer-hr, #d9d8de);
  opacity: 1;
  margin: 0 0 3.2rem 0;
}
#site-footer .items-bottom {
  --bs-gutter-x: 5.4rem;
}
#site-footer .item-copy, #site-footer .item-info {
  margin-bottom: 3.2rem;
}
#site-footer .item-about .logo {
  display: block;
  width: 27.6rem;
  height: 6rem;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../img/logo-cloudlessons-bottom.svg");
  mask-image: url("../img/logo-cloudlessons-bottom.svg");
  background: var(--vs-footer-color-primary, #6d6d6d);
  margin-bottom: 0;
  margin-top: -2rem;
  transition: opacity 0.3s;
}
#site-footer .item-about .logo:hover {
  opacity: 0.7;
}
#site-footer .item-about p {
  color: var(--vs-footer-color-secondary, #a1a1a4);
  font-size: 1.4rem;
  line-height: 135%;
  margin-bottom: 0;
}
#site-footer .item-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#site-footer .item-links ul > li {
  font-size: 1.4rem;
  line-height: 135%;
  margin-bottom: 2rem;
}
#site-footer .item-links ul > li:last-child {
  margin-bottom: 0;
}
#site-footer .item-links ul > li > a {
  color: var(--vs-footer-color-primary, #6d6d6d);
  text-decoration: none;
}
#site-footer .item-links ul > li > a:hover {
  text-decoration: underline;
}
#site-footer .item-contacts {
  display: flex;
  flex-direction: column;
}
#site-footer .item-contacts .block-social {
  display: flex;
  align-items: center;
  gap: 4.4rem;
}
#site-footer .item-contacts .block-social .block-social .icon {
  display: block;
  width: 4rem;
  height: 4rem;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background: var(--vs-footer-color-primary, #6d6d6d);
  transition: opacity 0.3s;
}
#site-footer .item-contacts .block-social .block-social .icon:hover {
  opacity: 0.7;
}
#site-footer .item-contacts .block-social .block-social .icon-vk {
  -webkit-mask-image: url("../img/icon-vk.svg");
  mask-image: url("../img/icon-vk.svg");
}
#site-footer .item-contacts .block-social .block-social .icon-yt {
  -webkit-mask-image: url("../img/icon-yt.svg");
  mask-image: url("../img/icon-yt.svg");
}
#site-footer .item-contacts .block-social .block-social .icon-tg {
  -webkit-mask-image: url("../img/icon-tg.svg");
  mask-image: url("../img/icon-tg.svg");
}
#site-footer .item-contacts .block-call {
  margin-bottom: 3.2rem;
}
#site-footer .item-contacts .p-title {
  color: var(--vs-footer-color-secondary, #a1a1a4);
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 0;
}
#site-footer .item-contacts .p-text {
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 0;
}
#site-footer .item-contacts a[href^="tel:"], #site-footer .item-contacts a[href^="mailto:"] {
  color: var(--vs-footer-color-primary, #6d6d6d);
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 140%;
  white-space: nowrap;
  text-decoration: none;
  transition: opacity 0.3s;
}
#site-footer .item-contacts a[href^="tel:"]:hover, #site-footer .item-contacts a[href^="mailto:"]:hover {
  opacity: 0.7;
}
#site-footer .item-copy {
  align-self: flex-end;
}
#site-footer .item-copy p {
  color: var(--vs-footer-color-secondary, #a1a1a4);
  font-size: 1.2rem;
  line-height: 140%;
  margin-bottom: 0;
}
#site-footer .item-info {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
#site-footer .item-info p {
  color: var(--vs-footer-color-secondary, #a1a1a4);
  font-size: 1.2rem;
  line-height: 140%;
  margin-bottom: 0;
}
#site-footer .item-info p a {
  color: var(--vs-footer-color-secondary, #a1a1a4);
  text-decoration: underline;
}
#site-footer .item-info p a:hover {
  text-decoration: none;
}

@media (max-width: 1229.8px) {
  #site-footer .item-contacts a[href^="tel:"], #site-footer .item-contacts a[href^="mailto:"] {
    font-size: 2.6rem;
  }
}
@media (max-width: 1199.8px) {
  #site-footer .items-top {
    --bs-gutter-x: 3rem;
  }
  #site-footer .item-copy {
    order: 2;
  }
  #site-footer .item-info {
    order: 1;
  }
}
@media (max-width: 991.8px) {
  #site-footer {
    padding: 6.4rem 0;
  }
}
@media (max-width: 360px) {
  html {
    font-size: 9px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/OSPanel/domains/cloudlessons.lru/assets/site-v4/scss/styles.scss%22,%22file:///D:/OSPanel/domains/cloudlessons.lru/assets/site-v4/scss/_responsive.scss%22,%22file:///D:/OSPanel/domains/cloudlessons.lru/assets/site-v4/scss/_site_footer.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAQ;AACR;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;IACC;IACA;IACA;;;AAGF;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;AAAA;AAAA;EAIC;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;AAAA;EAGC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAIA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAWA;EACC;;;AAML;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAGD;EACC;EACA;;AAEA;EACC;;AAOL;EACC;;AAEA;EAEC;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC;EACA;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;;AAUF;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAID;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAKF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;;ACj2BH;AACA;EACC;IACC;IACA;IACA;IACA;IACA;;;AAGF;EACC;IACC;IACA;IACA;IACA;IACA;;EAED;IACC;IACA;;EAED;IACC;;EAED;IACC;IACA;;EAED;IACC;IACA;IACA;;EAED;IACC;IACA;IACA;;EAED;IACC;IACA;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;IACA;IACA;;EAED;IACC;;;AAGF;AACA;EACC;IACC;;EAED;IACC;;EAED;IACC;IACA;IACA;IACA;IACA;;EAED;IACC;;EAED;IACC;;EAGA;IACC;;;AAKH;EACC;IACC;;;AAGF;EACC;IACC;IACA;IACA;IACA;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;IACA;;EAED;IACC;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGF;EACC;IACC;IACA;;EAED;IACC;;EAED;IACC;IACA;IACA;;EAED;AAAA;IAGC;;EAED;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAED;IACC;IACA;IACA;IACA;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;IACA;IACA;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAEA;IACC;IACA;IACA;;EAEA;IACC;IACA;;EAGD;IACC;;EAIF;IACC;IACA;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;EAEA;IACC;;EAGD;IACC;;EAeA;IACC;;;AAML;EACC;IACC;IACA;IACA;;;AAGF;EACC;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;IACA;IACA;;EAED;IACC;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAEA;IACC;IACA;IACA;;EAEA;IACC;;EAOH;IACC;;EAED;IACC;IACA;IACA;IACA;IACA;;EAED;IACC;;EAED;IACC;IACA;;EAED;IACC;IACA;;EAKA;IACC;IACA;;EAEA;IACC;;EAIF;IACC;IACA;;EAEA;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;ACpZJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;AAAA;AAAA;EAII;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAMJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;;AAOpB;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAMZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;;AAOpB;EAMY;IACI;;;AAMhB;EAGQ;IACI;;EAIJ;IACI;;EAGJ;IACI;;;AAWZ;EACI;IACI;;;AASR;EACI;IACI%22%7D */