/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/react-responsive-carousel/lib/styles/carousel.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/react-sticky-navbar/lib/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.sticky-navbar-nav {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  padding-right: 32px;
  transition: all ease .5s;
}

.sticky-navbar-nav.sticky-navbar-mobile {
  background-color: black;
}

.sticky-navbar-nav.sticky-navbar-hidden {
  transform: translateY(-100%);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/scss/main.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  margin: 0;
  padding: 0;
}

.ant-image-preview-mask {
  background-color: rgba(0, 0, 0, 0.86) !important;
}

.bg-auto-img {
  width: 100%;
  cursor: pointer;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding-top: 100%;
  position: relative;
  border: 2px solid transparent;
  transition: transform 0.2s;
}
.bg-auto-img__addon {
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3294117647);
  z-index: 10;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bg-auto-img__addon.bottom {
  bottom: 0;
  top: auto;
}
.bg-auto-img.img-selected {
  border-color: #41a0ff;
  transform: scale(1.05);
  transition: transform 0.2s;
}

p, a, .portfolio-detail__about-description, .notify-toast {
  font-family: Inter, sans-serif;
  margin: 0;
  font-weight: 300;
  color: #0A2E36;
  line-height: 1.5em;
}

.portfolio-detail__about-description h3 {
  line-height: 1.25;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Rothek Bold", "sans-serif";
  line-height: 1.25;
  color: #0A2E36;
}

.link-primary {
  text-decoration: underline !important;
  color: rgb(82, 180, 16);
}

button {
  font-family: Inter, sans-serif;
}

@media (max-width: 1100px) {
  p, button {
    font-size: 14px !important;
  }
  h3, h4 {
    font-size: 24px !important;
  }
  a {
    font-size: 14px !important;
  }
}
.d-flex {
  display: flex;
}

.d-none {
  display: none !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-between {
  justify-content: space-between;
}

.gap-24 {
  gap: 24px;
}

.mt-0 {
  margin-top: 0 !important;
}

.text-muted {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7) !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.d-flex {
  display: flex !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-5 {
  gap: 5px;
}

.flex-column {
  flex-direction: column;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.number-input {
  outline: 0;
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  box-sizing: border-box;
  margin: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.5714285714;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  border-radius: 6px;
  transition: all 0.2s;
}
.number-input:focus {
  border-color: #1677ff;
  box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
  outline: 0;
  background-color: #ffffff;
}

.ant-picker, .w-100 {
  width: 100%;
}

.active-link {
  color: #1677ff !important;
  text-decoration: underline !important;
}

.text-gray {
  color: rgba(77, 77, 77, 0.7) !important;
}

.fixed-affix {
  z-index: 1000;
  position: fixed;
  bottom: 120px;
}
.fixed-affix__toggle {
  position: absolute;
  left: -45px;
  padding: 4px 6px;
}

.text-nowrap {
  white-space: nowrap;
}

.cursor-pointer {
  cursor: pointer;
}

.mui-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mui-icon svg {
  fill: white;
}

.bg-colors {
  background-color: #fafafa;
}
.bg-colors__dark {
  background-color: #0a2e36;
}

.default-link {
  line-height: normal;
  display: block !important;
}

.material-symbols-outlined {
  color: white;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.alice-carousel {
  max-width: calc(100vw - 250px);
}
@media (max-width: 1431px) {
  .alice-carousel {
    max-width: calc(100vw - 150px);
  }
}

.alice-carousel__stage-item {
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 150px;
}

.alice-carousel__dots {
  display: none;
}

.item {
  background: #ccc;
  height: 100%;
}

@media (max-width: 1100px) {
  html[data-scroll="0"][data-pathname="/"] .header:not(.active-menu) .header-logo path, html[data-scroll="0"][data-pathname="/services"]:not([data-errorpage="1"]) .header:not(.active-menu) .header-logo path {
    fill: #ffffff;
  }
}
@media (min-width: 1100px) {
  html[data-scroll="0"][data-pathname="/"] .header-logo path, html[data-scroll="0"][data-pathname="/services"]:not([data-errorpage="1"]) .header-logo path {
    fill: #ffffff;
  }
}
html[data-scroll="0"] .sticky-navbar-nav .phone-icon {
  fill: #ffffff;
}
html[data-scroll="0"] .sticky-navbar-nav .active {
  background: rgba(255, 255, 255, 0.1019607843);
}

html:not([data-scroll="0"]) .sticky-navbar-nav {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

html:not([data-scroll="0"]) .sticky-navbar-nav .phone-icon, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .phone-icon,
html[data-errorpage="1"] .sticky-navbar-nav .phone-icon {
  fill: #4dbf00;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .menu-icon path, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .menu-icon path,
html[data-errorpage="1"] .sticky-navbar-nav .menu-icon path {
  fill: #0a2e36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header,
html[data-errorpage="1"] .sticky-navbar-nav .header {
  transition: 200ms linear 50ms;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header__wrapper, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header__wrapper,
html[data-errorpage="1"] .sticky-navbar-nav .header__wrapper {
  background-color: #ffffff;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header__contacts, html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-link, html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-hover-link, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header__contacts, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-link, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-hover-link,
html[data-errorpage="1"] .sticky-navbar-nav .header__contacts,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-link,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-hover-link {
  color: #0a2e36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header__contacts a, html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-link a, html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-hover-link a, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header__contacts a, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-link a, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-hover-link a,
html[data-errorpage="1"] .sticky-navbar-nav .header__contacts a,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-link a,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-hover-link a {
  color: #0a2e36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-link, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-link,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-link {
  color: #52B410;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-hover-link:hover, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-hover-link:hover,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-hover-link:hover {
  color: #0A2E36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-hover-link::before, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-hover-link::before,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-hover-link::before {
  background-color: #0a2e36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-outline, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-outline,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-outline {
  color: #0a2e36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-outline:hover, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-outline:hover,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-outline:hover {
  border-color: #0a2e36;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-primary.active, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-primary.active,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-primary.active {
  color: #4dbf00;
  border-color: #4dbf00;
}
html:not([data-scroll="0"]) .sticky-navbar-nav .header .btn-primary.active:hover, html:not([data-pathname="/"]):not([data-pathname="/services"]) .sticky-navbar-nav .header .btn-primary.active:hover,
html[data-errorpage="1"] .sticky-navbar-nav .header .btn-primary.active:hover {
  color: #ffffff !important;
  background-color: #4dbf00;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 100px;
  width: 100%;
  transition: 200ms linear 50ms;
}
.header .phone-icon {
  display: none;
  width: 30px;
  margin-left: 10px;
  fill: #4dbf00;
  cursor: pointer;
}
.header__contacts {
  color: #ffffff;
  display: flex;
  align-items: center;
}
.header__contacts a {
  color: #ffffff;
}
@media (max-width: 1300px) {
  .header:not(.active-menu) .header__contacts .btn-link {
    display: none;
  }
  .header:not(.active-menu) .header__contacts .phone-icon {
    display: block;
  }
}
.header__toggle {
  display: none;
}
@media (max-width: 1100px) {
  .header {
    flex-direction: column;
    align-items: flex-start;
  }
  .header__toggle {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .header.active-menu {
    box-shadow: 0 0 0 100vmax rgba(10, 46, 54, 0.5019607843);
  }
  .header.active-menu .header__toggle {
    border-color: #4dbf00 !important;
  }
  .header.active-menu .header__contacts {
    margin-top: 36px;
    margin-bottom: 28px;
    gap: 24px;
  }
  .header.active-menu .header__contacts a {
    color: #0a2e36;
  }
  .header.active-menu .header__contacts button {
    padding: 0;
  }
  .header.active-menu .active {
    margin-top: 32px;
  }
  .header:not(.active-menu) .header__menu {
    display: none;
  }
  .header:not(.active-menu) .header__contacts {
    display: none;
  }
  .header__menu {
    width: 100%;
  }
}
@media (max-width: 1431px) {
  .header {
    padding: 22px 50px;
  }
}
@media (max-width: 700px) {
  .header {
    padding: 18px;
  }
  .header__toggle {
    top: 13px;
    right: 10px;
  }
  .header .header-logo {
    transform: scale(0.7);
    margin-left: -25px;
  }
}

.sticky-navbar-nav {
  padding: 0;
}
.sticky-navbar-nav:not(.sticky-navbar-middle) {
  /*
  .black-logo {
    display: none;
  }
  .white-logo {
    display: block;
  }
  .active {
    background: #FFFFFF1A;
  }
  */
}
@media (max-width: 1100px) {
  .sticky-navbar-nav .header.active-menu {
    background-color: #ffffff !important;
  }
  .sticky-navbar-nav .header.active-menu .black-logo {
    display: block;
  }
  .sticky-navbar-nav .header.active-menu .white-logo {
    display: none;
  }
  .sticky-navbar-nav .header__contacts, .sticky-navbar-nav .header .btn-link, .sticky-navbar-nav .header .btn-hover-link {
    color: #0a2e36;
  }
  .sticky-navbar-nav .header .btn-outline {
    color: #0a2e36;
  }
  .sticky-navbar-nav .header .btn-outline:hover {
    border-color: #0a2e36;
  }
  .sticky-navbar-nav .header .btn-primary.active {
    color: #4dbf00 !important;
    border-color: #4dbf00 !important;
  }
}

.menu-group {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 24px;
}
@media (max-width: 1100px) {
  .menu-group {
    flex-direction: column;
    gap: 0;
  }
  .menu-group .btn.btn-hover-link:hover {
    color: #0A2E36;
  }
}

a.btn {
  text-decoration: none;
}

.btn {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  white-space: nowrap;
}
.btn.primary-btn {
  color: #4dbf00;
  background: transparent;
  border: 1px solid #4dbf00;
  transition: all 0.3s ease;
}
.btn.primary-btn:hover {
  color: #ffffff;
  background: #4dbf00;
  transition: all 0.3s ease;
}
.btn.btn-link {
  color: #ffffff;
  text-decoration: underline;
}
.btn.btn-hover-link {
  color: #ffffff;
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.btn.btn-hover-link:hover {
  color: #ffffff;
}
.btn.btn-hover-link::before, .btn.btn-hover-link.hover-active::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
.btn.btn-hover-link:hover::before, .btn.btn-hover-link.hover-active::before {
  transform: scaleX(1);
}
.btn.btn-outline {
  color: #ffffff;
  transition: 200ms linear 30ms;
}
.btn.btn-outline:hover {
  border: 1px solid #ffffff;
  transition: 200ms linear 30ms;
}
.btn.btn-invisible {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  transition: 200ms linear 30ms;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-invisible:hover {
  transition: 200ms linear 30ms;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.btn-redirect {
  display: flex;
  align-items: center;
  gap: 10px;
}
.btn.btn-redirect svg {
  transform: scale(0.7);
  margin-right: -5px;
}
.btn.btn-text {
  width: auto;
  height: auto;
  padding: 10px 20px;
}
.btn.btn-white {
  color: #0a2e36;
  background-color: #ffffff;
  transition: 200ms linear 30ms;
}
.btn.btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.btn.btn-secondary {
  color: #ffffff;
  background-color: #0a2e36;
  transition: 200ms linear 30ms;
}
.btn.btn-secondary:hover {
  transition: 200ms linear 30ms;
  background-color: #ffffff;
  color: #0a2e36;
}
.btn.btn-toggler {
  background: rgba(255, 255, 255, 0.1019607843);
  width: 50px;
  height: 44px;
  padding: 0;
}

.link {
  font-size: 16px;
  font-weight: 300;
  color: #103e48;
  text-decoration: underline;
  transition: 200ms linear 30ms;
}
.link:hover {
  transition: 200ms linear 30ms;
  color: #0a2e36;
}

.toggle-btn {
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 12px;
}
.toggle-btn .toggle-arrow {
  transform: rotate(180deg);
}
.toggle-btn.toggle-active .toggle-arrow {
  transform: rotate(0deg);
}

.static-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1;
}
.static-page .feedback-container {
  width: 100%;
  flex: 1 1;
}
.static-page .feedback-container.light-style {
  background-color: white;
}
.static-page .feedback-container.dark-style {
  background-color: #4dbf00;
}
.static-page .feedback-container.semidark-style {
  background-color: #f8f8f8;
}
.static-page .feedback-container.dark-primary-style {
  background-color: #4dbf00;
}
.static-page .feedback-container.dark-black-style {
  background-color: black;
}
.static-page .feedback-container.dark-blue-style {
  background-color: #13399C;
}
.static-page .feedback-container.dark-orange-style {
  background-color: #EB5E28;
}
.static-page.display-only-children .service-block-container {
  padding-top: 100px;
}
.static-page .common-list-group__col {
  width: 100%;
}
.static-page__container {
  padding: 64px 100px;
  width: auto;
  max-width: 1920px;
}
.static-page__title {
  margin-top: 64px;
  margin-bottom: 64px;
  font-size: 48px;
}
@media (max-width: 1431px) {
  .static-page__container {
    padding: 64px 50px;
  }
  .static-page__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
  }
}
@media (max-width: 1100px) {
  .static-page__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 32px;
  }
}
@media (max-width: 700px) {
  .static-page__container {
    padding: 64px 16px;
  }
}

@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-SemiBold.c8f25454.otf) format("woff2"), url(/_next/static/media/Inter-SemiBold.c8f25454.otf) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-Light.de074da2.otf) format("woff2"), url(/_next/static/media/Inter-Light.de074da2.otf) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-Black.d38a8122.otf) format("woff2"), url(/_next/static/media/Inter-Black.d38a8122.otf) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-Bold.6d772952.otf) format("woff2"), url(/_next/static/media/Inter-Bold.6d772952.otf) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-Regular.4c664b34.otf) format("woff2"), url(/_next/static/media/Inter-Regular.4c664b34.otf) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-ExtraLight.2b3aaac5.otf) format("woff2"), url(/_next/static/media/Inter-ExtraLight.2b3aaac5.otf) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-ExtraBold.789b9f9a.otf) format("woff2"), url(/_next/static/media/Inter-ExtraBold.789b9f9a.otf) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-Medium.5070bc70.otf) format("woff2"), url(/_next/static/media/Inter-Medium.5070bc70.otf) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-ExtraBold.9c9b3db1.otf) format("woff2"), url(/_next/static/media/InterDisplay-ExtraBold.9c9b3db1.otf) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-Bold.8830adf7.otf) format("woff2"), url(/_next/static/media/InterDisplay-Bold.8830adf7.otf) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-Black.2912bd3b.otf) format("woff2"), url(/_next/static/media/InterDisplay-Black.2912bd3b.otf) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-Regular.8ca76549.otf) format("woff2"), url(/_next/static/media/InterDisplay-Regular.8ca76549.otf) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-SemiBold.57ca2cb3.otf) format("woff2"), url(/_next/static/media/InterDisplay-SemiBold.57ca2cb3.otf) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-Light.0038ff7c.otf) format("woff2"), url(/_next/static/media/InterDisplay-Light.0038ff7c.otf) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/_next/static/media/Inter-Thin.900145fe.otf) format("woff2"), url(/_next/static/media/Inter-Thin.900145fe.otf) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-ExtraLight.f67dba84.otf) format("woff2"), url(/_next/static/media/InterDisplay-ExtraLight.f67dba84.otf) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-Medium.7e05ddc3.otf) format("woff2"), url(/_next/static/media/InterDisplay-Medium.7e05ddc3.otf) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Display";
  src: url(/_next/static/media/InterDisplay-Thin.d3c56b8f.otf) format("woff2"), url(/_next/static/media/InterDisplay-Thin.d3c56b8f.otf) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rothek Bold";
  src: url(/_next/static/media/Rothek-bold.e07a2caa.otf) format("woff2"), url(/_next/static/media/Rothek-bold.e07a2caa.otf) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
