* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}

@font-face {
  font-family: "Montserrat-semibold-italic";
  src: url("../fonts/Montserrat/static/Montserrat-SemiBoldItalic.ttf");
}

@font-face {
  font-family: "Montserrat-semibold";
  src: url("../fonts/Montserrat/static/Montserrat-SemiBold.ttf");
}

@font-face {
  font-family: "Montserrat-italic";
  src: url("../fonts/Montserrat/static/Montserrat-MediumItalic.ttf");
}

@font-face {
  font-family: "Montserrat-italic-bold";
  src: url("../fonts/Montserrat/static/Montserrat-BoldItalic.ttf");
}

@font-face {
  font-family: "Team";
  src: url("../fonts/Team/TEAM-REGULAR.TTF");
}

html {
  overflow-x: hidden;
}

body {
  font-family: "Montserrat" !important;
  overflow-x: hidden;
  scroll-behavior: smooth;
  font-synthesis: none;
}

:root {
  --blue: #00a0e3;
  --lightGrey: #5f6c72;
  --lightGreyBlue: #eef3f6;
  --darkBlue: #012739;
  --lightBlue: #f2f9fd;
  --yellow: #edb22e;
  --neutral30: #f8fafc;
  --neutral50: #e9f0f4;
  --neutral70: #c9dae4;
  --neutral80: #b1c7d3;
  --blue80: #013952;
  --secondaryBeige: #f5f4f2;
}

h1 {
  font-size: 52px;
  font-family: "Montserrat";
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 50px;
}

p {
  line-height: 28px;
  font-family: "Montserrat";
}

.subhead-24 {
  font-size: 24px;
  font-weight: bold;
  margin: 32px 0 24px 0;
}

.navbar {
  height: 106px;
  width: 100%;
  padding: 0;
  /* box-shadow: 0 4px 20px rgba(3, 80, 114, 0.08); */
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 1000;
  transition: box-shadow 0.3s ease;
}

.navbar.shadow {
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important; */
  box-shadow: 0 4px 20px rgba(3, 80, 114, 0.08) !important;
}

.nav-down {
  margin-left: 4px;
  color: var(--lightGrey);
}

.navbar-menu {
  gap: 80px;
  padding: 0;
}

.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("../img/menu-bars.png");
}

.mobile-block {
  display: none;
}

.large-screen-block {
  display: block;
}

/* .navbar-toggler-icon {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none"%3E%3Cpath stroke="red" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
}
.navbar-toggler-icon {
  background-image: none;
  border: 1px solid red; 
  width: 30px;
  height: 30px;
} */

/* .navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
} */

.dropdown-menu {
  margin-top: 0;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-toggle:focus-visible {
  outline: none;
}

.nav-link {
  font-size: 14px;
  font-weight: bold;
  color: var(--lightGrey);
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: var(--blue);
}

.navbar-nav li {
  margin-right: 32px;
}

.primary-btn {
  background-color: var(--blue);
  color: #fff;
  /* width: 185px; */
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  width: 100%;
  padding: 0 25px;
}

.primary-btn.btn-185 {
  width: 185px;
}

.primary-btn:hover {
  background: #0089c2;
  color: #fff;
}

.sub-menu {
  height: 188px;
  width: 260px;
  padding-top: 24px;
  background: #fff;
  border: none;
  box-shadow: 0 4px 20px rgba(3, 80, 114, 0.08);
  border-radius: 8px;
  left: -15px;
  margin-top: 20px !important;
}

.sub-menu li {
  padding-left: 40px;
}

.sub-menu .dropdown-item {
  padding-left: 0;
}

.sub-menu li a {
  color: var(--lightGrey);
  font-size: 14px;
  font-weight: bold !important;
  font-family: "Montserrat";
  line-height: 20px;
  margin-bottom: 24px;
}

.sub-menu li a:hover {
  color: var(--blue);
  background-color: unset;
  text-decoration: underline;
}

.nav-right {
  margin-left: 10px;
  color: var(--blue);
  width: 14px;
}

.dropdown-submenu {
  position: relative;
}

.sub-menu-items {
  display: none;
  position: absolute;
  top: -52px;
  /* left: 55%; */
  left: 50%;
  /* margin-left: 60px; */
  margin-left: 30px;
  border-left: 1px solid #eef3f6;
  background-color: unset;
  list-style: none;
  padding: 0;
  height: 130px;
}

#submenu-li1:hover .sub-menu-items {
  display: block;
}

/* Main slider */
.main-slider {
  margin-top: 187px;
  /* max-height: 496px; */
}

.carousel-indicators {
  bottom: -70px;
}

.carousel-inner {
  border-radius: 14px;
  /* min-width: 996px; */
  height: 100%;
}

.carousel-indicators button {
  background-color: var(--lightGreyBlue) !important;
  border-radius: 50%;
  width: 10px !important;
  height: 10px !important;
  border: none;
  padding: 0;
  margin-top: 20px;
}

.carousel-indicators .active {
  background-color: var(--blue) !important;
}

.carousel-item.active {
  opacity: 1;
  z-index: 2;
}

.main-slider .carousel-item {
  max-height: 536px;
}

.slider-left {
  /* background-color: var(--darkBlue); */
  color: #fff;
  padding: 56px 0 56px 56px;
  min-height: 536px;
}

.main-slider .item-bg-1 {
  /* background-color: var(--darkBlue); */
  background: linear-gradient(to right, #013952 99%, #fff 1%);
}

.main-slider .item-bg-1 h1 {
  font-weight: 500;
}

.main-slider .item-bg-2 {
  background-color: var(--lightBlue);
}

.main-slider .item-bg-2 h1,
.main-slider .item-bg-3 h1,
.main-slider .item-bg-4 h1 {
  color: var(--darkBlue);
  font-weight: 600;
  font-family: "Montserrat" !important;
}

.main-slider .item-bg-3 {
  background-color: var(--secondaryBeige);
}

.main-slider .item-bg-3 p,
.main-slider .item-bg-2 p,
.main-slider .item-bg-4 p {
  color: var(--lightGrey);
  font-weight: 500;
  line-height: 28px;
}

.main-slider .item-bg-4 {
  /* background-color: var(--neutral30); */
  /* height: 536px; */
  background-color: #f2f9fd;
}

.main-slider .item-bg-4.item-gradient-bg {
  background: linear-gradient(
    155deg,
    #00a0e3 0%,
    #09a3e4 2.5%,
    #22ace6 6%,
    #4bbceb 10%,
    #84d1f1 18%,
    #bfe2f7 30%,
    #e6f5ff 55%,
    #f8fcff 80%,
    #ffffff 100%
  );

  justify-content: center;
  align-items: center;
}

.main-slider .item-bg-4.christmas-bg {
  justify-content: center;
  align-items: center;
}

.main-slider .item-gradient-bg img {
  max-width: 384px;
  margin-right: 56px;
}

.main-slider .christmas-bg img {
  margin-right: 50px;
}

.slick-slide img.mob-img {
  display: none;
}

.item-bg-4.item-gradient-bg p {
  color: var(--darkBlue);
  font-size: 20px;
}

.item-bg-4.christmas-bg p {
  color: var(--darkBlue);
  font-size: 20px;
  margin-top: 16px;
}

.item-gradient-bg .slider-left,
.christmas-bg .slider-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.item-gradient-bg .slider-left div,
.christmas-bg .slider-left div {
  margin-top: 80px;
}

.main-slider .item-bg-digitec {
  background-image: url("../img/digitec-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.item-bg-digitec h1 {
  margin-top: 115px;
  margin-bottom: 14px;
}

.main-slider .slick-dots {
  bottom: -54px;
}

.slick-dots li button:before {
  color: var(--blue) !important;
  font-size: 10px !important;
}

.slick-slide img.banner-icon {
  display: inline-block;
  margin-right: 10px;
}

.item-bg-digitec .slider-left {
  margin-left: 16px;
}

.item-bg-digitec .slider-left p {
  margin: 0 0 12px;
}

.item-bg-digitec .more-about-btn {
  margin-top: 65px;
  width: 194px;
  padding-left: 15px;
}

.slick-slide .more-about-btn .banner-icon {
  margin-left: 10px;
}

.mt-20 {
  margin-top: 15px;
  /* margin-left: 10px; */
}

/* .zangezor-img-right {
  position: absolute;
  top: 4%;
  right: 3%;
} */

.badge-blue {
  background-color: #e9f6fc;
  color: var(--blue);
}

.more-about-btn {
  background-color: var(--blue);
  color: #fff;
  /* width: 311px; */
  width: 144px;
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
}

.badge-yellow-new {
  color: #01425f;
  background-color: #ffdb8a;
  border-radius: 20px;
  font-size: 14px;
  border: none;
  width: 71px;
  height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
  margin-left: 10px;
}

.badge-yellow-new img {
  display: inline !important;
  margin-right: 4px;
  width: 12px !important;
}

.more-about-btn:hover {
  background-color: #0089c2;
}

.more-about-btn-long {
  background-color: #01425f;
  color: #fff;
  /* width: 311px; */
  height: 52px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  padding: 0 24px;
}

.more-about-btn-long:hover {
  background-color: #012739;
}

.item-bg-4 .more-about-btn-long {
  margin-top: 60px;
}

.item-bg-4 .badge-yellow {
  margin-bottom: 36px;
}

.slider-left p {
  margin: 24px 24px 40px 0;
  line-height: 28px;
}

/* Partners */
.partners-block {
  width: 100%;
  padding: 100px 0;
  /* margin-top: 80px; */
  text-align: center;
}

.partners-block img {
  margin-right: 23px;
  margin-bottom: 18px;
  height: 60px;
}

.partners-block.partners-zangezor img {
  margin-right: 36px;
}

.zangezor-second img {
  margin-left: 45px;
  margin-right: 0;
}

.second-line {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}

.second-line .scroll-track {
  display: inline-flex;
  animation: scroll-right 90s linear infinite;
}

.second-line .scroll-track img {
  margin-right: 36px;
  height: 60px;
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.first-line .slick-slide {
  margin-right: 36px;
}

.partners-block .first-line img {
  margin-left: 0;
  margin-right: 0;
}

.first-line img {
  /* margin-right: 14px; */
  /* margin-left: 10px; */
  /* margin-left: 0; */
  /* margin-right: 5px; */
}

.partners-mobile {
  height: 202px;
  margin-top: 88px;
}

.partners-mobile2 {
  height: 180px;
  margin-top: 50px;
}

.partners-mob {
  margin: 20px 0;
}

/* Services */
.dark-blue-bg-block {
  background-color: var(--darkBlue);
  width: 100%;
  color: #fff;
  padding: 100px 0;
}

.width-center h2 {
  /* width: 35% !important; */
  margin: 0 auto;
}

.blue-txt {
  color: var(--blue);
  font-weight: bold;
}

.blocks-3-col {
  text-align: left;
  gap: 20px;
  margin-top: 88px;
}

.dark-blue-bg-block .block-1-col {
  cursor: pointer;
}

.block-1-col {
  background-color: #023248;
  width: 30%;
  border-radius: 14px;
  padding: 40px;
  min-height: 428px;
  transition: transform 0.3s ease;
}

.sol-serv .block-1-col:hover {
  transform: scale(1.05);
  box-shadow: 0px 4px 5px rgb(0 0 0 / 25%);
}

.sol-serv .block-1-col:hover .subhead-24,
.sol-serv .block-1-col:hover p {
  color: var(--blue);
}

.more-about-link {
  margin-top: 48px !important;
}

.more-about-link a {
  color: var(--blue);
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.block-1-col a i {
  margin-left: 5px;
}

.desktop-hide {
  display: none;
}

/* Solutions */
.provide-block {
  background-color: var(--lightGreyBlue);
  width: 100%;
  color: var(--lightGrey);
  text-align: center;
  padding: 100px 0;
}

.provide-block h2 {
  color: var(--darkBlue);
}

.provide-block .primary-btn {
  margin-top: 60px;
}

.bg-white {
  background-color: #fff;
  border-radius: 14px;
}

.bg-neutral30 {
  background-color: var(--neutral30);
  border-radius: 14px;
}

.provide-blocks-5 {
  text-align: left;
  margin-top: 88px;
}

.subhead-3 {
  color: var(--darkBlue);
  font-weight: bold;
  font-size: 18px;
}

.provide-1 {
  min-height: 252px;
  padding: 40px;
  margin-bottom: 20px;
}

.provide-2 {
  min-height: 226px;
  padding: 40px;
  margin-bottom: 20px;
}

/* Certificates */
.subhead-22 {
  font-size: 22px;
  font-weight: bold;
  color: var(--darkBlue);
  display: flex;
  align-items: center;
}

.certificates-block {
  padding: 40px;
}

.certificates-block img {
  margin-bottom: 24px;
  height: 60px;
}

.medium-14 {
  font-size: 14px;
  font-weight: 500;
  color: #282a39;
}

.border-right-light {
  border-right: 1px solid #d7eff9;
}

.padding-7 {
  padding-left: 7%;
}

/* Why choose us */

.container-blue-bg {
  background-color: var(--lightBlue);
  padding: 100px 20px;
}

.container-blue-bg .subhead-3 {
  margin: 24px 0 32px 0;
}

.steps-block {
  margin-top: 88px;
  color: var(--lightGrey);
}

/* Numbers */
.bg-half-blue {
  background: linear-gradient(to right, #023248 50%, var(--darkBlue) 50%);
}

.numbers-block {
  background-color: #023248;
  color: #fff;
  /* padding: 60px 120px; */
  width: 100%;
  text-align: center;
}

.numbers-block .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.number-1 {
  /* padding: 60px 0; */
  padding: 60px 10% 60px 0;
}

.numbers-block h1 {
  color: var(--yellow);
  font-weight: bold;
}

.dark-blue-bg {
  background-color: var(--darkBlue);
  padding-right: 0;
}

.dark-blue-bg h1 {
  color: var(--blue);
}

/* Testimonials */
.carousel-testimonials .carousel-item {
  padding: 56px;
}

.carousel-testimonials {
  margin: 120px auto;
}

#carouselTestimonial {
  position: relative;
  width: 70%;
  margin: auto;
  overflow: visible;
  padding: 120px 0;
  min-height: 912px;
}

.testimonial_slider_col1 {
  margin-top: 88px;
}

.carousel-testimonials button.slick-next:before {
  /* content: url("../img/rightchevron.png") !important; */
  content: url("../img/testimonial-right.svg") !important;
  font-size: 20px !important;
  right: -80px;
}

.carousel-testimonials button.slick-prev:before {
  content: url("../img/testimonial-left.svg") !important;
  left: -80px !important;
  font-size: 20px !important;
}

.carousel-testimonials button.slick-prev {
  left: 20.5%;
  z-index: 100;
}

.carousel-testimonials button.slick-next:before,
.carousel-testimonials button.slick-prev:before {
  position: absolute;
  top: -15px;
  /* background-color: #E9F6FC; */
  border-radius: 50%;
  /* width: 48px !important; */
  /* height: 48px !important; */
}

.carousel-testimonials button.slick-next {
  right: 23%;
  z-index: 100;
}

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

.testimonial_slider_col1 .slick-slide {
  margin: 0 57px !important;
  opacity: 0.3;
  transform: scale(0.9);
}

.carousel-testimonials .slick-current {
  opacity: 1 !important;
  transform: scale(1);
}

.custom-dev-testimonials .slick-prev,
.custom-dev-testimonials .slick-next {
  top: 38%;
}

/* #carouselTestimonial .carousel-inner {
  display: flex;
}

#carouselTestimonial .carousel-item {
  transition: transform 0.5s ease-in-out;
  flex: 0 0 100%; 
  margin: 88px auto; 
  width: 100%;
  min-height: 411px;
  padding: 56px;
  border-radius: 14px;
  max-height: 536px;
} */

.carousel-item .banner-img {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  float: right;
  /* width: 100%; */
  max-width: 496px;
}

.min-h-200 {
  min-height: 200px;
}

.carousel-bg-neutral {
  background-color: var(--neutral30);
}

.carousel-bg-blue {
  background-color: #e9f6fc;
}

.carousel-bg-grey {
  background-color: var(--neutral50);
}

.carousel-bg-purple {
  background-color: #f7f6fd;
}

.carousel-bg-yellow {
  background-color: #fefaf1;
}

.carousel-bg-light-green {
  background-color: #f6faf6;
}

.carousel-bg-light-grey {
  background-color: var(--secondaryBeige);
}

.carousel-bg-light-blue {
  background-color: var(--lightBlue);
}

#carouselTestimonial .carousel-control-prev,
#carouselTestimonial .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  opacity: 1 !important;
  z-index: 1000;
}

#carouselTestimonial .carousel-control-prev-icon,
#carouselTestimonial .carousel-control-next-icon {
  background-color: var(--lightBlue);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

#carouselTestimonial .carousel-control-prev {
  left: -60px;
  z-index: 10;
}

#carouselTestimonial .carousel-control-next {
  right: -60px;
  z-index: 10;
}

#carouselTestimonial .carousel-control-next-icon {
  background-image: url("../img/right-chevron.png");
}

