/*
Theme Name: Astra Child
Template: astra
*/
/* FOOTER STOPKA  */
.site-footer {
  background: #ffffff;
  color: #000000;
  padding: 100px 0;
}
@media only screen and (max-width: 921px) {
  .site-footer {
    padding: 32px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .site-footer .desktop {
    display: none;
  }
}
.site-footer .mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .site-footer .mobile {
    display: block;
  }
}
.site-footer .grid_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #d1d5db;
}
@media only screen and (max-width: 1024px) {
  .site-footer .grid_container {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 16px;
  }
}
@media only screen and (max-width: 921px) {
  .site-footer .grid_container {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.site-footer .grid_container .grid_box {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media only screen and (max-width: 600px) {
  .site-footer .grid_container .grid_box {
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
}
.site-footer .grid_container .grid_box img {
  display: block;
  height: 48px;
  width: 48px;
  margin-right: 24px;
}
@media only screen and (max-width: 600px) {
  .site-footer .grid_container .grid_box img {
    margin-bottom: 16px;
  }
}
.site-footer .grid_container .grid_box p,
.site-footer .grid_container .grid_box a {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
}
@media only screen and (max-width: 1100px) {
  .site-footer .grid_container .grid_box p,
  .site-footer .grid_container .grid_box a {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.site-footer .menu_container {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #d1d5db;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media only screen and (max-width: 1024px) {
  .site-footer .menu_container {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 921px) {
  .site-footer .menu_container {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.site-footer .menu_container .mini_boxes {
  display: flex;
  gap: 20px;
}
.site-footer .menu_container .mini_boxes .mini_box {
  flex: 1;
}
.site-footer .menu_container .mini_boxes .mini_box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.site-footer .menu_container .mini_boxes .mini_box ul li {
  padding: 0;
  margin: 0;
}
.site-footer .menu_container .mini_boxes .mini_box ul li img {
  display: none;
}
.site-footer .menu_container .mini_boxes .mini_box ul li span {
  padding: 0;
  margin: 0;
}
.site-footer .menu_container .mini_boxes .mini_box p {
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -2%;
  color: #111827;
  padding-bottom: 12px;
}
.site-footer .menu_container .mini_boxes .mini_box a {
  padding-top: 12px;
  font-weight: 500;
  font-size: 14px;
  display: block;
  line-height: 21px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
.site-footer .menu_container .b1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #111827;
  padding-bottom: 24px;
}
.site-footer .menu_box3 .mini_box p {
  color: #ffffff !important;
  opacity: 0;
}
@media only screen and (max-width: 1024px) {
  .site-footer .menu_box3 .mini_box p {
    display: none;
  }
}
.site-footer .down_footer {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
@media only screen and (max-width: 921px) {
  .site-footer .down_footer {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
  }
}
.site-footer .down_footer p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  .site-footer .down_footer p {
    margin-top: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #4b5563;
  }
}
.site-footer .down_footer p a {
  color: #4b5563;
}
.site-footer .bottom_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1290px) {
  .site-footer .bottom_footer {
    justify-content: start;
    align-items: flex-start;
    flex-direction: column;
  }
}
.site-footer .bottom_footer .left_column {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 921px) {
  .site-footer .bottom_footer .left_column {
    flex-direction: column;
    align-items: flex-start;
  }
}
.site-footer .bottom_footer .left_column a {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #111827;
  margin-right: 32px;
}
@media only screen and (max-width: 1024px) {
  .site-footer .bottom_footer .left_column a {
    font-size: 18px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 600px) {
  .site-footer .bottom_footer .left_column a {
    margin-right: 22px;
  }
}
.site-footer .bottom_footer .left_column .socials {
  display: flex;
}
@media only screen and (max-width: 921px) {
  .site-footer .bottom_footer .left_column .socials {
    margin-top: 24px;
  }
}
.site-footer .bottom_footer .left_column .socials a {
  padding: 0;
  margin: 0;
  display: block;
  margin-right: 8px;
}
.site-footer .bottom_footer .right_column {
  display: flex;
}
@media only screen and (max-width: 1290px) {
  .site-footer .bottom_footer .right_column {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 921px) {
  .site-footer .bottom_footer .right_column {
    flex-direction: column;
  }
}
.site-footer .bottom_footer .right_column a {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #111827;
  margin-left: 32px;
}
@media only screen and (max-width: 1290px) {
  .site-footer .bottom_footer .right_column a {
    margin-left: 0;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 921px) {
  .site-footer .bottom_footer .right_column a {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #4b5563;
    margin-bottom: 8px;
  }
  .site-footer .bottom_footer .right_column a:nth-last-child(1) {
    margin-bottom: 0;
  }
}

.site-footer .mobile .lk-link {
  padding: 24px 0;
}
.site-footer .mobile .mb-newsletter a {
  max-width: 350px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.site-footer .mobile .mb-menu-1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.006em;
  text-align: left;
}
.site-footer .mobile .mb-menu-1 a,
.site-footer .mobile .mb-menu-1 p {
  opacity: 0.8;
  margin-bottom: 8px;
}
.site-footer .mobile .mb-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.006em;
}
.site-footer .mobile .mb-desc a,
.site-footer .mobile .mb-desc p {
  opacity: 0.8;
}
.site-footer .mobile .mb-newsletter {
  padding: 32px 0;
}
.site-footer .mobile .mb-contact {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
}
.site-footer .mobile .mb-contact a,
.site-footer .mobile .mb-contact p {
  opacity: 0.8;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: -0.006em;
  margin-bottom: 8px;
}
.site-footer .mobile .mb-copyrights {
  padding: 16px 0;
  margin-top: 32px;
  border-top: 1px solid #2f3d4b;
}
.site-footer .mobile .mb-copyrights a,
.site-footer .mobile .mb-copyrights p {
  opacity: 0.8;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: -0.006em;
  margin-bottom: 8px;
}
.site-footer .mb-menu-2 {
  padding-top: 32px;
}
.site-footer .menu2-section {
  margin: 0 auto;
}
.site-footer .menu2-question {
  cursor: pointer;
  transition: all 0.3s linear;
  display: flex;
  justify-content: space-between;
}
.site-footer .menu2-question h3 {
  color: #ffffff;
}
.site-footer .menu2-question img {
  transition: all 0.2s linear;
}
.site-footer .menu2-answer {
  padding-top: 24px;
  display: none;
  height: 0;
  transition: all 0.3s linear;
}
.site-footer .menu2-answer ul {
  margin: 0;
  padding: 0;
}
.site-footer .menu2-answer ul li {
  margin: 0;
  padding: 0 0 8px 0;
  list-style-type: none;
}
.site-footer .menu2-answer ul li a {
  color: #ffffff !important;
}
.site-footer .active .menu2-answer {
  transition: all 0.3s linear;
  display: block;
  height: auto;
}
.site-footer .active .menu2-question img {
  transition: all 0.2s linear;
  transform: rotate(-180deg);
}
.site-footer .menu2-question:hover {
  transition: all 0.3s linear;
}
.site-footer .menu1 ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 921px) {
  .site-footer .menu1 ul {
    flex-direction: column;
    gap: 8px;
  }
}
.site-footer .menu1 ul li {
  padding: 0;
  margin: 0;
  margin-right: 24px;
  padding-right: 24px;
  border-right: 1px solid #2f3d4b;
}
@media only screen and (max-width: 1200px) {
  .site-footer .menu1 ul li {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 921px) {
  .site-footer .menu1 ul li {
    flex-direction: column;
    margin-right: 0;
    padding-right: 0;
    border: 0;
  }
}
.site-footer .menu1 ul li a {
  color: #ffffff;
}
.site-footer .datas,
.site-footer .copy {
  flex-wrap: wrap !important;
}
.site-footer .menu_box .tab_selector {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  padding: 0;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
  width: 100%;
  text-align: left;
  position: relative;
  color: #111827;
  display: flex;
  align-items: center;
}
.site-footer .menu_box .tab_selector::after {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url("./img/faq_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: " ";
  transition: all 0.2s linear;
  position: absolute;
  right: 24px;
}
@media only screen and (max-width: 921px) {
  .site-footer .menu_box .tab_selector::after {
    right: 12px;
  }
}
.site-footer .menu_box .tab_selector::active, .site-footer .menu_box .tab_selector::focus {
  background-color: transparent;
  box-shadow: none;
}
.site-footer .menu_box .tab_content {
  display: none;
  padding-top: 24px;
}
.site-footer .menu_box .tab_content.active {
  display: block;
}
.site-footer .menu_box.active .tab_content {
  display: block;
}

.ast-separate-container #content .ast-container {
  padding: 0 20px;
}

.site-header {
  padding: 16px 0;
}
.site-header .top-beam {
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 999;
}

.site-header .top-beam .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 8px;
  border: 1px solid #d6dfed;
}
.site-header .top-beam .row .logo {
  margin-left: 8px;
}

.site-header .top-beam .col-2 {
  display: flex;
  justify-content: end;
  align-items: center;
}
.site-header .top-beam .col-2 ul {
  display: flex;
  padding: 0;
  margin: 0;
  margin-right: 16px;
}
.site-header .top-beam .col-2 ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 48px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  margin-left: 16px;
  border-radius: 0;
  transition: all 0.2s linear;
}
@media only screen and (max-width: 1400px) {
  .site-header .top-beam .col-2 ul li {
    margin-left: 4px;
  }
}
.site-header .top-beam .col-2 ul li a {
  padding: 12px 8px;
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #4b5563;
  height: 48px;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 8px;
}
@media only screen and (max-width: 1400px) {
  .site-header .top-beam .col-2 ul li a {
    font-size: 14px;
    padding: 12px 6px;
  }
}
.site-header .top-beam .col-2 ul li:nth-last-child(1) {
  margin-left: 32px;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .site-header .top-beam .col-2 ul li:nth-last-child(1) {
    margin-left: 8px;
  }
}
.site-header .top-beam .col-2 ul li:nth-last-child(1)::after {
  position: absolute;
  left: -16px;
  display: block;
  content: "";
  height: 20px;
  width: 1px;
  background-color: #9ca3af;
}
@media only screen and (max-width: 1400px) {
  .site-header .top-beam .col-2 ul li:nth-last-child(1)::after {
    left: -4px;
    z-index: 999;
  }
}
.site-header .top-beam .col-2 ul li:nth-last-child(2) {
  position: relative;
}
.site-header .top-beam .col-2 ul li:nth-last-child(2) a {
  position: relative;
}
.site-header .top-beam .col-2 ul li:nth-last-child(2) a::before {
  margin-right: 8px;
  position: relative;
  left: 0;
  display: block;
  content: "";
  height: 20px;
  width: 30px;
  background-image: url("./img/ue.svg");
}
@media only screen and (max-width: 1400px) {
  .site-header .top-beam .col-2 ul li:nth-last-child(2) a::before {
    margin-right: 4px;
  }
}
.site-header .top-beam .col-2 ul li:hover a {
  background-color: #dbeafe;
}
.site-header .top-beam .col-2 ul li.current-page-ancestor a, .site-header .top-beam .col-2 ul li.current-menu-item a {
  transition: all 0.2s linear;
  color: #1f2937;
  background-color: #dbeafe;
}
.site-header .top-beam .col-2 ul li.active a {
  background-color: #dbeafe;
  color: #1f2937;
}

.site-header {
  width: 100%;
  position: fixed;
}
@media only screen and (max-width: 1200px) {
  .site-header .desktop {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .site-header {
    padding: 0;
  }
}
.site-header .mobile {
  display: none;
  position: relative;
  background: #ffffff;
  z-index: 999;
  height: 64px;
  box-shadow: 0px 8px 16px -4px rgba(22, 34, 51, 0.0784313725);
}
@media only screen and (max-width: 1200px) {
  .site-header .mobile {
    display: block;
  }
}
.site-header .mobile .ast-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: 100%;
}
.site-header .mobile .menu {
  width: 17px;
  height: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s linear;
  position: relative;
  gap: 3px;
}
.site-header .mobile .menu span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #4b5563;
  transition: all 0.2s linear;
  border-radius: 100px;
  position: absolute;
}
.site-header .mobile .menu span:nth-child(1) {
  top: 0;
}
.site-header .mobile .menu span:nth-child(3) {
  bottom: 0;
}
.site-header .mobile #fixedmobile {
  background: #0e1c2c;
  width: 100%;
  position: fixed;
  top: 56px;
  display: none;
}
.site-header .mobile #fixedmobile .innerr {
  overflow: auto;
  height: 700px;
}
.site-header .mobile #fixedmobile .ast-container {
  flex-direction: column;
}
.site-header .mobile #fixedmobile.active {
  display: flex;
  flex-direction: column;
}
.site-header .mobile #fixedmobile .languages {
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}
.site-header .mobile #fixedmobile .languages .inner {
  padding: 12px 20px;
  display: flex;
  justify-content: center;
  color: #52e399;
}
.site-header .mobile #fixedmobile .menumobile {
  padding: 104px 0 48px;
}
.site-header .mobile #fixedmobile .menumobile ul {
  padding: 0;
  margin: 0;
}
.site-header .mobile #fixedmobile .menumobile ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.site-header .mobile #fixedmobile .menumobile ul li a {
  color: #fff !important;
  font-size: 32px;
  font-weight: 600;
  line-height: 38.4px;
  letter-spacing: -0.026em;
  text-align: center;
  margin-bottom: 48px;
  padding: 0;
  display: block;
}
.site-header .mobile #togglemenu.active {
  transition: all 0.2s linear;
}
.site-header .mobile #togglemenu.active span {
  transition: all 0.2s linear;
}
.site-header .mobile #togglemenu.active span:first-child {
  transform: rotate(45deg);
  top: 2px;
  position: relative;
}
.site-header .mobile #togglemenu.active span:nth-child(2) {
  transform: translateX(-20px);
  position: absolute;
  opacity: 0;
}
.site-header .mobile #togglemenu.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: -3px;
  position: relative;
}