.brand-carousel {
  position: relative;
}
.brand-carousel .thumbs-wrapper {
  display: none;
}
.brand-carousel .carousel.carousel-slider .control-arrow {
  position: relative;
  width: 100px;
  z-index: 100;
  bottom: 70px;
  height: 100%;
}
.brand-carousel .carousel.carousel-slider .control-arrow__wrapper {
  position: absolute;
  left: 0;
  height: 100%;
  padding-bottom: 70px;
}
.brand-carousel .carousel.carousel-slider .control-arrow__wrapper.wrapper-next {
  right: 0;
  left: auto;
}
.brand-carousel .carousel.carousel-slider .control-arrow.wrapper-next {
  right: 0;
  left: auto;
}
.brand-carousel .carousel.carousel-slider .control-arrow::before {
  display: none;
}
@media (max-width: 1100px) {
  .brand-carousel .carousel.carousel-slider .control-arrow {
    display: none;
  }
}
.brand-carousel .control-dots, .brand-carousel .carousel-status {
  display: none;
}
.brand-carousel .slide {
  transition: all 0.5s ease-out;
}
.brand-carousel .slide:not(.selected) {
  opacity: 0;
  transition: all 0.5s ease-out;
}

.brand-carousel-slide {
  position: relative;
  background-repeat: no-repeat;
  background-size: 3000px;
  background-position: center;
  padding-top: 170px;
  display: flex;
  justify-content: space-between;
}
.brand-carousel-slide__wrapper {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.brand-carousel-slide__wrapper.default-bg {
  background-color: #4dbf00;
}
.brand-carousel-slide__graphs {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 10;
  top: 0;
}
.brand-carousel-slide__info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 20;
  min-width: 850px;
  padding-bottom: 60px;
}
@media (max-width: 1100px) {
  .brand-carousel-slide__info {
    padding-bottom: 0;
  }
}
.brand-carousel-slide__title {
  color: white;
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 700;
}
.brand-carousel-slide__price {
  margin-bottom: 50px;
  font-family: "Rothek Bold";
  font-weight: 700;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.53);
}
.brand-carousel-slide__title, .brand-carousel-slide__price {
  position: relative;
  z-index: 10;
  text-align: left;
}
.brand-carousel-slide__background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.brand-carousel-slide__image {
  width: auto !important;
  height: auto !important;
  left: 0;
  z-index: 10;
  position: absolute;
}
.brand-carousel-slide__image-container {
  width: 100%;
  min-width: 1000px;
  z-index: 15;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.brand-carousel-slide__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36px;
  gap: 36px;
}
.brand-carousel-slide__img-container {
  min-width: 46px;
  min-height: 46px;
  max-width: 46px;
  max-height: 46px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-carousel-slide__grid-item {
  position: relative;
  z-index: 10;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.brand-carousel-slide__grid-item p {
  color: white;
  text-align: left;
}
.brand-carousel-slide__details {
  display: flex;
  align-items: center;
  gap: 24px;
  z-index: 10;
  position: relative;
  margin-top: 50px;
  margin-bottom: 60px;
}
.brand-carousel-slide__details img {
  width: 142px !important;
}
.brand-carousel-slide__wrapper {
  padding-left: 100px;
  padding-right: 100px;
  height: 100%;
}
.brand-carousel-slide__grid-wrapper {
  display: flex;
  flex-direction: column;
}
.brand-carousel-slide__grid-wrapper.grid-show {
  gap: 36px;
}
.brand-carousel-slide .toggle-btn {
  margin-bottom: 29px;
  color: #ffffff;
  padding: 0;
}
.brand-carousel-slide .toggle-btn path {
  fill-opacity: 1;
}
@media (max-width: 1431px) {
  .brand-carousel-slide {
    padding-top: 100px;
  }
  .brand-carousel-slide__wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }
  .brand-carousel-slide__info {
    min-width: 660px;
  }
  .brand-carousel-slide__image {
    bottom: -50px;
  }
}
@media (max-width: 1100px) {
  .brand-carousel-slide {
    flex-direction: column;
    gap: 30px;
  }
  .brand-carousel-slide__image-container {
    min-width: 415px;
    min-height: 450px;
  }
  .brand-carousel-slide__image {
    width: 100% !important;
    position: relative;
    top: 0;
  }
  .brand-carousel-slide__info {
    min-width: auto;
  }
  .brand-carousel-slide__details {
    margin-bottom: 0;
  }
  .brand-carousel-slide__title {
    font-size: 28px;
  }
  .brand-carousel-slide__price {
    font-size: 20px !important;
    margin-bottom: 24px;
  }
}
@media (max-width: 700px) {
  .brand-carousel-slide__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
  .brand-carousel-slide__grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: auto;
    gap: 18px;
  }
  .brand-carousel-slide__details {
    margin-top: 24px;
  }
  .brand-carousel-slide .brand-carousel-slide__image-container {
    min-height: 300px;
  }
}