#carouselTestimonial .carousel-control-prev-icon {
  background-image: url("../img/left-chevron.png");
}

.testimonial-txt {
  margin-top: 24px;
  margin-bottom: 40px;
  color: var(--darkBlue);
  font-weight: 500;
}

.testimonial-person {
  margin-right: 20px;
}

.txt-dark-14 {
  color: var(--darkBlue);
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}

.txt-position {
  color: var(--darkBlue);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 20px;
}

.txt-dark-10 {
  text-align: end;
  font-size: 10px;
  color: var(--darkBlue);
  margin-right: 14px;
  font-weight: 500;
}

/* Collaborating */
.container-blue-neutral-bg {
  background-color: var(--neutral50);
  padding: 100px 0;
}

.block-col-bg-white {
  background-color: var(--neutral30);
  border-radius: 14px;
  padding: 24px;
  color: var(--lightGrey);
  /* width: 285px; */
  width: 387px;
  /* margin: 0 10px; */
  font-size: 14px;
  min-height: 224px;
  margin-bottom: 20px !important;
}

.w-94 {
  width: 94px;
  height: 94px;
  margin-right: 24px;
}

.badge-beige {
  background-color: var(--secondaryBeige);
  color: #a38e72;
  border-radius: 20px;
  font-size: 14px;
  border: none;
  width: 111px;
  height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
}

.badge-green {
  background-color: #eff5e0;
  color: #727963;
  border-radius: 20px;
  font-size: 14px;
  border: none;
  width: 111px;
  height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
}

.badge-green-blue {
  background-color: #e2f4f4;
  color: #6b9191;
  border-radius: 20px;
  font-size: 14px;
  border: none;
  width: 111px;
  height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
}

.badge-blue,
.badge-yellow,
.badge-purple,
.badge-darkgrey {
  border-radius: 4px;
  font-size: 14px;
  border: none;
  width: 195px;
  height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
}

.badge-darkgrey {
  background-color: #c9dae4;
  color: #01425f;
  font-family: Montserrat-semibold;
}

.badge-yellow {
  background-color: #ffe4a7;
  color: #b18217;
}

.badge-purple {
  background-color: #efeaff;
  color: #5d4c9a;
}

.badge-light-blue {
  background-color: var(--neutral50);
  color: #024869;
  border-radius: 4px;
  font-size: 14px;
  border: none;
  padding: 0 14px;
  height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
}

.blog-badges .badge-light-blue {
  margin-bottom: 0;
}

.badge-grey {
  background-color: var(--lightGreyBlue);
  color: var(--lightGrey);
  border-radius: 4px;
  font-size: 12px;
  border: none;
  padding: 0 14px;
  height: 24px;
  font-weight: 500;
  margin-bottom: 16px;
  cursor: default !important;
  min-width: 97px;
}

.block-col-bg-white img {
  /* margin: 24px auto; */
  display: inline !important;
}

.block-col-bg-white p {
  margin-bottom: 24px;
  line-height: 20px;
}

.link-partner {
  color: #282a39;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.link-partner:hover {
  text-decoration: underline;
}

.link-partner img {
  vertical-align: top;
  margin-left: 8px;
}

.btn-124 {
  width: 185px !important;
  margin-top: 20px;
  border: none;
}

.txt-bottom1 {
  height: 63px;
  display: flex;
  align-items: flex-end;
}

.txt-bottom2 {
  height: 42px;
  display: flex;
  align-items: flex-end;
}

.blog-block {
  margin: 120px auto 205px auto;
}

.neutral-30 {
  background-color: var(--neutral30);
}

.pt-120 {
  padding-top: 120px;
}

.blog-block .articles-block .col-3 {
  width: 95% !important;
}

.articles-block .col-3:hover h5 {
  text-decoration: underline;
}

.blog-block .articles-block .slick-prev,
.blog-block .articles-block .slick-next {
  bottom: -105px;
  top: unset;
}

.blog-block .our-team-block .slick-prev {
  left: 45%;
}

.blog-block .our-team-block .slick-next {
  right: 46%;
}

/* Footer */
.footer {
  background-color: var(--neutral30);
  padding: 88px 0;
}

.subhead-16 {
  font-size: 16px;
  font-weight: bold;
  color: var(--darkBlue);
  margin-bottom: 32px;
  line-height: 28px;
}

.footer-menu li {
  list-style-type: none;
}

.footer-menu li a {
  text-decoration: none;
  color: var(--darkBlue);
  font-weight: 500;
  font-size: 14px;
}

.footer-menu li a:hover {
  text-decoration: underline;
}

.footer-menu {
  padding: 0;
  line-height: 35px;
}

.yellow-btn {
  background-color: #ffb904;
  color: #fff;
  font-size: 10px;
  width: 81px;
  height: 20px;
  border-radius: 20px;
  padding: 2px 8px;
  margin-left: 12px;
}

.separator {
  margin-top: 88px;
  margin-bottom: 24px;
}

.separator hr {
  color: var(--neutral70);
  border: 0.5px solid var(--neutral70);
  opacity: 0.5;
}

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

.footer-bottom {
  margin-top: 24px;
  font-size: 14px;
  color: var(--lightGrey);
  font-weight: 500;
}

.footer .text-grey,
.footer .social-link {
  margin-right: 24px;
}

.footer .social-link {
  font-size: 26px;
  color: var(--lightGrey);
}

.footer .social-link:hover {
  color: var(--blue);
}