.site-header .menu-item-3185 a,
.site-header .menu-item-1387 a,
.site-header .menu-item-1385 a {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .site-header .menu-item-3185 a,
  .site-header .menu-item-1387 a,
  .site-header .menu-item-1385 a {
    z-index: 77;
    position: inherit;
  }
}
.site-header .menu-item-3185 a::after,
.site-header .menu-item-1387 a::after,
.site-header .menu-item-1385 a::after {
  display: block;
  position: relative;
  background-image: url("./img/menu_arrow.svg");
  background-position: center;
  background-size: contain;
  height: 16px;
  width: 16px;
  content: "";
  margin-left: 4px;
}
@media only screen and (max-width: 1200px) {
  .site-header .menu-item-3185 a::after,
  .site-header .menu-item-1387 a::after,
  .site-header .menu-item-1385 a::after {
    display: none;
  }
}
.site-header .menu-item-3185 a:hover::before,
.site-header .menu-item-1387 a:hover::before,
.site-header .menu-item-1385 a:hover::before {
  display: block;
  position: absolute;
  height: 200px;
  background-color: transparent;
  width: 200px;
  content: "";
  top: auto;
  bottom: -195px;
  right: 0;
  left: 0;
}

.fixed_menu {
  z-index: 888;
  left: 0;
  height: 100vh;
  width: 100%;
  color: #000000;
  top: 0;
  display: none;
}
.fixed_menu .col_ind {
  padding: 16px;
  border-radius: 12px;
  background-color: #eff6ff;
}
.fixed_menu .col_ind .menu_ind ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  list-style-type: none;
  justify-content: space-between;
  gap: 16px;
}
.fixed_menu .col_ind .menu_ind ul li {
  background-color: #ffffff;
  border-radius: 12px;
  list-style-type: none;
  width: 100%;
  max-width: 100%;
}
.fixed_menu .col_ind .menu_ind ul li span {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -1.6%;
  text-align: left !important;
  color: #4b5563;
  padding: 24px !important;
  margin: 0 !important;
}
.fixed_menu .col_ind .menu_ind ul li span b,
.fixed_menu .col_ind .menu_ind ul li span strong {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  padding: 24px;
  letter-spacing: -1.6%;
  color: #111827;
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 8px !important;
}
.fixed_menu .col_ind .menu_ind ul li a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.fixed_menu .col_ind .menu_ind ul li img {
  max-width: 226px;
  width: 100%;
  aspect-ratio: 226/120;
  border-radius: 12px;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width: 1450px) {
  .fixed_menu .col_ind .menu_ind ul li img {
    max-width: 150px;
  }
}
.fixed_menu.active {
  display: block;
}
.fixed_menu .wrapper {
  position: relative;
  z-index: 9999;
}
.fixed_menu .wrapper .row {
  display: flex;
  width: 100%;
  max-width: 100%;
}
.fixed_menu .wrapper .row .col {
  flex: 1;
}
.fixed_menu .wrapper .row .col1 {
  padding-right: 8px;
}
.fixed_menu .wrapper .box {
  padding-bottom: 16px;
  display: flex;
}
.fixed_menu .wrapper .box p {
  display: flex;
  align-items: center;
  color: #111827;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-right: 16px;
}
.fixed_menu .wrapper .box p::after {
  margin-left: 16px;
  height: 16px;
  width: 1px;
  display: block;
  content: "";
  background-color: #93c5fd;
}
.fixed_menu .wrapper .button_wrapper {
  display: block;
  margin-top: 16px;
}
.fixed_menu .wrapper .button_wrapper a {
  width: 100%;
  display: flex;
  justify-content: center;
}
.fixed_menu .wrapper1 {
  background-color: #eff6ff;
  padding: 16px;
  border-radius: 12px;
}
.fixed_menu .wrapper1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fixed_menu .wrapper1 ul li {
  margin-bottom: 4px;
}
.fixed_menu .wrapper1 ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.fixed_menu .wrapper1 ul li a {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 4px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #111827;
}
.fixed_menu .wrapper1 ul li a img {
  margin-right: 10px;
  padding: 0;
  display: block;
  width: 40px;
  height: 40px;
}
.fixed_menu .wrapper1 ul li a span {
  padding: 0;
}

@keyframes slide-in {
  from {
    opacity: 0;
    display: none;
  }
  to {
    opacity: 1;
    display: block;
  }
}
@keyframes slide-out {
  from {
    display: block;
    opacity: 1;
  }
  to {
    opacity: 0;
    display: none;
  }
}
.fixed_menu_mobile {
  position: fixed;
  z-index: -100;
  top: 64px;
  background-color: #ffffff;
  width: 100%;
  overflow: scroll;
  height: 100vh;
  display: none;
  transition: all linear 0.2s;
  opacity: 0;
  animation: slide-out 0.2s;
}
.fixed_menu_mobile.active {
  animation: slide-in 0.2s;
  opacity: 1;
  transition: all linear 0.2s;
  display: block;
  z-index: 777;
}
.fixed_menu_mobile .btn_wrapper {
  width: 100%;
  padding: 24px 0;
}
.fixed_menu_mobile .btn_wrapper a {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.fixed_menu_mobile .menu_wrapper_mobile {
  border-top: 1px solid #d1d5db;
  padding-bottom: 100px;
}
.fixed_menu_mobile .menu_wrapper_mobile ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style-type: none;
  position: relative;
}
.fixed_menu_mobile .menu_wrapper_mobile ul li {
  border-bottom: 1px solid #d1d5db;
  padding: 0;
  list-style-type: none;
  position: relative;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.fixed_menu_mobile .menu_wrapper_mobile ul li.menu-item-1386::after, .fixed_menu_mobile .menu_wrapper_mobile ul li.menu-item-1387::after, .fixed_menu_mobile .menu_wrapper_mobile ul li.menu-item-1385::after {
  display: block;
  position: absolute;
  background-image: url("./img/arrow_menu_right.svg");
  background-position: center;
  background-size: contain;
  height: 24px;
  width: 24px;
  content: "";
  top: 17px;
  right: 0;
}
.fixed_menu_mobile .menu_wrapper_mobile ul li a {
  font-weight: 600;
  display: flex;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
  padding: 16px 0;
  width: fit-content;
}
.fixed_menu_mobile .back_button {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
  padding: 16px 0;
  border-bottom: 1px solid #d1d5db;
  display: flex;
  align-items: center;
}
.fixed_menu_mobile .back_button::before {
  display: block;
  position: relative;
  background-image: url("./img/arrow_menu_right.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  content: "";
  transform: rotate(-180deg);
  margin-right: 16px;
}
.fixed_menu_mobile .color_box {
  background-color: #eff6ff;
  border-radius: 24px;
  padding: 16px;
}
.fixed_menu_mobile .color_box .name_box {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 16px;
}
.fixed_menu_mobile .color_box .name_box img {
  object-fit: contain;
  width: fit-content;
}
.fixed_menu_mobile .color_box .name_box p.big_p {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
  position: relative;
  display: flex;
  align-items: center;
}
.fixed_menu_mobile .color_box .name_box p.big_p::after {
  position: relative;
  background-color: #93c5fd;
  height: 16px;
  margin-left: 16px;
  margin-right: 16px;
  width: 1px;
  display: block;
  content: "";
}
.fixed_menu_mobile .color_box li {
  padding: 0;
  margin: 0;
  border: none !important;
  margin-bottom: 4px !important;
}
.fixed_menu_mobile .color_box li:nth-last-child(1) {
  margin-bottom: 0;
}
.fixed_menu_mobile .color_box li a {
  max-width: 100% !important;
  width: 100% !important;
  display: flex;
  align-items: center;
  padding: 4px !important;
  border-radius: 12px !important;
  margin: 0 !important;
  background-color: #ffffff;
}
.fixed_menu_mobile .color_box li img {
  margin: 0;
  padding: 0;
  height: 40px;
  width: 40px;
}
.fixed_menu_mobile .color_box li span {
  padding: 0;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -1.6%;
  text-align: center;
  color: #111827;
  padding-left: 10px;
}
.fixed_menu_mobile .color_box .button_all {
  display: block;
  margin-top: 16px;
}
.fixed_menu_mobile .color_box .button_all a {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed_menu_mobile .wsparcie_menu,
.fixed_menu_mobile .indywidualne_menu,
.fixed_menu_mobile .oprogramowanie_menu {
  display: none;
}
.fixed_menu_mobile .indywidualne_menu .col_ind a {
  display: flex;
  flex-direction: column;
}
.fixed_menu_mobile .indywidualne_menu .col_ind a img {
  max-width: 200px !important;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
}
.fixed_menu_mobile .indywidualne_menu .col_ind a span {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -1.6%;
  text-align: left !important;
  color: #4b5563;
  padding: 0 12px 0 0 !important;
  margin: 0 !important;
}
.fixed_menu_mobile .indywidualne_menu .col_ind a span b,
.fixed_menu_mobile .indywidualne_menu .col_ind a span strong {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  padding: 24px;
  letter-spacing: -1.6%;
  color: #111827;
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 8px !important;
}

.overlay {
  position: fixed;
  z-index: 777;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.overlay.active {
  display: block;
}

.error-banner {
  padding-top: 290px;
  padding-bottom: 180px;
  background-image: url("./img/404.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 921px) {
  .error-banner {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}
.error-banner img {
  margin: auto;
  text-align: center;
  display: block;
}
.error-banner h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
  text-align: center;
  color: #ffffff;
  padding-top: 48px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 921px) {
  .error-banner h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}
.error-banner p:nth-child(3) {
  font-family: Inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #ffffff;
  opacity: 0.8;
  max-width: 500px;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 921px) {
  .error-banner p:nth-child(3) {
    font-size: 16px;
    line-height: 24px;
  }
}
.error-banner p:nth-child(4) {
  font-family: Inter;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  margin: auto;
  color: #ffffff;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 921px) {
  .error-banner p:nth-child(4) {
    font-size: 18px;
    line-height: 27px;
  }
}
.error-banner p:nth-child(4) a {
  color: #ffffff;
  text-decoration: underline;
}
.error-banner p:nth-child(5) {
  font-family: Inter;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  margin: auto;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 921px) {
  .error-banner p:nth-child(5) {
    font-size: 18px;
    line-height: 27px;
  }
}
.error-banner p:nth-child(5) a {
  color: #ffffff;
  text-decoration: underline;
}
.error-banner p:nth-child(6) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -1.6%;
  text-align: center;
  color: #ffffff;
  opacity: 0.8;
  padding-top: 24px;
  max-width: 700px;
  margin: auto;
  text-align: center;
}

.about_page {
  overflow: hidden;
}
.about_page .about_banner {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}
.about_page .about_banner::after {
  background: linear-gradient(180deg, rgba(60, 130, 246, 0) 0%, #3c82f6 100%);
  width: 100%;
  height: 550px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 11;
}
@media only screen and (max-width: 600px) {
  .about_page .about_banner::after {
    display: none;
  }
}
.about_page .about_banner .row {
  position: relative;
}
.about_page .about_banner img {
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 1300px) {
  .about_page .about_banner img {
    height: 540px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 600px) {
  .about_page .about_banner img {
    border-radius: 24px;
    aspect-ratio: 343/250;
    height: auto;
    margin-top: 80px;
  }
}
.about_page .about_banner p {
  text-align: center;
  position: relative;
  color: #ffffff;
  margin: auto;
}
@media only screen and (max-width: 600px) {
  .about_page .about_banner p {
    color: #cb0046;
    padding-top: 32px;
  }
}
.about_page .about_banner h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 72.8px;
  letter-spacing: -3%;
  text-align: center;
  margin: auto;
  max-width: 1020px;
  padding-top: 24px;
  z-index: 12;
  position: relative;
  padding-bottom: 72px;
  color: #ffffff;
}
@media only screen and (max-width: 921px) {
  .about_page .about_banner h1 {
    font-weight: 500;
    font-size: 38px;
    line-height: 40px;
    letter-spacing: -3%;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .about_page .about_banner h1 {
    color: #030712;
    padding-bottom: 0;
    padding-top: 16px;
  }
}
.about_page .about_banner .ast-container {
  max-width: 100%;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .about_page .about_banner .ast-container {
    padding: 0 20px;
  }
}
.about_page .about_banner .content {
  z-index: 12;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .about_page .about_banner .content {
    position: relative;
  }
}

section.solution_section {
  padding: 120px 0;
}
@media only screen and (max-width: 921px) {
  section.solution_section {
    padding: 64px 0;
  }
}
section.solution_section .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
}
@media only screen and (max-width: 921px) {
  section.solution_section .row {
    flex-direction: column;
    gap: 16px;
  }
}
section.solution_section .row .col1 {
  max-width: 580px;
}
@media only screen and (max-width: 921px) {
  section.solution_section .row .col1 {
    max-width: 100%;
  }
}
section.solution_section .row .col1 h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  section.solution_section .row .col1 h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
    color: #111827;
  }
}
section.solution_section .row .col2 {
  max-width: 700px;
}
@media only screen and (max-width: 1400px) {
  section.solution_section .row .col2 {
    max-width: 500px;
  }
}
@media only screen and (max-width: 921px) {
  section.solution_section .row .col2 {
    max-width: 100%;
  }
}
section.solution_section .row .col2 p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  section.solution_section .row .col2 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
    color: #4b5563;
  }
}
section.solution_section .grid_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 120px;
}
@media only screen and (max-width: 1400px) {
  section.solution_section .grid_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 921px) {
  section.solution_section .grid_container {
    margin-top: 64px;
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}
section.solution_section .grid_container .grid_box {
  padding: 24px;
  background-color: #eff6ff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}
@media only screen and (max-width: 921px) {
  section.solution_section .grid_container .grid_box {
    padding: 16px;
  }
}
section.solution_section .grid_container .grid_box p:nth-child(1) {
  padding-top: 38px;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  section.solution_section .grid_container .grid_box p:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
    padding-top: 16px;
  }
}
section.solution_section .grid_container .grid_box p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-top: 16px;
}
@media only screen and (max-width: 921px) {
  section.solution_section .grid_container .grid_box p:nth-child(2) {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
    padding-top: 8px;
  }
}
section.solution_section .grid_container .grid_box1 {
  background: #3b82f6;
}
section.solution_section .grid_container .grid_box1 p:nth-child(1), section.solution_section .grid_container .grid_box1 p:nth-child(2) {
  color: #ffffff;
}