.services .services-grid-item:nth-child(1) {
  grid-area: grid-item-1;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(1) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(2) {
  grid-area: grid-item-2;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(2) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(3) {
  grid-area: grid-item-3;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(3) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(4) {
  grid-area: grid-item-4;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(4) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(5) {
  grid-area: grid-item-5;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(5) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(6) {
  grid-area: grid-item-6;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(6) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(7) {
  grid-area: grid-item-7;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(7) {
    grid-area: auto;
  }
}
.services .services-grid-item:nth-child(8) {
  grid-area: grid-item-8;
}
@media (max-width: 800px) {
  .services .services-grid-item:nth-child(8) {
    grid-area: auto;
  }
}
.services__grid {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "grid-item-1 grid-item-1 grid-item-2 grid-item-2" "grid-item-3 grid-item-4 grid-item-5 grid-item-6" "grid-item-7 grid-item-7 grid-item-8 grid-item-8";
}
@media (max-width: 1431px) {
  .services__grid {
    grid-template-areas: "grid-item-1 grid-item-1 grid-item-2 grid-item-2" "grid-item-3 grid-item-3 grid-item-4 grid-item-4" "grid-item-5 grid-item-5 grid-item-6 grid-item-6" "grid-item-7 grid-item-7 grid-item-8 grid-item-8";
  }
}
@media (max-width: 800px) {
  .services__grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: initial;
  }
}

.services-grid-item {
  padding: 40px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  justify-content: space-between;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 192px;
  transition: all 0.3s ease-out;
  border: 1px solid #e9e9e9;
}
.services-grid-item__title-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.services-grid-item__detail {
  position: absolute;
  right: 40px;
  bottom: 40px;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.services-grid-item:hover {
  transition: all 0.3s ease-out;
  margin-top: -8px;
  margin-bottom: 8px;
}
.services-grid-item:hover .services-grid-item__detail {
  opacity: 1;
  transition: all 0.3s ease-out;
}
.services-grid-item__title {
  font-size: 24px;
  line-height: 1.5em;
  color: #0a2e36;
  margin: 0;
}
.services-grid-item.bg-colors__dark .services-grid-item__title, .services-grid-item.white-text .services-grid-item__title {
  color: #ffffff;
}
.services-grid-item:not(.white-text) path {
  fill: #0a2e36;
}
.services-grid-item:not(.white-text) .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.services-grid-item .services-grid-item__actions a {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.025rem;
}
.services-grid-item__actions {
  display: flex;
  gap: 36px;
  align-items: center;
}
.services-grid-item__actions a {
  transition: 200ms linear 30ms;
  display: flex;
  align-items: center;
  gap: 12px;
}
.services-grid-item__actions a:hover {
  opacity: 0.75;
  transition: 200ms linear 30ms;
}
.services-grid-item__actions a svg {
  transform: scale(0.6);
}
.services-grid-item__actions a:nth-child(2) {
  font-weight: 500;
}
@media (max-width: 1100px) {
  .services-grid-item {
    padding: 24px;
  }
  .services-grid-item__title {
    font-size: 18px !important;
  }
  .services-grid-item__detail {
    right: 24px;
    bottom: 24px;
  }
}

.page-item {
  padding-right: 100px;
  padding-left: 100px;
}
.page-item .page-item__title {
  margin-bottom: 64px;
  margin-top: 64px;
  font-size: 32px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-item .page-item__title h1 {
  font-size: 37.5px;
}
.page-item .page-item__title h3, .page-item .page-item__title h1 {
  margin: 0;
  transition: all 0.2s ease-out;
}
.page-item .page-item__title .default-link {
  transition: all 0.2s ease-out;
}
.page-item .page-item__title .default-link h3:hover, .page-item .page-item__title .default-link h1:hover {
  transition: all 0.2s ease-out;
  color: #6be226;
}
.page-item .link {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page-item .link svg {
  transform: scale(0.6);
}
.page-item .link svg path {
  fill: #103e48;
}
.page-item .link:hover {
  transition: 200ms linear 30ms;
}
.page-item .link:hover svg path {
  fill: #0a2e36;
}
@media (max-width: 1431px) {
  .page-item {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 1100px) {
  .page-item .page-item__title {
    margin-bottom: 32px;
    margin-top: 24px;
  }
}
@media (max-width: 700px) {
  .page-item {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.news {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  gap: 24px;
}
.news .news-item {
  padding-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
}
.news .news-item__title {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
  transition: all 0.1s ease-out;
}
.news .news-item__title:hover {
  transition: all 0.1s ease-out;
  color: #011012;
}
.news .news-item__description {
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 300;
}
.news .news-item__date {
  color: #617F86;
  font-size: 12px;
  font-weight: 400;
  margin-right: 8px;
}
.news .news-item__tags-group {
  display: flex;
  gap: 24px;
  align-items: center;
}
.news .news-item__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.news .news-item__tag {
  font-weight: 400;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 14px;
}
.news .news-item:nth-last-child(-n+2) {
  border-bottom: 1px solid transparent;
}
@media (max-width: 800px) {
  .news .news-item__tags-group, .news .news-item__tags {
    gap: 12px;
  }
  .news .news-item__tags-group p, .news .news-item__tags p {
    font-size: 12px !important;
  }
}
@media (max-width: 1100px) {
  .news .news-item__title {
    font-size: 16px !important;
  }
}
@media (max-width: 700px) {
  .news {
    grid-template-columns: 1fr;
  }
  .news .news-item:nth-last-child(-n+2) {
    border-bottom: 1px solid #e9e9e9;
  }
  .news .news-item:last-child {
    border-bottom: 1px solid transparent;
  }
}

.articles {
  margin-top: 64px;
  padding: 64px 100px;
  background-color: #ffffff;
}
.articles__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}
.articles__header h3 {
  font-size: 32px;
  margin: 0;
  font-weight: 700;
  transition: all 0.2s ease-out;
}
.articles__header h3:hover {
  transition: all 0.2s ease-out;
  color: #6be226;
}
.articles__header .link {
  display: flex;
  align-items: center;
  gap: 10px;
}
.articles__header .link svg {
  transform: scale(0.6);
}
.articles__header .link svg path {
  transition: 200ms linear 30ms;
  fill: #103e48;
}
.articles__header .link:hover {
  transition: 200ms linear 30ms;
  color: #6be226;
}
.articles__header .link:hover svg path {
  transition: 200ms linear 30ms;
  fill: #6be226;
}
.articles__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
  gap: 24px;
}
.articles.articles-list {
  margin-top: 0;
}
.articles.articles-list .articles__header {
  margin: 0;
}
.articles.articles-list .articles__container {
  margin-bottom: 64px;
}
.articles__title {
  margin-top: 64px;
  margin-bottom: 64px;
  font-size: 48px;
}
.articles .article-item {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  position: relative;
}
.articles .article-item__tags-group {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 60px;
}
.articles .article-item__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.articles .article-item__tag {
  font-weight: 400;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 14px;
}
.articles .article-item__date {
  color: #617F86;
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
}
.articles .article-item__container {
  overflow: auto;
}
.articles .article-item__title {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
}
.articles .article-item__description {
  font-size: 16px;
  font-weight: 300;
  margin-top: 24px;
  margin-bottom: 24px;
}
.articles .article-item__image {
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.articles .article-item__title {
  transition: all 0.1s ease-out;
}
.articles .article-item__title:hover {
  transition: all 0.1s ease-out;
  color: #011012;
}
.articles .article-item__content {
  padding: 40px;
}
.articles .article-item__content .link {
  color: #4dbf00;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
}
.articles .article-item__content .link svg {
  opacity: 0;
  transition: all 0.1s ease-out;
  transform: scale(0.7);
}
.articles .article-item__content .link path {
  fill: #4dbf00;
}
.articles .article-item__content .link:hover {
  color: #008f06;
}
.articles .article-item__content .link:hover svg {
  transition: all 0.1s ease-out;
  opacity: 1;
}
.articles .article-item__content .link:hover svg path {
  fill: #008f06;
}
@media (max-width: 1431px) {
  .articles {
    padding: 48px 50px;
  }
  .articles__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
  }
}
@media (max-width: 1100px) {
  .articles__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 32px;
  }
  .articles .article-item__content {
    padding: 24px;
  }
  .articles .article-item__content .link {
    bottom: 24px;
    left: 24px;
    right: 24px;
  }
  .articles .article-item__title {
    font-size: 16px !important;
  }
  .articles__header {
    margin-top: 32px;
  }
  .articles__container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 800px) {
  .articles {
    padding: 16px;
  }
  .articles.articles-list {
    padding: 64px 16px;
  }
  .articles.articles-list .articles__container {
    margin-bottom: 32px;
  }
  .articles__container {
    display: flex;
    flex-direction: column;
  }
}

.footer .contact-container {
  display: flex;
  gap: 18px;
}
.footer .footer-links {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-gap: 32px;
  gap: 32px;
  justify-content: space-between;
  align-items: center;
  padding: 48px 100px;
}
.footer .footer-links__wrapper {
  background-color: #0a2e36;
}
.footer .footer-links__group {
  display: flex;
  gap: 48px;
}
.footer .footer-links__services-group {
  display: flex;
  gap: 16px;
}
.footer .footer-links__logo-group p {
  color: #ffffff;
  margin-top: 24px;
}
.footer .footer-links__about {
  max-width: 272px;
  width: 100%;
}
.footer .footer-links__services p, .footer .footer-links__about p {
  color: #4dbf00;
  margin-bottom: 28px;
}
.footer .footer-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 36px 100px;
}
.footer .footer-brand__wrapper {
  background-color: #4dbf00;
}
.footer .footer-brand__name {
  font-family: "Rothek Bold";
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.footer .footer-brand__date {
  font-family: "Inter";
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
}
.footer .footer-brand__contacts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}
.footer .footer-brand__contact {
  display: flex;
  align-items: center;
  gap: 18px;
}
.footer .footer-brand__contact img {
  border-radius: 10px;
}
.footer .footer-brand__contact p, .footer .footer-brand__contact a {
  color: #ffffff;
}
.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 394px;
}
.footer ul li {
  text-decoration: none;
  padding-bottom: 16px;
}
.footer ul li a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  font-size: 14px;
}
@media (max-width: 1431px) {
  .footer .footer-links {
    padding: 48px 50px;
  }
  .footer .footer-brand {
    padding: 36px 50px;
  }
}
@media (max-width: 1100px) {
  .footer .footer-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .footer .footer-brand {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .footer .footer-brand__name {
    font-size: 16px !important;
  }
  .footer .footer-brand__contacts {
    gap: 24px;
  }
}
@media (max-width: 700px) {
  .footer .contact-container {
    display: flex;
    gap: 8px;
    flex-direction: column;
  }
  .footer .footer-brand {
    padding: 16px;
  }
  .footer .footer-links {
    padding: 24px 16px;
  }
  .footer .footer-links__group {
    flex-direction: column;
    gap: 24px;
  }
  .footer .footer-links__services-group {
    flex-direction: column;
    gap: 0;
  }
  .footer .footer-links__logo-group img {
    max-width: 169px;
  }
  .footer .footer-brand__contacts {
    flex-direction: column;
    align-items: flex-start;
  }
}

.clients-carousel {
  padding: 64px 100px;
}
.clients-carousel__title {
  font-family: "Rothek Bold";
  font-weight: 700;
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 0;
  transition: all 0.1s ease-out;
}
.clients-carousel__title:hover {
  transition: all 0.1s ease-out;
  color: #011012;
}
.clients-carousel .clients-carousel-slide {
  height: 200px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  text-align: center;
}
.clients-carousel .clients-carousel-slide a {
  border-bottom: 0;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  -webkit-filter: grayscale(100%) brightness(100%);
  opacity: 0.9;
}
.clients-carousel .clients-carousel-slide a:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
}
@media (max-width: 1431px) {
  .clients-carousel {
    padding: 48px 50px;
  }
}
@media (max-width: 700px) {
  .clients-carousel {
    padding: 16px;
  }
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #e9e9e9;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #4dbf00;
  color: #ffffff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  background: #e9e9e9;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #4dbf00;
}

.projects-carousel {
  margin-bottom: -20px;
  padding: 64px 100px 0;
  /*
    max-width: 1920px;
  width: 100%;
  &__wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  */
}
.projects-carousel .slider-wrapper {
  max-width: 1920px;
}
.projects-carousel__wrapper {
  margin-top: 64px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.projects-carousel .carousel-status, .projects-carousel .control-dots, .projects-carousel .thumbs-wrapper, .projects-carousel .control-arrow {
  display: none;
}
.projects-carousel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
}
.projects-carousel__header a {
  color: white;
}
.projects-carousel__arrows-group {
  display: flex;
  align-items: center;
  gap: 48px;
}
.projects-carousel__arrows-group h3 {
  margin: 0;
  font-weight: 700;
  font-size: 32px;
  color: white;
}
.projects-carousel__arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}
.projects-carousel .projects-carousel-slide {
  display: flex;
  margin-bottom: 64px;
}
.projects-carousel .projects-carousel-slide__about-container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.projects-carousel .projects-carousel-slide__image {
  flex: 2 1;
}
.projects-carousel .projects-carousel-slide__about {
  text-align: left;
  flex: 1 1;
}
.projects-carousel .projects-carousel-slide__type {
  background: rgba(255, 255, 255, 0.1019607843);
  margin: 0;
  color: white;
  font-size: 18px;
  padding: 5px 10px;
  border-radius: 10px;
}
.projects-carousel .projects-carousel-slide__title {
  font-weight: 700;
  font-size: 48px;
  color: white;
  margin-bottom: 24px;
  margin-top: 0;
}
.projects-carousel .projects-carousel-slide__link {
  color: white;
  font-size: 18px;
}
.projects-carousel .projects-carousel-slide__description {
  color: white;
  font-size: 18px;
  margin: 0;
}
.projects-carousel .projects-carousel-slide__description p {
  color: white;
}
@media (max-width: 1431px) {
  .projects-carousel {
    padding-right: 50px;
    padding-left: 50px;
  }
  .projects-carousel .projects-carousel-slide {
    margin-bottom: 48px;
  }
  .projects-carousel .projects-carousel-slide__title {
    margin-bottom: 18px;
  }
  .projects-carousel .projects-carousel-slide__about-container {
    gap: 48px;
  }
  .projects-carousel__header {
    margin-bottom: 36px;
  }
}
@media (max-width: 1000px) {
  .projects-carousel {
    padding-top: 18px;
  }
  .projects-carousel__wrapper {
    margin-top: 28px;
  }
  .projects-carousel .projects-carousel-slide {
    flex-direction: column;
    gap: 24px;
  }
  .projects-carousel .projects-carousel-slide__about-container {
    gap: 24px;
  }
  .projects-carousel .projects-carousel-slide__title {
    font-size: 24px;
  }
  .projects-carousel .projects-carousel-slide__link, .projects-carousel .projects-carousel-slide__type {
    font-size: 12px;
  }
  .projects-carousel .projects-carousel-slide__description {
    font-size: 14px;
  }
  .projects-carousel__header a {
    display: none;
  }
  .projects-carousel__arrows-group {
    justify-content: space-between;
  }
  .projects-carousel__arrows-group h3 {
    font-size: 24px;
  }
}
@media (max-width: 700px) {
  .projects-carousel {
    padding: 16px 0;
  }
  .projects-carousel .projects-carousel-slide__about, .projects-carousel__header {
    padding-left: 16px;
    padding-right: 16px;
  }
  .projects-carousel__header .btn-redirect {
    display: none;
  }
  .projects-carousel__arrows-group {
    width: 100%;
  }
}

.portfolio {
  padding: 64px 100px;
  position: relative;
}
.portfolio__title {
  margin-top: 64px;
  margin-bottom: 64px;
  font-size: 48px;
}
.portfolio .portfolio-graphics {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 20%;
  width: 100%;
}
.portfolio .portfolio-graphics g {
  opacity: 0.03 !important;
}
.portfolio .portfolio-nav {
  list-style: none;
  padding: 0;
  position: relative;
  z-index: 10;
  display: flex;
  gap: 36px;
  align-items: center;
  margin-bottom: 64px;
}
.portfolio .portfolio-nav a {
  font-weight: 400;
  transition: 200ms linear 30ms;
}
.portfolio .portfolio-nav a:hover, .portfolio .portfolio-nav a.active {
  transition: 200ms linear 30ms;
  color: #4dbf00;
}
.portfolio .portfolio-list {
  position: relative;
  z-index: 10;
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 24px;
}
.portfolio .portfolio-list.priority-items {
  grid-template-columns: 1fr 1fr;
}
.portfolio .portfolio-list__backdrop {
  transition: 200ms linear 30ms;
  position: absolute;
  top: 0;
  right: 0;
  left: 1px;
  width: 100%;
  bottom: 0;
  z-index: 10;
  background-color: rgba(82, 180, 16, 0.9);
  border-radius: 10px;
  opacity: 0;
}
.portfolio .portfolio-list__backdrop.backdrop-no-hover {
  opacity: 1;
  z-index: 10;
  background: linear-gradient(to bottom, transparent 45%, rgba(10, 46, 54, 0.85) 90%);
}
.portfolio .portfolio-list__arrow-group {
  display: flex;
  align-items: center;
  gap: 24px;
  position: absolute;
  top: 36px;
  right: 36px;
  z-index: 10;
  opacity: 0;
}
.portfolio .portfolio-list__backdrop-text {
  color: #ffffff;
  z-index: 20;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  transition: 200ms linear 30ms;
}
.portfolio .portfolio-list .right-top-arrow {
  transition: 200ms linear 30ms;
}
.portfolio .portfolio-list__item-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  font-family: Inter;
  margin-top: 18px;
  margin-bottom: 18px;
}
.portfolio .portfolio-list__item-container {
  display: flex;
  flex-direction: column;
}
.portfolio .portfolio-list__image-container {
  cursor: pointer;
  aspect-ratio: 1.6;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
}
.portfolio .portfolio-list__item {
  display: flex;
  position: relative;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10px;
}
.portfolio .portfolio-list__item:hover .portfolio-list__image {
  transform: scale(1.1);
}
.portfolio .portfolio-list__item:hover .portfolio-list__image-container {
  border: 1px solid rgba(82, 180, 16, 0.9);
}
.portfolio .portfolio-list__item:hover .portfolio-list__arrow-group {
  transition: 200ms linear 30ms;
  opacity: 1;
}
.portfolio .portfolio-list__item:hover .portfolio-list__backdrop, .portfolio .portfolio-list__item:hover .portfolio-list__arrow-group {
  transition: 200ms linear 30ms;
  opacity: 1;
}
.portfolio .portfolio-list__item:hover .backdrop-no-hover {
  transition: 200ms linear 30ms;
}
.portfolio .portfolio-list__image {
  height: 100%;
  width: 100%;
  transition: transform 0.2s;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1431px) {
  .portfolio {
    padding: 64px 50px;
  }
  .portfolio__title {
    font-size: 32px;
  }
  .portfolio .portfolio-list {
    grid-template-columns: 1fr 1fr;
  }
  .portfolio .portfolio-list__arrow-group {
    right: 24px;
    top: 24px;
  }
}
@media (max-width: 1100px) {
  .portfolio__title {
    font-size: 24px;
  }
  .portfolio .portfolio__title {
    margin-top: 74px;
    margin-bottom: 32px;
  }
  .portfolio .portfolio-nav {
    margin-bottom: 32px;
    flex-wrap: wrap;
    row-gap: 16px;
  }
  .portfolio .portfolio-list {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 700px) {
  .portfolio {
    padding: 32px 16px;
  }
}

.portfolio-detail {
  padding: 154px 100px;
  grid-row-gap: 24px;
  display: grid;
  grid-gap: 63px;
  gap: 63px;
  grid-template-columns: 1fr 0.8fr;
  grid-template-areas: "images title" "images about" "images about" "props about" "props about" "service about" ". about" ". about";
}
.portfolio-detail.one-col {
  grid-template-columns: 1fr;
  grid-template-areas: "title" "images" "props" "service";
}
.portfolio-detail.one-col .portfolio-detail__title {
  text-align: center;
}
.portfolio-detail__subtitle {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.portfolio-detail__images {
  grid-area: images;
}
.portfolio-detail__image-container {
  aspect-ratio: 1.6;
  margin-bottom: 24px;
  text-align: center;
}
.portfolio-detail__image {
  max-width: 100%;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.portfolio-detail__props, .portfolio-detail__cases {
  list-style: none;
  padding: 0;
  margin: 0;
}
.portfolio-detail__prop {
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;
  padding: 24px 40px;
  grid-gap: 48px;
  gap: 48px;
}
.portfolio-detail__prop p {
  font-size: 16px;
  line-height: 24px;
}
.portfolio-detail__prop p:nth-child(1) {
  font-weight: 500;
  text-align: left;
  color: rgb(97, 127, 134);
}
.portfolio-detail__prop p:nth-child(2) {
  text-align: left;
  font-weight: 400;
  color: #0a2e36;
}
.portfolio-detail__prop:nth-child(odd) {
  background-color: #FAFAFA;
}
.portfolio-detail__title {
  grid-area: title;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  margin: 0;
}
.portfolio-detail__props {
  grid-area: props;
}
.portfolio-detail__cases {
  grid-area: cases;
}
.portfolio-detail__about {
  grid-area: about;
}
.portfolio-detail .services-grid-item {
  grid-area: service;
}
.portfolio-detail__case {
  display: flex;
  margin-bottom: 24px;
  align-items: center;
  gap: 24px;
}
.portfolio-detail__case p {
  color: #4dbf00;
}
.portfolio-detail__case img {
  width: 64px;
  height: 64px;
  border-radius: 10px;
}
.portfolio-detail__case:last-child {
  margin-bottom: 0;
}
@media (max-width: 1431px) {
  .portfolio-detail {
    padding: 154px 50px;
    gap: 50px;
  }
}
@media (max-width: 1100px) {
  .portfolio-detail {
    gap: 32px;
    grid-template-columns: 1fr;
    grid-template-areas: "title" "cases" "images" "props" "service" "about";
  }
  .portfolio-detail__case {
    gap: 12px;
  }
  .portfolio-detail__case img {
    width: 40px;
    height: 40px;
  }
  .portfolio-detail__prop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 24px;
  }
  .portfolio-detail__prop p {
    text-align: left !important;
  }
  .portfolio-detail__subtitle {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 24px;
  }
}
@media (max-width: 700px) {
  .portfolio-detail {
    padding: 132px 16px;
  }
}

.service-list__large-grid {
  display: flex;
  flex-direction: column;
  gap: 64px;
  margin-bottom: 64px;
}
.service-list__medium-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 48px;
  gap: 48px;
  margin-bottom: 48px;
}
.service-list__small-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 48px;
  gap: 48px;
}
.service-list .large-item {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-gap: 36px;
  gap: 36px;
  padding: 36px;
  align-items: center;
  transition: all 0.5s linear;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
}
.service-list .large-item__title {
  margin: 0;
}
.service-list .large-item.simple-grid {
  grid-template-columns: 1fr;
}
.service-list .large-item:not(.white-text) p, .service-list .large-item:not(.white-text) svg path, .service-list .large-item:not(.white-text) .material-symbols-outlined, .service-list .large-item:not(.white-text) a {
  color: #0a2e36;
  fill: #0a2e36;
}
.service-list .large-item:not(.white-text) button {
  color: rgba(10, 46, 54, 0.5);
}
.service-list .large-item.white-text .large-item__title, .service-list .large-item.white-text .large-item__description {
  color: white;
}
.service-list .medium-item {
  display: grid;
  position: relative;
  grid-template-rows: 356px auto;
  grid-template-columns: 1fr;
  padding: 40px;
  align-items: center;
  transition: all 0.3s ease-out;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
}
.service-list .medium-item__title {
  margin-bottom: 24px;
}
.service-list .medium-item__link {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
  z-index: 1;
}
.service-list .medium-item__link .right-top-arrow {
  position: absolute;
  opacity: 0;
  bottom: 40px;
  right: 40px;
}
.service-list .medium-item:hover {
  transition: all 0.3s ease-out;
  margin-top: -8px;
  margin-bottom: 8px;
}
.service-list .medium-item:hover .medium-item__link .right-top-arrow {
  opacity: 1;
}
.service-list .medium-item__details {
  margin-top: 36px;
  gap: 36px;
  display: flex;
  z-index: 10;
}
.service-list .medium-item__title-group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.service-list .medium-item__info {
  height: 100%;
  gap: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service-list .medium-item:not(.white-text) .btn-redirect {
  color: #0a2e36;
}
.service-list .medium-item:not(.white-text) .btn-redirect:hover {
  border-color: #0a2e36;
}
.service-list .medium-item:not(.white-text) .btn-redirect path {
  fill: #0a2e36;
}
.service-list .medium-item:not(.white-text) .medium-item__link .right-top-arrow path {
  fill: #0a2e36;
}
.service-list .medium-item:not(.white-text) .btn-white {
  background: #4dbf00;
  color: #ffffff;
}
.service-list .medium-item:not(.white-text) .btn-white:hover {
  background: #0a2e36;
}
.service-list .medium-item.white-text .medium-item__title, .service-list .medium-item.white-text .medium-item__description {
  color: #ffffff;
}
.service-list .medium-item.white-text .medium-item__link .right-top-arrow path {
  fill: #ffffff;
}
.service-list .large-item__info {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.service-list .large-item__project-icon {
  width: 100%;
  max-width: 119px;
}
.service-list .large-item__image, .service-list .medium-item__image {
  width: 100%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height: 100%;
}
.service-list .large-item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service-list .large-item__title-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 36px;
  gap: 36px;
}
.service-list .large-item__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  font-family: "Rothek Bold";
}
.service-list .large-item__description {
  font-size: 16px;
  line-height: 1.5;
}
.service-list .medium-item__description {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.service-list .large-item__details {
  display: flex;
  align-items: center;
  gap: 36px;
}
.service-list .large-item__details p {
  color: white;
}
@media (max-width: 1431px) {
  .service-list__large-grid {
    gap: 48px;
    margin-bottom: 48px;
  }
  .service-list__small-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1100px) {
  .service-list .large-item__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .service-list .large-item__description, .service-list .medium-item__description {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
  }
  .service-list .large-item {
    gap: 16px;
    display: flex;
    flex-direction: column;
    padding: 24px;
  }
  .service-list .large-item__info {
    gap: 24px;
    margin-top: 36px;
  }
  .service-list .large-item__image {
    aspect-ratio: 16/9;
    height: auto;
  }
  .service-list .medium-item {
    padding: 24px;
  }
}
@media (max-width: 800px) {
  .service-list .large-item__title {
    margin-bottom: 24px;
  }
  .service-list .large-item__title-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .service-list__small-grid, .service-list__medium-grid {
    display: flex;
    flex-direction: column;
  }
  .service-list__large-grid, .service-list__medium-grid, .service-list__small-grid {
    gap: 16px;
    margin-bottom: 16px;
  }
}

.service-list {
  padding: 64px 100px;
}
.service-list__title {
  margin-top: 64px;
  margin-bottom: 64px;
  font-size: 48px;
}
.service-list__service-capability-toggle {
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 12px;
}
.service-list__service-capability-toggle .toggle-arrow {
  transform: rotate(180deg);
}
.service-list__service-capability-toggle.toggle-active .toggle-arrow {
  transform: rotate(0deg);
}
.service-list .service-capabilities-list {
  padding: 36px 0 0;
  margin: 0;
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
}
.service-list .service-capabilities-list ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.service-list .service-capabilities-list__item-name {
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  max-width: 180px;
}
.service-list .service-capabilities-list__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 260px;
}
.service-list .service-capabilities-list__item .mui-icon {
  min-width: 34px;
}
.service-list .service-capabilities-list__item .mui-icon > span {
  padding: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  max-width: 18px;
  max-height: 18px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-list .service-capabilities-list__item path {
  fill: white !important;
}
.service-list .service-capabilities-list__items-group {
  display: flex;
}
@media (max-width: 1431px) {
  .service-list {
    padding: 64px 50px;
  }
  .service-list__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
  }
}
@media (max-width: 1100px) {
  .service-list__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 32px;
  }
}
@media (max-width: 800px) {
  .service-list .service-capabilities-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .service-list .service-capabilities-list {
    display: flex;
    flex-direction: column;
    pointer-events: none;
  }
  .service-list .service-capabilities-list__item {
    max-width: none;
  }
  .service-list .service-capabilities-list__item-name {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 700px) {
  .service-list {
    padding: 64px 16px;
  }
}

.service-block-container {
  padding: 64px 100px;
  position: relative;
}
.service-block-container__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  margin-top: 0;
  margin-bottom: 48px;
}
.service-block-container__icon {
  width: 100%;
}
.service-block-container__title.auto-center {
  text-align: center;
}
.service-block-container__description {
  margin-top: 0;
  margin-bottom: 32px;
  font-family: Inter;
}
.service-block-container__detail-modal {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
  gap: 24px;
}
.service-block-container__detail-modal img {
  width: 100%;
}
@media (max-width: 700px) {
  .service-block-container__detail-modal {
    grid-template-columns: 1fr;
  }
}

.service-block-container__wrapper.service-block-dark-black, .service-block-container__wrapper.service-block-dark {
  background-color: #0A2E36;
}
.service-block-container__wrapper.service-block-dark-black .service-block-container__title, .service-block-container__wrapper.service-block-dark-black .information-card__title, .service-block-container__wrapper.service-block-dark-black .service-block-container__description, .service-block-container__wrapper.service-block-dark .service-block-container__title, .service-block-container__wrapper.service-block-dark .information-card__title, .service-block-container__wrapper.service-block-dark .service-block-container__description {
  color: white;
}
.service-block-container__wrapper.service-block-semidark {
  background-color: #f8f8f8;
}
.service-block-container__wrapper.service-block-semidark .information-card__container {
  background-color: white;
}
.service-block-container__wrapper.service-block-dark-primary {
  background-color: #4DBF00;
}
.service-block-container__wrapper.service-block-dark-primary .service-block-container__title, .service-block-container__wrapper.service-block-dark-primary .information-card__title, .service-block-container__wrapper.service-block-dark-primary .service-block-container__description {
  color: white;
}
.service-block-container__wrapper.service-block-dark-orange {
  background-color: #EB5E28;
}
.service-block-container__wrapper.service-block-dark-orange .service-block-container__title, .service-block-container__wrapper.service-block-dark-orange .information-card__title, .service-block-container__wrapper.service-block-dark-orange .service-block-container__description {
  color: white;
}
.service-block-container__wrapper.service-block-dark-blue {
  background-color: #13399C;
}
.service-block-container__wrapper.service-block-dark-blue .service-block-container__title, .service-block-container__wrapper.service-block-dark-blue .information-card__title, .service-block-container__wrapper.service-block-dark-blue .service-block-container__description {
  color: white;
}
.service-block-container__wrapper.service-block-dark-black {
  background-color: #000000;
}
.service-block-container__wrapper.service-block-dark-black .service-block-container__title, .service-block-container__wrapper.service-block-dark-black .information-card__title, .service-block-container__wrapper.service-block-dark-black .service-block-container__description {
  color: white;
}

@media (max-width: 1431px) {
  .service-block-container {
    padding: 64px 50px;
  }
}
@media (max-width: 700px) {
  .service-block-container {
    padding: 32px 16px;
  }
  .service-block-container__description {
    margin-bottom: 24px;
  }
  .service-block-container__title {
    margin-bottom: 24px;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 27px;
  }
  .service-block-container__title.auto-center {
    text-align: left;
  }
}
.services-detail {
  padding: 90px 0 64px;
  padding-bottom: 0;
  padding-top: 0;
}
.services-detail .projects-carousel {
  margin-top: 0;
}
.services-detail .projects-carousel__wrapper {
  margin-top: 0;
}
.services-detail .service-banner {
  position: relative;
  padding: 124px 100px 64px;
}
.services-detail .service-banner__links {
  margin-top: 64px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.services-detail .service-banner__wrapper {
  background-size: cover;
  background-repeat: no-repeat;
}
.services-detail .service-banner__project-icon {
  margin-bottom: 36px;
}
.services-detail .service-banner__title {
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}
.services-detail .service-banner__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: Inter;
}
.services-detail .service-banner__content {
  max-width: 900px;
  position: relative;
  z-index: 10;
}
.services-detail .service-banner__title, .services-detail .service-banner__description {
  color: white;
}
.services-detail .service-banner__background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1431px) {
  .services-detail .service-banner {
    padding: 100px 50px 64px;
  }
}
@media (max-width: 1100px) {
  .services-detail .service-banner__content {
    max-width: 700px;
  }
  .services-detail .service-banner__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .services-detail .service-banner__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media (max-width: 700px) {
  .services-detail .service-banner {
    padding: 70px 16px 32px;
  }
  .services-detail .service-banner__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
  }
  .services-detail .service-banner__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .services-detail .service-banner__links {
    margin-top: 24px;
  }
}

.dropdown-list-group button, .dropdown-list-group p {
  color: rgb(10, 46, 54);
  text-align: left;
}
.dropdown-list-group .toggle-btn {
  font-size: 16px;
  font-weight: 600;
}
.dropdown-list-group .toggle-arrow path {
  fill: rgb(10, 46, 54);
  fill-opacity: 1;
}
.dropdown-list-group.dark-theme .toggle-arrow path {
  fill: white;
}
.dropdown-list-group .dropdown-list-item:not(:last-child) {
  margin-bottom: 36px;
}
.dropdown-list-group .dropdown-list-item__items {
  margin: 0;
  list-style: none;
  padding: 36px 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
}
.dropdown-list-group .dropdown-list-item__child-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.dropdown-list-group .dropdown-list-item__child-item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.dropdown-list-group .dropdown-list-item__icon-container {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-list-group .dropdown-list-item__icon-container .mui-icon span {
  color: #0a2e36;
}
.dropdown-list-group .dropdown-list-item__icon-container img {
  padding: 6px;
}
@media (max-width: 800px) {
  .dropdown-list-group .dropdown-list-item__items {
    display: flex;
    flex-direction: column;
  }
}
.dropdown-list-group.dark-theme .mui-icon span {
  color: white;
}

.common-list-group {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 36px;
}
.common-list-group__col {
  display: flex;
  gap: 36px;
  flex-direction: column;
}
@media (max-width: 800px) {
  .common-list-group__col.small-hide {
    display: none;
  }
}
@media (max-width: 800px) {
  .common-list-group__item.small-hide {
    display: none;
  }
}
.common-list-group:has(> .show-more.show-active) .small-hide {
  display: flex !important;
}
.common-list-group.default-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.common-list-group.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
}
.common-list-group.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.common-list-group.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.common-list-group__img-container {
  max-width: 56px;
  max-height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 10px;
}
.common-list-group__img-container .material-symbols-outlined {
  color: #0a2e36;
  font-size: 40px;
}
.common-list-group__img-container:not(.has-img) {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
}
.common-list-group__img-container:not(.has-img) p {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.common-list-group__content-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.common-list-group__html-content {
  margin-top: 36px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgb(10, 46, 54);
}
.common-list-group__item {
  display: flex;
  gap: 36px;
  align-items: flex-start;
}
@media (max-width: 1431px) {
  .common-list-group.default-grid, .common-list-group.grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1100px) {
  .common-list-group__content-title {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 27px;
  }
}
@media (max-width: 800px) {
  .common-list-group__item {
    gap: 24px;
  }
  .common-list-group__content-title {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 24px;
  }
  .common-list-group__html-content {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
  }
  .common-list-group.default-grid, .common-list-group.grid-3, .common-list-group.grid-2 {
    display: flex;
    flex-direction: column;
  }
  .common-list-group:not(.default-grid) {
    flex-direction: column;
  }
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
  grid-gap: 24px;
}
@media (max-width: 1431px) {
  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1100px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px;
  gap: 12px;
  grid-gap: 12px;
}
@media (max-width: 1431px) {
  .grid-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1100px) {
  .grid-4 {
    grid-template-columns: 1fr;
  }
}

.grid-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  gap: 24px;
  grid-gap: 24px;
}
@media (max-width: 1431px) {
  .grid-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  .grid-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.my-masonry-grid { /* Not needed if autoprefixing */ /* Not needed if autoprefixing */
  display: flex;
  margin-left: -30px; /* gutter size offset */
  width: auto;
}

.my-masonry-grid_column {
  padding-left: 24px; /* gutter size */
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-clip: padding-box;
}

.information-card {
  background-color: rgb(248, 248, 248);
  transition: 200ms linear 30ms;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.information-card__container {
  display: flex;
  flex-direction: column;
  padding: 36px;
}
.information-card__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.information-card__content {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgb(10, 46, 54);
}
.information-card__img-container {
  transition: 200ms linear 30ms;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.information-card__img-container img {
  width: 100%;
}
.information-card.card-compact {
  cursor: pointer;
  background-color: transparent;
}
.information-card.card-compact .information-card__container {
  padding: 0 !important;
  background-color: transparent !important;
}
.information-card.card-compact .information-card__title {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  font-family: Inter;
  margin-top: 18px;
  margin-bottom: 18px;
}
.information-card.card-compact img {
  border-radius: 10px;
}
.information-card__backdrop {
  transition: 200ms linear 30ms;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(82, 180, 16, 0.9);
  border-radius: 10px;
  opacity: 0;
}
.information-card__backdrop.backdrop-no-hover {
  opacity: 1;
  z-index: 10;
  background: linear-gradient(to bottom, transparent 45%, rgba(10, 46, 54, 0.85) 90%);
}
.information-card__backdrop-text {
  color: #ffffff;
  z-index: 20;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  transition: 200ms linear 30ms;
}
.information-card__arrow-group {
  display: flex;
  align-items: center;
  gap: 24px;
  position: absolute;
  top: 36px;
  right: 36px;
  z-index: 10;
  opacity: 0;
}
.information-card.card-compact .information-card__img-container {
  border-radius: 10px;
}
.information-card.card-compact img {
  transition: 100ms linear 30ms;
}
.information-card.card-compact:hover img {
  transform: scale(1.1);
  transition: 100ms linear 30ms;
}
.information-card.card-compact:hover .information-card__arrow-group {
  transition: 200ms linear 30ms;
  opacity: 1;
}
.information-card.card-compact:hover .information-card__backdrop, .information-card.card-compact:hover .information-card__arrow-group {
  transition: 200ms linear 30ms;
  opacity: 1;
}
@media (max-width: 1100px) {
  .information-card__title {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 27px;
  }
}
@media (max-width: 800px) {
  .information-card__container {
    padding: 24px;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 27px;
  }
  .information-card__title {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .information-card__content {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
  }
}

.card-list-group ul {
  list-style: none;
  padding: 0;
}
.card-list-group .btn-primary {
  background-color: #4dbf00;
  color: #ffffff;
  display: block;
  text-align: center;
}
.card-list-group.dark-style .card-list-group__toggle {
  background-color: #ffffff;
  border-color: #ffffff;
}
.card-list-group__item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin: 0;
}
.card-list-group__feature-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.card-list-group__subtitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-top: 14px;
  color: rgba(10, 46, 54, 0.5);
}
.card-list-group__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 36px;
  gap: 36px;
  margin: 0;
  padding-top: 36px !important;
}
.card-list-group__list-item-container {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 40px;
}
.card-list-group__item:not(:last-child) {
  margin-bottom: 36px;
}
.card-list-group__item-img {
  width: 40px;
  height: 40px;
  margin-bottom: 22px;
}
.card-list-group__feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.card-list-group__features-list {
  margin-top: 36px;
  margin-bottom: 36px;
}
.card-list-group__feature:not(:last-child) {
  margin-bottom: 24px;
}
.card-list-group__feature-img-container {
  max-width: 34px;
  max-height: 34px;
  min-width: 34px;
  min-height: 34px;
  background-color: rgba(82, 180, 16, 0.1);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-list-group__feature-img-container .mui-icon span {
  color: #0a2e36;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-list-group__toggle {
  font-size: 16px;
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 24px;
  border-radius: 10px;
  background-color: rgba(82, 180, 16, 0.1);
  outline: none;
  cursor: pointer;
  color: #0a2e36;
  border: 1px solid #6CCC34;
}
.card-list-group__toggle path {
  fill: #0a2e36;
  fill-opacity: 1;
}
.card-list-group__toggle .toggle-arrow {
  transform: rotate(180deg);
}
.card-list-group__toggle.toggle-active .toggle-arrow {
  transform: rotate(0deg);
}
@media (max-width: 1431px) {
  .card-list-group__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  .card-list-group__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .card-list-group__list-item-container {
    padding: 24px;
  }
  .card-list-group__toggle {
    padding: 16px;
  }
  .card-list-group__features-list {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .card-list-group__item-img {
    width: 24px;
    height: 24px;
  }
  .card-list-group__item:not(:last-child) {
    margin-bottom: 24px;
  }
  .card-list-group__item-title {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 27px;
  }
  .card-list-group__list {
    padding-top: 24px !important;
    gap: 24px;
    display: flex;
    flex-direction: column;
  }
}

.show-more {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  height: 146px;
  bottom: 0;
  display: none;
  justify-content: center;
  align-items: flex-end;
}
.show-more:not(.show-active) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 70%);
}
.show-more button {
  outline: none;
  background-color: transparent;
  cursor: pointer;
  border: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #0a2e36;
  margin-bottom: 20px;
}
.show-more.show-active button {
  color: #ffffff;
  margin-bottom: 10px;
}
@media (max-width: 800px) {
  .show-more {
    display: flex;
  }
}

.article-detail__html-container code {
  display: block;
  background-color: #f8f9fa;
  color: #212529;
  font-family: monospace;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 12px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  overflow-x: auto;
  max-width: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

.article-detail__html-container.light-background > :first-child, .article-detail__html-container.dark-background > :first-child {
  margin-top: 0;
  margin-bottom: 0;
}

.article-detail {
  padding: 154px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-detail__wrapper {
  max-width: 1920px;
}
.article-detail__article h1, .article-detail__article h2, .article-detail__article h3, .article-detail__article h4 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.article-detail__article h1 {
  margin-top: 36px;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}
.article-detail__article h2 {
  font-size: 24px !important;
  font-weight: 700;
  line-height: 36px;
}
.article-detail__article h3 {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 27px;
}
.article-detail__article h4 {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 24px;
}
.article-detail__article li {
  font-family: Inter;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #0a2e36;
}
.article-detail img {
  border-radius: 10px;
  height: auto;
  max-width: 100%;
}
.article-detail__html-container {
  font-family: Inter;
  font-weight: 300;
}
.article-detail__html-container.light-background, .article-detail__html-container.dark-background {
  padding: 16px;
  border-radius: 10px;
}
.article-detail__html-container.light-background {
  background-color: #FAFAFA;
}
.article-detail__html-container.dark-background {
  background-color: rgba(255, 255, 255, 0.1);
}
.article-detail__html-container.dark-background ul, .article-detail__html-container.dark-background li, .article-detail__html-container.dark-background p {
  color: white;
  border-color: white;
}
.article-detail__html-container img {
  max-width: 100%;
  height: auto;
}
.article-detail__html-container figure {
  margin: 0;
  padding: 0;
}
.article-detail__html-container figcaption {
  font-family: Inter;
  margin-top: 12px;
  color: #617F86;
  font-weight: 300;
}
.article-detail__html-container table {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
}
.article-detail__html-container ul > li {
  display: block !important;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  border-left: 1px solid #0a2e36;
  padding-left: 18px;
  margin-bottom: 24px;
  line-height: 24px;
}
.article-detail__html-container ul > li:first-child {
  margin-top: 24px;
}
@media (max-width: 1100px) {
  .article-detail__html-container ul > li {
    font-size: 14px;
  }
}
.article-detail__html-container ul > li:first-child {
  margin-top: 0;
}
.article-detail__html-container ul > li:last-child {
  margin-bottom: 0;
}
.article-detail__html-container.dark-style p, .article-detail__html-container.dark-black p {
  color: #ffffff;
}
.article-detail__html-container.dark-style ul > li, .article-detail__html-container.dark-style ol > li, .article-detail__html-container.dark-black ul > li, .article-detail__html-container.dark-black ol > li {
  color: #ffffff;
}
.article-detail__html-container.dark-style ul > li, .article-detail__html-container.dark-black ul > li {
  border-left: 1px solid #ffffff;
}
.article-detail__html-container ol {
  list-style-type: none;
  counter-reset: num;
  padding-left: 58px;
  font-size: 16px;
  position: relative;
  margin: 0;
}
.article-detail__html-container ol li {
  padding: 0 0 10px 0;
  line-height: 2;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}
.article-detail__html-container ol li:first-child {
  margin-top: 24px;
}
.article-detail__html-container ol > li:before {
  content: counter(num);
  counter-increment: num;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: -58px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  color: #0a2e36;
  text-align: center;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.article-detail__html-container ol > li:has(> ul) {
  flex-direction: column;
  align-items: flex-start;
}
.article-detail__html-container ol > li:has(> ul) ul > li {
  padding-left: 10px;
  padding-top: 10px;
}
.article-detail__html-container.dark-style ol li:before, .article-detail__html-container.dark-black ol li:before {
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: white;
}
.article-detail__html-container ul {
  list-style: none;
  padding-left: 0;
  margin-left: 1px;
}
.article-detail__html-container a {
  text-decoration: underline !important;
  color: #4dbf00;
}
.article-detail__html-container p {
  margin-top: 24px;
  margin-bottom: 24px;
  line-height: 2;
  font-size: 16px !important;
}
.article-detail__author-img-container {
  max-width: 120px;
  max-height: 120px;
  min-width: 120px;
  min-height: 120px;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  background-repeat: no-repeat;
}
.article-detail__author-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #0a2e36;
  margin-top: 24px;
}
.article-detail__date, .article-detail__tags-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #103e48;
}
.article-detail__date {
  margin-top: 36px;
}
.article-detail__tags {
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 16px;
}
.article-detail__tag {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #0a2e36;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 6px 12px;
}
.article-detail__article {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  padding: 0 100px;
  grid-template-columns: 415px 1fr 0.3fr;
}
.article-detail__navigate {
  color: #4dbf00;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 1431px) {
  .article-detail__article {
    padding: 0 50px;
    grid-template-columns: 319px 1fr 0.1fr;
  }
}
@media (max-width: 1100px) {
  .article-detail {
    padding: 132px 0 0;
  }
  .article-detail__author {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    margin-bottom: 24px;
  }
  .article-detail__date {
    margin-top: 0;
  }
  .article-detail__article {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 700px) {
  .article-detail {
    padding: 100px 0 0;
  }
  .article-detail__author {
    display: flex;
    flex-direction: column;
  }
  .article-detail__article {
    padding: 0 16px;
  }
  .article-detail__article h1, .article-detail__article h2, .article-detail__article h3, .article-detail__article h4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .article-detail__article h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
}

.auth {
  display: flex;
  justify-content: center;
  align-items: center;
}
.auth__card {
  margin-top: 200px !important;
  width: 500px;
}
.auth__card input {
  width: 100%;
}

.auth-page {
  background: #f3f3f3;
}

.sidebar__toggle .logo, .ant-layout-header .logo {
  width: 120px;
}
.sidebar__toggle .logo-head, .ant-layout-header .logo-head {
  margin-left: 100px;
}
@media (max-width: 768px) {
  .sidebar__toggle .logo-head, .ant-layout-header .logo-head {
    margin-left: 10px;
  }
}

.layout-content {
  padding: 24px;
  margin: 0;
  min-height: 280px;
  background: white;
  margin-bottom: 250px;
  margin-left: 70px;
}
@media (min-width: 1024px) {
  .layout-content:not(.sidebar-collapse) {
    margin-left: 240px;
  }
}
@media (max-width: 768px) {
  .layout-content {
    margin-left: 0;
  }
}

.ant-layout-header {
  background: white;
  display: flex;
  align-items: center;
  margin-top: 6px;
  padding-left: 0;
}
.ant-layout-header .ant-space {
  justify-content: space-between;
  width: 100%;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .ant-layout-header {
    padding-right: 0;
  }
}

.ant-layout {
  background: transparent;
  padding: 0;
}

.ant-layout-footer {
  background: #f6f6f6;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ant-layout-footer .common-info {
  width: 90%;
  padding: 20px;
  margin: 0;
}
.ant-layout-footer .telegram {
  padding: 20px;
}
@media (max-width: 600px) {
  .ant-layout-footer {
    flex-direction: column;
    gap: 0 !important;
    text-align: center;
  }
  .ant-layout-footer .common-info, .ant-layout-footer .telegram {
    padding: 0;
    text-align: left;
  }
  .ant-layout-footer .logo-wrapper {
    width: 100%;
    margin-bottom: 15px;
  }
}

.ant-layout-content {
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 600px) {
  .ant-layout-content {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.ant-layout-sider-children {
  background: white;
}

.ant-menu {
  height: 100%;
}

.ant-layout-header {
  padding: 20px;
  background: #f6f6f6;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.lk-initial-loader {
  height: 100vh;
}

.table, .article-detail__html-container > table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse: collapse;
}
.table .ant-dropdown-trigger, .article-detail__html-container > table .ant-dropdown-trigger {
  color: black !important;
}
.table td, .article-detail__html-container > table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.row-muted {
  opacity: 0.6 !important;
}

.table-no-padding td {
  padding: 0 !important;
}
.table-no-padding th {
  padding: 0 !important;
}

.bg-warning td {
  background-color: rgb(255, 251, 230);
}

.table th,
.table td, .article-detail__html-container > table th, .article-detail__html-container > table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #f1f1f1;
}

.table thead th, .article-detail__html-container > table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #f1f1f1;
  background-color: #f1f1f1;
}

.table tfoot, .article-detail__html-container > table tfoot {
  background-color: #f1f1f1;
}

.table tbody + tbody {
  border-top: 2px solid #f1f1f1;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered, .article-detail__html-container > table {
  border: 1px solid #f1f1f1;
}

.table-bordered th,
.table-bordered td, .article-detail__html-container > table th, .article-detail__html-container > table td {
  border: 1px solid #f1f1f1;
}

.table-bordered thead th,
.table-bordered thead td, .article-detail__html-container > table thead th, .article-detail__html-container > table thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.article-detail__html-container.semidark th, .article-detail__html-container.semidark td {
  text-align: left;
}
.article-detail__html-container.semidark table th {
  font-weight: 500;
}
.article-detail__html-container.semidark table tr:nth-child(odd) td {
  background-color: rgba(77, 191, 0, 0.1);
}
.article-detail__html-container.semidark table th:first-child {
  background-color: transparent;
}
.article-detail__html-container.semidark table th:nth-child(2) {
  background-color: #0a2e36;
  color: #ffffff;
}
.article-detail__html-container.semidark table th:nth-child(3) {
  background-color: #4dbf00;
  color: #ffffff;
}
.article-detail__html-container.semidark table th:nth-child(4) {
  background-color: #eb5e28;
  color: #ffffff;
}
.article-detail__html-container.semidark table th, .article-detail__html-container.semidark table td {
  border: 1px solid #4dbf00;
}

.dropzone {
  display: flex;
  flex-wrap: wrap;
  border: 1px dashed #e4e4e4;
  background-color: #f9f9f9;
  min-height: 80px;
  margin: 0 0 1rem;
  padding: 15px;
  transition: border-color 0.25s ease;
  cursor: move;
}

.dropzone__message {
  color: #888;
  font-size: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.dropzone__item {
  flex: 0 0 140px;
  width: 140px;
  margin-bottom: 0.5rem;
  padding: 0 6px;
}

.dropzone__inner {
  position: relative;
  background-color: #fff;
  padding: 4px 4px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow ease 0.25s;
  min-height: 80px;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.dropzone__inner img {
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
}

.dropzone__img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
  line-height: 1.2;
  position: relative;
}

.dropzone__close {
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  text-align: center;
  transition: all ease 0.25s;
  background-color: #737f90;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 3;
  fill: #fff;
  color: #fff;
}

.form-group .dropzone {
  margin-top: 0.5rem;
}

.page-item, .articles, .clients-carousel {
  display: flex;
  justify-content: center;
}
.page-item__wrapper, .articles__wrapper, .clients-carousel__wrapper {
  max-width: 1920px;
  width: 100%;
}

.footer-links,
.footer-brand,
.brand-carousel-slide,
.header,
.achieves,
.service-list,
.portfolio,
.portfolio-detail,
.service-block-container,
.service-banner,
.error-page {
  max-width: 1920px;
  width: 100%;
}
.footer-links__wrapper,
.footer-brand__wrapper,
.brand-carousel-slide__wrapper,
.header__wrapper,
.achieves__wrapper,
.service-list__wrapper,
.portfolio__wrapper,
.portfolio-detail__wrapper,
.service-block-container__wrapper,
.service-banner__wrapper,
.error-page__wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.additional-simple-item {
  background-color: #DDFFC9;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease-out;
}

.additional-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 36px;
  gap: 36px;
}
.additional-items__item {
  background-color: #DDFFC9;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 40px;
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease-out;
}
.additional-items__item:hover {
  transition: all 0.3s ease-out;
  border-color: #4dbf00;
}
.additional-items__item-title, .additional-items__item-note {
  color: #4dbf00;
  margin: 0;
}
.additional-items__item-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}
.additional-items__item-note {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 1431px) {
  .additional-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  .additional-items {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .additional-items__item {
    padding: 24px;
  }
}

.error-page {
  padding: 90px 100px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  min-height: calc(100vh - 40px);
}
.error-page img {
  width: 100%;
}
.error-page__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
  justify-content: center;
}
.error-page__link-group, .error-page a {
  font-family: "Rothek Bold";
  font-size: 24px !important;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.error-page__link-group a, .error-page a a {
  color: #4dbf00;
  text-decoration: underline !important;
}
.error-page__message h1 {
  font-size: 96px !important;
  font-weight: 700;
  line-height: 144px;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 0;
}
.error-page__message p {
  font-family: "Rothek Bold";
  font-size: 24px !important;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.error-page__link-group {
  margin-bottom: 36px;
}
.error-page__contacts p, .error-page__contacts a {
  font-family: "Inter";
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
  text-align: left;
}
.error-page__contacts div {
  display: flex;
  gap: 18px;
  align-items: flex-end;
  margin-bottom: 20px;
}
.error-page__contacts div > p:nth-child(2) {
  color: #103e48;
}
.error-page__contact:nth-child(2) {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px;
}
@media (max-width: 1431px) {
  .error-page {
    padding: 90px 50px 0;
  }
}
@media (max-width: 1100px) {
  .error-page {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .error-page h1, .error-page p {
    text-align: center;
  }
  .error-page .error-page__contacts > div {
    justify-content: center;
  }
}
@media (max-width: 700px) {
  .error-page {
    padding: 120px 16px;
  }
}

.navbar-accordion {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media (max-width: 1100px) {
  .navbar-accordion {
    gap: 32px;
  }
}
.navbar-accordion .nav-items {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1100px) {
  .navbar-accordion .nav-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(266px, 1fr));
  }
}
.navbar-accordion .nav-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 12px;
  gap: 12px;
  border-left: 1px solid #e9e9e9;
  transition: all 0.1s ease-out;
}
.navbar-accordion .nav-item:hover {
  border-left: 2px solid #4dbf00;
  transition: all 0.1s ease-out;
}
.navbar-accordion .nav-item.nav-active {
  border-left: 3px solid #4dbf00;
  transition: all 0.1s ease-out;
}
.navbar-accordion .nav-item.nav-active .nav-item__title {
  color: #ffffff;
  font-weight: 600;
}
.navbar-accordion .nav-item__img-container {
  max-width: 46px;
  max-height: 46px;
  min-width: 46px;
  min-height: 46px;
  border-radius: 10px;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-accordion .nav-item__img-container:hover {
  transition: all 0.3s ease-out;
}
.navbar-accordion .nav-item__img-container .mui-icon span {
  color: #4dbf00;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-accordion .nav-item__img-container.white-icon .mui-icon span {
  color: #ffffff;
}
.navbar-accordion .nav-item__title {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.navbar-accordion.sidebar-accordion-section-items, .navbar-accordion.sidebar-accordion-content-items, .navbar-accordion.ordered_sidebar-accordion-content-items {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 1100px) {
  .navbar-accordion.sidebar-accordion-section-items, .navbar-accordion.sidebar-accordion-content-items, .navbar-accordion.ordered_sidebar-accordion-content-items {
    display: flex;
  }
}
.navbar-accordion.sidebar-accordion-section-items .nav-item, .navbar-accordion.sidebar-accordion-content-items .nav-item, .navbar-accordion.ordered_sidebar-accordion-content-items .nav-item {
  padding: 8px 12px !important;
}
.navbar-accordion.sidebar-accordion-section-items .nav-item .nav-item-ordered, .navbar-accordion.sidebar-accordion-content-items .nav-item .nav-item-ordered, .navbar-accordion.ordered_sidebar-accordion-content-items .nav-item .nav-item-ordered {
  max-width: 38px;
  max-height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 10px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
}
.navbar-accordion.sidebar-accordion-section-items .nav-item .nav-item-ordered .material-symbols-outlined, .navbar-accordion.sidebar-accordion-content-items .nav-item .nav-item-ordered .material-symbols-outlined, .navbar-accordion.ordered_sidebar-accordion-content-items .nav-item .nav-item-ordered .material-symbols-outlined {
  color: #0a2e36;
  font-size: 60px;
}
.navbar-accordion.sidebar-accordion-section-items .nav-item .nav-item-ordered p, .navbar-accordion.sidebar-accordion-content-items .nav-item .nav-item-ordered p, .navbar-accordion.ordered_sidebar-accordion-content-items .nav-item .nav-item-ordered p {
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
}
.navbar-accordion.sidebar-accordion-section-items.ordered_sidebar-accordion-content-items .nav-item, .navbar-accordion.sidebar-accordion-content-items.ordered_sidebar-accordion-content-items .nav-item, .navbar-accordion.ordered_sidebar-accordion-content-items.ordered_sidebar-accordion-content-items .nav-item {
  border-left: 0 !important;
  padding-left: 0 !important;
}
.navbar-accordion.sidebar-accordion-section-items.ordered_sidebar-accordion-content-items .nav-active .nav-item-ordered, .navbar-accordion.sidebar-accordion-content-items.ordered_sidebar-accordion-content-items .nav-active .nav-item-ordered, .navbar-accordion.ordered_sidebar-accordion-content-items.ordered_sidebar-accordion-content-items .nav-active .nav-item-ordered {
  border: 1px solid #4dbf00;
}
.navbar-accordion.sidebar-accordion-section-items .nav-item__img-container .mui-icon span, .navbar-accordion.sidebar-accordion-content-items .nav-item__img-container .mui-icon span, .navbar-accordion.ordered_sidebar-accordion-content-items .nav-item__img-container .mui-icon span {
  color: #ffffff;
  padding: 10px;
  max-width: 24px;
  max-height: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0a2e36;
}
.navbar-accordion.sidebar-accordion-section-items .nav-item__img-container.white-icon .mui-icon span, .navbar-accordion.sidebar-accordion-content-items .nav-item__img-container.white-icon .mui-icon span, .navbar-accordion.ordered_sidebar-accordion-content-items .nav-item__img-container.white-icon .mui-icon span {
  color: #ffffff;
}
.navbar-accordion.navbar-accordion-section-items .nav-items-container, .navbar-accordion.navbar-accordion-content-items .nav-items-container {
  position: relative;
}
.navbar-accordion.navbar-accordion-section-items .nav-items, .navbar-accordion.navbar-accordion-content-items .nav-items {
  gap: 24px;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  width: calc(100vw - 220px);
  position: relative;
  overflow-x: auto;
}
.navbar-accordion.navbar-accordion-section-items .nav-items__gradient, .navbar-accordion.navbar-accordion-content-items .nav-items__gradient {
  position: absolute;
  right: -10px;
  width: 150px;
  height: 100%;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60%);
}
.navbar-accordion.navbar-accordion-section-items .nav-items__gradient .mui-icon .material-symbols-outlined, .navbar-accordion.navbar-accordion-content-items .nav-items__gradient .mui-icon .material-symbols-outlined {
  font-size: 48px;
  color: rgba(10, 46, 54, 0.4588235294);
  cursor: pointer;
}
.navbar-accordion.navbar-accordion-section-items .nav-items__gradient .mui-icon, .navbar-accordion.navbar-accordion-section-items .nav-items__gradient .material-symbols-outlined, .navbar-accordion.navbar-accordion-content-items .nav-items__gradient .mui-icon, .navbar-accordion.navbar-accordion-content-items .nav-items__gradient .material-symbols-outlined {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.navbar-accordion.navbar-accordion-section-items .nav-items__gradient.gradient-start, .navbar-accordion.navbar-accordion-content-items .nav-items__gradient.gradient-start {
  justify-content: flex-start;
  left: -10px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60%);
}
@media (max-width: 1431px) {
  .navbar-accordion.navbar-accordion-section-items .nav-items, .navbar-accordion.navbar-accordion-content-items .nav-items {
    width: calc(100vw - 120px);
  }
}
@media (max-width: 1100px) {
  .navbar-accordion.navbar-accordion-section-items .nav-items__gradient, .navbar-accordion.navbar-accordion-content-items .nav-items__gradient {
    display: none;
  }
}
@media (max-width: 700px) {
  .navbar-accordion.navbar-accordion-section-items .nav-items, .navbar-accordion.navbar-accordion-content-items .nav-items {
    width: calc(100vw - 64px);
    gap: 12px;
  }
}
.navbar-accordion.navbar-accordion-section-items .nav-item, .navbar-accordion.navbar-accordion-content-items .nav-item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 324px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  background: #f8f8f8;
  transition: all 0.3s ease-out;
  padding: 20px;
  gap: 12px;
  border: 1px solid #e9e9e9;
}
@media (max-width: 700px) {
  .navbar-accordion.navbar-accordion-section-items .nav-item, .navbar-accordion.navbar-accordion-content-items .nav-item {
    min-width: 224px;
  }
}
.navbar-accordion.navbar-accordion-section-items .nav-item .mui-icon span, .navbar-accordion.navbar-accordion-content-items .nav-item .mui-icon span {
  font-size: 46px;
}
.navbar-accordion.navbar-accordion-section-items .nav-item:hover, .navbar-accordion.navbar-accordion-content-items .nav-item:hover {
  transition: all 0.3s ease-out;
  background: #edeff0;
}
.navbar-accordion.navbar-accordion-section-items .nav-item.nav-active, .navbar-accordion.navbar-accordion-content-items .nav-item.nav-active {
  background: #0a2e36;
}
.navbar-accordion.navbar-accordion-section-items .nav-item.nav-active .mui-icon span, .navbar-accordion.navbar-accordion-section-items .nav-item.nav-active .nav-item__title, .navbar-accordion.navbar-accordion-content-items .nav-item.nav-active .mui-icon span, .navbar-accordion.navbar-accordion-content-items .nav-item.nav-active .nav-item__title {
  color: #ffffff;
}
.navbar-accordion .list {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1100px) {
  .navbar-accordion .list {
    gap: 16px;
  }
}
.navbar-accordion.navbar-accordion-section-items .list, .navbar-accordion.navbar-accordion-content-items .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1100px) {
  .navbar-accordion.navbar-accordion-section-items .list, .navbar-accordion.navbar-accordion-content-items .list {
    display: flex;
    flex-direction: column;
  }
}
.navbar-accordion .list-item {
  display: flex;
  align-items: center;
  gap: 32px;
}
.navbar-accordion .list-item__title {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.navbar-accordion .list-item__img-container {
  max-width: 46px;
  max-height: 46px;
  min-width: 46px;
  min-height: 46px;
  border-radius: 10px;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #edeff0;
}
.navbar-accordion .list-item__img-container:hover {
  transition: all 0.3s ease-out;
}
.navbar-accordion .list-item__img-container .mui-icon span {
  color: #ffffff;
  padding: 10px;
  max-width: 24px;
  max-height: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0a2e36;
}
.navbar-accordion.dark .nav-item .mui-icon span, .navbar-accordion.dark .nav-item__title {
  color: #ffffff;
}
.navbar-accordion.dark.navbar-accordion-section-items .nav-item, .navbar-accordion.dark.navbar-accordion-content-items .nav-item {
  border: 1px solid transparent;
}
.navbar-accordion.dark.navbar-accordion-section-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.navbar-accordion-section-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.navbar-accordion-content-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.navbar-accordion-content-items .nav-item:not(.nav-active) .nav-item__title {
  color: #0a2e36;
}
.navbar-accordion.dark .list-item__title {
  color: #ffffff;
}
.navbar-accordion.dark .list-item__img-container {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-accordion.dark .list-item__img-container .mui-icon span {
  color: #ffffff;
}
.navbar-accordion.dark.theme-dark.navbar-accordion-section-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark.navbar-accordion-content-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-section-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-content-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-section-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-content-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-section-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-content-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-black.navbar-accordion-section-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-black.navbar-accordion-content-items .nav-item.nav-active {
  background: #ffffff;
}
.navbar-accordion.dark.theme-dark.navbar-accordion-section-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark.navbar-accordion-section-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark.navbar-accordion-content-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark.navbar-accordion-content-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-section-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-section-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-content-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-content-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-section-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-section-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-content-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-content-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-section-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-section-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-content-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-content-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-black.navbar-accordion-section-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-black.navbar-accordion-section-items .nav-item.nav-active .mui-icon span, .navbar-accordion.dark.theme-dark-black.navbar-accordion-content-items .nav-item.nav-active .nav-item__title, .navbar-accordion.dark.theme-dark-black.navbar-accordion-content-items .nav-item.nav-active .mui-icon span {
  color: #0a2e36 !important;
}
.navbar-accordion.dark.theme-dark.navbar-accordion-section-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark.navbar-accordion-content-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-orange.navbar-accordion-section-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-orange.navbar-accordion-content-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-primary.navbar-accordion-section-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-primary.navbar-accordion-content-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-blue.navbar-accordion-section-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-blue.navbar-accordion-content-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-black.navbar-accordion-section-items .nav-item:not(.nav-active), .navbar-accordion.dark.theme-dark-black.navbar-accordion-content-items .nav-item:not(.nav-active) {
  background: rgba(255, 255, 255, 0.1);
}
.navbar-accordion.dark.theme-dark.navbar-accordion-section-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark.navbar-accordion-section-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark.navbar-accordion-content-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark.navbar-accordion-content-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-section-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-section-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-content-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-orange.navbar-accordion-content-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-section-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-section-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-content-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-primary.navbar-accordion-content-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-section-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-section-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-content-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-blue.navbar-accordion-content-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-black.navbar-accordion-section-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-black.navbar-accordion-section-items .nav-item:not(.nav-active) .nav-item__title, .navbar-accordion.dark.theme-dark-black.navbar-accordion-content-items .nav-item:not(.nav-active) .mui-icon span, .navbar-accordion.dark.theme-dark-black.navbar-accordion-content-items .nav-item:not(.nav-active) .nav-item__title {
  color: #ffffff !important;
}
.navbar-accordion.dark.theme-dark-orange.sidebar-accordion-section-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-primary.sidebar-accordion-section-items .nav-item.nav-active {
  border-left: 3px solid #ffffff;
}
.navbar-accordion.dark.theme-dark-orange.sidebar-accordion-section-items .nav-item:hover, .navbar-accordion.dark.theme-dark-primary.sidebar-accordion-section-items .nav-item:hover {
  border-left: 2px solid #ffffff;
}
.navbar-accordion.dark.theme-dark-orange.sidebar-accordion-content-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-orange.ordered_sidebar-accordion-content-items .nav-item:hover, .navbar-accordion.dark.theme-dark-primary.sidebar-accordion-content-items .nav-item.nav-active, .navbar-accordion.dark.theme-dark-primary.ordered_sidebar-accordion-content-items .nav-item:hover {
  border-left: 3px solid #ffffff;
}
.navbar-accordion.dark.theme-dark-orange.sidebar-accordion-content-items .nav-item:hover, .navbar-accordion.dark.theme-dark-orange.ordered_sidebar-accordion-content-items .nav-item:hover, .navbar-accordion.dark.theme-dark-primary.sidebar-accordion-content-items .nav-item:hover, .navbar-accordion.dark.theme-dark-primary.ordered_sidebar-accordion-content-items .nav-item:hover {
  border-left: 2px solid #ffffff;
}
.navbar-accordion.dark.theme-dark .nav-items__gradient {
  background: linear-gradient(91deg, transparent 0%, #0a2e36 60%);
}
.navbar-accordion.dark.theme-dark .nav-items__gradient.gradient-start {
  left: -10px;
  background: linear-gradient(270deg, transparent 0%, #0a2e36 60%);
}
.navbar-accordion.dark.theme-dark-orange .nav-items__gradient {
  background: linear-gradient(91deg, transparent 0%, #EB5E28 60%);
}
.navbar-accordion.dark.theme-dark-orange .nav-items__gradient.gradient-start {
  left: -10px;
  background: linear-gradient(270deg, transparent 0%, #EB5E28 60%);
}
.navbar-accordion.dark.theme-dark-primary .nav-items__gradient {
  background: linear-gradient(91deg, transparent 0%, #4DBF00 60%);
}
.navbar-accordion.dark.theme-dark-primary .nav-items__gradient.gradient-start {
  left: -10px;
  background: linear-gradient(270deg, transparent 0%, #4DBF00 60%);
}
.navbar-accordion.dark.theme-dark-blue .nav-items__gradient {
  background: linear-gradient(91deg, transparent 0%, #13399C 60%);
}
.navbar-accordion.dark.theme-dark-blue .nav-items__gradient.gradient-start {
  left: -10px;
  background: linear-gradient(270deg, transparent 0%, #13399C 60%);
}
.navbar-accordion.dark.theme-dark-black .nav-items__gradient {
  background: linear-gradient(91deg, transparent 0%, #000000 60%);
}
.navbar-accordion.dark.theme-dark-black .nav-items__gradient.gradient-start {
  left: -10px;
  background: linear-gradient(270deg, transparent 0%, #000000 60%);
}
.navbar-accordion.light .nav-item:not(.nav-active) .nav-item__title {
  color: #0a2e36 !important;
}
.navbar-accordion.light.sidebar-accordion-section-items .nav-item__title, .navbar-accordion.light.sidebar-accordion-content-items .nav-item__title, .navbar-accordion.light.ordered_sidebar-accordion-content-items .nav-item__title {
  color: #0a2e36 !important;
}
.navbar-accordion.light .list-item__img-container {
  background: #ffffff;
  border: 1px solid #edeff0;
}
.navbar-accordion.light .list-item__img-container .mui-icon span {
  color: #0a2e36;
}
.navbar-accordion.light.theme-semidark .nav-items__gradient {
  background: linear-gradient(91deg, transparent 0%, #f8f8f8 60%);
}
.navbar-accordion.light.theme-semidark .nav-items__gradient.gradient-start {
  left: -10px;
  background: linear-gradient(270deg, transparent 0%, #f8f8f8 60%);
}
.navbar-accordion.light .article-detail__html-container p, .navbar-accordion.light .article-detail__html-container h1, .navbar-accordion.light .article-detail__html-container h2, .navbar-accordion.light .article-detail__html-container h3, .navbar-accordion.light .article-detail__html-container h4, .navbar-accordion.light .article-detail__html-container ul, .navbar-accordion.light .article-detail__html-container li {
  color: #0a2e36;
}
.navbar-accordion.light .article-detail__html-container li {
  border-left: 1px solid #0a2e36;
}

.custom-scrollbar {
  padding-bottom: 10px;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(185, 192, 199, 0.25);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(185, 192, 199, 0.5);
  border-radius: 10px;
  cursor: pointer;
  border: none;
}

.masonry-card {
  padding: 36px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  justify-content: space-between;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: all 0.3s ease-out;
  border: 1px solid #e9e9e9;
  cursor: auto;
}
.masonry-card .material-symbols-outlined {
  font-size: 48px;
}
.masonry-card__icon img {
  max-width: 100%;
}
.masonry-card__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #0a2e36;
}
.masonry-card .mui-icon {
  justify-content: flex-start !important;
}
.masonry-card__title-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.masonry-card__detail {
  position: absolute;
  right: 15px;
  bottom: 10px;
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: scale(0.5);
}
.masonry-card:hover {
  transition: all 0.3s ease-out;
  margin-top: -8px;
  margin-bottom: 8px;
}
.masonry-card:not(.card-no-hover) {
  cursor: pointer;
}
.masonry-card:not(.card-no-hover):hover .masonry-card__detail {
  opacity: 1;
  transition: all 0.3s ease-out;
}
.masonry-card__title {
  font-size: 20px;
  line-height: 1.5em;
  color: #0a2e36;
  word-wrap: break-word;
  margin: 0;
}
.masonry-card .masonry-card__actions a {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.025rem;
}
.masonry-card__actions {
  display: flex;
  gap: 36px;
  align-items: center;
}
.masonry-card__actions a {
  transition: 200ms linear 30ms;
  display: flex;
  align-items: center;
  gap: 12px;
}
.masonry-card__actions a:hover {
  opacity: 0.75;
  transition: 200ms linear 30ms;
}
.masonry-card__actions a svg {
  transform: scale(0.6);
}
.masonry-card__actions a:nth-child(2) {
  font-weight: 500;
}
@media (max-width: 1100px) {
  .masonry-card {
    padding: 24px;
  }
  .masonry-card__title {
    font-size: 18px !important;
  }
  .masonry-card__detail {
    right: 24px;
    bottom: 24px;
  }
}
.masonry-card.theme-dark-black {
  background-color: #000000;
  border-color: #000000;
}
.masonry-card.theme-dark-black .masonry-card__title, .masonry-card.theme-dark-black .masonry-card__description {
  color: #ffffff;
}
.masonry-card.theme-dark-black .material-symbols-outlined {
  color: #ffffff;
}
.masonry-card.theme-dark-black .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.masonry-card.theme-dark-black .btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.masonry-card.theme-dark-black path {
  fill: #ffffff;
}
.masonry-card.theme-dark-blue {
  background-color: #000000;
  border-color: #000000;
  background-color: #13399C;
  border-color: #13399C;
}
.masonry-card.theme-dark-blue .masonry-card__title, .masonry-card.theme-dark-blue .masonry-card__description {
  color: #ffffff;
}
.masonry-card.theme-dark-blue .material-symbols-outlined {
  color: #ffffff;
}
.masonry-card.theme-dark-blue .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.masonry-card.theme-dark-blue .btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.masonry-card.theme-dark-blue path {
  fill: #ffffff;
}
.masonry-card.theme-dark-orange {
  background-color: #000000;
  border-color: #000000;
  background-color: #EB5E28;
  border-color: #EB5E28;
}
.masonry-card.theme-dark-orange .masonry-card__title, .masonry-card.theme-dark-orange .masonry-card__description {
  color: #ffffff;
}
.masonry-card.theme-dark-orange .material-symbols-outlined {
  color: #ffffff;
}
.masonry-card.theme-dark-orange .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.masonry-card.theme-dark-orange .btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.masonry-card.theme-dark-orange path {
  fill: #ffffff;
}
.masonry-card.theme-dark-primary {
  background-color: #000000;
  border-color: #000000;
  background-color: #4DBF00;
  border-color: #4DBF00;
}
.masonry-card.theme-dark-primary .masonry-card__title, .masonry-card.theme-dark-primary .masonry-card__description {
  color: #ffffff;
}
.masonry-card.theme-dark-primary .material-symbols-outlined {
  color: #ffffff;
}
.masonry-card.theme-dark-primary .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.masonry-card.theme-dark-primary .btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.masonry-card.theme-dark-primary path {
  fill: #ffffff;
}
.masonry-card.theme-light {
  background-color: #ffffff;
}
.masonry-card.theme-light .masonry-card__title, .masonry-card.theme-light .masonry-card__description {
  color: #0a2e36;
}
.masonry-card.theme-light .material-symbols-outlined {
  color: #0a2e36;
}
.masonry-card.theme-light .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.masonry-card.theme-light .btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.masonry-card.theme-light path {
  fill: #0a2e36;
}
.masonry-card.theme-semidark {
  background-color: #ffffff;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
.masonry-card.theme-semidark .masonry-card__title, .masonry-card.theme-semidark .masonry-card__description {
  color: #0a2e36;
}
.masonry-card.theme-semidark .material-symbols-outlined {
  color: #0a2e36;
}
.masonry-card.theme-semidark .btn-white {
  background-color: #4dbf00;
  color: #ffffff;
}
.masonry-card.theme-semidark .btn-white:hover {
  transition: 200ms linear 30ms;
  background-color: #0a2e36;
  color: #ffffff;
}
.masonry-card.theme-semidark path {
  fill: #0a2e36;
}

.cookie-popup {
  display: none;
  width: 15.07813vw;
  padding: 0.9375vw;
  position: fixed;
  z-index: 100000;
  bottom: 1.5625vw;
  max-width: calc(100% - 9.375vw);
  align-items: center;
  justify-content: center;
  min-height: 4.6875vw;
  border-radius: 0.625vw;
  -webkit-backdrop-filter: blur(1.5625vw);
  backdrop-filter: blur(1.5625vw);
  background: #fff;
  margin: 0 0 0 1.5625vw;
  box-shadow: 0 1px 0.625vw rgba(34, 60, 80, 0.2);
  left: 0;
}

@media (min-width: 1281px) {
  .cookie-popup {
    width: 193px;
    padding: 12px;
    bottom: 20px;
    max-width: calc(100% - 120px);
    min-height: 60px;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin: 0 0 0 20px;
    box-shadow: 0 1px 8px rgba(34, 60, 80, 0.2);
  }
}
@media all {
  .cookie-popup {
    width: 193px;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .cookie-popup {
    min-height: 60px;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    margin: 0 0 0 20px;
    bottom: 20px;
    box-shadow: 0 1px 8px rgba(34, 60, 80, 0.2);
    width: calc(100% - 40px);
    max-width: 482px;
    padding: 12px;
  }
}
@media (max-width: 550px) {
  .cookie-popup {
    width: 225px;
  }
}
.cookie-popup__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 767px) {
  .cookie-popup__content {
    flex-direction: row;
  }
}
@media (max-width: 550px) {
  .cookie-popup__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cookie-popup__title {
  font-weight: 300;
  letter-spacing: -0.01em;
  text-align: left;
  color: #292b32;
  margin: 0 0 0.9375vw;
  font-size: 0.9375vw;
  line-height: 130%;
  font-variation-settings: "slnt" 0;
  font-family: Inter, sans-serif;
}

@media (min-width: 1281px) {
  .cookie-popup__title {
    margin: 0 0 12px;
    font-size: 12px;
  }
}
@media all {
  .cookie-popup__title {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 130%;
  }
}
@media (max-width: 767px) {
  .cookie-popup__title {
    max-width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 550px) {
  .cookie-popup__title {
    margin: 0 0 20px;
    max-width: 100%;
  }
}
.cookie-popup__title a {
  color: #52b410;
  border-bottom: 1px solid #52b410;
  transition: color 0.5s, border-bottom-color 0.5s;
  border-bottom: 0;
}

@media (min-width: 1281px) {
  .cookie-popup__title a {
    border-bottom: 1px solid #52b410;
  }
}
.cookie-popup__title a:hover {
  color: #4daa0f;
  transition: color 0s, border-bottom-color 0s;
}

.cookie-popup__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media all {
  .cookie-popup__btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cookie-popup__btn {
    justify-content: flex-end;
    width: 147px;
  }
}
@media (max-width: 550px) {
  .cookie-popup__btn {
    width: auto;
  }
}
.cookie-popup__btn > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.65625vw;
  width: calc(50% - 0.3125vw);
  border-radius: 0.3125vw;
  padding: 0.625vw 1.25vw;
  font-size: 1.09375vw;
  font-weight: 500;
  line-height: 1.40625vw;
  letter-spacing: -0.01em;
  font-variation-settings: "slnt" 0;
  cursor: pointer;
  background: #52b410;
  color: #fff;
  transition: background-color 0.5s;
  outline: none;
  border: none;
}

@media (min-width: 1281px) {
  .cookie-popup__btn > button {
    height: 34px;
    width: calc(50% - 4px);
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media all {
  .cookie-popup__btn > button {
    width: calc(50% - 4px);
    height: 34px;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .cookie-popup__btn > button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 550px) {
  .cookie-popup__btn > button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.cookie-popup__btn > button:hover {
  background: #4daa0f;
  transition: background-color 0.1s;
}

.cookie-popup.cookie-popup--show {
  display: flex;
}

.cookie-popup__close {
  width: 1.71875vw;
  height: 1.71875vw;
  position: absolute;
  right: 1.17188vw;
  top: 1.17188vw;
  cursor: pointer;
}

@media (min-width: 1281px) {
  .cookie-popup__close {
    width: 22px;
    height: 22px;
    right: 15px;
    top: 15px;
  }
}
.timeline {
  font-family: Inter;
  position: relative;
}
.timeline .timeline-child {
  display: grid;
  grid-template-columns: [left] 1fr [center] 1fr [right] 1fr;
  align-items: flex-start;
  grid-column-gap: 24px;
  column-gap: 24px;
  position: relative;
}
.timeline .timeline-child:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #4DBF00;
  left: 50%;
  right: 50%;
}
.timeline .timeline-child:last-child:before {
  background: linear-gradient(to bottom, #4DBF00 70%, transparent 100%);
}
.timeline .timeline-date {
  padding: 8px 6.5px;
  z-index: 10;
  position: relative;
  border-radius: 10px;
  font-size: 14px;
}
.timeline .timeline-date:before {
  border-radius: 10px;
  z-index: 10;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.timeline .timeline-date:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.timeline .timeline-icon {
  object-fit: contain;
  max-width: 56px;
}
.timeline .timeline-date-container {
  grid-area: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.timeline .timeline-content-container {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.timeline .timeline-child:nth-child(even) .timeline-content-container {
  grid-area: right;
  justify-content: flex-start;
}
.timeline .timeline-child:nth-child(even) .timeline-content__description, .timeline .timeline-child:nth-child(even) .timeline-content__title {
  text-align: left;
}
.timeline .timeline-child:nth-child(even) .timeline-date-container:before {
  right: 0;
}
.timeline .timeline-child:nth-child(odd) .timeline-content-container {
  grid-area: left;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.timeline .timeline-child:nth-child(odd) .timeline-content__description, .timeline .timeline-child:nth-child(odd) .timeline-content__title {
  text-align: right;
}
.timeline .timeline-child:nth-child(odd) .timeline-date-container:before {
  left: 0;
}
.timeline .timeline-content__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
}
.timeline .timeline-date-container:before {
  content: "";
  width: 50%;
  height: 1px;
  border-bottom: 1px dashed #4DBF00;
  position: absolute;
  top: 50%;
  bottom: 50%;
  z-index: 10;
}
@media (max-width: 700px) {
  .timeline .timeline-child.timeline-child.timeline-child {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-bottom: 36px;
  }
  .timeline .timeline-child.timeline-child.timeline-child .timeline-icon {
    max-width: 34px;
  }
  .timeline .timeline-child.timeline-child.timeline-child .timeline-content-container {
    grid-area: right;
    justify-content: flex-start;
    flex-direction: column;
    gap: 14px;
  }
  .timeline .timeline-child.timeline-child.timeline-child .article-detail__html-container p {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .timeline .timeline-child.timeline-child.timeline-child .timeline-content__description, .timeline .timeline-child.timeline-child.timeline-child .timeline-content__title {
    text-align: left;
  }
  .timeline .timeline-child.timeline-child.timeline-child .timeline-date-container {
    justify-content: flex-start;
  }
  .timeline .timeline-child.timeline-child.timeline-child .timeline-date-container:before {
    display: none;
  }
  .timeline .timeline-child.timeline-child.timeline-child:before {
    left: calc(var(--timeline-child-description-width) / 2);
    right: auto;
  }
}
.timeline.timeline-theme-light .timeline-date, .timeline.timeline-theme-semidark .timeline-date {
  background-color: #EDF8E2;
  border: 1px solid #4DBF00;
  color: #0A2E36;
}
.timeline.timeline-theme-dark-orange .timeline-date, .timeline.timeline-theme-dark-black .timeline-date, .timeline.timeline-theme-dark-primary .timeline-date, .timeline.timeline-theme-dark .timeline-date, .timeline.timeline-theme-dark-blue .timeline-date {
  color: #FFFFFF;
}
.timeline.timeline-theme-dark-orange .timeline-date:before, .timeline.timeline-theme-dark-black .timeline-date:before, .timeline.timeline-theme-dark-primary .timeline-date:before, .timeline.timeline-theme-dark .timeline-date:before, .timeline.timeline-theme-dark-blue .timeline-date:before {
  background-color: rgba(255, 255, 255, 0.1019607843);
}
.timeline.timeline-theme-dark-orange .timeline-content__title, .timeline.timeline-theme-dark-black .timeline-content__title, .timeline.timeline-theme-dark-primary .timeline-content__title, .timeline.timeline-theme-dark .timeline-content__title, .timeline.timeline-theme-dark-blue .timeline-content__title {
  color: #FFFFFF;
}
.timeline.timeline-theme-dark-orange .timeline-child:before, .timeline.timeline-theme-dark-black .timeline-child:before, .timeline.timeline-theme-dark-primary .timeline-child:before, .timeline.timeline-theme-dark .timeline-child:before, .timeline.timeline-theme-dark-blue .timeline-child:before {
  background-color: #FFFFFF;
}
.timeline.timeline-theme-dark-orange .timeline-child:last-child:before, .timeline.timeline-theme-dark-black .timeline-child:last-child:before, .timeline.timeline-theme-dark-primary .timeline-child:last-child:before, .timeline.timeline-theme-dark .timeline-child:last-child:before, .timeline.timeline-theme-dark-blue .timeline-child:last-child:before {
  background: linear-gradient(to bottom, #FFFFFF 70%, transparent 100%);
}
.timeline.timeline-theme-dark-orange .timeline-date-container:before, .timeline.timeline-theme-dark-black .timeline-date-container:before, .timeline.timeline-theme-dark-primary .timeline-date-container:before, .timeline.timeline-theme-dark .timeline-date-container:before, .timeline.timeline-theme-dark-blue .timeline-date-container:before {
  border-color: #FFFFFF;
}
.timeline.timeline-theme-dark .timeline-date:after {
  background-color: #0a2e36;
}
.timeline.timeline-theme-dark-orange .timeline-date:after {
  background-color: #EB5E28;
}
.timeline.timeline-theme-dark-black .timeline-date:after {
  background-color: #000000;
}
.timeline.timeline-theme-dark-primary .timeline-date:after {
  background-color: #4DBF00;
}
.timeline.timeline-theme-dark-blue .timeline-date:after {
  background-color: #13399C;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
.page-loader {
  position: fixed;
  right: 0;
  top: 0;
  background: #F8FCF6;
  width: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.page-loader .loader {
  width: 48px;
  height: 48px;
  animation: pulse 3s infinite ease-in-out;
}
.page-loader .loader img {
  width: 100%;
  object-fit: contain;
}

.horizontal-accent-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
@media (max-width: 700px) {
  .horizontal-accent-cards {
    flex-direction: column;
    gap: 14px;
  }
}

.horizontal-accent-card {
  padding: 24px;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  border: 1px solid #e9e9e9;
}
.horizontal-accent-card__title {
  font-family: "Rothek Bold";
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #4dbf00;
  margin: 0;
}
.horizontal-accent-card__description {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 1100px) {
  .horizontal-accent-card__title {
    font-size: 18px !important;
  }
}

.anchored-landing-checker {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.anchored-landing-checker .anchored-landing-checker-anchors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.anchored-landing-checker .anchored-landing-checker-anchor {
  border: 1px solid #e9e9e9;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2.38px 0px 0px rgba(0, 0, 0, 0.02);
  border-radius: 50px;
  padding: 9px 19px;
  font-weight: 400;
  font-size: 19px;
  line-height: 28.5px;
  transition: all 0.3s;
}
.anchored-landing-checker .anchored-landing-checker-anchor:hover {
  color: #4dbf00;
  border-color: #4dbf00;
  transition: all 0.3s;
}
.anchored-landing-checker .anchored-landing-checker-items {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.anchored-landing-checker .anchored-landing-checker-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
.anchored-landing-checker .anchored-landing-checker-item:nth-child(odd) {
  justify-content: normal;
}
.anchored-landing-checker .anchored-landing-checker-item:nth-child(even) {
  flex-direction: row-reverse;
}
.anchored-landing-checker .anchored-landing-checker-item__icon {
  max-width: 652px;
  width: 100%;
  object-fit: contain;
}
.anchored-landing-checker .anchored-landing-checker-item__title {
  margin-top: 0;
  font-size: 24px;
}
.anchored-landing-checker.anchored-landing-checker-theme-light h3, .anchored-landing-checker.anchored-landing-checker-theme-light p, .anchored-landing-checker.anchored-landing-checker-theme-semidark h3, .anchored-landing-checker.anchored-landing-checker-theme-semidark p {
  color: #0A2E36;
}
.anchored-landing-checker.anchored-landing-checker-theme-dark-orange h5, .anchored-landing-checker.anchored-landing-checker-theme-dark-orange h4, .anchored-landing-checker.anchored-landing-checker-theme-dark-orange h3, .anchored-landing-checker.anchored-landing-checker-theme-dark-orange h2, .anchored-landing-checker.anchored-landing-checker-theme-dark-orange h1, .anchored-landing-checker.anchored-landing-checker-theme-dark-orange p, .anchored-landing-checker.anchored-landing-checker-theme-dark-black h5, .anchored-landing-checker.anchored-landing-checker-theme-dark-black h4, .anchored-landing-checker.anchored-landing-checker-theme-dark-black h3, .anchored-landing-checker.anchored-landing-checker-theme-dark-black h2, .anchored-landing-checker.anchored-landing-checker-theme-dark-black h1, .anchored-landing-checker.anchored-landing-checker-theme-dark-black p, .anchored-landing-checker.anchored-landing-checker-theme-dark-primary h5, .anchored-landing-checker.anchored-landing-checker-theme-dark-primary h4, .anchored-landing-checker.anchored-landing-checker-theme-dark-primary h3, .anchored-landing-checker.anchored-landing-checker-theme-dark-primary h2, .anchored-landing-checker.anchored-landing-checker-theme-dark-primary h1, .anchored-landing-checker.anchored-landing-checker-theme-dark-primary p, .anchored-landing-checker.anchored-landing-checker-theme-dark h5, .anchored-landing-checker.anchored-landing-checker-theme-dark h4, .anchored-landing-checker.anchored-landing-checker-theme-dark h3, .anchored-landing-checker.anchored-landing-checker-theme-dark h2, .anchored-landing-checker.anchored-landing-checker-theme-dark h1, .anchored-landing-checker.anchored-landing-checker-theme-dark p, .anchored-landing-checker.anchored-landing-checker-theme-dark-blue h5, .anchored-landing-checker.anchored-landing-checker-theme-dark-blue h4, .anchored-landing-checker.anchored-landing-checker-theme-dark-blue h3, .anchored-landing-checker.anchored-landing-checker-theme-dark-blue h2, .anchored-landing-checker.anchored-landing-checker-theme-dark-blue h1, .anchored-landing-checker.anchored-landing-checker-theme-dark-blue p {
  color: white;
}
@media (max-width: 1100px) {
  .anchored-landing-checker .anchored-landing-checker-item:nth-child(even), .anchored-landing-checker .anchored-landing-checker-item:nth-child(odd) {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 700px) {
  .anchored-landing-checker {
    gap: 24px;
  }
  .anchored-landing-checker .anchored-landing-checker-anchors {
    flex-direction: column;
  }
  .anchored-landing-checker .anchored-landing-checker-item {
    gap: 24px;
  }
  .anchored-landing-checker .anchored-landing-checker-item__title {
    font-size: 18px !important;
  }
}

.bundles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 36px;
  gap: 36px;
}
.bundles .bundle {
  background-color: rgb(250, 250, 250);
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 36px;
}
.bundles .bundle__icon {
  width: 40px;
  object-fit: contain;
  margin-bottom: 36px;
}
.bundles .bundle__icon .material-symbols-outlined {
  color: rgb(77, 191, 0);
  font-size: 40px;
}
.bundles .bundle__title {
  margin: 0 0 14px;
  font-size: 24px;
}
.bundles .bundle__description {
  margin-bottom: 36px;
  font-family: "Rothek Bold";
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  vertical-align: middle;
  color: rgba(10, 46, 54, 0.5);
}
.bundles .bundle-children {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bundles .bundle-children-item {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.bundles .bundle-children-item .mui-icon {
  border-radius: 10px;
  background-color: rgba(77, 191, 0, 0.1);
  width: 34px;
  height: 34px;
}
.bundles .bundle-children-item .mui-icon .material-symbols-outlined {
  color: #0a2e36;
}
@media (max-width: 1100px) {
  .bundles {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .bundles {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .bundles .bundle {
    padding: 24px;
  }
  .bundles .bundle__icon, .bundles .bundle__description {
    margin-bottom: 24px;
  }
  .bundles .bundle-children-item {
    margin-bottom: 14px;
  }
}