/* e-gov page */
.egov-hero {
  background-image: url("../img/e-gov/e-gov-banner.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  background-origin: content-box;
  background-clip: content-box;
  /* background-color: #EEF3F6; */
  margin-top: 106px;
  padding: 60px 0;
}

.block-left {
  /* background-color: var(--darkBlue); */
  color: #fff;
  /* padding: 56px 0; */
}

.block-left h1 {
  color: #012739;
  font-weight: 700;
  font-size: 42px;
  line-height: 58px;
}

.block-left p {
  color: var(--lightGrey);
  margin: 24px 116px 40px 0;
  font-weight: 500;
  line-height: 28px;
}

.dark-btn {
  background-color: #01425f;
  color: #fff;
  /* width: 185px; */
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  width: 243px;
  /* padding: 0 25px; */
}

.dark-btn:hover {
  background-color: #012739;
}

.image-container {
  position: relative;
  display: inline-block;
  /* margin-top: 88px; */
}

/* .behind-image {
display: block;
} */
/* .overlay-image {
  position: absolute;
  top: 25%;
  left: 44%;
} */

.expand-block {
  display: none;
  transition: transform 0.3s ease;
}

.rotated {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.down-icon {
  margin-left: 10px;
  font-size: 12px;
}

.trusted-block {
  font-size: 14px;
  color: var(--lightGrey);
  border-right: 1px solid #c5e7f7;
  margin-right: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-194 {
  margin-top: 194px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-167 {
  margin-top: 167px;
  width: 98%;
}

.mt-16 {
  margin-top: 16px;
}

.pb-82 {
  padding-bottom: 82px;
}

.pb-70 {
  padding-bottom: 80px;
}

.pb-52 {
  padding-bottom: 52px;
}

.bg-blue {
  background-color: var(--blue80);
  text-align: center;
  border-radius: 14px;
  padding: 40px 22px;
  margin-top: 64px;
}

.subhead-18 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 32px;
  line-height: 30px;
}

.dark-blue-rounded {
  background-color: var(--darkBlue);
  width: 100%;
  color: #fff;
  text-align: center;
  /* padding: 88px 40px; */
  /* border-radius: 14px; */
  /* margin-top: 146px; */
}

.dark-blue-rounded div div {
  padding: 43px 32px;
}

.dark-blue-rounded .subhead-24 {
  margin: 0 0 16px;
  font-family: Montserrat-semibold;
}

.p-20 {
  padding: 0 22px;
}

.middle-col {
  border-left: 1px solid #01425f;
  border-right: 1px solid #01425f;
}

/* Completed solutions */
.e-gov-solutions {
  padding: 120px 0;
}

.e-gov-solutions h2,
.product-block h2,
.dark-blue-bg-block h2 {
  width: 62%;
  margin: 0 auto;
}

.iptv-features h2 {
  width: 56%;
  margin: 0 auto;
}

.egov-subhead-22 {
  font-size: 22px;
  font-weight: bold;
  color: #282a39;
  margin-bottom: 22px;
  width: 90%;
  line-height: 30px;
}

.egov-row {
  margin-top: 88px;
}

.egov-row .img-100 {
  width: 95% !important;
}

.egov-txt-grey {
  color: var(--lightGrey);
  font-size: 14px;
  font-weight: 500;
}

.egov-txt-grey-16 {
  color: var(--lightGrey);
  font-size: 16px;
  margin-top: 32px;
  font-weight: 500;
  text-align: left;
}

.egov-txt-bold {
  color: #282a39;
  font-weight: bold;
  font-size: 14px;
}

.link-tax a {
  font-size: 14px;
  color: var(--blue);
  text-align: center;
  font-weight: 500;
}

.link-tax {
  margin-top: 26px;
}

.link-tax img {
  margin-right: 16px;
}

.e-vat-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.e-vat-list li {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-left: 30px;
  color: var(--lightGrey);
  font-weight: 500;
}

.e-vat-list li::before {
  content: url("../img/e-gov/icon-v.svg");
  position: absolute;
  left: 0;
  top: 0;
}

.egov-txt-bold-16 {
  font-size: 16px;
  color: var(--lightGrey);
  font-weight: bold;
}

.long-btn {
  width: 357px;
  margin-top: 60px;
}

.container-blue-neutral-grey {
  background-color: var(--neutral30);
  padding: 100px 0;
}

.block-col-bg-dark {
  background-color: #023248;
  border-radius: 14px;
  padding: 38px;
  color: #fff;
  width: 386px;
  margin: 88px 10px 0 10px;
}

.yellow-txt {
  color: var(--yellow);
  margin-top: 24px;
  display: flex;
  align-items: flex-end;
  height: 94px;
  font-weight: 600;
}

.subhead-16-white {
  font-size: 16px;
  color: #fff;
}

.txt-18-bold {
  font-size: 18px;
  font-weight: bold;
  color: var(--yellow);
}

.block-col-bg-dark img {
  margin-bottom: 24px;
}

/* Why governments choose us */
.why-gov-section {
  padding: 100px 0;
}

.why-gov-heading {
  color: #012739;
  font-family: Montserrat-semibold;
  font-weight: 700;
  font-size: 32px;
  line-height: 50px;
  margin: 0;
}

.why-gov-sub {
  color: #566b76;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0 0;
}

.why-gov-row {
  margin-top: 40px;
}

.why-gov-card {
  background-color: #253137;
  border-radius: 8px;
  padding: 40px;
  height: 100%;
  color: #fff;
}

.why-gov-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 40px;
}

.why-gov-num {
  color: #fff;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  margin: 0;
}

.why-gov-num-lg {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1px;
}

.why-gov-title {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  margin: 4px 0 0 0;
}

.why-gov-desc {
  color: #9ba8af;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0 0 0;
}

/* Related products */
.related-products {
  background-color: #eef3f6;
  padding: 80px 0;
}

.related-products-title {
  margin-bottom: 32px;
}

.related-products-label {
  color: #00a0e3;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 8px 0;
}

.related-products-heading {
  color: #012739;
  font-family: Montserrat-semibold;
  font-weight: 700;
  font-size: 32px;
  line-height: 50px;
  margin: 0;
}

.related-product-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 32px;
}

.related-product-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.related-product-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.related-product-header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.related-product-logo {
  width: 47px;
  height: 35px;
}

.related-product-name {
  color: #012739;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.related-product-desc {
  color: #5f6c72;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}

.related-product-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #01425f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.related-product-btn img {
  width: 20px;
  height: 20px;
}

/* Completed solutions (new) */
.egov-solutions-new {
  background-color: #f8fafc;
  padding: 80px 0;
}

.egov-sol-title {
  margin-bottom: 48px;
}

.egov-sol-label {
  color: #024869;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 8px 0;
}

.egov-sol-heading {
  color: #012739;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.72px;
  margin: 0;
  max-width: 1249px;
}

.egov-sol-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

.egov-sol-tab {
  border: none;
  border-radius: 6px;
  padding: 10px 12px;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  background-color: #eef3f6;
  color: #778f9c;
  cursor: pointer;
}

.egov-sol-tab.active {
  background-color: #00a0e3;
  color: #fff;
}

.egov-sol-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.egov-sol-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
  border: 1px solid #e9f0f4;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.egov-sol-card-muted {
  background-color: #eef3f6;
}

.egov-sol-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.egov-sol-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background-color: #eef3f6;
}

.egov-sol-icon img {
  width: 24px;
  height: 24px;
}

.egov-sol-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 2px 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334155;
}

.egov-sol-badge img {
  width: 8px;
  height: 8px;
}

.egov-sol-card-title {
  color: #012739;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}

.egov-sol-card-desc {
  color: #5f6c72;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}

.egov-sol-card-cta {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #dae3e9;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.egov-sol-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #0090cc;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.egov-sol-link img {
  width: 16px;
  height: 16px;
}

.egov-sol-link-underline {
  text-decoration: underline;
}

.egov-sol-footer {
  margin-top: 48px;
  text-align: center;
}

.egov-sol-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #01425f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 14px;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.egov-sol-btn img {
  width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .egov-sol-grid {
    grid-template-columns: 1fr;
  }

  .egov-sol-heading {
    font-size: 28px;
    line-height: 38px;
  }
}

/* Completed solutions detail modal */
.egov-sol-modal-data {
  display: none;
}

.egov-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1050;
  background-color: rgba(1, 39, 57, 0.5);
  padding: 20px;
  overflow-y: auto;
}

.egov-modal-overlay.is-open {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.egov-modal {
  position: relative;
  width: 576px;
  max-width: 100%;
  margin: auto;
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 20px 40px rgba(1, 39, 57, 0.2);
}

.egov-modal-x {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #566b76;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.egov-modal-title {
  color: #012739;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin: 0 40px 16px 0;
}

.egov-modal-img {
  margin-bottom: 24px;
}

.egov-modal-img img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e9f0f4;
  display: block;
}

.egov-modal-meta {
  margin-bottom: 16px;
}

.egov-modal-meta p {
  color: #012739;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 6px 0;
}

.egov-modal-meta p:last-child {
  margin-bottom: 0;
}

.egov-modal-meta strong {
  color: #012739;
  font-weight: 700;
}

.egov-modal-desc {
  color: #5f6c72;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}

.egov-modal-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.egov-modal-close-btn {
  background-color: #01425f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-family: Montserrat-semibold;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.bg-beige {
  background-color: var(--secondaryBeige);
  border-radius: 14px;
  /* padding: 40px; */
  max-width: 590px;
  /* margin-top: 88px; */
  margin: 88px 10px 0 10px;
}

.bg-lightGreyBlue {
  background-color: var(--lightGreyBlue);
  border-radius: 14px;
  /* padding: 40px; */
  max-width: 590px;
  /* margin-top: 88px; */
  margin: 88px 10px 0 10px;
}

.bg-lightGreyBlue .primary-btn,
.secGreyBlue-block .primary-btn {
  width: 375px;
}

.product-block {
  padding: 100px 0 120px 0;
}

.h-202 {
  height: 191px;
  padding-top: 24px;
}

.long-dark-btn {
  background-color: #01425f;
  color: #fff;
  width: 283px;
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  /* margin-top: 40px; */
}

.long-dark-btn:hover {
  background-color: #012739;
}

.product-img {
  /* max-width: 503px; */
  width: 100%;
  margin-bottom: 36px;
  /* margin-top: 45px; */
  /* border-bottom: 2px solid #dae3e973; */
}

.bg-beige .product-img {
  margin-top: 36px;
}

.bg-lightGreyBlue .product-img {
  margin-top: 19px;
}

.m-0 {
  margin: 0;
}

.m-40 {
  margin-bottom: 40px;
}

.schedule-demo {
  padding: 56px 40px;
  max-width: 793px;
  min-width: 250px;

  position: relative;
}

.schedule-demo h2 {
  color: var(--darkBlue);
}

.schedule-demo p {
  color: var(--lightGrey);
  margin-top: 16px;
  margin-bottom: 40px;
}

.schedule-demo input {
  /* width: 100%; */
  width: 322px;
  height: 40px;
  padding: 10px;
  border: 1px solid var(--neutral70);
  border-radius: 8px;
  color: var(--darkBlue);
  font-size: 14px;
  outline: none;
  font-weight: bold;
  margin: 6px 8px 20px -10px;
}

.schedule-demo input:focus,
.schedule-demo textarea:focus {
  border: 2px solid var(--blue);
}

.schedule-demo label {
  color: var(--lightGrey);
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
}

.schedule-demo input::placeholder,
.schedule-demo textarea::placeholder {
  color: var(--neutral80);
  font-weight: 400;
}

.schedule-demo textarea {
  width: 654px;
  height: 70px;
  border: 1px solid var(--neutral70);
  border-radius: 8px;
  outline: none;
  margin: 6px 8px 20px -10px;
  padding: 10px;
  color: var(--darkBlue);
  font-size: 14px;
  font-weight: bold;
  resize: none;
}

.schedule-demo p.txt-green,
.submit-application p.txt-green {
  display: none;
  margin: 30px 0 0 0 !important;
  font-size: 12px;
  color: #00c194;

  position: absolute;
  right: -70px;
  top: 0;
  background: #00c194;
  color: #fff;
  border-radius: 6px;
  padding: 6px 12px;
  box-shadow: 0px 4px 16px 2px rgb(27, 30, 33, 0.2);
  /* display: flex; */
  text-align: left !important;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}

.txt-green.hide {
  transform: translateX(100%);
  opacity: 0;
}

.schedule-demo p.txt-green {
  margin: 30px 0 0 0 !important;
}

.submit-application p.txt-green {
  margin: 11px 0 0 0 !important;
}

.txt-green img {
  margin-right: 15px;
}

/* .schedule-demo input.schedule-btn:disabled {
  color: #6394B1;
  background-color: var(--neutral50);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
}

.schedule-demo input.schedule-btn {
  color: #fff;
  background-color: var(--blue);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
} */

.schedule-demo input.schedule-btn:disabled {
  color: #6394b1;
  background-color: var(--neutral50);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0;
}

.schedule-demo button.schedule-btn:disabled {
  color: #6394b1;
  background-color: var(--neutral50);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0;
  font-weight: bold;
}

.schedule-demo button.schedule-demo input.schedule-btn {
  color: #fff;
  background-color: var(--blue);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0;
}

.schedule-demo input.schedule-btn {
  /* color: #fff;
  background-color: var(--blue);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0;
  border-radius: 8px;
  font-weight: bold; */

  color: #fff;
  background-color: var(--blue);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0;
  border-radius: 8px;
  font-weight: bold;
}

.txt-14 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0 !important;
}