.team_section {
  margin: 120px 0;
}
@media only screen and (max-width: 921px) {
  .team_section {
    margin-top: 64px;
    margin-bottom: 48px;
  }
}
.team_section .grid_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media only screen and (max-width: 900px) {
  .team_section .grid_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1200px) {
  .team_section .grid_container {
    gap: 8px;
  }
}
.team_section .grid_container .team_member {
  padding: 24px;
  border-radius: 24px;
  background-color: #eff6ff;
}
@media only screen and (max-width: 921px) {
  .team_section .grid_container .team_member {
    padding: 16px;
  }
}
.team_section .grid_container .team_member img {
  aspect-ratio: 292/390;
  border-radius: 12px;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}
.team_section .grid_container .team_member p:nth-child(2) {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #111827;
  padding-top: 16px;
}
@media only screen and (max-width: 921px) {
  .team_section .grid_container .team_member p:nth-child(2) {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.team_section .grid_container .team_member p:nth-child(3) {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  .team_section .grid_container .team_member p:nth-child(3) {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -1.6%;
  }
}
.team_section p.subheader {
  text-align: center;
  margin: auto;
}
.team_section h3 {
  padding-top: 24px;
  padding-bottom: 48px;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
  text-align: center;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  .team_section h3 {
    padding-top: 16px;
    padding-bottom: 32px;
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}

.timeline_section {
  background-image: url("./img/timeline_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .timeline_section {
    padding: 48px 0;
    background-image: url("./img/bg_timeline_mobile.jpg");
  }
}
.timeline_section::after {
  position: absolute;
  display: block;
  content: "";
  width: 1180px;
  height: 1px;
  bottom: 140px;
  background-image: url("./img/time_line.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 11;
}
@media only screen and (max-width: 1024px) {
  .timeline_section::after {
    bottom: 90px;
    background-color: #ffffff;
  }
}
.timeline_section p.subheader {
  text-align: center;
  margin: auto;
  color: #ffffff;
}
.timeline_section h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -2%;
  text-align: center;
  color: #ffffff;
  padding-top: 24px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .timeline_section h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -2%;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 32px;
  }
}
.timeline_section .splide {
  position: relative;
  max-width: 1010px;
  margin: auto;
  z-index: 12;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide {
    max-width: 600px;
  }
}
.timeline_section .splide .splide__track {
  padding-bottom: 100px;
}
.timeline_section .splide .splide__slide {
  width: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide .splide__slide {
    width: auto;
  }
}
.timeline_section .splide .splide__slide .box {
  backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0.3019607843);
  padding: 24px;
  display: flex;
  align-items: flex-end;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: -1.6%;
  border-radius: 24px;
  aspect-ratio: 1/1;
  width: 255px;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide .splide__slide .box {
    aspect-ratio: auto;
    width: auto;
    padding: 32px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
    height: auto !important;
    background-color: #003c78;
    min-height: auto !important;
    width: auto !important;
    min-width: auto !important;
    aspect-ratio: auto;
  }
}
.timeline_section .splide .splide__slide .year {
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  padding: 7px 12px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3019607843);
  backdrop-filter: blur(6px);
  color: #ffffff;
  position: absolute;
  bottom: -80px;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide .splide__slide .year {
    background-color: #003c78;
  }
}
.timeline_section .splide .splide__slide.is-active .box {
  background-color: #003c78;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  padding: 32px;
  border-radius: 24px;
  aspect-ratio: none;
  height: 300px !important;
  min-height: 300px !important;
  width: 340px !important;
  min-width: 340px !important;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide .splide__slide.is-active .box {
    padding: 32px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
    height: auto !important;
    min-height: auto !important;
    width: auto !important;
    min-width: auto !important;
    aspect-ratio: auto;
  }
}
.timeline_section .splide .splide__slide.is-active .year {
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  padding: 7px 12px;
  border-radius: 8px;
  background-color: #003c78;
  color: #ffffff;
  position: absolute;
  bottom: -80px;
}
.timeline_section .splide__arrows {
  position: absolute;
  left: 0;
  opacity: 1;
  bottom: 40px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide__arrows {
    bottom: 43px;
  }
}
.timeline_section .splide__arrows .splide__arrow {
  height: 48px;
  width: 48px;
  border-radius: 8px;
  background-color: #003c78;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline_section .splide__arrows .splide__arrow::after {
  height: 24px;
  width: 24px;
  background-image: url("./img/white_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  content: "";
}
.timeline_section .splide__arrows .splide__arrow:active, .timeline_section .splide__arrows .splide__arrow:focus {
  outline: none !important;
}
.timeline_section .splide__arrows .splide__arrow svg {
  display: none;
}
.timeline_section .splide__arrows .splide__arrow--prev {
  left: -205px;
  right: 0;
}
.timeline_section .splide__arrows .splide__arrow--prev::after {
  transform: rotate(-180deg);
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide__arrows .splide__arrow--prev {
    left: 0;
  }
}
.timeline_section .splide__arrows .splide__arrow--next {
  left: auto;
  right: -205px;
}
@media only screen and (max-width: 1024px) {
  .timeline_section .splide__arrows .splide__arrow--next {
    right: 0;
  }
}

.page-contact {
  background-color: #eff6ff;
}
.page-contact .banner_contact {
  position: relative;
}
.page-contact .banner_contact::after {
  content: "";
  background: linear-gradient(180deg, rgba(239, 246, 255, 0) 0%, #eff6ff 100%);
  position: absolute;
  height: 250px;
  bottom: 0;
  width: 100%;
  left: 0;
  display: block;
}
.page-contact .banner_contact img {
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .page-contact .banner_contact img {
    height: 350px;
    object-fit: cover;
    object-position: center;
  }
}
.page-contact .form_section {
  margin-top: -80px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1200px) {
  .page-contact .form_section {
    margin-top: -90px;
  }
}
.page-contact .form_section .form_wrapper {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 24px;
}
.page-contact .form_section .form_container {
  max-width: 530px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .form_container {
    max-width: 100%;
  }
}
.page-contact .form_section .form_container form {
  max-width: 530px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .form_container form {
    max-width: 100%;
  }
}
.page-contact .form_section .form_container form .wpcf7 form > div,
.page-contact .form_section .form_container form .wpcf7 form > p {
  padding: 0;
  margin: 0;
}
.page-contact .form_section .row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .row {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.page-contact .form_section .row .col {
  flex: 1;
}
.page-contact .form_section .row .col1 img {
  border-radius: 24px;
  height: 100%;
  object-fit: cover;
  display: block;
  width: 100%;
  min-height: 732px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .row .col1 img {
    border-radius: 16px;
    min-height: 50px;
    max-height: none;
    aspect-ratio: 295/200 !important;
  }
}
.page-contact .form_section .row .col2 {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .row .col2 {
    max-width: 100%;
  }
}
.page-contact .form_section .row .col2 h3 {
  color: #030712;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .row .col2 h3 {
    padding-top: 24px;
  }
}
.page-contact .form_section .row .col2 .desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-top: 24px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .form_section .row .col2 .desc {
    padding-top: 8px;
    padding-bottom: 24px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-contact .info_container .info_wrapper {
  padding: 30px 24px;
  background-color: #ffffff;
  border-radius: 24px;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 921px) {
  .page-contact .info_container .info_wrapper {
    padding: 20px;
    margin-bottom: 64px;
    margin-top: 64px;
  }
}
.page-contact .info_container .grid_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .info_container .grid_container {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 16px;
  }
}
.page-contact .info_container .grid_container .grid_box {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media only screen and (max-width: 600px) {
  .page-contact .info_container .grid_container .grid_box {
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
}
.page-contact .info_container .grid_container .grid_box img {
  display: block;
  height: 48px;
  width: 48px;
  margin-right: 24px;
}
@media only screen and (max-width: 600px) {
  .page-contact .info_container .grid_container .grid_box img {
    margin-bottom: 16px;
  }
}
.page-contact .info_container .grid_container .grid_box p,
.page-contact .info_container .grid_container .grid_box a {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
}
@media only screen and (max-width: 1100px) {
  .page-contact .info_container .grid_container .grid_box p,
  .page-contact .info_container .grid_container .grid_box a {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.page-contact .team_contact_section {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section {
    margin-bottom: 64px;
  }
}
.page-contact .team_contact_section p.subheader {
  text-align: center;
  margin: auto;
}
.page-contact .team_contact_section h2 {
  text-align: center;
  margin: auto;
  padding-top: 24px;
  padding-bottom: 48px;
  color: #111827;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section h2 {
    font-size: 28px;
    line-height: 33.6px;
  }
}
.page-contact .team_contact_section .grid_members {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section .grid_members {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 16px;
  }
}
.page-contact .team_contact_section .grid_members .grid_member {
  border-radius: 24px;
  padding: 24px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section .grid_members .grid_member {
    padding: 16px;
  }
}
.page-contact .team_contact_section .grid_members .grid_member img {
  border-radius: 24px;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section .grid_members .grid_member img {
    border-radius: 12px;
  }
}
.page-contact .team_contact_section .grid_members .grid_member p:nth-child(2) {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #111827;
  padding-top: 16px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section .grid_members .grid_member p:nth-child(2) {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
    padding-bottom: 4px;
  }
}
.page-contact .team_contact_section .grid_members .grid_member p:nth-child(3) {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section .grid_members .grid_member p:nth-child(3) {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -1.6%;
  }
}
.page-contact .team_contact_section .grid_members .grid_member .icon_box {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 16px;
}
@media only screen and (max-width: 1024px) {
  .page-contact .team_contact_section .grid_members .grid_member .icon_box {
    display: none;
  }
}
.page-contact .team_contact_section .grid_members .grid_member .icon_box img {
  width: 32px;
  margin-right: 8px;
  border-radius: 0;
}
.page-contact .team_contact_section .grid_members .grid_member .icon_box a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
.page-contact .form_wrapper .dott {
  color: #cb0046;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
}
.page-contact .form_wrapper .wpcf7 form > p {
  margin-bottom: 20px !important;
}
.page-contact .form_wrapper form p label {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4b5563;
}
.page-contact .form_wrapper form p .wpcf7-form-control-wrap {
  padding-top: 6px;
}
.page-contact .form_wrapper form p .wpcf7-form-control-wrap input {
  height: 48px;
  display: flex;
  align-items: center;
}
.page-contact .form_wrapper form p .wpcf7-form-control-wrap textarea {
  height: 128px;
  resize: none;
}
.page-contact .form_wrapper form p .wpcf7-form-control-wrap input,
.page-contact .form_wrapper form p .wpcf7-form-control-wrap textarea {
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  outline: none;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #9ca3af;
  color: #475569 !important;
}
.page-contact .form_wrapper form p .wpcf7-form-control-wrap input:focus,
.page-contact .form_wrapper form p .wpcf7-form-control-wrap textarea:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #b0c8ed;
}
.page-contact .form_wrapper form p .wpcf7-form-control-wrap input::placeholder,
.page-contact .form_wrapper form p .wpcf7-form-control-wrap textarea::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #9ca3af;
}
.page-contact .form_wrapper form .info_c {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #6b7280;
  margin-top: -4px;
  margin-bottom: -4px;
}
.page-contact .form_wrapper form .wpcf7-list-item {
  margin: 0;
}
.page-contact .form_wrapper form .wpcf7-list-item label {
  margin: 16px 0 0 0;
  align-items: center;
  display: flex;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -1.6%;
  color: #6b7280;
}
.page-contact .form_wrapper form .wpcf7-list-item label a {
  color: #6b7280;
  text-decoration: underline;
}
.page-contact .form_wrapper form .wpcf7-list-item label input {
  height: 20px;
  max-height: 20px;
  width: 20px;
  max-width: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 8px;
  position: relative;
  display: block;
  margin-right: 14px;
}
.page-contact .form_wrapper form .wpcf7-list-item label input::after {
  position: absolute;
  top: -2px;
  left: -1px;
  height: 24px;
  min-height: 24px;
  width: 24px;
  min-width: 24px;
  content: "";
  display: block;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #d1d5db;
}
.page-contact .form_wrapper form .wpcf7-list-item label input:checked::after {
  background-color: #003c78;
  border-color: #003c78;
  background-image: url("./img/check.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.page-contact .form_wrapper form .submit_button {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.page-contact .form_wrapper form .submit_button input {
  height: 48px;
  background-color: #003c78;
  color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  text-align: center;
}

.presentation-page {
  background-image: url("./img/zapytaj-o-prezentacje.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.presentation-page p.subheader,
.presentation-page h1 {
  text-align: center;
  margin: auto;
  color: #ffffff;
}
.presentation-page h1 {
  padding-top: 24px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .presentation-page h1 {
    padding-top: 16px;
  }
}
.presentation-page .presentation_section {
  padding: 192px 0 150px 0;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .presentation_section {
    padding: 112px 0 48px 0;
  }
}
.presentation-page .form_section {
  position: relative;
  z-index: 3;
}
.presentation-page .form_section .form_wrapper {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 24px;
}
.presentation-page .form_section .form_container {
  max-width: 530px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .form_container {
    max-width: 100%;
  }
}
.presentation-page .form_section .form_container form {
  max-width: 530px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .form_container form {
    max-width: 100%;
  }
}
.presentation-page .form_section .form_container form .wpcf7 form > div,
.presentation-page .form_section .form_container form .wpcf7 form > p {
  padding: 0;
  margin: 0;
}
.presentation-page .form_section .row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .row {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.presentation-page .form_section .row .col {
  flex: 1;
}
.presentation-page .form_section .row .col1 img {
  border-radius: 24px;
  height: 100%;
  object-fit: cover;
  display: block;
  width: 100%;
  min-height: 732px;
  max-height: 732px;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .row .col1 img {
    border-radius: 16px;
    min-height: 50px;
    max-height: none;
    aspect-ratio: 295/200 !important;
  }
}
.presentation-page .form_section .row .col2 {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .row .col2 {
    max-width: 100%;
  }
}
.presentation-page .form_section .row .col2 h3 {
  color: #030712;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .row .col2 h3 {
    padding-top: 24px;
  }
}
.presentation-page .form_section .row .col2 .descc {
  font-family: Inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #030712;
}
@media only screen and (max-width: 1024px) {
  .presentation-page .form_section .row .col2 .descc {
    padding-top: 8px;
    padding-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -1.6%;
  }
}
@media only screen and (max-width: 600px) {
  .presentation-page .form_section .row .col2 .descc {
    padding-top: 24px;
    padding-bottom: 16px;
  }
}
.presentation-page .row_form {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 600px) {
  .presentation-page .row_form {
    flex-direction: column;
  }
}
.presentation-page .form_wrapper .dott {
  color: #cb0046;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
}
.presentation-page .form_wrapper .optional {
  color: #9ca3af;
}
.presentation-page .form_wrapper .wpcf7 form > p {
  margin-bottom: 20px !important;
}
.presentation-page .form_wrapper form p label {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4b5563;
}
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap {
  padding-top: 6px;
}
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap input {
  height: 48px;
  display: flex;
  align-items: center;
}
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap textarea {
  height: 128px;
  resize: none;
}
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap input,
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap textarea {
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  outline: none;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #9ca3af;
  color: #475569 !important;
}
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap input:focus,
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap textarea:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #b0c8ed;
}
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap input::placeholder,
.presentation-page .form_wrapper form p .wpcf7-form-control-wrap textarea::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #9ca3af;
}
.presentation-page .form_wrapper form .info_c {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #6b7280;
  margin-top: -4px;
  margin-bottom: -4px;
}
.presentation-page .form_wrapper form .wpcf7-list-item {
  margin: 0;
}
.presentation-page .form_wrapper form .wpcf7-list-item label {
  margin: 16px 0 0 0;
  align-items: center;
  display: flex;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -1.6%;
  color: #6b7280;
}
.presentation-page .form_wrapper form .wpcf7-list-item label a {
  color: #6b7280;
  text-decoration: underline;
}
.presentation-page .form_wrapper form .wpcf7-list-item label input {
  height: 20px !important;
  max-height: 20px !important;
  width: 20px !important;
  max-width: 20px !important;
  display: block;
  margin: 0;
  padding: 0 !important;
  border-radius: 8px;
  position: relative;
  margin-right: 14px;
}
.presentation-page .form_wrapper form .wpcf7-list-item label input::after {
  position: absolute;
  top: -2px;
  left: -1px;
  min-height: 24px;
  max-height: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  width: 24px;
  content: "";
  display: block;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #d1d5db;
}
.presentation-page .form_wrapper form .wpcf7-list-item label input:checked::after {
  background-color: #003c78;
  border-color: #003c78;
  background-image: url("./img/check.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.presentation-page .form_wrapper form .submit_button {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.presentation-page .form_wrapper form .submit_button input {
  height: 48px;
  background-color: #003c78;
  color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  text-align: center;
}
.presentation-page .checkboxes {
  margin-bottom: 48px;
}
@media only screen and (max-width: 600px) {
  .presentation-page .checkboxes {
    margin-bottom: 24px;
  }
}
.presentation-page .checkboxes .wpcf7-form-control.wpcf7-checkbox {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0;
}
@media only screen and (max-width: 600px) {
  .presentation-page .checkboxes .wpcf7-form-control.wpcf7-checkbox {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}
.presentation-page .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
  font-family: "Inter", serif;
  color: #4b5563;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 600px) {
  .presentation-page .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
    margin: 0;
  }
}
@media only screen and (max-width: 600px) {
  .presentation-page .checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label {
    margin: 0;
  }
}

.page-category .store_section .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
@media only screen and (max-width: 1024px) {
  .page-category .store_section .row {
    gap: 24px;
    flex-direction: column;
  }
}
.page-category .store_section .row .col2 {
  width: 100%;
  max-width: 580px;
}
@media only screen and (max-width: 1024px) {
  .page-category .store_section .row .col2 {
    max-width: 100%;
  }
}
.page-category .store_section .row .col2 h2 {
  color: #111827;
}
.page-category .store_section .row .col2 p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding: 16px 0 32px 0;
  padding: 16px 0 32px 0;
}
@media only screen and (max-width: 1024px) {
  .page-category .store_section .row .col2 p {
    font-size: 18px;
    line-height: 27px;
  }
}
.page-category .store_section .row .col1 {
  max-width: 440px;
}
@media only screen and (max-width: 1024px) {
  .page-category .store_section .row .col1 {
    max-width: 100%;
  }
}
.page-category .servicess_section {
  background-color: #eff6ff;
  padding: 100px 0;
}
@media only screen and (max-width: 1024px) {
  .page-category .servicess_section {
    padding: 48px 0;
  }
}
.page-category .servicess_section p.subheader {
  text-align: center;
  margin: auto;
}
.page-category .servicess_section h3 {
  padding: 24px 0 48px 0;
  color: #111827;
  text-align: center;
  margin: auto;
}
.page-category .servicess_section .row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 1180px) {
  .page-category .servicess_section .row {
    flex-direction: column;
  }
}
.page-category .servicess_section .row .col {
  border-radius: 24px;
  background-color: #dbeafe;
  padding: 24px;
  flex: 0 0 calc((100% - 40px) / 3);
}
@media only screen and (max-width: 1180px) {
  .page-category .servicess_section .row .col {
    width: 100%;
    max-width: 100%;
    padding: 24px 16px 16px 16px;
  }
}
.page-category .servicess_section .row .col .roww {
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-category .servicess_section .row .col .roww p {
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  color: #111827;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1180px) {
  .page-category .servicess_section .row .col .roww p {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
  }
}
.page-category .servicess_section .row .col .roww p:nth-child(1)::after {
  width: 1px;
  height: 24px;
  background-color: #93c5fd;
  content: "";
  position: absolute;
  right: -24px;
  display: block;
}
.page-category .servicess_section .row .col .roww img {
  margin-left: 48px;
  display: block;
  position: relative;
  max-width: 169px;
}
@media only screen and (max-width: 1180px) {
  .page-category .servicess_section .row .col .roww img {
    max-width: 135px;
  }
}
.page-category .servicess_section .row .col .services_container p {
  margin-bottom: 8px;
}
.page-category .servicess_section .row .col .services_container p:nth-last-child(1) {
  margin-bottom: 0;
}
.page-category .servicess_section .row .col .services_container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-category .servicess_section .row .col .services_container ul li {
  padding: 0;
  margin: 0 0 8px 0;
}
.page-category .servicess_section .row .col .services_container ul li span {
  margin: 0;
  padding: 0;
}
.page-category .servicess_section .row .col .services_container ul li img {
  padding: 0;
  margin: 0;
  margin-right: 16px;
}
.page-category .servicess_section .row .col .services_container a {
  display: flex;
  padding: 4px;
  align-items: center;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
}
.page-category .servicess_section .row .col .services_container a img {
  width: 48px;
  margin-right: 10px;
}
.page-category .servicess_section .row .col .services_container a p {
  padding-left: 10px;
}
@media only screen and (max-width: 1180px) {
  .page-category .servicess_section .row .col .services_container a {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.page-category .servicess_section .row .col .services_container a:hover {
  color: #111827;
}
.page-category .servicess_section .row .col3 .roww p:nth-child(1)::after {
  display: none;
}
.page-category .maincategory_banner {
  padding-top: 185px;
  margin-bottom: 185px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}
@media only screen and (max-width: 1024px) {
  .page-category .maincategory_banner {
    padding-top: 112px;
    margin-bottom: 64px;
    background: #ffffff;
  }
}
.page-category .maincategory_banner .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-category .maincategory_banner .row {
    flex-direction: column;
  }
}
.page-category .maincategory_banner .row .col {
  max-width: 580px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-category .maincategory_banner .row .col {
    max-width: 100%;
  }
}
.page-category .maincategory_banner .row .col h1 {
  color: #111827;
  padding-top: 24px;
  padding-bottom: 16px;
}
.page-category .maincategory_banner .row .col h1 span,
.page-category .maincategory_banner .row .col h1 b {
  color: #3b82f6;
}
.page-category .maincategory_banner .row .col .desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .page-category .maincategory_banner .row .col .desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-category .maincategory_banner .row .col img {
  max-width: 580px;
  width: 100%;
  border-radius: 25px;
  aspect-ratio: 580/660;
  object-fit: cover;
  border-radius: 24px;
}
.page-category .maincategory_banner .row .col .btn_wrapper {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 600px) {
  .page-category .maincategory_banner .row .col .btn_wrapper {
    flex-direction: column;
  }
}
.page-category .maincategory_banner .row .col .btn_wrapper a {
  display: flex;
}
.page-category .category_banner {
  padding-top: 184px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
  margin-bottom: 150px;
}
@media only screen and (max-width: 1024px) {
  .page-category .category_banner {
    margin-bottom: 64px;
    padding-top: 128px;
    background: #ffffff;
  }
}
.page-category .category_banner img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .page-category .category_banner img {
    display: none;
  }
}
.page-category .category_banner img:nth-last-child(1) {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page-category .category_banner img:nth-last-child(1) {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .page-category .category_banner .ast-container2 {
    padding: 0;
  }
}
.page-category .category_banner p.subheader {
  text-align: center;
  margin: auto;
}
.page-category .category_banner h1 {
  text-align: center;
  margin: auto;
  color: #172554;
  padding-top: 24px;
  padding-bottom: 16px;
}
.page-category .category_banner .desc,
.page-category .category_banner p:nth-last-child(2) {
  text-align: center;
  margin: auto;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  text-align: center;
  color: #4b5563;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .page-category .category_banner .desc,
  .page-category .category_banner p:nth-last-child(2) {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-category .category_banner .btn_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 56px;
}
.page-category .desc_section ul {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section ul {
    margin-left: 20px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-category .desc_section .row1 h3 {
  color: #111827;
  padding-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section .row1 h3 {
    padding-bottom: 16px;
  }
}
.page-category .desc_section .row1 p {
  color: #4b5563;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section .row1 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-category .desc_section .row2 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 48px;
  padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section .row2 {
    flex-direction: column;
    gap: 0;
    padding-top: 64px;
  }
}
.page-category .desc_section .row2 h3 {
  color: #111827;
  padding-bottom: 16px;
}
.page-category .desc_section .row2 .col1 {
  width: 100%;
}
.page-category .desc_section .col2 {
  width: 100%;
  max-width: 700px;
}
.page-category .desc_section .col2 p {
  color: #4b5563;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section .col2 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-category .desc_section .col2 p ul {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section .col2 p ul {
    margin-left: 20px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.page-category .desc_section2 {
  margin-bottom: 64px;
  margin-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section2 {
    margin-top: 28px;
    margin-bottom: 48px;
  }
}
.page-category .desc_section2 .row2 {
  padding-top: 48px;
}
@media only screen and (max-width: 1024px) {
  .page-category .desc_section2 .row2 {
    padding-top: 32px;
  }
}
.page-category .functionality_section,
.page-category .advantages_section {
  margin-top: 140px;
  margin-bottom: 150px;
}
@media only screen and (max-width: 1024px) {
  .page-category .functionality_section,
  .page-category .advantages_section {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
.page-category .functionality_section p.subheader,
.page-category .advantages_section p.subheader {
  text-align: center;
  margin: auto;
}
.page-category .functionality_section h3,
.page-category .advantages_section h3 {
  text-align: center;
  margin: auto;
  padding-top: 24px;
  padding-bottom: 48px;
  max-width: 900px;
  color: #111827;
}
.page-category .functionality_section .grid_container,
.page-category .advantages_section .grid_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media only screen and (max-width: 1150px) {
  .page-category .functionality_section .grid_container,
  .page-category .advantages_section .grid_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .page-category .functionality_section .grid_container,
  .page-category .advantages_section .grid_container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-category .functionality_section .grid_container .grid_item,
.page-category .advantages_section .grid_container .grid_item {
  padding: 24px;
  border-radius: 24px;
  min-height: 300px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  background-color: #eff6ff;
}
@media only screen and (max-width: 1024px) {
  .page-category .functionality_section .grid_container .grid_item,
  .page-category .advantages_section .grid_container .grid_item {
    padding: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .page-category .functionality_section .grid_container .grid_item,
  .page-category .advantages_section .grid_container .grid_item {
    height: auto;
  }
}
.page-category .functionality_section .grid_container .grid_item img,
.page-category .advantages_section .grid_container .grid_item img {
  width: 48px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 600px) {
  .page-category .functionality_section .grid_container .grid_item img,
  .page-category .advantages_section .grid_container .grid_item img {
    margin-bottom: 16px;
    display: block;
  }
}
.page-category .functionality_section .grid_container .grid_item p:nth-child(1),
.page-category .advantages_section .grid_container .grid_item p:nth-child(1) {
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  color: #111827;
}
@media only screen and (max-width: 1024px) {
  .page-category .functionality_section .grid_container .grid_item p:nth-child(1),
  .page-category .advantages_section .grid_container .grid_item p:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
  }
}
.page-category .functionality_section .grid_container .grid_item p:nth-child(2),
.page-category .advantages_section .grid_container .grid_item p:nth-child(2) {
  padding-top: 16px;
  color: #4b5563;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 1024px) {
  .page-category .functionality_section .grid_container .grid_item p:nth-child(2),
  .page-category .advantages_section .grid_container .grid_item p:nth-child(2) {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
    padding-top: 6px;
  }
}
.page-category .functionality_section .grid_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1150px) {
  .page-category .functionality_section .grid_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .page-category .functionality_section .grid_container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-category .functionality_section .grid_container .grid_item {
  min-height: 350px;
}
@media only screen and (max-width: 600px) {
  .page-category .functionality_section .grid_container .grid_item {
    height: auto;
  }
}
.page-category .more_section .row h2 {
  color: #111827;
  margin: auto;
  text-align: center;
  margin-bottom: 32px;
}
@media only screen and (max-width: 600px) {
  .page-category .more_section .ast-container {
    padding: 0;
  }
}
.page-category .more_section img {
  display: block;
  margin: auto;
  max-width: 940px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .page-category .more_section img:nth-child(1) {
    display: none;
  }
}
.page-category .more_section img:nth-child(2) {
  display: none;
}
@media only screen and (max-width: 600px) {
  .page-category .more_section img:nth-child(2) {
    display: block;
  }
}
.page-category .casestudy_section {
  overflow: hidden;
  margin: 150px 0;
}
@media only screen and (max-width: 1024px) {
  .page-category .casestudy_section {
    margin: 64px 0;
  }
}
.page-category .casestudy_section h2 {
  padding-top: 24px;
  padding-bottom: 48px;
  color: #030712;
}
@media only screen and (max-width: 1024px) {
  .page-category .casestudy_section h2 {
    padding-top: 16px;
    padding-bottom: 32px;
  }
}
.page-category .casestudy_section .slider_section {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-category .casestudy_section .slider_section .splide__slide {
    display: flex;
  }
}
.page-category .casestudy_section .slider_section .splide_casestudy {
  width: 3000px;
  position: initial;
}
.page-category .casestudy_section .slider_section .splide_casestudy .box {
  background-color: #eff6ff;
  padding: 48px;
  max-width: 580px;
  width: 100%;
  height: 500px;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .page-category .casestudy_section .slider_section .splide_casestudy .box {
    padding: 24px;
    height: auto;
    max-width: 76vw;
  }
}
.page-category .casestudy_section .slider_section .splide_casestudy .box p.subheader {
  color: #cb0046;
}
.page-category .casestudy_section .slider_section .splide_casestudy .box h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  color: #111827;
  padding: 24px 0;
}
@media only screen and (max-width: 1024px) {
  .page-category .casestudy_section .slider_section .splide_casestudy .box h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -2%;
    padding: 16px 0;
  }
}
.page-category .casestudy_section .slider_section .splide_casestudy .box p:last-child {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .page-category .casestudy_section .slider_section .splide_casestudy .box p:last-child {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.page-category .casestudy_section .slider_section .splide_casestudy .box .button_wrapper {
  margin-top: 23px;
}
.page-category .casestudy_section .splide__arrows {
  position: absolute;
  left: auto;
  right: 0;
  opacity: 1;
  bottom: auto;
  top: 0;
}
@media only screen and (max-width: 1200px) {
  .page-category .casestudy_section .splide__arrows {
    display: none;
  }
}
.page-category .casestudy_section .splide__arrows .splide__arrow {
  height: 48px;
  width: 48px;
  border-radius: 8px;
  background-color: #003c78;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -72px;
}
.page-category .casestudy_section .splide__arrows .splide__arrow::after {
  height: 24px;
  width: 24px;
  background-image: url("./img/white_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  content: "";
}
.page-category .casestudy_section .splide__arrows .splide__arrow:active, .page-category .casestudy_section .splide__arrows .splide__arrow:focus {
  outline: none !important;
}
.page-category .casestudy_section .splide__arrows .splide__arrow svg {
  display: none;
}
.page-category .casestudy_section .splide__arrows .splide__arrow--prev {
  left: auto;
  right: 60px;
}
.page-category .casestudy_section .splide__arrows .splide__arrow--prev::after {
  transform: rotate(-180deg);
}
.page-category .casestudy_section .splide__arrows .splide__arrow--next {
  left: auto;
  right: 0;
}
.page-category .solution_section {
  margin: 0;
  padding: 80px 0;
  background-color: #eff6ff;
}
@media only screen and (max-width: 1024px) {
  .page-category .solution_section {
    padding: 32px 0;
  }
}
.page-category .solution_section .grid_container {
  margin: 0 !important;
}
.page-category .solution_section .grid_box {
  background-color: #ffffff !important;
}
.page-category .solution_section .grid_box1 {
  background-color: #3b82f6 !important;
}

.it_page .desc_section .row2 {
  padding: 0;
  margin: 0;
}

body,
html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  outline: none;
}
a:focus, a:hover, a:active {
  text-decoration: none;
  outline: none;
}

p {
  margin: 0;
  padding: 0;
}

.ast-article-single {
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #111827;
}

h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 58.8px;
  letter-spacing: -3%;
}
@media only screen and (max-width: 921px) {
  h1 {
    font-weight: 500;
    font-size: 38px;
    line-height: 42px;
    letter-spacing: -3%;
  }
}

h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -2%;
}
@media only screen and (max-width: 921px) {
  h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -2%;
  }
}

h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
}
@media only screen and (max-width: 921px) {
  h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}

h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
}
@media only screen and (max-width: 921px) {
  h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -2%;
  }
}

.breadcrumbs {
  display: flex;
  align-items: center;
  padding: 48px 0;
}
@media only screen and (max-width: 921px) {
  .breadcrumbs {
    padding: 24px 0;
  }
}
.breadcrumbs span {
  display: block;
  padding: 0;
  margin: 0 4px;
  line-height: 0;
  color: rgba(10, 27, 44, 0.5607843137);
}
.breadcrumbs p {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.006em;
  text-align: left;
  color: rgba(10, 27, 44, 0.5607843137);
  padding: 0;
  margin: 0;
}

.langs {
  display: flex;
  justify-content: center;
  align-items: center;
}
.langs p {
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.006em;
  color: #ffffff;
}
.langs p:nth-child(2) {
  padding: 0 6px;
  margin: 0 6px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.langs p span {
  color: #52e399;
}

#primary {
  padding-bottom: 0;
  margin: 0 0 0 0 !important;
}
@media only screen and (max-width: 921px) {
  #primary {
    margin: 0 0 0 0 !important;
    padding: 0 !important;
  }
}

.btn--primary {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  padding: 0 25px;
  height: 48px;
  border-radius: 12px;
  background: #003c78;
  transition: all 0.3s linear;
  width: fit-content;
  cursor: pointer;
  overflow: hidden;
  color: #ffffff;
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.btn--primary span {
  color: #ffffff;
}
.btn--primary span:nth-child(1) {
  opacity: 1;
  transition: all 0.1s linear;
  transform: translateY(0);
}
.btn--primary span:nth-child(2) {
  position: absolute;
  transform: translateY(10px);
  bottom: 0;
  opacity: 0;
  transition: all 0.1s linear;
}
@media only screen and (max-width: 1024px) {
  .btn--primary span:nth-child(2) {
    display: none;
  }
}
.btn--primary:hover span:nth-child(1) {
  transform: translateY(-20px);
  transition: all 0.1s linear;
  opacity: 0;
}
@media only screen and (max-width: 1024px) {
  .btn--primary:hover span:nth-child(1) {
    transform: translateY(0px);
    opacity: 1;
  }
}
.btn--primary:hover span:nth-child(2) {
  transform: translateY(-12px);
  transition: all 0.1s linear;
  opacity: 1;
}

.btn--secondary {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  padding: 0 25px;
  height: 48px;
  border-radius: 12px;
  border: 1px solid #003c78;
  background: transparent;
  transition: all 0.3s linear;
  width: fit-content;
  cursor: pointer;
  color: #003c78;
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.btn--secondary span {
  color: #003c78;
}
.btn--secondary span:nth-child(1) {
  opacity: 1;
  transition: all 0.1s linear;
  transform: translateY(0);
}
.btn--secondary span:nth-child(2) {
  position: absolute;
  transform: translateY(10px);
  bottom: 0;
  opacity: 0;
  transition: all 0.1s linear;
}
@media only screen and (max-width: 1024px) {
  .btn--secondary span:nth-child(2) {
    display: none;
  }
}
.btn--secondary:hover span {
  color: #003c78;
}
.btn--secondary:hover span:nth-child(1) {
  transform: translateY(-20px);
  transition: all 0.1s linear;
  opacity: 0;
}
@media only screen and (max-width: 1024px) {
  .btn--secondary:hover span:nth-child(1) {
    transform: translateY(0px);
    opacity: 1;
  }
}
.btn--secondary:hover span:nth-child(2) {
  transform: translateY(-12px);
  transition: all 0.1s linear;
  opacity: 1;
}

p {
  padding: 0;
  margin: 0;
}

.sm-ast-container {
  max-width: 818px;
}

.ast-container {
  flex-direction: column;
  width: 100%;
}

.ast-container-xl {
  max-width: 1620px !important;
}

.subheader {
  font-family: "Space Grotesk", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 4%;
  color: #cb0046;
  text-transform: uppercase;
}
@media only screen and (max-width: 921px) {
  .subheader {
    font-weight: 700;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 4%;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #172554;
}
h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong,
h4 b,
h4 strong,
h5 b,
h5 strong,
h6 b,
h6 strong {
  color: #3b82f6;
}

/* HOME PAGE HOMEPAGE */
.banner {
  padding: 160px 0 66px 0;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}
@media only screen and (max-width: 921px) {
  .banner {
    padding: 112px 0 48px 0;
    background: #ffffff;
  }
}
.banner .subheader {
  width: 100%;
  text-align: center;
  margin: auto;
}
.banner h1 {
  color: #000000;
  font-weight: 500;
  font-size: 56px;
  line-height: 58.8px;
  letter-spacing: -3%;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 921px) {
  .banner h1 {
    font-weight: 500;
    font-size: 38px;
    line-height: 42px;
    letter-spacing: -3%;
  }
}
.banner h1 b,
.banner h1 strong {
  color: #3b82f6;
}
.banner p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  text-align: center;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  .banner p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
    text-align: center;
    color: #4b5563;
  }
}
.banner p:first-child {
  font-family: "Space Grotesk", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 4%;
  color: #cb0046;
  text-transform: uppercase;
}
@media only screen and (max-width: 921px) {
  .banner p:first-child {
    font-weight: 700;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 4%;
  }
}
.banner .buttons_wrapper {
  padding-top: 32px;
  padding-bottom: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 921px) {
  .banner .buttons_wrapper {
    flex-direction: column;
    padding-bottom: 48px;
  }
}
.banner .splide1 {
  display: block;
}
@media only screen and (max-width: 921px) {
  .banner .splide1 {
    display: none;
  }
}
.banner .splidem,
.banner .splide6 {
  display: none;
}
@media only screen and (max-width: 921px) {
  .banner .splidem,
  .banner .splide6 {
    display: block;
    margin-top: 8px;
  }
}
.banner .splide {
  position: relative;
}
.banner .splide::after {
  width: 167px;
  height: 100%;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 921px) {
  .banner .splide::after {
    display: none;
  }
}
.banner .splide::before {
  width: 167px;
  z-index: 2;
  height: 100%;
  background: linear-gradient(-90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 921px) {
  .banner .splide::before {
    display: none;
  }
}
.banner .splide .box {
  position: relative;
}
.banner .splide .box img {
  height: 340px;
  object-fit: cover;
  border-radius: 24px;
  width: 300px;
}
@media only screen and (max-width: 921px) {
  .banner .splide .box img {
    width: 150px;
    border-radius: 12px;
    height: 170px;
  }
}

.support_section {
  padding: 100px 0 115px 0;
  background-color: #eff6ff;
}
@media only screen and (max-width: 921px) {
  .support_section {
    padding: 32px 0;
  }
}
.support_section .big_img {
  border-radius: 24px;
}
@media only screen and (max-width: 600px) {
  .support_section .big_img {
    height: 250px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
  }
}
.support_section .row {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media only screen and (max-width: 921px) {
  .support_section .row {
    flex-direction: column;
  }
}
.support_section .row h3 {
  color: #111827;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
}
@media only screen and (max-width: 921px) {
  .support_section .row h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}
.support_section .row .col2 {
  max-width: 700px;
}
@media only screen and (max-width: 921px) {
  .support_section .row .col2 {
    margin-top: 16px;
  }
}
.support_section .row2 {
  margin-top: 48px;
}
.support_section .row2 .grid_container {
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: -140px;
}
@media only screen and (max-width: 1400px) {
  .support_section .row2 .grid_container {
    grid-template-columns: repeat(2, 1fr);
    margin-top: -70px;
  }
}
@media only screen and (max-width: 921px) {
  .support_section .row2 .grid_container {
    margin-top: 16px;
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}
.support_section .row2 .grid_container .grid_box {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}
@media only screen and (max-width: 921px) {
  .support_section .row2 .grid_container .grid_box {
    padding: 16px;
  }
}
.support_section .row2 .grid_container .grid_box p:nth-child(1) {
  padding-top: 38px;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  .support_section .row2 .grid_container .grid_box p:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
    padding-top: 16px;
  }
}
.support_section .row2 .grid_container .grid_box p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-top: 16px;
}
@media only screen and (max-width: 921px) {
  .support_section .row2 .grid_container .grid_box p:nth-child(2) {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
    padding-top: 8px;
  }
}
.support_section .row2 .grid_container .grid_box1 {
  background: #3b82f6;
}
.support_section .row2 .grid_container .grid_box1 p:nth-child(1) {
  color: #ffffff;
}
.support_section .row2 .grid_container .grid_box1 p:nth-child(2) {
  color: rgba(255, 255, 255, 0.6980392157);
}
.support_section .row3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 100px;
  gap: 48px;
}
@media only screen and (max-width: 921px) {
  .support_section .row3 {
    margin-top: 48px;
    flex-direction: column;
    gap: 0;
  }
}
.support_section .row3 .col1 {
  max-width: 560px;
}
.support_section .row3 .col1 h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  .support_section .row3 .col1 h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
    color: #111827;
    padding-bottom: 16px;
  }
}
.support_section .row3 .col2 {
  max-width: 700px;
}
.support_section .row3 .col2 p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-bottom: 35px;
}
@media only screen and (max-width: 921px) {
  .support_section .row3 .col2 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
    color: #4b5563;
  }
}

.services_section {
  background-image: url("./img/nasze-uslugi.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0 120px 0;
}
@media only screen and (max-width: 921px) {
  .services_section {
    padding: 48px 0;
    background: #3b82f6;
  }
}
.services_section .subheader {
  margin: auto;
  text-align: center;
  color: #ffffff;
}
.services_section h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -2%;
  text-align: center;
  margin: auto;
  padding: 24px 0;
}
@media only screen and (max-width: 921px) {
  .services_section h2 {
    padding: 16px 0 48px 0;
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -2%;
  }
}
.services_section .tab_selectors {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
  transition: all 0.2s linear;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 921px) {
  .services_section .tab_selectors {
    flex-direction: column;
  }
}
.services_section .tab_selectors .tab_selector {
  flex: 1;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3019607843);
  backdrop-filter: blur(8px);
  transition: all 0.2s linear;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  text-align: center;
  padding: 13px;
  color: #ffffff;
}
@media only screen and (max-width: 921px) {
  .services_section .tab_selectors .tab_selector {
    flex: 1;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.services_section .tab_selectors .tab_selector.active {
  background-color: #ffffff;
  transition: all 0.2s linear;
  color: #111827;
}
.services_section .tab_content {
  background-color: #ffffff;
  border-radius: 48px;
  padding: 48px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  display: none;
}
@media only screen and (max-width: 1300px) {
  .services_section .tab_content {
    padding: 48px 24px 24px 24px;
    flex-direction: column;
  }
}
.services_section .tab_content .row2 {
  padding-top: 24px;
}
.services_section .tab_content .row1 p:last-child {
  font-family: Inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  .services_section .tab_content .row1 p:last-child {
    font-size: 16px;
    line-height: 24px;
  }
}
.services_section .tab_content h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  color: #111827;
  padding: 24px 0;
}
@media only screen and (max-width: 1300px) {
  .services_section .tab_content h4 {
    padding: 16px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -2%;
  }
}
.services_section .tab_content.active {
  display: flex;
}
.services_section .tab_content .col1 {
  max-width: 485px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: inherit;
  justify-content: space-between;
}
.services_section .tab_content .col1 a.btn--primary {
  border-radius: 12px;
}
.services_section .tab_content .col1 .subheader {
  color: #cb0046;
  text-align: left;
}
.services_section .tab_content .col1 h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  color: #111827;
  padding: 24px 0;
}
@media only screen and (max-width: 1300px) {
  .services_section .tab_content .col1 h4 {
    padding: 16px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -2%;
  }
}
.services_section .tab_content .col1 p.desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1300px) {
  .services_section .tab_content .col1 p.desc {
    padding-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.services_section .tab_content .col2 {
  max-width: 700px;
  width: 100%;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1300px) {
  .services_section .tab_content .col2 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 921px) {
  .services_section .tab_content .col2 {
    flex-direction: column;
  }
}
.services_section .tab_content .col2 .coll {
  flex: 1;
}
.services_section .tab_content .col2 .col-l {
  background-color: #eff6ff;
  padding: 24px;
  border-radius: 24px;
}
@media only screen and (max-width: 921px) {
  .services_section .tab_content .col2 .col-l {
    padding: 16px;
  }
}
.services_section .tab_content .col2 .col-l .b1 {
  padding-bottom: 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  .services_section .tab_content .col2 .col-l .b1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
  }
}
.services_section .tab_content .col2 .col-l ul {
  padding: 0;
  margin: 0;
}
.services_section .tab_content .col2 .col-l ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
  display: none;
}
.services_section .tab_content .col2 .col-l ul li:nth-child(1), .services_section .tab_content .col2 .col-l ul li:nth-child(2), .services_section .tab_content .col2 .col-l ul li:nth-child(3), .services_section .tab_content .col2 .col-l ul li:nth-child(4) {
  display: block;
}
.services_section .tab_content .col2 .col-l ul li a {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 12px;
}
.services_section .tab_content .col2 .col-l ul li span {
  padding: 0;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  text-align: left;
  color: #111827;
  padding-left: 10px;
}
@media only screen and (max-width: 921px) {
  .services_section .tab_content .col2 .col-l ul li span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.services_section .tab_content .col2 .col-l ul li img {
  padding: 0;
  margin: 0;
  width: 48px;
  height: 48px;
}
.services_section .tab_content .col2 .col-l a.btn--secondary {
  margin-top: 16px;
  justify-content: center;
  width: 100%;
  border-radius: 12px;
}

.efficiency_section {
  padding: 100px 0 160px 0;
}
@media only screen and (max-width: 921px) {
  .efficiency_section {
    padding: 64px 0;
  }
}
.efficiency_section p.subheader {
  text-align: center;
  margin: auto;
}
.efficiency_section h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
  text-align: center;
  color: #111827;
  padding: 24px 0 48px 0;
}
@media only screen and (max-width: 921px) {
  .efficiency_section h3 {
    padding: 16px 0 32px 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}
.efficiency_section .row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 921px) {
  .efficiency_section .row {
    flex-direction: column;
    gap: 32px;
  }
}
.efficiency_section .row img {
  width: 100%;
  max-width: 100%;
  display: block;
}
@media only screen and (max-width: 600px) {
  .efficiency_section .row img:nth-child(1) {
    display: none;
  }
}
.efficiency_section .row img:nth-child(2) {
  display: none;
}
@media only screen and (max-width: 600px) {
  .efficiency_section .row img:nth-child(2) {
    display: block;
  }
}
@media only screen and (max-width: 921px) {
  .efficiency_section .row .col1,
  .efficiency_section .row .col2 {
    width: 100%;
    max-width: 100%;
  }
}
.efficiency_section .row a.btn--secondary {
  margin: auto;
  margin-top: 24px;
}