.schedule-left {
  padding-right: 11%;
  padding-top: 116px;
}

.schedule-left p {
  margin: 32px 0 40px 0;
}

.schedule-left ul li {
  color: #fff;
  margin-bottom: 25px;
}

.schedule-left h2,
.schedule-demo h2 {
  width: 100%;
}

/*  */
.phone-input-container {
  /* width: fit-content;
  padding: 10px;
  border: 2px solid #0094ff;
  border-radius: 8px;
  display: flex;
  align-items: center; */

  width: 322px;
  min-width: 100%;
  height: 40px;
  /* padding: 10px; */
  /* padding: 10px 50px 10px 10px; */
  border: 1px solid var(--neutral70);
  border-radius: 8px;
  color: var(--darkBlue);
  font-size: 14px;
  outline: none;
  font-weight: bold;
  margin: 6px 8px 20px -10px;
}

.iti {
  width: 100%;
}

#phone {
  border: none;
  outline: none;
  font-size: 14px;
  padding: 5px;
  width: 200px;
  background: unset;
}

#phone:focus {
  height: 38px !important;
}

.iti__country-name {
  display: none;
}

.iti__dial-code {
  margin-left: 8px;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: unset;
}

.iti--separate-dial-code .iti__selected-flag:hover {
  background-color: red;
}

.phone-input-container:focus-within {
  border: 2px solid var(--blue) !important;
}

input.privacy-checkbox,
.submit-application input.privacy-checkbox {
  width: 15px;
  height: 15px;
  margin: 0 16px 0 0;
  padding: 0;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid var(--neutral80);
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}

input.privacy-checkbox:focus-within {
  border: 2px solid var(--neutral80);
}

input.privacy-checkbox:checked::before {
  content: url("../img/checked.svg");
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

label.privacy-label {
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  margin-bottom: 30px;
  align-items: center;
}

label.privacy-label a {
  margin-left: 5px;
  color: var(--lightGrey);
  font-weight: 500;
}

.schedule-demo p.txt-red,
.submit-application p.txt-red {
  color: #ea3e3e;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 500;
}

/* Contact Us */
.get-in-touch {
  background-color: var(--neutral30);
  border-radius: 20px;
  margin: 100px auto;
  width: 95%;
  /* min-height: 372px; */
}

.contact-left {
  padding: 64px;
}

.contact-left h2,
.get-in-touch span {
  color: var(--darkBlue);
  font-weight: bold;
  vertical-align: text-top;
}

.get-in-touch a {
  color: var(--lightGrey);
  font-weight: 500;
  text-decoration: none;
  margin-top: 18px;
}

/* 
.contact-right {
  position: relative;
  color: var(--lightGrey);
  font-weight: 500;
} */

.contact-right {
  display: flex;
  justify-content: end;
  align-items: center;
}

.map-img {
  max-height: 326px;
  cursor: pointer;
  margin-right: -18px;
}

/* .pos-absolute {
  position: absolute; 
  top: 33px;
  left: 30%;
}

.pos-absolute-center {
  position: absolute; 
  top: 40px; 
  left: 44px;
  cursor: pointer;
} */

.mt-18 {
  margin-top: 18px;
  line-height: 28px;
  margin-bottom: 0;
}

.mr-14 {
  margin-right: 14px;
}

.join-team .more-about-link {
  text-align: left;
}

.join-team img {
  /* border-top-left-radius: 14px;  */
  /* border-bottom-left-radius: 14px; */
  width: 264px;
}

.join-team .egov-txt-grey-16 {
  padding-right: 30px;
}

.join-team .bg-white {
  border-radius: 20px;
}

.p-40-32 {
  padding: 40px 32px 0 32px;
}

.p-40 {
  padding: 40px 0 0 40px;
}

.p-rbl-40 {
  padding: 0 40px 40px 40px;
}

/* Enterprise */
.features .subhead-3 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 32px;
}

.features p {
  color: #fff;
  font-weight: 400;
}

.prt-10 {
  padding: 20px 70px 68px 30px;
}

.prt-20 {
  padding: 20px 20px 68px 30px;
}

/* 
.tab-content {
  background-color: #fff;
}
 */

.tab-container {
  width: 100%;
  margin-top: 88px;
  text-align: left;
}

.tabs {
  display: flex;
  justify-content: flex-end;
  margin-right: 32px;
}

.tab-link {
  padding: 16px 24px;
  cursor: pointer;
  background-color: #dae3e9;
  border: none;
  outline: none;
  transition: background-color 0.3s ease;
  margin-right: 6px;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  color: var(--lightGrey);
  font-weight: 500;
}

.tab-link.active {
  background-color: #fff;
  color: var(--darkBlue);
  font-weight: bold;
}

.tab-content {
  display: none;
  padding: 20px;
  border-top: none;
  background-color: #fff;
  border-radius: 14px;
}

.tab-content.active {
  display: block;
}

.tab-content-right {
  padding: 84px;
  font-weight: 500;
}

.tab-content-right .subhead-24 {
  color: var(--darkBlue);
  margin-top: 40px;
  margin-bottom: 32px;
}

.long-blue-btn {
  background-color: var(--blue);
  color: #fff;
  width: 285px;
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  margin-top: 48px;
  padding: 0 20px;
}

.long-blue-btn:hover {
  background-color: #0089c2;
}

/* .tab-content-left {
  border-radius: 14px;
  background-color: #01425F;
} */
.tab-content-left img {
  width: 100%;
}

.img-bg-dark {
  background-color: var(--blue80);
  border-radius: 8px;
}

/* IPTV */
.iptv-features .subhead-3 {
  height: 54px;
}

.bg-content-blue {
  background-color: #01425f;
  color: #fff;
}

.download-app {
  padding: 64px 0;
}

.download-app .dark-blue-bg {
  max-width: 386px;
  min-height: 180px;
  border-radius: 14px;
  margin: 0 auto;
  padding-bottom: 10px;
}

.ptl-34 {
  padding: 34px 0 0 40px;
}

.get-app {
  width: 95%;
  margin: 26px auto 0;
  padding: 19px 30px;
}

.bg-content-light {
  background-color: var(--neutral30);
}

.text-center-26 {
  width: 36%;
  margin: 0 auto;
  min-width: 280px;
}

.provide-blocks-4 {
  text-align: left;
  margin-top: 47px;
}

.bg-content-light .provide-2 {
  min-height: 300px;
}

.iptv-testimonial h2 {
  color: #282a39;
  margin-bottom: 88px;
}

.iptv-testimonial {
  padding: 120px 0;
}

.testimonial-block-light-blue {
  border-radius: 14px;
  background-color: var(--lightBlue);
  padding: 56px;
  font-weight: 500;
  max-width: 1300px;
  margin: 0 auto;
  width: 95%;
}

.testimonial-text {
  margin: 24px 0 40px;
  color: #012739;
  width: 70%;
  min-width: 280px;
}

/* Careers */