.opinion_section {
  overflow: hidden;
  margin-bottom: 80px;
}
@media only screen and (max-width: 921px) {
  .opinion_section {
    margin-bottom: 0;
  }
}
.opinion_section .row {
  display: flex;
  position: relative;
  justify-content: space-between;
  gap: 48px;
}
@media only screen and (max-width: 921px) {
  .opinion_section .row {
    flex-direction: column;
  }
}
.opinion_section .col2 {
  max-width: 700px;
  width: 100%;
}
@media only screen and (max-width: 921px) {
  .opinion_section .col2 {
    max-width: 100%;
  }
}
.opinion_section .col1 {
  max-width: 540px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .opinion_section .col1 {
    min-width: 350px;
  }
}
@media only screen and (max-width: 921px) {
  .opinion_section .col1 {
    max-width: 100%;
    width: 100%;
    min-width: auto;
  }
}
.opinion_section .col1 .box {
  display: flex;
  align-items: center;
  margin-top: 40px;
  gap: 16px;
}
@media only screen and (max-width: 921px) {
  .opinion_section .col1 .box {
    margin-top: 32px;
  }
}
.opinion_section .col1 .box span {
  font-weight: 500;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: -2%;
  text-align: center;
  color: #3b82f6;
}
.opinion_section .col1 .desc {
  color: #4b5563;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 921px) {
  .opinion_section .col1 .desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.opinion_section p.desc {
  color: #4b5563;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 921px) {
  .opinion_section p.desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.opinion_section h3,
.opinion_section h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2%;
  color: #111827;
  padding: 24px 0;
}
@media only screen and (max-width: 921px) {
  .opinion_section h3,
  .opinion_section h2 {
    padding: 16px 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}
.opinion_section .splide2 {
  width: 1500px;
  position: initial;
}
.opinion_section .splide__slide {
  border-radius: 24px;
  transition: all 0.2s linear;
}
.opinion_section .splide__slide .box {
  border-radius: 24px;
  padding: 24px;
  min-height: 436px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all 0.2s linear;
  background-color: #eff6ff;
  width: 100%;
  max-width: 340px;
}
@media only screen and (max-width: 921px) {
  .opinion_section .splide__slide .box {
    padding: 16px;
    min-height: 360px;
    max-width: 285px;
  }
}
.opinion_section .splide__slide .box p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #111827;
}
@media only screen and (max-width: 921px) {
  .opinion_section .splide__slide .box p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.opinion_section .splide__slide .box p:nth-child(1) {
  padding-top: 38px;
}
.opinion_section .splide__slide .box p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-top: 24px;
}
@media only screen and (max-width: 921px) {
  .opinion_section .splide__slide .box p:nth-child(2) {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.opinion_section .splide__slide .box .icon {
  height: 48px;
  display: block;
  width: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("./img/quote-color.svg");
}
.opinion_section .splide__slide.is-active {
  transition: all 0.2s linear;
}
.opinion_section .splide__slide.is-active .box {
  transition: all 0.2s linear;
  background-color: #3b82f6;
}
.opinion_section .splide__slide.is-active .box .icon {
  background-image: url("./img/quote-white.svg");
}
.opinion_section .splide__slide.is-active .box p {
  color: #ffffff;
}
.opinion_section .splide__slide.is-active .box p:nth-child(2) {
  color: rgba(255, 255, 255, 0.6980392157);
}
.opinion_section .splide__arrows {
  position: absolute;
  left: 0;
  opacity: 1;
  bottom: 24px;
}
.opinion_section .splide__arrows .splide__arrow {
  height: 48px;
  width: 48px;
  border-radius: 8px;
  background-color: #003c78;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.opinion_section .splide__arrows .splide__arrow::after {
  height: 24px;
  width: 24px;
  background-image: url("./img/white_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  content: "";
}
.opinion_section .splide__arrows .splide__arrow:active, .opinion_section .splide__arrows .splide__arrow:focus {
  outline: none !important;
}
.opinion_section .splide__arrows .splide__arrow svg {
  display: none;
}
.opinion_section .splide__arrows .splide__arrow--prev {
  left: 0;
  right: 0;
}
.opinion_section .splide__arrows .splide__arrow--prev::after {
  transform: rotate(-180deg);
}
.opinion_section .splide__arrows .splide__arrow--next {
  left: 60px;
  right: 0;
}

.logos_section {
  padding: 90px 0;
}
@media only screen and (max-width: 921px) {
  .logos_section {
    padding: 64px 0;
  }
}
.logos_section p {
  display: flex;
  width: 100%;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .logos_section p {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 32px;
  }
  .logos_section p img {
    justify-self: center;
  }
}
.logos_section p img {
  opacity: 0.6;
}

.blog_section {
  padding: 80px 0;
  background-color: #eff6ff;
  overflow: hidden;
}
@media only screen and (max-width: 921px) {
  .blog_section {
    padding: 32px 0;
  }
}
.blog_section p.subheader {
  text-align: center;
  margin: auto;
}
.blog_section h2 {
  color: #111827;
  text-align: center;
  margin: auto;
  font-weight: 500;
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -2%;
  padding-top: 24px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 921px) {
  .blog_section h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -2%;
    text-align: center;
    padding-top: 16px;
  }
}
.blog_section .blog_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.blog_section .btn_button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.blog_section .post img {
  width: 100% !important;
  max-width: 100%;
}

.post {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 24px;
  flex: 1;
}
.post img {
  width: 100%;
  aspect-ratio: 412/232;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}
.post .post-categories {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
}
.post .post-categories .post-category {
  margin-bottom: 12px;
  margin-right: 12px;
  font-weight: 500;
  font-size: 16px;
  display: block;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #3b82f6;
  padding: 4px 8px;
  width: fit-content;
  border-radius: 8px;
  border: 1px solid #3b82f6;
}
.post .post-categories .post-category.wsparcie-it {
  color: #1e40af;
  border: 1px solid #1e40af;
}
.post .post-categories .post-category.rozwiazania-indywidualne {
  color: #2563eb;
  border: 1px solid #2563eb;
}
.post h4 {
  font-family: "Inter", serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -1.6%;
  color: #111827;
}
.post h4 a {
  font-family: "Inter", serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -1.6%;
  color: #111827;
}
.post .post_excerpt {
  margin-top: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #4b5563;
}

@media only screen and (max-width: 921px) {
  .blog_section .splide {
    width: 1000px;
  }
}
@media only screen and (max-width: 921px) {
  .blog_section .splide li {
    max-width: 80vw;
    min-width: 80vw;
  }
}
.blog_section .splide .post {
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .blog_section .splide .post {
    padding: 16px;
  }
}
@media only screen and (max-width: 921px) {
  .blog_section .splide .post {
    max-width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .blog_section .splide .post img {
    border-radius: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .blog_section .splide .post .post-categories .post-category {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -1.6%;
  }
}
@media only screen and (max-width: 1024px) {
  .blog_section .splide .post h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
  .blog_section .splide .post h4 a {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
@media only screen and (max-width: 1024px) {
  .blog_section .splide .post .post_excerpt {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -1.6%;
  }
}

.faq_section {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 921px) {
  .faq_section {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.faq_section .row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 48px;
}
@media only screen and (max-width: 921px) {
  .faq_section .row {
    flex-direction: column;
    gap: 32px;
  }
}
.faq_section .row .col1 {
  max-width: 460px;
  width: 100%;
}
@media only screen and (max-width: 921px) {
  .faq_section .row .col1 {
    max-width: 100%;
  }
}
.faq_section .row .col1 h1,
.faq_section .row .col1 h4,
.faq_section .row .col1 h2,
.faq_section .row .col1 h3 {
  color: #111827;
  font-weight: 500;
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -2%;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 921px) {
  .faq_section .row .col1 h1,
  .faq_section .row .col1 h4,
  .faq_section .row .col1 h2,
  .faq_section .row .col1 h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -2%;
    padding: 16px 0;
  }
}
.faq_section .row .col1 p {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
  padding-bottom: 32px;
}
@media only screen and (max-width: 921px) {
  .faq_section .row .col1 p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.faq_section .row p.subheader {
  padding: 0;
  color: #cb0046;
}
.faq_section .col2 {
  max-width: 820px;
  width: 100%;
}
@media only screen and (max-width: 921px) {
  .faq_section .col2 {
    max-width: 100%;
  }
}
.faq_section .faq-container {
  max-width: 820px;
  width: 100%;
}
@media only screen and (max-width: 921px) {
  .faq_section .faq-container {
    max-width: 100%;
  }
}
.faq_section .faq-item {
  border-radius: 12px;
  width: 100%;
  margin-bottom: 8px;
  overflow: hidden;
}
.faq_section .faq-question {
  background-color: #eff6ff;
  padding: 16px 64px 16px 24px;
  width: 100%;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #111827;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 921px) {
  .faq_section .faq-question {
    padding: 16px 48px 16px 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
  }
}
.faq_section .faq-question::after {
  display: block;
  height: 24px;
  width: 24px;
  background-image: url("./img/faq_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: " ";
  transition: all 0.2s linear;
  position: absolute;
  right: 24px;
}
@media only screen and (max-width: 921px) {
  .faq_section .faq-question::after {
    right: 12px;
  }
}
.faq_section .faq-question:hover {
  background-color: #eff6ff;
}
.faq_section .faq-answer {
  display: none;
  background-color: #eff6ff;
  padding: 0 24px 16px 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  .faq_section .faq-answer {
    padding: 0 16px 16px 16px;
    font-size: 14px;
    line-height: 22px;
  }
}
.faq_section .faq-item.active .faq-answer {
  display: block;
  opacity: 1;
}
.faq_section .faq-item.active .faq-question::after {
  transform: rotate(-180deg);
}

.cta_section {
  background-image: url("./img/cta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 110px 0;
}
@media only screen and (max-width: 921px) {
  .cta_section {
    padding: 95px 0;
  }
}
@media only screen and (max-width: 600px) {
  .cta_section {
    background-image: url("./img/cta_mobile.jpg");
  }
}
.cta_section .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cta_section .row p {
  max-width: 550px;
  text-align: center;
}
.cta_section .row p:nth-child(1) {
  font-family: "Space Grotesk", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 4%;
  color: #ffffff;
  text-transform: uppercase;
}
@media only screen and (max-width: 921px) {
  .cta_section .row p:nth-child(1) {
    font-weight: 700;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 4%;
  }
}
.cta_section .row p:nth-child(3) {
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  letter-spacing: -1.6%;
  text-align: center;
}
@media only screen and (max-width: 921px) {
  .cta_section .row p:nth-child(3) {
    font-size: 18px;
    line-height: 27px;
  }
}
.cta_section .row p.desc {
  font-family: "Inter", serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  text-align: center;
}
@media only screen and (max-width: 921px) {
  .cta_section .row p.desc {
    font-size: 18px;
    line-height: 27px;
  }
}
.cta_section .row h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 56px;
  line-height: 58.8px;
  letter-spacing: -3%;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 921px) {
  .cta_section .row h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: -3%;
    padding-top: 16px;
  }
}
.cta_section .row .btn-wrapper {
  padding-top: 32px;
}
.cta_section .row .btn-wrapper a {
  border-radius: 12px;
  height: 64px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  padding-left: 48px;
  padding-right: 48px;
}
.cta_section .row .btn-wrapper a:hover span:nth-child(2) {
  transform: translateY(-17px);
}

.blog-page {
  overflow: hidden;
}
@media only screen and (max-width: 921px) {
  .blog-page {
    background-color: #eff6ff;
  }
}
.blog-page .blog_banner {
  padding-top: 184px;
}
@media only screen and (max-width: 921px) {
  .blog-page .blog_banner {
    padding-top: 112px;
  }
}
.blog-page .blog_banner p.subheader {
  text-align: center;
  margin: auto;
}
.blog-page .blog_banner h1 {
  text-align: center;
  margin: auto;
  font-weight: 500;
  font-size: 56px;
  line-height: 58.8px;
  letter-spacing: -3%;
  text-align: center;
  color: #111827;
  padding-top: 24px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 921px) {
  .blog-page .blog_banner h1 {
    padding-top: 16px;
    font-weight: 500;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: -3%;
    text-align: center;
  }
}
.blog-page .post {
  background: #eff6ff;
}
@media only screen and (max-width: 921px) {
  .blog-page .post {
    background-color: #ffffff;
    padding: 16px;
  }
}
.blog-page.case-page {
  background-color: #eff6ff;
}
.blog-page.case-page .post {
  background-color: #ffffff;
}
.blog-page.case-page .faq_section {
  background-color: #ffffff;
}
.blog-page.case-page .grid_container {
  margin-top: 0;
}
.blog-page.case-page .solution_section .grid_box {
  background-color: #ffffff;
}
.blog-page.case-page .solution_section .grid_box1 {
  background-color: #3b82f6;
}
.blog-page.case-page .filter-btn {
  background-color: #ffffff;
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (max-width: 1024px) {
  .blog-page.case-page .filter-btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.blog-page.case-page .filter-btn:hover {
  color: #ffffff;
  background-color: #3b82f6;
}
.blog-page.case-page .filter-btn.active {
  color: #ffffff;
  background-color: #3b82f6;
}

.blog-page #posts-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 48px 0 120px 0;
}
@media only screen and (max-width: 921px) {
  .blog-page #posts-container {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 16x;
    grid-row-gap: 16px;
    padding: 40px 0 64px 0;
  }
}
.blog-page #posts-container .post img {
  border-radius: 12px;
  width: 100%;
  aspect-ratio: 412/232;
  object-fit: cover;
}

.blog-page #load-more-container .wrapper {
  display: flex;
  width: 100%;
  max-width: 100%;
  justify-content: center;
  padding: 0 0 120px 0;
  margin-top: -80px;
}

.category_filter {
  display: flex;
  gap: 8px;
  margin: auto;
  max-width: 1070px;
  width: 100%;
}

.splide_category {
  margin: auto;
  max-width: 1070px;
  width: 100%;
}
@media only screen and (max-width: 1100px) {
  .splide_category {
    max-width: fit-content;
    width: auto;
  }
}
@media only screen and (max-width: 600px) {
  .splide_category {
    width: 100%;
  }
}

.filter-btn {
  text-align: center;
  color: #030712;
  border-radius: 8px;
  outline: none;
  box-sizing: none;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  cursor: pointer;
  transition: all 0.3s linear;
  background-color: #eff6ff;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  text-align: center;
}
@media only screen and (max-width: 921px) {
  .filter-btn {
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 600px) {
  .filter-btn {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1.6%;
    text-align: center;
    padding: 10px 16px;
    height: auto;
  }
}

.filter-btn:hover {
  background-color: #3b82f6;
  transition: all 0.3s linear;
  color: #fff;
}

.filter-btn.active {
  background-color: #3b82f6;
  transition: all 0.3s linear;
  color: #fff;
}

.single__post {
  padding-top: 160px;
}
@media only screen and (max-width: 1024px) {
  .single__post {
    padding-top: 80px;
  }
}
.single__post .content__single {
  display: flex;
  background-color: #eff6ff;
  border-radius: 24px;
  padding: 24px;
  align-items: center;
  gap: 16px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .single__post .content__single {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 48px;
    border-radius: 48px;
  }
}
.single__post .content__single .col {
  flex: 1;
}
.single__post .content__single .col img {
  border-radius: 24px;
}
.single__post .content__single .col .post-category {
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  .single__post .content__single .col {
    width: 100%;
    max-width: 100%;
  }
}
.single__post .content__single .col2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex-direction: column;
  position: relative;
}
.single__post .content__single .col2 .inner {
  max-width: 560px;
}
@media only screen and (max-width: 1024px) {
  .single__post .content__single .col2 .inner {
    max-width: 100%;
  }
}
.single__post .content__single .col2 p {
  color: #4b5563;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
}
@media only screen and (max-width: 1024px) {
  .single__post .content__single .col2 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
  }
}
.single__post .content__single h4 {
  margin: 12px 0 16px 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  color: #111827;
  font-family: "Poppins", serif;
}
@media only screen and (max-width: 921px) {
  .single__post .content__single h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -2%;
    margin-top: 4px;
    margin-bottom: 8px;
  }
}
.single__post .content__single img {
  width: 100% !important;
}
.single__post .content__single .post-categories {
  margin-top: 0;
}
.single__post .real_content iframe,
.single__post .real_content video,
.single__post .real_content img {
  border-radius: 24px;
}
.single__post .real_content .content {
  max-width: 940px;
  margin-bottom: 80px;
  margin: auto;
}
.single__post .real_content .content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
  margin-bottom: 20px;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -1.6%;
    margin-bottom: 16px;
  }
}
.single__post .real_content .content figure,
.single__post .real_content .content iframe {
  margin-bottom: 80px;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content figure,
  .single__post .real_content .content iframe {
    margin-bottom: 32px;
  }
}
.single__post .real_content .content img,
.single__post .real_content .content video {
  margin: 80px 0;
  aspect-ratio: auto;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content img,
  .single__post .real_content .content video {
    margin: 32px 0;
  }
}
.single__post .real_content .content h1 {
  font-weight: 500;
  font-size: 56px;
  line-height: 58.8px;
  font-family: "Poppins", serif;
  margin-bottom: 16px;
  letter-spacing: -3%;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content h1 {
    font-weight: 500;
    font-size: 38px;
    line-height: 42px;
    letter-spacing: -3%;
  }
}
.single__post .real_content .content h2 {
  font-weight: 500;
  font-size: 48px;
  line-height: 57.6px;
  font-family: "Poppins", serif;
  margin-bottom: 16px;
  letter-spacing: -2%;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: -2%;
  }
}
.single__post .real_content .content h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  font-family: "Poppins", serif;
  margin-bottom: 16px;
  letter-spacing: -2%;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: -2%;
  }
}
.single__post .real_content .content h4 {
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  margin-bottom: 16px;
}
@media only screen and (max-width: 921px) {
  .single__post .real_content .content h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -2%;
  }
}
.single__post .blog_section h2 {
  padding: 0;
  padding-bottom: 32px;
}