.careers-main .content {
  background-image: url("../img/careers/careers-bg-img2.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 97%;
  min-height: 457px;
  height: auto;
  margin: 44px auto 0 auto;
}

.careers-main .content h1 {
  margin: 160px auto 32px auto;
  width: 69%;
  font-weight: 600;
}

.about-us-main .content h1 {
  margin: 170px auto 32px auto;
  width: 69%;
  font-weight: 600;
}

.careers-main .content p,
.about-us-main .content p {
  margin: 0 auto 40px auto;
  width: 50%;
  color: var(--lightGrey);
  font-weight: 500;
}

.careers-main .content .primary-btn,
.about-us-main .content .primary-btn {
  padding: 16px 0;
  width: 218px;
}

.lightGreyBlue-bg {
  background-color: var(--lightGreyBlue);
  padding: 120px 0;
}

.lightGreyBlue-bg p {
  color: var(--lightGrey);
  font-size: 18px;
  margin-top: 32px;
}

.lightGreyBlue-bg p.subhead-16-white {
  font-size: 16px;
  margin-bottom: 0;
}

.lightGreyBlue-bg .left-text-block {
  padding: 88px 120px 0 0;
}

.col-3-bg-white {
  background-color: #fff;
  width: 32%;
  border-radius: 14px;
  padding: 32px 40px 40px;
}

.col-3-bg-white .subhead-22 {
  font-size: 22px;
  color: #282a39;
}

.col-3-bg-white .subhead-16-white {
  height: 135px;
}

.col-3-bg-white img.w-100 {
  margin-top: 32px;
}

.bg-container-beige {
  background-color: #ebe8e4;
  padding: 120px 0 0 0;
}

.bg-container-beige .subhead-22 {
  margin: 60px 0;
}

.bg-container-beige .provide-2 {
  padding-left: 0;
}

.unique {
  margin-top: 88px;
}

.unique .provide-2 {
  padding: 0 28px 0 0;
  margin-bottom: 40px;
}

.bg-container-beige .text-grey,
.lightGrey-bg .text-grey {
  color: var(--lightGrey);
  width: 54%;
  margin: 24px auto 64px auto;
  font-weight: 500;
}

.lightGrey-bg .txt-dark-14 {
  margin-bottom: 0;
}

.lightGrey-bg .egov-txt-grey {
  margin-bottom: 32px;
}

.mb-pos-4 {
  margin-bottom: 4px !important;
}

.lightGrey-bg .grey-bg {
  margin-top: 100px;
}

.yellow-col,
.darkBlue-col,
.beige-col,
.blue-col {
  color: #fff;
  border-radius: 8px;
  width: 48px;
  font-weight: 600;
  font-size: 18px;
}

.yellow-col {
  background-color: var(--yellow);
}

.darkBlue-col {
  background-color: #024869;
}

.beige-col {
  background-color: #a38e72;
}

.blue-col {
  background-color: var(--blue);
  text-wrap: nowrap;
}

.nowrap {
  text-wrap: nowrap;
}

.blue-col p {
  margin: 56px auto;
  rotate: 90deg;
}

.yellow-col p,
.darkBlue-col p,
.beige-col p {
  margin: 70px auto;
  rotate: 90deg;
}

.row-2 {
  margin-top: 4px;
}

.bg-container-beige .primary-btn {
  margin: 88px auto 120px auto;
  text-align: center;
}

.benefits {
  padding: 100px 10px;
}

.lightBeige-block {
  background-color: var(--secondaryBeige);
  color: var(--lightGrey);
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  margin: 10px;
}

.lightBeige-block img {
  margin-right: 16px;
}

.benefits .text-grey {
  color: var(--lightGrey);
  margin: 32px auto 88px auto;
  width: 44%;
  font-weight: 500;
}

.position-block {
  background-color: var(--lightGreyBlue);
  width: 100%;
  padding: 120px 0;
}

.col-4-bg-white {
  background-color: #fff;
  border-radius: 14px;
  padding: 16px 24px;
  /* width: 23%; */
  /* width: 18%; */
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.col-4-bg-white:hover {
  box-shadow: 0 4px 20px rgb(3 80 114 / 15%);
}

.col-4-bg-white .subhead-22 {
  font-size: 18px;
  margin-bottom: 0;
  /* width: 185px; */
  width: 330px;
}

.w-200 {
  width: 202px;
  display: flex;
  gap: 10px;
}

.badge-position,
.badge-timing {
  color: #024869;
  border-radius: 20px;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 12px;
}

.badge-position {
  background-color: #e9f6fc;
}

.position-block .mt-3 {
  margin-top: 10px !important;
}

.position-block .provide-2 {
  padding-left: 0;
}

.position-block .more-about-link {
  margin-bottom: 0;
  margin-top: 0 !important;
}

.badge-timing {
  background-color: #ebe8e4;
}

.h-100px {
  height: 91px;
}

.h-63px {
  height: 63px;
}

.mt-88 {
  margin-top: 88px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-170 {
  margin-bottom: 170px;
}

.more-about-link a:hover {
  text-decoration: underline;
}

.hiring-list {
  padding-left: 23px;
  list-style-image: url("../img/careers/icon-v.svg");
  margin-top: 32px;
}

.hiring-list li {
  color: var(--darkBlue);
  font-weight: 500;
  padding-bottom: 10px;
  padding-left: 4px;
}

.bg-beige-grey {
  background-color: #ebe8e4;
  border-radius: 14px;
  color: #01425f;
  padding: 40px 68px 40px 40px;
  font-weight: 500;
  margin-top: 40px;
}

.bg-beige-grey .subhead-22 {
  color: #01425f;
}

.ml-24 {
  margin-left: 24px;
}

.ml-58 {
  margin-left: 58px;
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.bg-beige-grey .primary-btn {
  width: 138px;
  margin-bottom: 16px;
}

.bg-container-beige .scroll-container {
  position: relative;
  overflow: hidden;
}

/* .scroll-container::before, */
.bg-container-beige .scroll-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    to left,
    rgba(235, 232, 228, 0.88) 0%,
    transparent 100%
  );
  opacity: 1;
  transition: opacity 0.3s ease;
}

.bg-container-beige .scroll-container.hide-right-gradient::after {
  opacity: 0;
}

/* .scroll-container::after {
  right: 0;
  background: linear-gradient(to left, #ebe8e4e0  0%, transparent 100%); 
}
.scroll-container.hide-right-gradient::after {
  opacity: 0;
} */

/* .scroll-container::before {
  left: 0;
  background: linear-gradient(to right, white 0%, transparent 100%); 
}
.scroll-container.show-left-gradient::before {
  opacity: 1;
} */

/* About us */
.about-us-main .content {
  background-image: url("../img/about/about-us-banner.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 95%;
  min-height: 457px;
  height: auto;
  margin: 0 auto 10px;
}

.bg-secondary-beige {
  background-color: var(--secondaryBeige);
}

.began-block {
  padding: 120px 20px;
}

.began-block h2 {
  color: var(--darkBlue);
}

.testimonial-bold {
  width: 80%;
  margin: 150px auto 0;
}

.testimonial-bold .subhead-18 {
  color: var(--darkBlue);
  font-weight: bold;
  /* width: 66%; */
}

.testimonial-bold span {
  font-size: 24px;
  color: var(--blue);
  font-weight: bold;
}

.testimonial-bold .txt-name {
  font-size: 16px;
  color: var(--darkBlue);
  font-weight: 500;
  margin-bottom: 6px;
}

.lightGrey-bg {
  background-color: var(--neutral30);
  padding: 120px 0;
}

.blue10-bg {
  background-color: var(--lightBlue);
  border-radius: 14px;
  padding: 40px;
  width: 80%;
  margin: 56px auto 0;
}

.blue10-bg p {
  color: var(--darkBlue);
  font-weight: 500;
  margin-bottom: 0;
}

.blue10-bg p.more-about-link {
  margin-bottom: 0;
}

.grey-bg {
  background-color: var(--lightGreyBlue);
  border-radius: 14px;
  padding: 56px 56px 20px;
}

.grey-bg .col-md-3 {
  width: 20%;
}

.grey-bg .d-flex {
  gap: 6%;
}

.grey-bg .subhead-24 {
  margin: 0;
}

.grey-bg .text-grey {
  margin-bottom: 36px;
}

.about-partners {
  padding: 0;
  margin: 64px auto 46px auto;
}

.about-partners p {
  margin-bottom: 56px;
}

.width-center h2.w-42 {
  width: 42% !important;
}

.darkBlueGrey {
  background-color: #231f20;
}

.blue80-bg {
  background-color: var(--blue80);
  padding: 40px;
  border-radius: 14px;
  color: #fff;
  min-width: 300px;
  width: 49%;
}

.blue80-bg .subhead-22 {
  color: #fff;
  margin-bottom: 20px;
}

.mh-188 {
  min-height: 188px;
}

.px-88 {
  padding: 0 88px;
}

.bg-white-block h2 {
  width: 60%;
  margin: 0 auto;
}

.bg-white-block {
  padding: 120px 0;
}

.secBeige-block {
  background-color: var(--secondaryBeige);
  border-radius: 14px;
  padding: 60px 50px 60px 10px;
  margin-top: 88px;
}

.text-grey {
  color: var(--lightGrey);
}

.secBeige-block .subhead-24 {
  margin: 16px 0 24px 0;
}

.mt-36 {
  margin-top: 36px;
}

.text-grey-16 {
  color: var(--lightGrey);
  font-weight: 500;
}

.col-2-beige-bg {
  background-color: var(--secondaryBeige);
  border-radius: 14px;
  width: 97% !important;
  padding: 40px;
  margin: 0 auto;
  min-height: 384px;
  /* min-height: 600px; */
}

.col-2-beige-bg .subhead-22 {
  color: var(--yellow);
}

.col-2-beige-bg p {
  color: var(--lightGrey);
}

.col-2-beige-bg p.subhead-16 {
  color: var(--darkBlue);
}

.fs-14 {
  font-size: 14px;
}

.began-block .slick-next:before {
  content: url("../img/about/next.svg") !important;
  font-size: unset;
}

.began-block .slick-prev:before {
  z-index: 1000;
  content: url("../img/about/prev.svg") !important;
  font-size: unset;
}

.began-block .slick-next,
.began-block .slick-prev {
  position: absolute;
  background-color: #ebe8e4;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 10;
  top: 470px;
}

.began-block .slick-next {
  left: 50.5%;
}

.began-block .slick-prev {
  left: 45%;
}

.began-block .slick-prev:hover,
.began-block .slick-prev:focus,
.began-block .slick-next:hover,
.began-block .slick-next:focus {
  background-color: #ebe8e4;
}

.began-block .slick-prev.slick-arrow.slick-disabled,
.began-block .slick-next.slick-arrow.slick-disabled {
  background-color: #f5f4f2;
  cursor: auto;
}

.our-team-block {
  margin: 88px auto 0;
  width: 100%;
}

.our-team-block .slick-next:before {
  content: url("../img/about/Vector-next.svg") !important;
}

.our-team-block .slick-prev:before {
  z-index: 1000;
  content: url("../img/about/Vector-prev.svg") !important;
}

.our-team-block .slick-next,
.our-team-block .slick-prev {
  position: absolute;
  background-color: #dae3e9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 10;
  /* top: 480px; */
}

.our-team-block .slick-next {
  right: -55px;
}

.our-team-block .slick-prev {
  left: -60px;
}

.our-team-block .slick-prev:hover,
.our-team-block .slick-prev:focus,
.our-team-block .slick-next:hover,
.our-team-block .slick-next:focus {
  background-color: #dae3e9;
}

.team-item {
  padding-left: 40px;
}

.our-team-block .slick-track {
  /* width: 100% !important; */
}

.our-team-block .slick-initialized .slick-slide {
  display: flex;
  justify-content: center;
}

.team-item img.team-member {
  margin-bottom: 24px;
  height: 128px;
}

.team-item a.egov-txt-grey {
  font-size: 10px;
  text-decoration: none;
}

.team-item span {
  margin-left: 5px;
}

/* Chatbot */
.one-line-partners img {
  margin-right: 40px;
}

.one-line-partners {
  margin-top: 0;
  padding: 88px 0 70px 0;
}

.choose-zangezor .provide-blocks-4 {
  margin-top: 88px;
}

.testimonial-block-light-purple {
  border-radius: 14px;
  background-color: #f4f2fd;
  padding: 56px;
  font-weight: 500;
  width: 95%;
  margin: 0 auto;
}

.secGreyBlue-block {
  background-color: var(--lightGreyBlue);
  border-radius: 14px;
  /* padding: 60px 50px 60px 10px; */
  padding: 32px;
  margin-top: 88px;
}

.secGreyBlue-block .subhead-24 {
  margin: 16px 0 24px 0;
}

.secGreyBlue-block .primary-btn {
  margin-top: 56px;
}

.related-img {
  width: 531px;
}

/* Custom dev */
#stickyNav {
  transition:
    top 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  will-change: top, opacity;
}

#stickyNav.fixed {
  position: fixed;
  top: 50px;
  opacity: 1;
}

.custom-dev-3-col .block-1-col {
  background-color: #013952;
  cursor: auto;
}

.software-item {
  background-color: #01425f;
  border-radius: 6px;
  padding: 4px 12px;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #c5e7f7;
}

.software-item img {
  margin-right: 5px;
}

.stages .blue-txt {
  font-size: 32px;
  margin-right: 14px;
}

.stages .subhead-22 {
  align-items: baseline;
  margin-bottom: 40px;
}

.stages .subhead-18 {
  font-weight: bold;
  color: var(--darkBlue);
}

.h-292 {
  min-height: 292px;
  padding: 32px 40px;
}

.grey-txt {
  color: var(--lightGrey);
}

.h-720 {
  min-height: 720px;
}

.h-720 .subhead-18 {
  margin-top: 32px;
}

.testimonial-block-light-beige {
  border-radius: 14px;
  background-color: var(--secondaryBeige);
  padding: 56px;
  font-weight: 500;
  width: 95%;
  margin: 0 auto;
  max-width: 996px;
}

.partnership-tabs {
  background-color: #ffffff;
  padding: 120px 0;
}

.partnership-tabs .tab-content {
  display: block;
  padding: 0;
  background-color: unset;
}

.tab-headings {
  display: flex;
  justify-content: center;
  margin: 64px auto 100px;
  background-color: #fff;
  border-radius: 14px;
  width: fit-content;
  padding: 12px;
  height: 68px;
  align-items: center;
  box-shadow: 0px 4px 20px rgb(3 80 114 / 15%);
}

.partnership-tabs .subhead-24 {
  margin-top: 0;
  line-height: 36px;
}

.partnership-tabs .text-grey {
  font-weight: 500 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--blue) !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}

.nav-pills .nav-link {
  color: #b1c7d3;
  background-color: #eef3f6;
  font-weight: normal;
  margin: 0 4px;
  font-size: 16px;
  border-radius: 8px;
}

.fixed {
  position: fixed;
  top: 50px;
  /* width: 50%; */
  z-index: 1000;
  background-color: #fff;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
}

.bg-tab-grey {
  background-color: #eef3f6;
  border-radius: 14px;
}

.bg-tab-beige {
  background-color: #f5f4f2;
  border-radius: 14px;
  margin-top: 40px;
}

.bg-tab-blue {
  background-color: #f2f9fd;
  border-radius: 14px;
  margin-top: 80px;
}

.bg-tab-lightBlue {
  background-color: var(--lightBlue);
  border-radius: 14px;
  margin-top: 40px;
}

.bg-tab-lightBlue .more-about-link {
  margin-top: 24px;
}

.bg-tab-lightBlue .more-about-link i {
  margin-left: 10px;
}

.p-56-46 {
  padding: 56px 46px;
}

.f-right {
  float: right;
}

.mt-80 {
  margin-top: 80px;
}

.visit-url {
  background: #ffffffe0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 98%;
  text-align: center;
  border-radius: 14px;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.visit-url a {
  position: relative;
  top: 50%;
  color: var(--blue);
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.visit-url a:hover {
  text-decoration: underline;
}

.website-block:hover .visit-url {
  visibility: visible;
  opacity: 1;
}

.website-block img.w-98 {
  width: 98%;
  border: 1px solid #e9f6fc;
  border-radius: 17px;
}

.links-more a {
  top: 30%;
}

.links-more a img,
.links-more-2 a img {
  padding-right: 10px;
}

.links-more-2 a {
  top: 45%;
}

/* Inner page position */

.position-content .badge-position,
.position-content .badge-timing {
  margin-right: 12px;
}

.badges-two {
  margin-top: 16px;
}

.bg-grey-apply {
  background-color: var(--secondaryBeige);
  border-radius: 14px;
  padding: 40px;
  position: fixed;
  margin-top: -40px;
}

.position-content .subhead-18 {
  font-weight: bold;
  margin-bottom: 24px;
}

.position-content .text-grey {
  font-weight: 500;
}

.position-list {
  padding-left: 10px;
  width: 52%;
  list-style-position: outside;
}

.position-list li {
  line-height: 35px;
  list-style: none;
  text-indent: -10px;
  padding-left: 10px;
}

.position-list li:before {
  content: "·";
  padding-right: 5px;
  font-size: 20px;
  /* vertical-align:bottom; */
  line-height: 20px;
}

.perks-benefits .lightBeige-block {
  /* margin-left: 0; */
}

.perks-benefits {
  padding: 0;
}

.bg-apply-blue {
  background-color: var(--lightBlue);
  border-radius: 14px;
  color: #01425f;
  padding: 56px;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 120px;
}

.bg-apply-blue a {
  text-decoration: none;
  color: var(--lightGrey);
}

.bg-apply-blue .subhead-22 {
  color: #01425f;
}

.bg-apply-blue .text-grey {
  margin-top: 24px;
}

.bg-apply-blue .primary-btn {
  margin-bottom: 20px;
}

/* Form apply  */
.form-apply {
  position: fixed;
  background-color: rgb(1 39 57 / 60%);
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  right: 0;
  overflow-y: auto;
}

#apply,
#submitResume {
  display: none;
}

.submit-application {
  padding: 56px 40px;
  max-width: 793px;
  min-width: 250px;
  transition: 0.3s ease-in;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  /* padding: 20px; */
  border-radius: 8px;
  /* max-width: 400px; */
  width: 100%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  /* text-align: center; */
}

.submit-application h2 {
  color: var(--darkBlue);
}

.submit-application p {
  color: var(--lightGrey);
  margin-top: 16px;
  margin-bottom: 40px;
  font-weight: 500;
}

.submit-application p.txt-14 {
  margin-top: 0;
}

.submit-application input {
  /* width: 100%; */
  width: 346px;
  height: 40px;
  padding: 10px;
  border: 1px solid var(--neutral70);
  border-radius: 8px;
  color: var(--darkBlue);
  font-size: 14px;
  outline: none;
  font-weight: bold;
  margin: 6px 8px 20px -10px;
}

.submit-application input:focus,
.submit-application textarea:focus {
  border: 2px solid var(--blue);
}

.submit-application label {
  color: var(--lightGrey);
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
}

.submit-application label.privacy-label {
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  margin-bottom: 30px;
}

.submit-application input::placeholder,
.submit-application textarea::placeholder {
  color: var(--neutral80);
  font-weight: 400;
}

.submit-application textarea {
  width: 700px;
  height: 70px;
  border: 1px solid var(--neutral70);
  border-radius: 8px;
  outline: none;
  margin: 6px 8px 20px -10px;
  padding: 10px;
  color: var(--darkBlue);
  font-size: 14px;
  font-weight: bold;
  resize: none;
}

.form-apply .submit-application input.schedule-btn:disabled {
  color: #6394b1;
  background-color: var(--neutral50);
  /* width: 100%; */
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0 !important;
}

.submit-application input.schedule-btn {
  color: #fff;
  background-color: var(--blue);
  width: calc(100% - 14px);
  height: 100%;
  font-size: 16px;
  padding: 16px;
  border: none;
  margin-left: 2px;
  margin-bottom: 0 !important;
}

.submit-application h2 {
  width: 100%;
}

.file-upload {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 2px dashed #d3dae8;
  border-radius: 8px;
  padding: 12px 20px;
  width: 346px;
  max-width: 100%;
  cursor: pointer;
  color: #b1c7d3;
  font-family: Arial, sans-serif;
  font-size: 14px;
  position: relative;
  text-align: left;
  margin-top: 7px;
  height: 40px;
  margin-left: -6px;
  font-family: "Montserrat";
}

.file-upload input[type="file"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.submit-application .file-upload {
  font-weight: lighter !important;
  background-color: #c9dae336;
}

.file-upload #paperclip {
  margin-right: 10px;
  transform: rotate(45deg);
}

.form-apply input[disabled] {
  background-color: #fff;
}

.form-apply input[disabled]::placeholder {
  color: var(--lightGrey) !important;
  font-weight: bold;
}

.file-upload.selected {
  border: 1px solid #d3dae8;
  color: #4a5f80;
  background-color: #fff;
}

.file-upload.selected i {
  color: #4a5f80;
}

.file-upload #file {
  display: none;
}

#border-grey.selected-2 {
  border: 1px solid #c9dae4;
  color: var(--lightGrey);
  padding: 2px 10px;
  border-radius: 6px;
  margin-left: -14px;
}

#border-grey {
  margin-left: -6px;
}

.close-form {
  background-color: unset;
  border: none;
}

.submit-application input.privacy-checkbox:focus {
  border: 2px solid var(--neutral80);
}

/* privacy policy */

/* .links-blue li {
  list-style-type: decimal;
}

.links-blue li a {
  color: var(--blue);
  font-weight: 500;
  text-decoration: none;
}
ul.links-blue {
  margin-left: 10px;
}
ul.links-blue li::before {
  display: none;
}
ul.links-blue li::marker {
  color: var(--blue);
  margin-left: 10px;
} */
ol.position-list {
  list-style: none;
  counter-reset: list-counter;
}

ol.position-list li a {
  color: var(--blue);
  text-decoration: none;
}

ol.position-list li {
  position: relative;
}

ol.position-list li::before {
  content: counter(list-counter) ".";
  counter-increment: list-counter;
  text-align: right;
  color: var(--blue);
  font-size: 16px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-25 {
  padding-left: 25px;
}

.blue-link {
  color: var(--blue);
  text-decoration: none;
}

/* Blog */
.fs-32 {
  font-size: 32px;
}

.blog-right h1 {
  color: #012739;
  font-weight: bold;
  line-height: 50px;
}

.blog-right p {
  color: var(--lightGrey);
  font-weight: 500;
  line-height: 28px;
  margin: 24px 0 20px 0;
}

.blog-right {
  padding-left: 80px;
}

.blog-right .more-about-link {
  margin-top: 40px;
}

.blog-badges {
  margin: 32px 0 24px;
}

.articles-block h4 {
  font-weight: bold;
  margin-bottom: 72px;
}

.articles-block .col-3 {
  width: 23.7%;
}

.articles-block .d-flex {
  /* gap: 20px; */
  gap: 14px;
}

.articles-block .badge-light-blue {
  /* margin: 40px 0 16px 0; */
  height: unset;
}

.articles-block h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 30px;
  height: 90px;
}

.articles-block p {
  color: var(--lightGrey);
  font-weight: 500;
}

.articles-block .col-3 a p:first-of-type {
  /* height: 168px; */
}

.articles-block a {
  color: unset;
  text-decoration: none;
}

.blog-date {
  font-size: 12px;
  margin-bottom: 0;
}

.blog-date img {
  margin-right: 8px;
  padding-bottom: 3px;
}

.slick-slide .blog-date img {
  display: inline;
}

.mt-100 {
  margin-top: 100px;
  margin-bottom: 120px;
}

.by-name {
  padding: 7px 32px 10px 0;
  border-right: 2px solid var(--neutral50);
  margin-right: 32px;
}

.interview-body {
  background-color: var(--neutral30);
}

.mb-64 {
  margin-bottom: 64px;
}

.table-content {
  margin-top: 100px;
  /* position: fixed; */
  transition:
    top 0.3s ease,
    position 0.3s ease;
}

.table-content.sticky-end {
  position: absolute;
  top: auto;
}

.table-content h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 32px;
}

.table-content a {
  text-decoration: none;
  font-size: 14px;
  color: var(--lightGrey);
  font-weight: 500;
}

.scroll-link:hover p,
.scroll-link:hover i {
  color: var(--blue);
}

.table-content p {
  padding: 12px;
}

.table-content i {
  font-size: 10px;
  color: var(--neutral80);
  margin-right: 14px;
}

.table-content p.active {
  color: var(--blue);
  background-color: #fff;
  box-shadow: 0px 4px 20px rgb(3, 80, 114, 0.08);
  border-radius: 8px;
}

.table-content p.active i {
  color: var(--blue);
}

.desktop-53 {
  padding: 100px 0 120px 0;
  color: var(--lightGrey);
  width: 53%;
  font-weight: 500;
  line-height: 28px;
}

.dark-italic {
  color: var(--darkBlue);
  font-family: "Montserrat-semibold-italic";
}

.desktop-53 p {
  margin-bottom: 32px;
}

.a-content {
  min-height: 300px;
  border-bottom: 2px solid #dae3e9;
  margin-bottom: 74px;
}

.a-content.a-content-small {
  min-height: 250px;
}

.grey-12 {
  font-size: 12px;
  color: var(--lightGrey);
  font-weight: 500;
  margin-right: 12px;
}

.mr-20 {
  margin-right: 10px;
}

.q-bold {
  font-weight: bold;
  color: var(--darkBlue);
  margin-top: 64px;
  margin-bottom: 32px;
}

.desktop-53 .fw-bold {
  color: var(--darkBlue);
}

.fs-24 {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 0;
}

.light-yellow-bg span {
  font-family: "Montserrat-italic";
  background-color: rgb(237, 178, 46, 0.15);
}

.light-yellow-bg {
  padding-left: 10px;
  margin-left: -14px;
  border-left: 3px solid #edb22e;
}

.light-blue-bg {
  padding-left: 10px;
  margin-left: -14px;
  border-left: 3px solid var(--blue);
}

.light-blue-bg span {
  font-family: "Montserrat-italic";
  background-color: rgb(0, 160, 227, 0.1);
}

span.fw-bold {
  background: none;
  /* font-family: 'Montserrat-italic'; */
}

#copyLinkButton {
  cursor: pointer;
  position: relative;
}

.copied {
  position: absolute;
  top: -48px;
  right: -10px;
  font-size: 12px;
  background: #e9f0f4;
  padding: 5px 8px;
  border-radius: 8px;
  z-index: 1;
  display: none;
}

.copied::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 45%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
  border-color: transparent transparent #e9f0f4 transparent;
  transform: rotate(180deg);
  transform-origin: center bottom;
}

.ff-team {
  font-family: "Team";
}

.mb-32 {
  margin-bottom: 32px;
}

.br-8 {
  border-radius: 8px;
}

.fs-italic {
  font-family: "Montserrat-italic";
}