.navigation.post-navigation {
  display: none !important;
}

.post img {
  box-shadow: none !important;
  width: fit-content !important;
  aspect-ratio: auto;
  border-radius: 0;
  object-fit: contain;
  border-radius: 12px;
  aspect-ratio: 412/232;
  object-fit: cover;
}

.case_page .post img {
  aspect-ratio: auto !important;
}
.case_page .post-categories {
  display: flex;
}
.case_page .ast-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.case_page .solution_section {
  background-color: #eff6ff;
}
.case_page .solution_section img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.case_page .solution_section .grid_container {
  margin-top: 0;
}
.case_page .solution_section .grid_container .grid_box {
  background-color: #ffffff;
}
.case_page .solution_section .grid_container .grid_box1 {
  background-color: #3b82f6;
}
.case_page .solution_section .grid_container .grid_box1 p:nth-child(2) {
  color: rgba(255, 255, 255, 0.6980392157);
}
.case_page .case_banner {
  padding-top: 160px;
  padding-bottom: 200px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}
@media only screen and (max-width: 1024px) {
  .case_page .case_banner {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.case_page .case_banner .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media only screen and (max-width: 1024px) {
  .case_page .case_banner .row {
    flex-direction: column;
  }
}
.case_page .case_banner .row .col1 {
  max-width: 580px;
}
.case_page .case_banner .row .col1 h1 {
  padding-top: 24px;
  padding-bottom: 64px;
  color: #111827;
}
@media only screen and (max-width: 1024px) {
  .case_page .case_banner .row .col1 h1 {
    padding-top: 16px;
    padding-bottom: 32px;
  }
}
.case_page .case_banner .row .col1 .images {
  display: flex;
  align-items: center;
}
.case_page .case_banner .row .col1 .images img:nth-child(1) {
  max-width: 129px;
  object-fit: contain;
  width: 100%;
}
.case_page .case_banner .row .col1 .images img:nth-child(2) {
  max-width: 20px;
  object-fit: contain;
  margin: 0 24px;
  width: 100%;
}
.case_page .case_banner .row .col1 .images img:nth-child(3) {
  max-width: 129px;
  object-fit: contain;
  width: 100%;
}
.case_page .case_banner .row .col2 img {
  aspect-ratio: 580/660 !important;
  object-fit: cover;
  border-radius: 24px !important;
}
.case_page .info_section {
  margin-bottom: 120px;
}
@media only screen and (max-width: 1024px) {
  .case_page .info_section {
    margin-bottom: 64px;
  }
}
.case_page .info_section h3 {
  padding-bottom: 16px;
  color: #111827;
}
.case_page .info_section .row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .case_page .info_section .row {
    flex-direction: column;
  }
}
.case_page .info_section .row .col1 {
  max-width: 460px;
  width: 100%;
  padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
  .case_page .info_section .row .col1 {
    max-width: 100%;
  }
}
.case_page .info_section .row .col2 {
  width: 100%;
  max-width: 940px;
}
@media only screen and (max-width: 1024px) {
  .case_page .info_section .row .col2 {
    max-width: 100%;
  }
}
.case_page .info_section .row .col2 ul {
  padding: 0;
  margin: 0;
  margin-left: 30px;
}
.case_page .info_section .row .col2 li,
.case_page .info_section .row .col2 p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .case_page .info_section .row .col2 li,
  .case_page .info_section .row .col2 p {
    font-size: 18px;
    line-height: 27px;
  }
}
.case_page .section_modules {
  margin-bottom: 120px;
}
@media only screen and (max-width: 1024px) {
  .case_page .section_modules {
    margin-bottom: 64px;
  }
}
.case_page .section_modules h2 {
  margin: auto;
  text-align: center;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .case_page .section_modules h2 {
    padding-bottom: 32px;
  }
}
.case_page .section_modules .wrapper {
  padding: 32px;
  border-radius: 24px;
  background-color: #dbeafe;
}
@media only screen and (max-width: 1024px) {
  .case_page .section_modules .wrapper {
    padding: 24px;
  }
}
.case_page .section_modules .wrapper h4 {
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  color: #111827;
  padding-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .case_page .section_modules .wrapper h4 {
    font-size: 24px;
    line-height: 28.8px;
  }
}
.case_page .section_modules .wrapper .row {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .case_page .section_modules .wrapper .row {
    padding: 16px;
  }
}
.case_page .section_modules .wrapper .row:nth-last-child(1) {
  margin-bottom: 0;
}
.case_page .section_modules .wrapper .row ul {
  padding: 0;
  margin: 0;
  margin-left: 30px;
}
.case_page .section_modules .wrapper .row li,
.case_page .section_modules .wrapper .row p {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .case_page .section_modules .wrapper .row li,
  .case_page .section_modules .wrapper .row p {
    font-size: 18px;
    line-height: 27px;
  }
}
.case_page .section_modules .wrapper .row p.big_p {
  color: #111827;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  padding-bottom: 16px;
}
.case_page .quote_section_case {
  margin-bottom: 40px;
}
.case_page .quote_section_case .wrapper {
  padding: 64px;
  border-radius: 24px;
  background-color: #3b82f6;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .case_page .quote_section_case .wrapper {
    padding: 24px;
  }
}
.case_page .quote_section_case .wrapper img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin-bottom: 40px;
}
.case_page .quote_section_case .wrapper p {
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -2%;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .case_page .quote_section_case .wrapper p {
    font-size: 20px;
    line-height: 26px;
  }
}
.case_page .quote_section_case .wrapper p:nth-last-child(1) {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -1.6%;
  text-align: center;
  padding-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .case_page .quote_section_case .wrapper p:nth-last-child(1) {
    font-size: 16px;
    line-height: 24px;
  }
}
.case_page .google_section h4 {
  text-align: center;
  color: #111827;
  margin: auto;
  font-size: 32px;
  line-height: 41.6px;
  letter-spacing: -2%;
  text-align: center;
  padding-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .case_page .google_section h4 {
    font-size: 24px;
    line-height: 28.8px;
  }
}
.case_page .google_section .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.case_page .google_section .wrapper span {
  font-weight: 500;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: -2%;
  text-align: center;
  color: #3b82f6;
}
.case_page .google_section .wrapper img:nth-last-child(1) {
  width: 90px !important;
}
.case_page .service_section_case {
  margin: 120px 0;
}
@media only screen and (max-width: 1024px) {
  .case_page .service_section_case {
    margin: 64px 0;
  }
}
.case_page .service_section_case .wrapper {
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #eff6ff;
  border-radius: 24px;
}
@media only screen and (max-width: 1024px) {
  .case_page .service_section_case .wrapper {
    padding: 24px;
  }
}
.case_page .service_section_case .wrapper p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  text-align: center;
  color: #4b5563;
}
@media only screen and (max-width: 1024px) {
  .case_page .service_section_case .wrapper p {
    font-size: 18px;
    line-height: 27px;
  }
}
.case_page .service_section_case .wrapper p:nth-child(1) {
  font-family: "Space Grotesk", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 4%;
  color: #cb0046;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .case_page .service_section_case .wrapper p:nth-child(1) {
    font-weight: 700;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 4%;
  }
}
.case_page .service_section_case .wrapper h1 {
  padding-top: 24px;
  padding-bottom: 16px;
  color: #172554;
  text-align: center;
}
.case_page .service_section_case .wrapper img:nth-last-child(1) {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .case_page .service_section_case .wrapper img:nth-last-child(1) {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .case_page .service_section_case .wrapper img:nth-last-child(2) {
    display: none;
  }
}
.case_page .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-top: 24px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .case_page .buttons {
    flex-direction: column;
  }
}