.m-32-24 {
  margin: 32px 0 24px !important;
  font-weight: bold !important;
}

.submenu-blog {
  position: relative;
  top: 106px;
  width: 100%;
  background-color: #f5f4f2;
  box-shadow: inset 0px 5px 10px rgb(0, 87, 123, 0.15);
  height: 56px;
  display: flex;
  align-items: end;
}

.submenu-blog li {
  display: inline;
}

.submenu-blog li a {
  font-size: 14px;
  font-family: Montserrat;
  font-weight: bold;
  color: #5f6c72;
  text-decoration: none;
  margin: 0 16px;
}

.submenu-blog li a.selected {
  color: #00a0e3;
}

.articles-block .slick-slide div:first-child {
  display: flex;
  justify-content: center;
  text-align: left;
}

.light-placeholder {
  color: var(--neutral80);
  margin-top: 24px;
}

.dark-text-16 h2 {
  margin-bottom: 24px;
  color: var(--darkBlue);
}

.dark-text-16 p {
  color: var(--darkBlue);
  font-size: 16px;
  margin-top: 28px;
  font-weight: 500;
  margin-bottom: 0;
}

.bg-beige-banner {
  background-color: var(--secondaryBeige);
}

.mb-80 {
  margin-bottom: 80px;
}

.banner-title {
  font-size: 14px;
  color: var(--lightGrey);
}

.banner-title a {
  color: var(--darkBlue);
  text-decoration: none;
}

.centered-text {
  max-width: 794px;
  margin: 60px auto;
  color: var(--darkBlue);
  font-weight: 500;
}

.subheading-22 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.centered-text .subheading-22 {
  margin-bottom: 24px;
}

.blue-text {
  color: var(--blue);
  font-weight: bold;
}

.neutral-challenge {
  background-color: var(--neutral30);
  padding: 80px;
  color: var(--darkBlue);
  font-weight: 500;
}

.neutral-challenge.no-bg {
  background-color: unset;
}

.bg-blue5 {
  background-color: #fbfdfe;
}

.challenge-items {
  margin-top: 32px;
  gap: 20px;
}

.challenge-items .col-6 {
  width: 49%;
}

.challenge-item {
  background-color: var(--neutral50);
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 16px;
}

.challenge-item img {
  margin-right: 12px;
}

.solution-dark {
  background-color: #01425f;
  color: #fff;
  padding: 80px 0;
}

.rounded-corner {
  border-radius: 8px;
  /* margin: 60px auto; */
}

.p-80 {
  padding: 80px 0;
}

.technology p {
  color: var(--darkBlue);
  font-weight: 500;
  margin-bottom: 48px;
}

.technology .col-4 p {
  margin-bottom: 0;
  font-size: 18px;
  margin-top: 24px;
}

.solution-dark h4 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 32px;
}

.solution-dark h5 span {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.solution-dark ul {
  list-style: none;
  padding-left: 0;
}

.solution-dark ul li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 28px;
}

.solution-dark ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 10%;
  transform: translateY(-30%);
  font-size: 40px;
  color: var(--blue);
  /* line-height: 28px; */
}

@media (min-width: 1430px) {
  .col-6-1 {
    width: 692px;
  }

  .col-6-2 img {
    max-width: 488px;
  }
}

.mixed-text {
  font-weight: bold;
  /* margin-bottom: 64px; */
  margin: 0 auto 64px;
  font-size: 18px;
  max-width: 996px;
}

.text-yellow,
.solution-case h2 span.text-yellow {
  color: #edb22e;
}

.mw-1300 {
  max-width: 1300px;
  margin: 0 auto;
}

.mt-8 {
  margin-top: 8px;
}

.p-text-16 .d-flex {
  padding: 16px;
}

.key-item {
  gap: 16px;
  margin-bottom: 32px;
}

.key-item p {
  margin-bottom: 0;
}

.key-item .mb-16 {
  margin-bottom: 16px;
}

.key-item h5 {
  font-size: 18px;
  font-weight: bold;
  color: var(--blue);
  margin-top: 7px;
}

.challenge-item.result span {
  font-weight: bold;
}

.challenge-item.result {
  background-color: hsla(166, 100%, 38%, 0.15);
}

.result-long {
  padding: 24px;
  height: -webkit-fill-available;
}

.challenge-items .col-3 {
  width: 23.8%;
}

.result-long img {
  margin-bottom: 16px;
}

.smart-container {
  padding: 80px 0;
  font-weight: 500;
}

.smart-container .bold-18 {
  margin-bottom: 0;
}

.ml-25 {
  margin-left: -25px;
}

.mt-48 {
  margin-top: 48px;
}

.smart-container img {
  width: 45%;
  height: fit-content;
}

.smart-container ul {
  padding-left: 0;
}

.smart-container ul li::marker {
  color: var(--blue);
}

.bold-18 {
  font-weight: bold;
  font-size: 18px;
}

.p-60 {
  padding: 60px 0;
}

.solution-dark.p-60 h4 {
  margin-bottom: 24px;
}

.mb-47 {
  margin-bottom: 47px;
  /* height: 36.5px; */
  max-width: 286.5px;
}

.freedom p {
  font-size: 20px;
}

.freedom h1 {
  line-height: 66px;
}

.freedom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.item-bg-4.light-bg-blue {
  background-color: #e9f6fc;
}

.freedom .more-about-btn {
  width: 180px;
}

.bg-casestudy-1 {
  background-color: #f3f7f7;
}

.bg-casestudy-2 {
  background-color: #e2e7e9;
}

.bg-casestudy-3 {
  background-color: #e8f0f8;
}

.prev-link {
  color: var(--blue);
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 24px;
  display: inline-block;
}

.prev-link i {
  margin-right: 4px;
}

.case-study .banner-badge {
  display: inline-block;
  background-color: #e9f6fc;
  color: var(--lightGrey);
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.case-study.bg-casestudy-3 .banner-badge,
.case-study.bg-casestudy-5 .banner-badge {
  background-color: #fff;
}

.case-study .banner-badge span {
  font-weight: bold;
  color: var(--darkBlue);
}

.case-study .block-left p {
  margin-bottom: 24px;
  margin-right: 20px;
  color: #012739;
}

.project-context {
  padding: 60px 0;
}

.project-context .centered-text {
  margin: 0 auto;
}

.project-context .subhead-18 {
  font-weight: 700;
  line-height: 30px;
}

.beige-head {
  font-size: 16px;
  font-weight: 700;
  color: #a38e72;
  margin-bottom: 24px;
}

.beige-head.mb-16 {
  margin-bottom: 16px;
}

.gap-16 {
  gap: 16px;
}

.project-context h4 {
  margin-bottom: 0;
}

.project-context .d-flex p {
  margin-bottom: 0;
}

.project-context .d-flex {
  margin-bottom: 24px;
}

.bold-text {
  font-weight: 700;
  border-left: 3px solid var(--blue);
  padding: 0 18px;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 24px;
}

.neutral-challenge.project-challenge {
  background-color: unset;
}

.project-challenge h4 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 50px;
}

.project-challenge .challenge-item {
  display: flex;
  align-items: start;
  background-color: var(--neutral30);
  line-height: 28px;
  border-left: 2px solid #a38e72;
}

.challenge-item.flex-column {
  padding: 24px;
  width: stretch;
  gap: 12px;
}

.yellow-left-border {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-left: 3px solid var(--yellow);
  padding: 0 16px;
  line-height: 30px;
}

.solution-dark .container {
  padding: 0 8vw;
}

.solution-case h2 {
  font-size: 42px;
  line-height: 58px;
  margin-bottom: 24px;
}

.solution-case h2 span {
  text-wrap: nowrap;
  color: var(--blue);
}

.smart-container .subhead-18 {
  margin-bottom: 0;
  font-weight: 700;
}

.case-icon {
  width: 32px !important;
  margin-right: 16px;
}

.smart-container.case-container ul li::marker {
  color: var(--darkBlue);
  font-size: 10px;
}

.smart-container.case-container ul {
  padding: 16px 0 16px 25px;
  line-height: 28px;
}

.case-container .d-flex .col-6 {
  margin-bottom: 6px;
}

.grey-item {
  background-color: var(--lightGreyBlue);
  padding: 16px;
  border-radius: 8px;
  width: 23.5%;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 24px;
}

.redesign .d-flex {
  gap: 20px;
}

.redesign {
  margin-top: 48px;
}

.challenge-item .subhead-18 {
  margin: 0;
}

.blue-note {
  background-color: #d7eff9;
  padding: 12px 16px;
  border-radius: 8px;
  margin-top: 24px;
  gap: 10px;
}

.blue-note p {
  margin: 0;
}

.last-item.dark-blue-bg-block h2 {
  font-size: 42px;
  line-height: 58px;
  max-width: 800px;
}

.last-item.dark-blue-bg-block .btn-124 {
  width: auto !important;
  margin-top: 40px;
}

.dark-black {
  background-color: #000;
  color: #fff;
}

.dark-black h1 {
  /* font-size: 42px; */
  /* line-height: 50px; */
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
}

.dark-black .banner-badge {
  background-color: #8accd8;
  padding: 8px 16px;
  color: #060808;
  display: inline-block;
  font-weight: 500;
  border-radius: 8px;
  font-size: 16px;
}

.top-logo {
  position: absolute;
  right: 65px;
  top: 72px !important;
  width: 216px !important;
  height: auto !important;
}

.mwc-content {
  display: flex;
  justify-content: center;
  align-items: end;
}

.mwc-content img {
  max-width: 410px !important;
  margin-bottom: 53px;
}

.mwc-bg {
  background-image: url("../img/bg-mwc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.blue-18 {
  font-size: 18px;
  color: var(--blue);
  font-weight: 700;
  line-height: 30px;
}

.info-event p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}

.info-event svg {
  margin-right: 12px;
}

.info-event {
  margin: 24px 0 64px;
}

.mob-img {
  display: none;
}

.project-challenge .challenge-items .col-4 {
  width: 32.3%;
}

.deliverables .d-flex {
  padding: 16px 0 4px;
}

.redesign .grey-item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 8px;
}

.redesign .beige-head {
  margin-bottom: 0;
}

.neutral-40 {
  background-color: var(--lightGreyBlue);
  padding: 80px 0;
}

.lifecycle {
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
}

.lifecycle img {
  margin-right: 12px;
}

.lifecycle-item {
  width: stretch;
}

.lifecycle-item p {
  font-weight: 500;
  font-size: 16px;
  margin-top: 8px;
}

.grey-item.col-4 {
  text-align: center;
  width: 31.3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  color: var(--darkBlue);
  margin-top: 0;
}

.grey-item.col-4 p {
  font-size: 16px;
  font-weight: 500;
  margin: 8px 0 0;
  text-align: center;
}

.grey-item.col-4 img {
  width: 40px;
  margin-bottom: 24px;
}

.cols-6 {
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

.p-mt-8 p {
  margin: 8px 0 0;
}

.img-text {
  font-weight: bold;
  font-size: 18px;
  margin: 40px 0 0;
}

.img-text img {
  margin-right: 16px;
}

.beige-item {
  background-color: var(--secondaryBeige);
}

.beige-item .subhead-16 {
  margin: 0;
}

.grey-short-label {
  background-color: var(--lightGreyBlue);
  padding: 40px 16px;
  font-size: 16px;
  font-weight: bold;
  color: #01425f;
}

.grey-short-label a {
  color: #01425f;
}

.gradient-mwc {
  background: linear-gradient(45deg, #012739 0%, #696617 82%, #036d9f 100%);
  width: 100%;
  color: #fff;
  padding: 100px 16px;
  text-align: center;
}

.gradient-footer {
  background: linear-gradient(45deg, #012739 0%, #696617 97%);
  width: 100%;
  color: #fff;
  padding: 100px 16px;
  text-align: center;
}

.gradient-mwc h1 {
  line-height: 66px;
  font-weight: bold;
}

.gradient-mwc .primary-btn,
.gradient-footer .primary-btn {
  width: auto;
}

.gradient-mwc p {
  margin: 16px 0 24px;
}

.yellow-mwc {
  background-color: var(--yellow);
  color: var(--darkBlue);
  font-size: 14px;
  font-weight: bold;
  width: max-content;
  border-radius: 99px;
  margin: 0 auto 24px;
  padding: 8px 16px;
  display: flex;
  gap: 8px;
}

.about-mwc {
  padding: 80px 16px;
  color: var(--darkBlue);
  font-weight: 500;
}

.about-mwc h4 {
  color: #a38e72;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.about-mwc h2 {
  text-align: center;
  color: var(--darkBlue);
  font-size: 32px;
  line-height: 42px;
  font-weight: bold;
}

.gap-20 {
  gap: 20px;
}

.pb-30 p {
  margin-bottom: 30px;
}

.about-item {
  background-color: var(--lightGreyBlue);
  padding: 16px;
  border-radius: 8px;
  height: fit-content;
  max-width: 285px;
}

.h-fit-content {
  height: fit-content;
  justify-content: center;
}

.about-item h5 {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 8px;
}

.about-item p {
  margin: 0;
}

.about-item span {
  margin-left: 12px;
}

.dark-products {
  background-color: var(--darkBlue);
  padding: 80px 16px;
}

.dark-products h4 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: var(--yellow);
}

.dark-products h2 {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin: 16px 0 48px;
}

.accordion-products .accordion-item {
  border: none;
  color: #fff;
  margin: 16px 0;
}

.accordion-item .accordion-button:not(.collapsed) {
  box-shadow: unset;
  color: #fff;
  pointer-events: none;
}

.accordion-item .accordion-button:not(.collapsed) svg {
  fill: #edb22e;
}

.accordion-item .accordion-button svg {
  fill: #0089c2;
}

.accordion-item .accordion-button {
  width: 50%;
  color: #6eb4d3;
  display: flex;
  line-height: 50px;
  align-items: start;
}

.accordion-item .accordion-button svg {
  margin-top: 22px;
}

.accordion-item .accordion-button::after {
  display: none;
}

.accordion-item img {
  margin-top: -42px;
  max-width: 494px;
  width: 100%;
}

.accordion-button {
  font-size: 32px;
  font-weight: bold;
  padding: 0;
}

.dark-products h2.accordion-header {
  margin: 0;
}

.accordion-body {
  padding: 0;
}

.accordion-button:focus {
  border: none;
  box-shadow: none;
}

.accordion-button svg {
  margin-right: 12px;
}

.accordion-item a {
  color: var(--yellow);
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  gap: 10px;
}

.accordion-item p {
  margin: 16px 0;
}

.accordion-item ul li {
  font-weight: bold;
  line-height: 28px;
}

.accordion-item ul {
  margin-bottom: 24px;
}

.clients {
  margin-top: 40px;
}

.clients .col-6 {
  background-color: #e9f6fc;
  padding: 32px;
  border-radius: 14px;
  width: 49%;
  color: #01425f;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.clients h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 24px 0 16px;
}

.about-mwc .clients h4 {
  text-align: left;
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 32px;
  line-height: 30px;
}

.clients h5 {
  font-size: 16px;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 37px;
  border-left: 2px solid var(--blue);
  margin-bottom: 20px;
  line-height: 28px;
}

.partners-block.p-80 {
  padding: 80px 0;
}

.gradient-footer h1 {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 32px;
}

.linkedin-item {
  background-color: rgb(0 160 227 / 20%);
  padding: 8px 10px;
  text-decoration: none;
  border-radius: 8px;
  align-items: start;
  gap: 10px;
}

.linkedin-item h4 {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}

.linkedin-item p {
  margin-bottom: 0;
  color: var(--blue);
}

.linkedin-item:hover {
  background-color: rgb(0 160 227 / 40%);
}

.gradient-footer hr {
  max-width: 590px;
  width: 100%;
  color: var(--darkBlue);
  opacity: 1;
  margin: 32px 0;
}

.vertical-separator {
  width: 1px;
  height: 28px;
  background-color: #024869;
  margin-top: 12px;
}

.gradient-footer p {
  max-width: 576px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-106 {
  margin-top: 106px;
}

/* Technology Stack cards (e-invoicing) */
.icon-box {
  /* background-color: #dae3e9; */
  /* padding: 8px; */
  /* border-radius: 8px; */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  margin-bottom: 24px;
  text-align: center;
}

.tech-card .icon-box img {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
}

.tech-card {
  align-items: center;
  padding: 24px;
  text-align: center;
}

.grey-item.col-4.tech-card p,
.grey-item.tech-card-half p {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  line-height: 30px;
}

.tech-cards-row {
  gap: 20px;
  /* margin-top: 24px; */
}

.grey-item.tech-card-half {
  width: 48.7%;
}

.grey-item.col-4.tech-card {
  width: 32%;
}

.light-grey .challenge-item.result {
  background-color: rgb(0 193 148 / 20%);
}

.bg-light-blue {
  background-color: var(--lightBlue);
  padding: 60px 0;
}

.dark-blue-block {
  background-color: #01425f;
  border-radius: 8px;
  padding: 48px;
}

.fs-22-white {
  font-size: 22px;
  color: #fff;
  margin-bottom: 48px;
}

.why-item p {
  color: #fff;
  font-weight: bold;
  max-width: 244px;
  margin: 16px 0 0;
}

.gap-30 {
  gap: 30px;
}

.short-p p:not(.q-bold) {
  margin-bottom: 16px;
}

.bg-casestudy-4 {
  background-color: #eaf1f5;
}

.bg-casestudy-5 {
  background-color: #e8f0f8;
}

.bg-casestudy-6 {
  background-color: #EAECE9;
}

.bg-casestudy-6.case-study .banner-badge {
  background-color: #fff;
}

.green-info {
  background-color: #dbf6f0;
  border-radius: 8px;
  display: flex;
  align-items: start;
  gap: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  padding: 12px 16px;
}

.mw-996 {
  max-width: 996px;
}

.case-icon.mr-8 {
  margin-right: 8px;
}

.p-text-16.no-p .d-flex {
  padding: 0 0 18px;
}

.smart-container .green-info img {
  width: 28px;
}

.smart-container .green-info {
  margin-top: 22px;
}

.bg-blue10 {
  background-color: #f2f9fd;
}

.smart-container img.w-100 {
  width: 100%;
}

/* CRM capabilities grid */
.block-crm {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px 12px;
  margin-top: 40px;
}

.crm-item {
  width: calc((100% - 4 * 24px) / 5);
  background-color: #fff;
  border-radius: 14px;
  padding: 16px;
}

.crm-item img {
  width: 32px;
  margin-bottom: 16px;
}

.crm-item h4 {
  font-weight: 700;
  font-size: 18px;
  color: var(--darkBlue);
  margin-bottom: 8px;
  line-height: 30px;
}

.crm-item p {
  font-size: 16px;
  color: #012739;
  margin: 0;
  line-height: 28px;
}

.light-grey.green-transparent .challenge-item.result {
  background-color: #00c19414;
}

.light-grey.green-transparent .challenge-item.result p {
  margin: 8px 0 0;
}

.between-banner {
  background-color: #00142a;
}

.between-banner h5 {
  color: #b5870e;
  font-size: 18px;
  font-weight: bold;
}

.between-banner .more-about-btn {
  width: unset;
  padding: 10px 24px;
}

.between-banner img {
  margin: 72px 0 24px;
}

.between-banner h4 {
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 76px;
}

.mw-1200 {
  max-width: 1200px;
  margin: 48px auto 0;
}

.solution-dark .challenge-item {
  background-color: #dbf6f0;
  color: #012739;
  font-weight: 500;
  padding: 16px;
}

.mw-794 {
  max-width: 794px;
  margin: 16px auto 0;
}

.egov-hero .block-left h1 {
  font-size: 48px;
  font-family: Montserrat-semibold;
}

.egov-hero .dark-btn {
  font-family: Montserrat-semibold;
  font-size: 14px;
  width: unset;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.trust-badge {
  background-color: #e9f0f4;
  padding: 0 20px;
  color: #5f6c72;
  border: 1px solid #dae3e9;
  border-radius: 8px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  max-width: 497px;
  font-size: 12px;
  font-family: Montserrat-semibold;
  margin-bottom: 32px;
}

.trust-badge-logos {
  display: flex;
  align-items: center;
  gap: 20px;
}

.default-hide {
  display: none;
}

/* NEW FUNCTIONALITY - Power of Attorney */
.new-functionality {
  padding: 80px 0;
  color: var(--darkBlue);
  font-weight: 500;
}

.new-functionality .new-func-top {
  gap: 48px;
}

.new-functionality .new-func-info {
  flex: 1 0 0;
  min-width: 0;
}

.new-functionality h2 {
  font-size: 42px;
  line-height: 58px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #01425f;
}

.new-functionality .yellow-callout {
  border-left: 3px solid var(--yellow);
  padding: 0 16px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #01425f;
}

.new-functionality .new-func-info p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}

.new-functionality .new-func-image {
  flex: 0 0 458px;
  max-width: 458px;
}

.new-functionality .new-func-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.new-functionality .new-func-points {
  gap: 10px;
  padding: 10px;
  margin-top: 32px;
}

.new-functionality .new-func-points > .d-flex {
  flex: 1 0 0;
  min-width: 0;
}

.new-functionality .new-func-points p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}

.between-future.between-banner img {
  margin: 0;
}

.logos-between {
  max-width: 554px;
}

.carousel-item .banner-4future {
  max-width: 99%;
  float: right;
}

.logos-between div {
  display: flex;
}

.between-future.between-banner h4 {
  margin: 52px 0 6px;
  font-size: 40px;
  font-family: Montserrat-semibold;
}

.between-future {
  background-image: url(../img/banner-4future.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

.between-future h5 {
  margin-bottom: 28px;
  font-size: 22px;
  font-weight: 600;
}

.between-future .more-about-btn {
  width: max-content;
}

/* WEP banner */
.main-slider .carousel-item.women-banner {
  max-height: none;
}

.women-banner {
  position: relative;
  background-color: #fff;
  border: 1px solid #0248693B;
  border-radius: 14px;
  overflow: hidden;
  min-height: 536px;
}

.women-banner .wep-content {
  position: relative;
  z-index: 2;
  width: 44%;
  padding: 74px 0 49px 4.67%;
}

.main-slider .carousel-item.women-banner .wep-logo {
  display: block;
  width: 202px;
  height: 20px;
  border-radius: 0;
}

.women-banner .wep-title {
  max-width: 539px;
  margin: 55px 0 37px;
  color: #01425f;
  font-family: Montserrat-semibold;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.women-banner .wep-title span {
  color: #46a6e1;
}

.main-slider .carousel-item.women-banner .wep-support {
  display: block;
  width: 236px;
  height: auto;
  border-radius: 0;
}

.main-slider .carousel-item.women-banner .wep-illustration {
  position: absolute;
  top: 63px;
  right: 4.92%;
  z-index: 1;
  width: 53.2%;
  max-width: 638px;
  height: auto;
  border-radius: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.women-banner .wep-link {
  position: absolute;
  right: 5.33%;
  bottom: 54px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0090cc;
  font-family: Montserrat-semibold;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.women-banner .wep-link:hover {
  color: #0090cc;
  text-decoration: underline;
}

.main-slider .carousel-item.women-banner .wep-link img {
  width: 16px;
  height: 16px;
  border-radius: 0;
}