.ue-page figure {
  margin: 48px 0;
}
@media only screen and (max-width: 921px) {
  .ue-page figure {
    margin: 24px 0;
  }
}
.ue-page p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1.6%;
  color: #4b5563;
}
@media only screen and (max-width: 921px) {
  .ue-page p {
    font-size: 18px;
    line-height: 28px;
  }
}
.ue-page .content {
  max-width: 940px;
  margin: auto;
  padding-top: 192px;
  margin-bottom: 150px;
}
@media only screen and (max-width: 921px) {
  .ue-page .content {
    padding-top: 100px !important;
    margin-bottom: 60px;
  }
}
.ue-page .content h1 {
  margin: auto;
  text-align: center;
}
.ue-page .content h1,
.ue-page .content h2,
.ue-page .content h3,
.ue-page .content h4,
.ue-page .content h5,
.ue-page .content h6 {
  color: #111827;
  margin: 48px 0;
}
@media only screen and (max-width: 921px) {
  .ue-page .content h1,
  .ue-page .content h2,
  .ue-page .content h3,
  .ue-page .content h4,
  .ue-page .content h5,
  .ue-page .content h6 {
    margin: 24px 0;
  }
}

.case_page img {
  aspect-ratio: auto !important;
  border-radius: 0;
}

.wpcf7 form .wpcf7-response-output {
  border: none;
  padding: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: green;
}

.wpcf7 form.invalid .wpcf7-response-output {
  color: #dc2626;
}

.overlay {
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9;
}

.package_section .grid_item .desc {
  margin-top: 16px;
  border-top: 1px solid #D1D5DB;
}
.package_section .grid_item .desc p, .package_section .grid_item .desc ul, .package_section .grid_item .desc ol {
  padding-top: 16px;
}
.package_section .grid_item .desc ul, .package_section .grid_item .desc ol {
  margin-bottom: 0;
}
.package_section .grid_item .desc p, .package_section .grid_item .desc li {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -1.6%;
  color: #4B5563;
}

.page-id-1840 .package_section .grid_container {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .page-id-1840 .package_section .grid_container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-id-1840 .package_section .grid_container .grid_item:first-child {
  display: none;
}

.page-id-1841 .package_section .grid_container {
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1300px) {
  .page-id-1841 .package_section .grid_container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .page-id-1841 .package_section .grid_container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-id-1841 .package_section .grid_container .grid_item {
  min-width: 25%;
}
.page-id-1841 .package_section .grid_container .grid_item.fourth-child {
  display: block !important;
}
@media only screen and (max-width: 1450px) {
  .page-id-1841 .package_section .grid_container .grid_item {
    font-size: 32px;
  }
}

.page-id-2327 .package_section, .page-id-2329 .package_section, .page-id-2331 .package_section, .page-id-2335 .package_section, .page-id-1864 .package_section, .page-id-1874 .package_section {
  display: none;
}

/*# sourceMappingURL=style.css.map */