body {
  font-family: "Poppins", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  font-family: "Poppins", sans-serif !important;
}
h1 span,
h1 a,
h2 span,
h2 a,
h3 span,
h3 a,
h4 span,
h4 a,
h5 span,
h5 a,
h6 span,
h6 a,
ul span,
ul a,
li span,
li a {
  font-family: "Poppins", sans-serif !important;
}

p,
a {
  font-family: "Inter", serif !important;
}
p span,
p b,
a span,
a b {
  font-family: "Inter", serif !important;
}

ul, li, p, div {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
}

[alt] {
  text-transform: capitalize !important;
}

.mendix-certifications-banner-title {
  font-family: "Oswald", serif !important;
}

.highlight-blue {
  color: #146FF4;
}

.sec-title {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 40px;
  font-family: "Helvetica", sans-serif;
  color: #000;
}
.sec-title .highlight {
  color: #146FF4;
  font-family: "Poppins", sans-serif !important;
}

.sec-title-desc {
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  margin-bottom: 2rem;
  text-align: center;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .sec-title {
    font-size: 34px;
    margin-bottom: 22px;
  }
  .sec-title-desc {
    font-size: 1rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  .sec-title {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .sec-title-desc {
    font-size: 1rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  .sec-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .sec-title br {
    display: none;
  }
  .sec-title-desc {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1rem;
  }
  .sec-title-desc br {
    display: none;
  }
}
.blog-subtitle {
  font-size: 1rem;
  font-weight: 600 !important;
  color: #000 !important;
  margin-bottom: 0.6rem !important;
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  .beyond-image img {
    width: 300px;
    height: 200px !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.sec-desc {
  font-size: 1rem;
}

.code-block {
  background-color: #1e1e2f;
  padding: 2px;
  overflow-x: auto;
  font-family: "Courier New", monospace;
  font-size: 14px;
  color: rgb(255, 255, 255);
  margin: 15px 0;
}
.code-block pre {
  margin: 0;
  padding-bottom: 1rem;
  color: rgb(255, 255, 255);
  background-color: #000;
}
.code-block .keyword {
  color: #3695e2;
}
.code-block .string {
  color: #ec8e66;
}
.code-block .import {
  color: #52eecf;
}
.code-block .function-name {
  color: #a0a00f;
}
.code-block .function {
  color: #f76aeb;
}
.code-block .class-name {
  color: #4ec9b0;
}
.code-block .property {
  color: #9cdcfe;
}
.code-block .comment {
  color: #6a9955;
}

.mindsphere-banner {
  background: url(../../img/mindsphere/mindsphere-x.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.new-hme-banner .banner-content-box {
  display: flex;
  align-items: center;
  height: 100%;
}
.new-hme-banner .slider-one-newbg-img {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.368627451), rgba(0, 0, 0, 0.368627451)), url(../../img/home/build-apps/Image-1-without-icon.webp) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.new-hme-banner .slider-two-newbg-img {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.368627451), rgba(0, 0, 0, 0.368627451)), url(../../img/home/From-Idea-banner/image.webp) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.new-hme-banner .slider-three-newbg-img {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.368627451), rgba(0, 0, 0, 0.368627451)), url(../../img/home/Launch-Faster-banner/image.webp) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.new-hme-banner .realize-home-banner-web {
  background: url(../../img/home/Realize-live-asia-pacific-2025-web.webp) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.new-hme-banner .slider-text2 {
  bottom: 25% !important;
  text-align: center;
}
.new-hme-banner .carousel-control-next-icon,
.new-hme-banner .carousel-control-prev-icon {
  background: none;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .new-hme-banner .realize-home-banner-mobile {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    -o-object-position: center;
    object-position: center;
    padding-top: 5rem;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .mx-banner .realize-home-banner {
    background-color: rgb(1, 49, 90) !important;
    padding: 5rem 0px 0px;
  }
}
.serv-sec {
  padding: 4rem 0;
}
.serv-sec_header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.serv-sec_heading {
  font-size: 2.2rem;
  line-height: 1.125;
  font-weight: bold;
  color: #000;
}
.serv-sec_heading span {
  color: #146ff4;
}
.serv-sec_heading-btn {
  border: 2px solid #000;
  border-radius: 4px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  background-color: transparent;
}
.serv-sec_tab-btn {
  flex-flow: column;
  border: none;
}
.serv-sec_tab-btn .nav-link {
  display: flex;
  flex-flow: column;
  gap: 0.8rem;
  border: 1px solid transparent;
  border-bottom: 1px solid #c2c4c9;
  margin: 0;
  padding: 0;
}
.serv-sec_tab-btn .nav-link:hover {
  background-color: transparent !important;
  border-bottom: 1px solid #c2c4c9;
  isolation: none;
}
.serv-sec_tab-btn .nav-link:last-child .nav-item .nav-link {
  border: 1px solid transparent;
}
.serv-sec_tab-btn .serv-sec_tab-btn-title {
  font-size: 20px;
  font-weight: 700;
  background-color: transparent;
  padding: 0 !important;
  border: none !important;
  box-shadow: none;
  color: #000 !important;
}
.serv-sec_tab-btn .serv-sec_tab-btn-title::after {
  content: none;
}
.serv-sec_tab-btn .serv-sec_tab-btn-desc {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #181819 !important;
  padding-bottom: 0.4rem;
}
.serv-sec_tab-btn .serv-sec_tab-btn-link {
  border: none;
  background-color: transparent;
  display: inline;
  color: #000;
  font-size: 0.6rem;
  font-weight: 600;
  text-align: left;
  width: -moz-max-content;
  width: max-content;
}
.serv-sec_tab-btn .serv-sec_tab-btn-link a {
  color: #000;
  font-size: 0.8rem;
  font-weight: 700;
  border-bottom: 1px solid #000;
}
.serv-sec_tab-btn .serv-sec_tab-btn-link a:hover {
  color: #146ff4 !important;
  border-bottom: 1px solid #146ff4;
}
.serv-sec_tab-btn .accordion-item {
  border: none;
  background-color: transparent !important;
}
.serv-sec_tab-btn .accordion-button {
  flex-flow: column;
  align-items: start;
  gap: 0.8rem;
  padding: 0.8rem !important;
}
.serv-sec_tab-btn .accordion-body {
  padding: 0.8rem;
  padding-top: 0;
  border-bottom: 1px solid #c2c4c9;
}
.serv-sec_tab-btn .nav-link.active {
  border: none;
  border-top: 1px solid #c2c4c9;
  background-color: transparent !important;
  border-bottom: 1px solid #fff !important;
  border-right-color: #fff;
  border-left-color: #fff;
}
.serv-sec_tab-btn .nav-link.active:hover {
  background-color: transparent !important;
  border-bottom: 1px solid #ffffff !important;
}
.serv-sec_tab-btn .nav-link.active .serv-sec_tab-btn-title {
  color: #146ff4 !important;
}
.serv-sec_tab-btn .nav-item.active {
  box-shadow: 0px 4px 24px 0px rgba(20, 111, 244, 0.2);
  border-top: 1px solid #c2c4c9;
  background-color: transparent !important;
}
.serv-sec_tab-btn .nav-item.active:hover {
  background-color: transparent !important;
  border-bottom: 1px solid #ffffff !important;
}
.serv-sec_tab-content {
  padding: 0;
  padding-left: 2rem;
}
.serv-sec_tab-image img {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

@media (min-width: 320px) and (max-width: 576.96px) {
  .serv-sec {
    padding: 2rem 0rem;
  }
  .serv-sec_header-wrapper {
    flex-direction: column;
  }
  .serv-sec_heading {
    padding-bottom: 1rem;
  }
  .serv-sec_tab-content {
    padding: 0px;
    padding-top: 1rem;
  }
}
@media (min-width: 577px) and (max-width: 767.96px) {
  .serv-sec {
    padding: 2rem 0rem;
  }
  .serv-sec_tab-content {
    padding: 0px;
    padding-top: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.96px) {
  .serv-sec {
    padding: 2rem 0rem;
  }
}
.platform-container {
  background: rgba(221, 221, 221, 0.4784313725);
  padding: 4rem 0;
  text-align: center;
  background-image: url(../../img/home/mendix-platform/MX-Techies-Large-Blue-Color-banner.svg);
  background-repeat: no-repeat;
  background-position: center 55%;
  background-size: contain;
}
.platform-container .sec-title a {
  color: #146FF4;
}
.platform-container .sec-title a:hover {
  color: #007bff;
  -webkit-text-decoration: 2px solid underline;
          text-decoration: 2px solid underline;
}
.platform-container_row {
  gap: 2rem 0;
}
.platform-container_row .platform-card_box:nth-child(1) .platform-card {
  border-top-left-radius: 30px;
}
.platform-container_row .platform-card_box:nth-child(3) .platform-card {
  border-top-right-radius: 30px;
}
.platform-container_row .platform-card_box:nth-child(4) .platform-card {
  border-bottom-left-radius: 30px;
}
.platform-container_row .platform-card_box:nth-child(6) .platform-card {
  border-bottom-right-radius: 30px;
}
.platform-container .platform-title {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 70px;
  font-family: "Inter", serif;
  color: #000;
}
.platform-container .platform-title .highlight {
  color: #146FF4;
}
.platform-container .platform-card {
  background: linear-gradient(to bottom, rgba(219, 224, 233, 0.7), #F4F6FA);
  padding: 30px 25px;
  text-align: left;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.platform-container .platform-card_title {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: "Inter", serif;
}
.platform-container .platform-card_desc {
  font-size: 16px;
  color: rgba(51, 51, 51, 0.8509803922);
}
.platform-container .platform-card_image {
  width: 85px;
  height: 85px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.platform-container .slick-track {
  display: flex;
  align-items: normal;
}
.platform-container .slick-slide {
  height: 100%;
  padding: 1rem;
}
.platform-container .slick-track .platform-card_box {
  height: 100%;
}
.platform-container .slick-dots li.slick-active button {
  background-color: #146FF4 !important;
}

.platform-container-slider {
  display: none;
}

@media screen and (max-width: 1400px) and (min-width: 992px) {
  .platform-container {
    padding: 3rem 0;
  }
  .platform-container .platform-card {
    padding: 30px 20px;
  }
  .platform-container .platform-card_title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .platform-container .platform-card_desc {
    font-size: 15px;
  }
  .platform-container .platform-card_image {
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
       object-fit: contain;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .platform-container .platform-card {
    padding: 30px 20px;
  }
  .platform-container .platform-card_title {
    margin-bottom: 25px;
  }
  .platform-container .platform-card_image {
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
    flex-shrink: 0;
  }
}
@media (min-width: 320px) and (max-width: 1199.96px) {
  .platform-container_row {
    gap: 2rem 0;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .platform-container-slider {
    display: block;
  }
  .platform-container-grid {
    display: none;
  }
  .platform-container {
    padding: 2rem 0;
  }
  .platform-container .platform-card {
    flex-direction: column-reverse;
    align-items: start;
    padding: 1rem;
    margin: 0 0.4rem;
  }
  .platform-container .platform-card_title {
    margin-bottom: 15px;
  }
  .platform-container .platform-card_image {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
       object-fit: contain;
    flex-shrink: 0;
  }
}
.our-partner-sec {
  padding: 3rem 0;
  background-color: #f3f3f3;
}
.our-partner-sec .sec-title {
  text-align: center;
  margin-bottom: 1rem;
}
.our-partner-sec .our-partner-sec-subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  padding-bottom: 1rem;
  text-align: center;
}
.our-partner-sec .sec-title-desc {
  font-size: 0.8rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.our-partner-sec_image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
.our-partner-sec_image img {
  width: 150px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.our-partner-sec .our-partner-sec_impact-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  background: linear-gradient(to bottom, #011640, #0339A6);
  padding: 10px;
  border-radius: 12px;
  height: 100%;
  font-family: "Oswald", serif;
  margin: 0 5px;
}
.our-partner-sec .our-partner-sec_impact-card-num {
  font-size: 2.2rem;
  font-weight: 800;
  color: #fff;
  font-family: "Oswald", serif;
}
.our-partner-sec .our-partner-sec_impact-card-title {
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin: 0;
  font-family: "Oswald", serif;
  text-transform: capitalize;
}
.our-partner-sec .our-partner-sec_impact-card-text {
  font-size: 0.7rem;
  color: #fff;
  text-align: center;
  margin: 0;
  margin-bottom: 0.3rem;
}
.our-partner-sec_desc {
  font-size: 1rem !important;
}
.our-partner-sec .slick-track {
  display: flex;
  align-items: normal;
}
.our-partner-sec .slick-slide {
  height: auto;
}
.our-partner-sec .slick-slide div {
  height: 100%;
}
.our-partner-sec .slick-track .our-partner-sec_impact-card {
  height: 100%;
}
.our-partner-sec .slick-dots li.slick-active button {
  background-color: #146FF4 !important;
}
.our-partner-sec .slick-slider .slick-dots {
  bottom: -35px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .our-partner-sec {
    padding: 3rem 0rem;
  }
  .our-partner-sec_image-box {
    flex-direction: row;
    justify-content: space-evenly;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .our-partner-sec_image img {
    width: 200px;
    height: 100px;
  }
  .our-partner-sec .our-inpact-row {
    gap: 2rem 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .our-partner-sec {
    padding: 2rem 0rem;
  }
  .our-partner-sec .sec-title {
    margin-bottom: 1.2rem;
  }
  .our-partner-sec_image-box {
    flex-direction: row;
    justify-content: space-evenly;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .our-partner-sec_image img {
    width: 120px;
    height: 60px;
  }
  .our-partner-sec .our-partner-sec-subtitle {
    padding: 0;
  }
  .our-partner-sec .our-inpact-row {
    gap: 1.5rem 0;
  }
  .our-partner-sec .slick-slider .slick-dots {
    bottom: -25px;
  }
}
.wcm-sec {
  background-image: url(../../img/home/wcm/blue-circle-bg-1.webp), url(../../img/home/wcm/blue-circle-bg-2.webp);
  background-color: #000;
  padding: 3rem 0 4rem;
  background-repeat: no-repeat;
  background-size: 500px;
  background-position: top left, top right, center;
  position: relative;
}
.wcm-sec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../img/home/wcm/wcm-bg.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.wcm-sec .container-fluid {
  padding: 0;
}
.wcm-sec .sec-title {
  color: #fff;
  text-align: center;
}
.wcm-sec .sec-title .widget-link {
  color: #fff;
}
.wcm-sec .sec-title .widget-link:hover {
  color: #007bff;
  -webkit-text-decoration: 2px solid underline;
          text-decoration: 2px solid underline;
}
.wcm-sec .owl-stage {
  display: flex;
  align-items: normal;
  justify-content: center;
}
.wcm-sec .owl-item {
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 0 3.5rem;
}
.wcm-sec .owl-item .item {
  height: 100% !important;
}
.wcm-sec_card {
  display: block;
  border: 1px solid #D9D9D9;
  padding: 1.2rem;
  border-radius: 12px;
  height: 100%;
  transition: all 800ms linear 300ms;
}
.wcm-sec_card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 0.6rem;
}
.wcm-sec_card-header-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 0.6rem;
  flex-shrink: 0;
}
.wcm-sec_card-header-img img {
  width: 100%;
  height: auto;
}
.wcm-sec .arrow-back-img img {
  width: 10px !important;
  height: 10px !important;
}
.wcm-sec_card-header-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.wcm-sec_card-image {
  margin-bottom: 2rem;
}
.wcm-sec_card-image img {
  width: 100%;
  height: auto;
}
.wcm-sec_card-text {
  color: #D9D9D9;
  font-size: 16px;
  font-weight: 400;
  transition: all 500ms ease-in-out;
}
.wcm-sec_card-text a {
  color: #146FF4;
}
.wcm-sec_slider-bottom {
  display: flex;
  align-items: center;
  margin-top: 3rem;
  gap: 2rem;
  padding: 0 2rem;
  position: relative;
  z-index: 5;
}
.wcm-sec_browse-text {
  color: #146FF4;
  font-size: 1.4rem;
  font-weight: 600;
}
.wcm-sec_browse-text:hover {
  color: #67646A;
}
.wcm-sec_browse-arrow {
  width: 40px;
  height: 40px;
}
.wcm-sec .owl-nav {
  position: absolute;
  width: 100%;
  text-align: end;
  bottom: -16%;
  display: flex;
  justify-content: end;
  gap: 2rem;
  padding-right: 1.5rem;
  z-index: 0;
}
.wcm-sec .owl-nav button {
  margin: 0;
}
.wcm-sec .owl-nav button span {
  transform: none;
  color: #fff;
  font-size: 4.5rem;
  font-weight: 500;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  padding: 0 0 12px 0;
}
.wcm-sec .owl-nav button span:hover {
  border: 1px solid rgba(59, 133, 243, 0.7176470588);
}

.wcm-sec_card:hover {
  background: linear-gradient(to bottom, #0C418E, #031228);
}

.wcm-sec_card:hover .wcm-sec_card-text {
  transform: translateY(-15%);
}

@media (min-width: 320px) and (max-width: 1199.96px) {
  .wcm-sec {
    padding: 2rem 0rem;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .wcm-sec .container-fluid {
    padding: 0;
  }
  .wcm-sec .wcm-sec_browse-text {
    font-size: 0.9rem;
  }
  .wcm-sec_browse-arrow {
    width: 20px;
    height: 20px;
  }
  .wcm-sec .owl-nav {
    bottom: -12% !important;
    gap: 0rem;
  }
  .wcm-sec .owl-nav button span {
    width: 40px;
    height: 40px;
    font-size: 3rem;
  }
  .wcm-sec .owl-item {
    padding: 0 0.5rem !important;
  }
}
.testimonials-section {
  padding: 3rem 0 6rem;
  background-image: url(../../img/home/testimonial-sec/testimonial-bg.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.testimonials-section .sec-title {
  text-align: center;
  margin-bottom: 2rem;
}
.testimonials-section_card {
  display: flex;
  align-items: center;
  background-color: #E8ECF1;
  border-radius: 40px;
  padding: 1rem 1.5rem;
  position: relative;
  height: 100%;
}
.testimonials-section_left {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-right: 3px solid #146FF4;
  border-radius: 12px 0 0 12px;
  gap: 0.7rem;
  padding: 0 0.4rem;
}
.testimonials-section_name {
  font-size: 1.6rem;
  font-weight: 800;
  color: #146FF4;
  font-family: "Lato", serif;
}
.testimonials-section_role {
  font-size: 0.8rem;
  color: #146FF4;
  font-family: "Lato", serif;
}
.testimonials-section_btn {
  background-color: #146FF4;
  color: #ffffff;
  border: none;
  padding: 6px 24px;
  border-radius: 15px;
  cursor: pointer;
  font-size: 1rem;
}
.testimonials-section_rating {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #ffa500;
}
.testimonials-section_rating .stars {
  display: inline-flex;
  margin-right: 0.5rem;
}
.testimonials-section_rating .stars img {
  width: 22px;
  height: 22px;
}
.testimonials-section_rating .rating-score {
  font-size: 1.9rem;
  font-weight: 800;
  color: #146FF4;
  margin-left: 5px;
}
.testimonials-section_prev {
  background: none;
  border: 2px solid #146FF4;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #146FF4;
  cursor: pointer;
  margin-top: 15px;
}
.testimonials-section_right .quote-icon img {
  width: 20px;
  height: 20px;
}
.testimonials-section_right .quote-close {
  float: right;
}
.testimonials-section_right .quote-close img {
  width: 20px;
  height: 20px;
}
.testimonials-section_text {
  font-size: 1rem;
  color: #000;
  font-weight: 300;
  padding-left: 2rem;
}
.testimonials-section .owl-stage {
  padding: 0.2rem 0;
  display: flex;
  align-items: normal;
  justify-content: start;
}
.testimonials-section .owl-item {
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 0 2.5rem;
}
.testimonials-section .owl-item .item {
  height: 100%;
}
.testimonials-section .owl-nav {
  position: absolute;
  width: 100%;
  text-align: end;
  bottom: 5%;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 1.5rem 0 3rem;
}
.testimonials-section .owl-nav button {
  margin: 0;
}
.testimonials-section .owl-nav button span {
  transform: none;
  color: #146FF4;
  font-size: 2.5rem;
  font-weight: 100;
  border: 3px solid #146FF4;
  border-radius: 50%;
  display: flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  padding: 0 0 8px 0;
}

@media (min-width: 320px) and (max-width: 1199.96px) {
  .testimonials-section {
    padding: 2rem 0rem;
  }
}
@media (min-width: 320px) and (max-width: 767.96px) {
  .testimonials-section .sec-title {
    margin-bottom: 1rem;
  }
  .testimonials-section_card {
    flex-direction: column;
  }
  .testimonials-section_left {
    border-right: 0;
    border-bottom: 3px solid #146FF4;
    border-radius: 0px;
  }
  .testimonials-section_text {
    font-size: 1.2rem;
    padding-left: 0rem;
    text-align: justify;
  }
  .testimonials-section .owl-nav {
    bottom: -2%;
    display: flex;
    justify-content: left;
    gap: 2rem;
  }
}
@media (min-width: 320px) and (max-width: 576.96px) {
  .testimonials-section {
    background-size: cover;
  }
  .testimonials-section_card {
    padding: 1rem;
  }
  .testimonials-section .owl-item {
    margin: 4px !important;
    padding: 0 0 0 1rem !important;
  }
  .testimonials-section_text {
    font-size: 1rem;
    padding-left: 0rem;
    text-align: justify;
  }
  .testimonials-section .owl-nav {
    bottom: -2%;
    display: flex;
    justify-content: left;
    gap: 1rem;
  }
}
.home-blog {
  padding: 4rem 0;
  background-image: url(../../img/home/home-blog/home-blog-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* Slider CSS End  */
}
.home-blog #primary_slider {
  background-image: url(../../img/home/home-blog/blog-card-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
}
.home-blog #primary_slider .splide__slide {
  border: 0 !important;
  border-radius: 0;
  padding: 0 0.4rem;
}
.home-blog .thumbnail_slider {
  max-width: 100%;
}
.home-blog .splide__slide {
  display: flex;
  justify-content: center;
  align-items: start;
  overflow: hidden;
  transition: 0.2s;
  border: 0;
}
.home-blog .splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
  box-shadow: none;
  border-color: transparent;
}
.home-blog .splide__slide img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.home-blog .sec-title {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #146FF4 !important;
}
.home-blog .sec-title a {
  color: #146FF4;
}
.home-blog .sec-title a:hover {
  color: #007bff;
  -webkit-text-decoration: 2px solid underline;
          text-decoration: 2px solid underline;
}
.home-blog .serv-sec_heading-btn {
  color: #fff;
  border-color: #fff;
  padding: 8px 15px;
}
.home-blog_slider-card {
  padding: 1.5rem 2rem;
  border-radius: 10px;
  background-image: url(../../img/home/home-blog/blog-card-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 100% !important;
}
.home-blog_card-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.8rem;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #fff;
  text-align: left;
  text-transform: capitalize;
  display: block;
}
.home-blog .row {
  align-items: center;
  height: 100%;
}
.home-blog .row > div {
  height: 100%;
}
.home-blog_image-content {
  height: 100%;
}
.home-blog_slider-content {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  height: 100%;
}
.home-blog img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.home-blog_slider-desc {
  font-size: 1rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7960784314);
}
.home-blog .article-link {
  font-size: 1rem;
  font-weight: 400;
  color: #146FF4;
  padding-bottom: 0.1rem;
  border-bottom: 2px solid #146FF4;
}
.home-blog_info {
  text-align: center;
}
.home-blog_info-text {
  border-top: 1px solid #D9D9D9;
  font-size: 0.7rem;
  color: #D9D9D9;
  display: inline-block;
  padding: 0.6rem 2rem 0;
  margin-top: 0.6rem;
}
.home-blog .thumb-card {
  width: 100%;
  border: 1px solid #787878;
  padding: 1rem;
  position: relative;
  border-radius: 8px;
}
.home-blog .thumb-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5058823529);
  border-radius: 8px;
}
.home-blog .thumb-card img {
  width: 100%;
  height: 170px !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 0 !important;
}
.home-blog .thumb-card .thumb-text {
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1.4rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .home-blog {
    padding: 3rem 0;
  }
  .home-blog .row {
    height: auto;
  }
  .home-blog .row > div {
    height: auto;
  }
  .home-blog .sec-title {
    text-align: center;
    margin-bottom: 1.2rem;
  }
  .home-blog .splide__slide img {
    height: 350px;
    margin-bottom: 1.5rem;
  }
  .home-blog .thumb-card .thumb-text {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  #thumbnail_slider {
    display: none;
  }
  .home-blog {
    padding: 2rem 0;
  }
  .home-blog .row {
    height: auto;
  }
  .home-blog .row > div {
    height: auto;
  }
  .home-blog .sec-title {
    text-align: center;
    margin-bottom: 1rem;
  }
  .home-blog_card-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4rem;
  }
  .home-blog_slider-desc {
    font-size: 1rem;
  }
  .home-blog .splide__slide img {
    height: 300px;
    margin-bottom: 1.5rem;
  }
  .home-blog .home-blog_info-text {
    margin-top: 0.4rem;
    padding: 0.5rem 0 0;
  }
  .home-blog .thumb-card .thumb-text {
    font-size: 0.7rem;
    font-weight: 400;
  }
}
.start-building-sec {
  padding: 8rem 0 4rem;
  background-image: url(../../img/home/start-building-banner.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.start-building-sec_content {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.start-building-sec_heading {
  font-size: 50px;
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
}
.start-building-sec_desc {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}
.start-building-sec_input-box {
  position: relative;
}
.start-building-sec_email-input {
  min-width: 400px;
  width: 100%;
  background-color: #fff;
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 8px;
  border: none;
}
.start-building-sec_email-input::-moz-placeholder {
  font-size: 14px;
  color: #797070;
}
.start-building-sec_email-input::placeholder {
  font-size: 14px;
  color: #797070;
}
.start-building-sec_email-input:focus {
  outline: none;
  box-shadow: none;
}
.start-building-sec .just-validate-error-field {
  border: 1px solid #ff0000;
}
.start-building-sec .just-validate-error-label {
  display: none;
}
.start-building-sec_get-started {
  background: linear-gradient(to bottom, #011640, #0339A6);
  padding: 8px 14px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border-radius: 5px;
  border: none;
  position: absolute;
  right: 1%;
  top: 15%;
  z-index: 1;
}

@media (min-width: 320px) and (max-width: 1199.96px) {
  .start-building-sec {
    padding: 2rem 0rem;
  }
  .start-building-sec_heading {
    font-size: 30px !important;
  }
}
@media (min-width: 320px) and (max-width: 576.96px) {
  .start-building-sec_heading {
    font-size: 25px;
  }
  .start-building-sec .start-building-sec_email-input {
    min-width: 275px;
  }
}
.learn-btn {
  border: none;
  background-color: #0E4EAB;
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
  color: #fff;
  border-radius: 5px;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.learn-btn img {
  width: 15px !important;
  height: 15px !important;
  margin-left: 0.5rem;
  border-radius: none !important;
}
.learn-btn:hover {
  color: #fff !important;
}

.retail-digital-banner {
  padding: 12rem 0 6rem;
  background: linear-gradient(to right, rgba(0, 89, 255, 0.57), rgba(2, 12, 26, 0.79), rgba(0, 89, 255, 0.49)), url(../../img/industries/retail/retail-banner.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}
.retail-digital-banner_header {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}
.retail-digital-banner_header span {
  color: #146FF4;
}
.retail-digital-banner_subtitle {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.retail-digital-banner_desc {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6980392157);
  margin-bottom: 1rem;
}
.retail-digital-banner_btn {
  font-size: 1rem;
  background-color: #146FF4;
  padding: 0.3rem 0.6rem;
  color: #fff;
  border-radius: 4px;
}
.retail-digital-banner_btn:hover {
  color: #fff;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .retail-digital-banner {
    padding: 8rem 0 4rem;
  }
  .retail-digital-banner_header {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }
  .retail-digital-banner_subtitle {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .retail-digital-banner {
    padding: 7rem 0 3rem;
  }
  .retail-digital-banner_header {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .retail-digital-banner_subtitle {
    margin-bottom: 0.8rem;
  }
}
.ev-baner-bg {
  background: linear-gradient(to right, rgba(0, 89, 255, 0.57), rgba(2, 12, 26, 0.79), rgba(0, 89, 255, 0.49)), url(../../img/industries/ev/Hero\ section.webp);
  background-size: cover;
}

.insurance-industry-banner {
  background: linear-gradient(to right, rgba(0, 89, 255, 0.253), rgba(2, 12, 26, 0.7882352941), rgba(0, 89, 255, 0.384)), url(../../img/industries/insurance/Herosection.webp) !important;
  background-size: cover !important;
}

.financial-industry-banner {
  background: linear-gradient(to right, rgba(0, 89, 255, 0.404), rgba(2, 12, 26, 0.79), rgba(0, 89, 255, 0.363)), url(../../img/industries/Mendix-finance-solution/Herosection.webp) !important;
  background-size: cover !important;
}

.manufacturing-industry-banner {
  background: linear-gradient(to right, rgba(0, 89, 255, 0.78), rgba(2, 12, 26, 0.84), rgba(0, 89, 255, 0.5)), url(../../img/industries/Mendix-Manufacturing-Solutions/Herosection.jpg) !important;
  background-size: cover !important;
}

.retail-digi {
  padding: 4rem 0;
}
.retail-digi_desc {
  font-size: 1rem;
  font-weight: 400;
}
.retail-digi_tools-title {
  color: #146FF4;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.6rem;
}
.retail-digi_tools {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.retail-digi_tools-btn {
  font-size: 1rem;
  font-weight: 500;
  background-color: #146FF4;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 5px;
  border: none;
  border: 1px solid #146FF4;
  display: flex;
  align-items: center;
}
.retail-digi_tools-btn:hover {
  color: #146FF4 !important;
  background-color: #fff !important;
  border: 1px solid #146FF4;
}
.retail-digi_image img {
  max-width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .retail-digi {
    padding: 3rem 0;
  }
  .retail-digi_desc {
    font-size: 1rem;
    font-weight: 400;
  }
  .retail-digi_tools-title {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .retail-digi {
    padding: 2rem 0;
  }
  .retail-digi_desc {
    font-size: 1rem;
    font-weight: 400;
  }
  .retail-digi_tools-title {
    font-size: 1rem;
  }
}
.retail-why {
  padding: 4rem 0;
  background-image: url(../../img/home/home-blog/home-blog-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.retail-why_tab-content {
  height: 100%;
}
.retail-why_tab-content .tab-pane {
  height: 100%;
}
.retail-why_tab-content .retail-why_tab-pane {
  padding: 2rem;
  border: 1px solid #0E4EAB;
  border-radius: 8px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/industries/retail/lowcode-why.webp) no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 0.8rem;
  color: #fff;
  height: 100%;
}
.retail-why_tab-content .retail-why_tab-pane h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.retail-why_tab-content .retail-why_tab-pane .retail-why_tab-title {
  font-size: 0.9rem;
  font-weight: 600;
}
.retail-why_tab-content .retail-why_tab-pane p {
  text-align: center;
  margin: 0;
}
.retail-why_tab-content .tab-pane:nth-child(2) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/industries/retail/retail-mendix-why-2.webp) no-repeat center/cover;
}
.retail-why_tab-content .tab-pane:nth-child(3) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/industries/retail/retail-mendix-why-3.webp) no-repeat center/cover;
}
.retail-why_tab-content .tab-pane:nth-child(4) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/industries/retail/retail-mendix-why-4.webp) no-repeat center/cover;
}
.retail-why_tab-content .tab-pane:nth-child(5) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/industries/retail/retail-mendix-why-5.webp) no-repeat center/cover;
}
.retail-why_nav {
  background: #000;
  height: 100%;
  border-radius: 20px;
  padding: 1rem;
  width: 100%;
}
.retail-why_nav .retail-why_nav-item {
  width: 100%;
}
.retail-why_nav .retail-why_nav-item .nav-link {
  width: 100%;
  background-color: transparent;
  padding: 12px;
  border-radius: 0px;
  color: #fff;
  border-bottom: 1px solid #3D3D3D;
  margin-bottom: 1rem;
}
.retail-why_nav .retail-why_nav-item .active {
  background-color: rgba(20, 111, 244, 0.6980392157);
  border-radius: 10px;
  border: none;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .retail-why {
    padding: 3rem 0;
  }
  .retail-why_tab-content .retail-why_tab-content {
    padding: 1.6rem;
  }
  .retail-why_tab-content .retail-why_tab-content h3 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .retail-why {
    padding: 2rem 0;
  }
  .retail-why .row {
    flex-flow: column-reverse;
  }
  .retail-why_tab-content .retail-why_tab-content {
    padding: 1.4rem;
  }
  .retail-why_tab-content .retail-why_tab-content h3 {
    font-size: 1.2rem;
  }
  .retail-why_nav {
    padding: 0;
  }
}
.it-solution_title {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.it-solution_text-box {
  margin-bottom: 1.5rem;
}
.it-solution_text-box ul {
  list-style-position: inside;
}
.it-solution_text-box ul li {
  color: rgba(0, 0, 0, 0.568627451);
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .it-solution .row {
    flex-flow: column-reverse;
  }
  .it-solution_title {
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
  .it-solution_text-box {
    margin-bottom: 1.2rem;
  }
  .it-solution img {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .it-solution .row {
    flex-flow: column-reverse;
  }
  .it-solution_title {
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
  .it-solution_text-box {
    margin-bottom: 1rem;
  }
}
.ai-analytics {
  background-image: none;
}
.ai-analytics_card {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  padding: 1.4rem 0.6rem;
  background-color: #153768;
  color: #fff;
  border-radius: 20px;
  height: 100%;
}
.ai-analytics_icon {
  width: 60px;
  height: 60px;
}
.ai-analytics_title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.ai-analytics p {
  text-align: center;
}
.ai-analytics .slick-track {
  display: flex;
  align-items: normal;
}
.ai-analytics .slick-slide {
  height: auto;
  margin: 0 0.5rem;
}
.ai-analytics .slick-slide div {
  height: 100%;
}
.ai-analytics .slick-track .testimonial-item {
  height: 100%;
}
.ai-analytics .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .ai-analytics .row {
    gap: 3rem 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  .ai-analytics .row {
    gap: 2rem 0;
  }
}
.retail-trends {
  text-align: center;
  padding: 4rem 0;
  background: url(../../img/home/home-blog/home-blog-bg.webp), url(../../img/industries/retail/wave-bg.webp), rgba(0, 0, 0, 0.4117647059);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}
.retail-trends .row {
  gap: 2rem 0;
}
.retail-trends .trend-item {
  background: rgba(2, 23, 52, 0.9607843137);
  padding: 20px;
  border-radius: 10px;
  text-align: left;
  transition: 0.3s ease-in-out;
  height: 100%;
  display: flex;
  gap: 0.6rem;
}
.retail-trends .trend-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.retail-trends .trend-item .icon img {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.retail-trends .trend-item .trend-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #146FF4;
}
.retail-trends .trend-item .trend-description {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .retail-trends {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .retail-trends {
    padding: 2rem 0;
  }
}
.business-future {
  padding: 4rem 0;
}
.business-future .features-list .future-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 20px;
  border-bottom: 1px solid #1e90ff;
  padding-bottom: 15px;
}
.business-future .features-list .future-item .icon {
  flex-shrink: 0;
}
.business-future .features-list .future-item .icon img {
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}
.business-future .features-list .future-item .future-text .future-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 0.5rem;
}
.business-future .features-list .future-item .future-text .future-title .highlight {
  color: #1e90ff;
}
.business-future .features-list .future-item .future-text .future-description {
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}
.business-future .business-image img {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .business-future .business-future {
    padding: 3rem 0;
  }
  .business-future .business-image {
    margin-top: 20px;
  }
  .business-future .features-list .future-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-left: none;
    padding-left: 0;
  }
  .business-future .business-image img {
    width: 100%;
    height: 350px !important;
  }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  .business-future {
    padding: 2rem 0;
  }
  .business-image {
    margin-top: 20px;
  }
  .features-list .future-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-left: none;
    padding-left: 0;
  }
  .business-image img {
    width: 100%;
    height: 300px !important;
  }
}
.retail-success {
  text-align: center;
  padding: 4rem 0;
  background: url(../../img/industries/retail/wave-bg.webp), rgba(0, 0, 0, 0.33);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  background-color: #fff !important;
}
.retail-success .category-item {
  padding: 10px;
  display: flex !important;
  flex-flow: column;
  align-items: start;
  gap: 1rem;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 20px;
}
.retail-success .category-item .category-title {
  font-size: 16px;
  font-weight: 700;
  color: #146FF4;
}
.retail-success .category-item .category-description {
  font-size: 14px;
  color: #000;
}
.retail-success .retail-success-testimonials .testimonial-item {
  background: rgba(26, 38, 68, 0.8980392157);
  padding: 20px;
  border-radius: 8px;
  display: flex;
  align-items: start;
  gap: 20px;
}
.retail-success .retail-success-testimonials .testimonial-item .quote-icon img {
  width: 50px;
  height: 50px;
}
.retail-success .retail-success-testimonials .testimonial-item .testimonial-content {
  all: unset;
  padding-top: 30px;
  text-align: left;
}
.retail-success .retail-success-testimonials .testimonial-item .testimonial-text {
  font-size: 14px;
  color: #d4d9e3;
  line-height: 1.5;
  margin-bottom: 10px;
}
.retail-success .retail-success-testimonials .testimonial-item .testimonial-source {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: capitalize;
}
.retail-success .retail-success-testimonials .slick-track {
  display: flex;
  align-items: normal;
}
.retail-success .retail-success-testimonials .slick-slide {
  height: auto;
  margin: 0 5px;
}
.retail-success .retail-success-testimonials .slick-slide div {
  height: 100%;
}
.retail-success .retail-success-testimonials .slick-track .testimonial-item {
  height: 100%;
}
.retail-success .retail-success-testimonials .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}

@media screen and (max-width: 991px) and (min-width: 767px) {
  .retail-success {
    padding: 2rem 0;
  }
  .retail-success .retail-categories {
    flex-direction: column;
    text-align: center;
  }
  .retail-success .testimonials {
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .retail-success {
    padding: 2rem 0;
  }
  .retail-success .retail-categories {
    flex-direction: column;
    text-align: center;
  }
  .retail-success .testimonials {
    flex-direction: column;
    gap: 15px;
  }
}
.mendix-retail-why_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 3rem 1rem;
  position: relative;
  color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.1019607843);
  transition: all 300ms ease-in-out;
  z-index: 5;
  margin-bottom: 2rem;
  border-radius: 8px;
}
.mendix-retail-why_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.411);
  border-radius: 8px;
  z-index: 0;
}
.mendix-retail-why_image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 8px;
}
.mendix-retail-why_image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mendix-retail-why_card-title {
  font-size: 1.4em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  transform: translateY(50px);
  transition: all 300ms ease-in-out !important;
}
.mendix-retail-why_card-subtitle {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  visibility: hidden;
  transition: all 300ms ease-in-out !important;
}
.mendix-retail-why p {
  font-size: 1rem;
  margin: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 400ms ease-in-out;
}
.mendix-retail-why_card:hover {
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.3019607843);
}
.mendix-retail-why_card:hover .mendix-retail-why_card-title {
  transform: translateY(0);
}
.mendix-retail-why_card:hover p {
  visibility: visible;
  transform: translateY(0px);
}
.mendix-retail-why .slick-track {
  display: flex;
  align-items: normal;
}
.mendix-retail-why .slick-slide {
  height: auto;
  margin: 0 2.5rem;
}
.mendix-retail-why .slick-track .testimonial-item {
  height: 100%;
}
.mendix-retail-why .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .mendix-retail-why_card {
    padding: 3rem 1rem;
  }
  .mendix-retail-why .slick-slide {
    margin: 0 1.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .mendix-retail-why_card {
    padding: 3rem 1rem;
  }
  .mendix-retail-why_card_card-subtitle {
    transform: translate(0);
    visibility: visible;
    opacity: 1;
  }
  .mendix-retail-why_card p {
    transform: translate(0);
    visibility: visible;
    opacity: 1;
  }
  .mendix-retail-why .mendix-retail-why_card-title {
    transform: translate(0);
    visibility: visible;
    opacity: 1;
  }
  .mendix-retail-why .slick-slide {
    margin: 0 0.5rem;
  }
}
.ai-powered-retail {
  background-color: #fff !important;
}
.ai-powered-retail_slider-card {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  color: #fff;
  transition: all 400ms linear;
}
.ai-powered-retail_title {
  font-size: 1rem;
  font-weight: 600;
  color: #146FF4;
  margin-bottom: 0.7rem;
}
.ai-powered-retail_text-box {
  position: relative;
  padding: 2rem 1rem;
  border-radius: 8px;
  z-index: 1;
}
.ai-powered-retail_text-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgb(22, 22, 22);
  border-radius: 8px;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}
.ai-powered-retail_text-box ul {
  list-style-position: inside;
  transition: all 400ms linear;
}
.ai-powered-retail_text-box ul li {
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
}
.ai-powered-retail_text-box ul a {
  color: #146FF4 !important;
  -webkit-text-decoration: 1px underline #146FF4 !important;
          text-decoration: 1px underline #146FF4 !important;
}
.ai-powered-retail_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  z-index: -2;
}
.ai-powered-retail_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  visibility: hidden;
}
.ai-powered-retail .slick-track {
  display: flex;
  align-items: normal;
}
.ai-powered-retail .slick-slide {
  height: auto;
  margin: 0 0.5rem;
}
.ai-powered-retail .slick-slide div {
  height: 100%;
}
.ai-powered-retail .slick-track .testimonial-item {
  height: 100%;
}
.ai-powered-retail .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .ai-powered-retail_text-box {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .ai-powered-retail_text-box {
    padding: 1rem 1rem;
  }
}
/* piam-in */
.piam-in {
  background: #fff;
  padding: 4rem 0;
}
.piam-in .slick-track {
  display: flex;
  align-items: normal;
}
.piam-in .slick-slide {
  height: auto;
  margin: 0 1rem;
  transition: 800ms;
}
.piam-in .slick-slide div {
  height: 100%;
}
.piam-in .slick-track .testimonial-item {
  height: 100%;
}
.piam-in .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}
.piam-in .slick-dots li button {
  background-color: #202122 !important;
}

.piam-in-header {
  color: #909090;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: left;
  padding: 3rem 0;
}

.piam-in-header span {
  color: #fff;
}

.piam-in-image-wrapper {
  display: flex;
  justify-content: center;
  padding: 0rem;
  max-width: 80%;
  margin: 0 auto;
  width: 100%;
  gap: 1rem;
}

.piam-in-image-content {
  position: relative;
  transition: width 400ms linear;
  display: flex;
  flex-flow: row;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  height: 430px;
}

.piam-in-image-content img {
  width: 100%;
  height: 430px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
}

.piam-in-text-box {
  position: absolute;
  bottom: 0px;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: end;
  padding: 1rem 1.5rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.692), rgba(0, 0, 0, 0.726));
  transition: 500ms;
  cursor: pointer;
  border-radius: 15px;
}

.piam-in-text-box .clients-text-title {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.piam-in-text-box .clients-text-desc {
  font-size: 0.8rem;
  position: relative;
  transition: all 400ms linear;
  margin: 0;
  margin-bottom: 0.5rem;
  width: 300px;
}

.piam-in-text-box .clients-text-desc {
  position: absolute;
  right: -50%;
  z-index: -1;
  opacity: 0;
  transition: 400ms linear;
}

.piam-in-text-box .trending-text-button {
  position: relative;
  transition: 400ms;
  margin-bottom: 0.5rem;
}

.piam-in-text-box .trending-text-button {
  position: absolute;
  right: -100%;
  z-index: -1;
}

.piam-in-image-wrapper .piam-in-image-content:hover {
  width: 150% !important;
}

.piam-in-image-content:hover .piam-in-text-box {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.575) 0%, #000000 81.28%);
}

.piam-in-image-content:hover .clients-text-desc {
  position: relative;
  right: 0;
  z-index: 1;
  opacity: 1;
}

.piam-in-image-content:hover .trending-text-button {
  position: relative;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .piam-in {
    padding: 3rem 0;
  }
  .piam-in-image-wrapper .slick-slide:hover {
    width: inherit !important;
  }
  .piam-in-image-wrapper {
    max-width: 100%;
  }
  .piam-in-text-box .clients-text-desc {
    width: 280px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .piam-in {
    padding: 2rem 0;
  }
  .piam-in-image-wrapper .slick-slide:hover {
    width: inherit !important;
  }
  .piam-in-image-wrapper {
    max-width: 100%;
    flex-flow: column;
  }
  .piam-in-text-box .clients-text-desc {
    position: relative;
    right: 0;
    opacity: 1;
    z-index: 1;
    width: auto;
  }
  .piam-in-image-content img {
    height: 450px;
  }
  .piam-in-image-content {
    height: 450px;
  }
}
.crafting-ui-meetup {
  background: url(../../img/events/Crafting-Intuitive-Mobile-Experiences-with-Mendix-Native-UI.webp), #141b2d !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 120vh;
}
.crafting-ui-meetup .event-mobile-banner {
  display: none !important;
}
.crafting-ui-meetup .section-search-five {
  padding-top: 0px;
}
.crafting-ui-meetup .event-popup-box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.831372549);
  margin: 0;
  display: none;
}
.crafting-ui-meetup .search-doctor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.crafting-ui-meetup #event-popup-btn {
  margin-bottom: 2rem !important;
}
.crafting-ui-meetup .form-border-meetup3 {
  width: 100%;
  max-width: 500px !important;
  background-color: #000 !important;
  position: relative;
}
.crafting-ui-meetup .form-border-meetup3 .popup-btn-close {
  position: absolute;
  top: 4px;
  right: 8px;
  color: white;
  cursor: pointer;
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  transition: 0.3s;
  background-color: #000;
  border: 0;
}
.crafting-ui-meetup .form-border-meetup3 .popup-btn-close img {
  width: 15px;
  height: 15px;
}

.innovate-react-meetup {
  background: url(../../img/events/Innovate-with-React-Building-Widgets-for-Mendix-Applications.webp), #141b2d !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.innovate-react-meetup .event-mobile-banner {
  display: none !important;
}

.mx-banner .meetup-sec-banner {
  background: #13192c !important;
}
.mx-banner .crafting-ui-meetup {
  height: 100% !important;
}
.mx-banner .innovate-react-meetup {
  height: 100% !important;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .crafting-ui-meetup {
    height: 150vh;
  }
  .mx-banner .meetup-sec-banner {
    background-color: #13192c !important;
    padding: 5rem 0 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .crafting-ui-meetup {
    height: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .crafting-ui-meetup {
    background: #13192c !important;
    height: 120vh;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .crafting-ui-meetup .row {
    align-items: center !important;
  }
  .crafting-ui-meetup div {
    height: 100%;
  }
  .crafting-ui-meetup .section-search-five {
    padding-top: 0px;
  }
  .crafting-ui-meetup .event-mobile-banner {
    display: block !important;
    width: 100% !important;
    height: 90% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center;
       object-position: center;
    padding-top: 6rem;
  }
  .crafting-ui-meetup #event-popup-btn {
    margin-top: 0.5rem !important;
  }
  .innovate-react-meetup {
    background: #13192c !important;
    height: 120vh;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .innovate-react-meetup .event-mobile-banner {
    display: block !important;
  }
  .mx-banner .crafting-ui-meetup {
    background-color: #13192c !important;
  }
  .mx-banner .event-mobile-banner {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center;
       object-position: center;
    padding-top: 5rem;
  }
}
.filter-wrapper {
  margin-bottom: 2rem;
}

.filter-title {
  font-size: 1.2rem;
  padding-bottom: 0.8rem;
}

.filter-found {
  font-size: 1rem;
  font-weight: 500;
  color: #146FF4;
  padding-top: 10px;
}

#clear-filters,
.widgets-knowmore {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border: none;
  background-color: #146FF4;
  padding: 8px 12px;
  border-radius: 5px;
}

.filter-options {
  /* The container */
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 0.8rem;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.filter-options .container-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.filter-options .container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.filter-options .container-checkbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}
.filter-options .container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.filter-options .container-checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}
.filter-options .container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.filter-options .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.filter-options .container-checkbox .checkmark:after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.widget-main-content {
  display: none;
}

.widget-video {
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #000;
}

.widget-form {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 199;
  background-color: rgba(0, 0, 0, 0.7);
}
.widget-form .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.widget-form-content {
  padding: 1.5rem 2rem;
  max-width: 35%;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 6px;
  position: relative;
}
.widget-form-header-wrapper {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.widget-form-header {
  font-size: 1.5rem;
  font-weight: 600;
  color: #146FF4;
  padding-bottom: 0.8rem;
}
.widget-form-close {
  background: #fff;
  position: absolute;
  right: -15px;
  top: -13px;
  padding: 0.3rem 0.8rem;
  border-radius: 50%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  cursor: pointer;
  margin-top: 0;
}
.widget-form-close i {
  font-size: 0.8rem;
  color: #000;
}
.widget-form-input {
  width: 100%;
  margin-bottom: 1rem;
}
.widget-form-input label {
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  color: #000;
}
.widget-form-input input {
  width: 100%;
  padding: 0.3rem;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
}
.widget-form-input input:focus-visible {
  outline: none;
}
.widget-form-input textarea {
  color: #000;
  width: 100%;
  padding: 0.3rem;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
}
.widget-form-input textarea:focus-visible {
  outline: none;
}
.widget-form-btn-wrapper {
  text-align: center;
}
.widget-form-btn {
  padding: 0.5rem 1rem;
  background-color: #146FF4;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  border: none;
  border-radius: 4px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .widget-form-content {
    padding: 1.5rem 2rem;
    max-width: 65%;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .widget-form-content {
    padding: 1rem 1.5rem;
    max-width: 65%;
  }
  .widget-form-input {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 575px) and (min-width: 425px) {
  .widget-form-content {
    padding: 1rem 1.5rem;
    max-width: 80%;
  }
  .widget-form-input {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 424px) and (min-width: 320px) {
  .widget-form-content {
    padding: 1rem 1.5rem;
    max-width: 95%;
  }
  .widget-form-input {
    margin-bottom: 0.5rem;
  }
}
.video-box {
  display: block;
  padding: 10px;
  background-color: #002975;
  border-radius: 6px;
}
.video-box video {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #000;
}
.video-box_content {
  text-align: center;
}
.video-box_content a {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}

.video-box-image {
  width: 100px;
  height: 80px;
}

.widget-image-text {
  position: absolute;
  background: #46a2f9;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 0 0.5rem;
}

.product-banner {
  padding: 12rem 0 6rem;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.384), rgba(2, 12, 26, 0.79), rgba(0, 0, 0, 0.322)), url(../../img/product/banner.jfif);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: left;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 500ms linear;
  background-color: #000000;
}
.product-banner:hover {
  background: url(../../img/product/product-page-banner.png);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
.product-banner:hover .product-banner_content {
  transform: translateX(30px);
}
.product-banner_content {
  transition: all 500ms linear;
}
.product-banner_header {
  font-size: 2.5rem;
  text-align: left;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}
.product-banner_header span {
  color: #146FF4;
}
.product-banner_subtitle {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.product-banner_desc {
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.product-banner_btn {
  font-size: 1rem;
  background-color: #146FF4;
  padding: 0.3rem 0.6rem;
  color: #fff;
  border-radius: 4px;
}
.product-banner_btn:hover {
  color: #fff;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-banner {
    padding: 8rem 0 4rem;
  }
  .product-banner_header {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }
  .product-banner_subtitle {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .product-banner {
    padding: 7rem 0 3rem;
  }
  .product-banner_header {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .product-banner_subtitle {
    margin-bottom: 0.8rem;
  }
}
.product-solution_card {
  display: flex;
  flex-flow: column;
  align-items: start;
  justify-content: center;
  background-color: #fff;
  color: #000;
  border-radius: 10px;
  height: 100%;
  transition: all 500ms ease-in-out;
}
.product-solution_card:hover {
  background-color: #146FF4;
  color: #fff;
}
.product-solution_card:hover .learn-btn {
  background-color: #fff;
  color: #146FF4;
}
.product-solution_card:hover .product-solution_image img {
  transform: scale(1.2);
}
.product-solution .learn-btn:hover {
  background-color: #fff;
  color: #146FF4 !important;
}
.product-solution_image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.product-solution_image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: all 500ms ease-in-out;
}
.product-solution_title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6980392157);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
}
.product-solution_text-box {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 0rem;
  padding: 1rem 1.6rem;
}
.product-solution p {
  text-align: left;
}
.product-solution .slick-track {
  display: flex;
  align-items: normal;
}
.product-solution .slick-slide {
  height: auto;
  margin: 0 0.5rem;
}
.product-solution .slick-slide div {
  height: 100%;
}
.product-solution .slick-track .testimonial-item {
  height: 100%;
}
.product-solution .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-solution .row {
    gap: 3rem 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  .product-solution .row {
    gap: 2rem 0;
  }
}
.product-connectors {
  overflow: hidden !important;
  height: 100vh;
  position: relative;
}
.product-connectors #rotatingList {
  transform: rotate(-90deg);
}

.product-connectors .uix-tabs {
  overflow: hidden !important;
  overflow-y: scroll !important;
  scrollbar-width: none;
  height: 100vh;
  /* 
   ---------------------------
   1. Tab Normal Effect
   ---------------------------
   */
  /* 
   ---------------------------
   2. Tab Rotation Effect
   ---------------------------
   */
}
.product-connectors .uix-tabs .connector-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3rem;
  padding: 4rem 0;
}
.product-connectors .uix-tabs .connector-content .connector-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #fff;
}
.product-connectors .uix-tabs .connector-content .connector-subtitle {
  font-size: 1rem;
  margin-bottom: 2rem;
  color: #fff;
}
.product-connectors .uix-tabs .connector-content .connector-feature .feature-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}
.product-connectors .uix-tabs .connector-content .connector-feature .feature-description {
  font-size: 0.95rem;
  margin: 0rem 0 1rem;
  color: rgba(255, 255, 255, 0.6705882353);
}
.product-connectors .uix-tabs .connector-content .connector-feature .feature-button {
  display: inline-block;
  background-color: #1262D7;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s ease;
}
.product-connectors .uix-tabs .connector-content .connector-feature .feature-button:hover {
  background-color: #155ab6;
}
.product-connectors .uix-tabs .product-connectors-1 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../../img/product/product-connectors-1.jfif");
}
.product-connectors .uix-tabs .product-connectors-2 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../../img/product/product-connectors-2.jfif");
}
.product-connectors .uix-tabs .product-connectors-3 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../../img/product/product-connectors-3.jfif");
}
.product-connectors .uix-tabs .product-connectors-4 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../../img/product/product-connectors-4.jfif");
}
.product-connectors .uix-tabs:not(.uix-tabs--rotation) {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.product-connectors .uix-tabs:not(.uix-tabs--rotation) .uix-tabs__marker {
  background: #212121;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.1s ease-in-out;
}
.product-connectors .uix-tabs .uix-tabs__content {
  padding: 4rem 0;
  text-align: left;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.product-connectors .uix-tabs .uix-tabs__content.active {
  display: block;
}
.product-connectors .uix-tabs .uix-tabs__nav {
  position: absolute !important;
  right: -24%;
  z-index: 9;
  width: 65% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 50px;
  overflow: hidden !important;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul {
  padding: 0;
  margin: 0;
  border: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.6s ease-in-out;
  transform-origin: center center;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul > li {
  position: relative;
  display: block;
  transition: 0.1s ease-in-out;
  list-style: none;
  float: left;
  box-shadow: inset 1px 0px 0px 0px rgb(230, 230, 230);
  background: #f7f7f7;
  min-width: 7.5rem;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul > li > a {
  position: relative;
  padding: 0.625rem 1rem;
  display: block;
  text-align: center;
  width: 200px !important;
  height: 300px !important;
  background: transparent !important;
  padding: 0;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul > li > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul > li > a h6 {
  font-size: 1.2rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6980392157);
  left: 0;
  top: 0;
  width: 50% !important;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 115px 0px 0px auto;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul > li.active {
  background: #fff;
}
.product-connectors .uix-tabs .uix-tabs__nav > ul::after {
  content: "";
  display: block;
  clear: both;
}
.product-connectors .uix-tabs.uix-tabs--center {
  box-shadow: none;
}
.product-connectors .uix-tabs.uix-tabs--center .uix-tabs__nav > ul {
  font-size: 0;
  /*Fighting the Space Between Inline Block Elements*/
  display: block;
  width: 100%;
  text-align: center;
  /*require*/
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.product-connectors .uix-tabs.uix-tabs--center .uix-tabs__nav > ul li {
  font-size: 1rem;
  /*Fighting the Space Between Inline Block Elements*/
  display: inline-block;
  /*require*/
  float: none;
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__content {
  position: relative;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav {
  position: relative;
  margin: 0;
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul {
  box-sizing: border-box;
  position: relative;
  width: 600px;
  height: 600px;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul .masked-image {
  width: 330px;
  height: 520px;
  background-image: url("../../img/product/circle-dics-1.png");
  /* Replace with your image */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(90deg) translate(-180px, 168px);
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul svg {
  position: absolute;
  width: 0;
  height: 0;
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul .masked-image-2 {
  background-image: url("../../img/product/circle-dics-2.png");
  /* Replace with your image */
  transform: rotate(180deg) translate(-53px, -41px);
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul .masked-image-3 {
  background-image: url("../../img/product/circle-dics-3.png");
  /* Replace with your image */
  transform: rotate(271deg) translate(-263px, -163px);
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul .masked-image-4 {
  background-image: url("../../img/product/circle-dics-4.png");
  /* Replace with your image */
  transform: rotate(-1deg) translate(-388px, 32px);
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  box-shadow: none;
  z-index: 2;
  top: 0;
  left: 50%;
  min-width: inherit;
  /* Required */
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li > a {
  width: 80px;
  height: 80px;
  line-height: 60px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
  box-shadow: none;
}
.product-connectors .uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li.active > a {
  background: #212121;
  color: #fff;
}

/* Center alignment */
.uix-t-c .uix-tabs.uix-tabs--rotation .uix-tabs__nav {
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .uix-tabs {
    /* Tab Rotation Effect */
  }
  .uix-tabs:not(.uix-tabs--rotation) li {
    width: 100% !important;
  }
  .uix-tabs.uix-tabs--rotation .uix-tabs__nav {
    width: auto !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .product-connectors .uix-tabs .uix-tabs__nav {
    position: absolute !important;
    width: 100% !important;
    right: -45%;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-connectors .uix-tabs .connector-content {
    padding: 3rem 0;
  }
  .product-connectors .uix-tabs .connector-content .connector-heading {
    font-size: 1.6rem;
  }
  .product-connectors .uix-tabs .connector-content .connector-feature .feature-title {
    font-size: 1rem;
  }
  .product-connectors .uix-tabs .uix-tabs__nav {
    width: 100% !important;
    right: -68%;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .product-connectors .uix-tabs .connector-content {
    padding: 2rem 0;
  }
  .product-connectors .uix-tabs .connector-content .connector-heading {
    font-size: 1.4rem;
  }
  .product-connectors .uix-tabs .connector-content .connector-subtitle br {
    display: none;
  }
  .product-connectors .uix-tabs .connector-content .connector-feature .feature-title {
    font-size: 1rem;
  }
  .product-connectors .uix-tabs .uix-tabs__nav {
    right: -42%;
    display: none;
  }
  .product-connectors .uix-tabs .uix-tabs__nav ul {
    transform: none !important;
  }
  .product-connectors .uix-tabs .uix-tabs__nav ul > li {
    position: relative !important;
    transform: none !important;
    width: 150px !important;
    height: 80px !important;
    left: auto;
    top: auto;
  }
  .product-connectors .uix-tabs .uix-tabs__nav ul > li > a {
    position: relative !important;
    transform: none !important;
    width: 150px !important;
    height: 80px !important;
    left: auto;
    top: auto;
  }
}
.product-tools_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 180px);
  gap: 16px;
}
.product-tools_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: 1rem;
  position: relative;
  z-index: 1;
  color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  transition: all 500ms ease-in-out;
  overflow: hidden;
}
.product-tools_card::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  border-radius: 10px;
}
.product-tools_card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  border-radius: 10px;
  transition: all 500ms ease-in-out;
}
.product-tools_title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  transition: all 500ms ease-in-out;
  transform: translateY(20px);
}
.product-tools_desc {
  font-size: 1.1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8980392157);
  text-align: center;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.product-tools_desc span {
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 500ms ease-in-out;
}
.product-tools_desc span:nth-child(1) {
  transform: translateX(-100px);
}
.product-tools_desc span:nth-child(2) {
  transform: translateY(100px);
}
.product-tools_desc span:nth-child(3) {
  transform: translateX(100px);
}
.product-tools_card:hover {
  box-shadow: 0px 0px 20px 0 rgba(255, 255, 255, 0.4);
}
.product-tools_card:hover::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}
.product-tools_card:hover img {
  transform: scale(1.3);
}
.product-tools_card:hover .product-tools_title {
  color: #146FF4;
  transform: translateY(0px);
}
.product-tools_card:hover .product-tools_desc span {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px) translateY(0);
}
.product-tools_card:hover .product-tools_desc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px) translateY(0);
}
.product-tools_grid .product-tools_card:nth-child(1) {
  grid-row: span 3/span 3;
}
.product-tools_grid .product-tools_card:nth-child(2) {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
}
.product-tools_grid .product-tools_card:nth-child(3) {
  grid-column-start: 2;
  grid-row-start: 3;
}
.product-tools_grid .product-tools_card:nth-child(3) .product-tools_title {
  font-size: 1.2rem;
}
.product-tools_grid .product-tools_card:nth-child(4) {
  grid-column-start: 3;
  grid-row-start: 3;
}
.product-tools_grid .product-tools_card:nth-child(4) .product-tools_title {
  font-size: 1.2rem;
}
.product-tools_grid .product-tools_card:nth-child(5) {
  grid-column-start: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-tools_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 16px;
  }
  .product-tools_grid .product-tools_card:nth-child(2) {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
  }
  .product-tools_card {
    grid-area: auto !important;
  }
  .product-tools_title {
    font-size: 1.2rem;
  }
  .product-tools_desc {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .product-tools_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
  }
  .product-tools_grid .product-tools_card:nth-child(5) {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
  }
  .product-tools_card {
    grid-area: auto !important;
  }
  .product-tools_title {
    font-size: 1rem;
  }
  .product-tools_desc {
    font-size: 1rem;
    font-weight: 400;
  }
}
.product-security .row {
  gap: 2rem 0;
}
.product-security_box {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  text-align: left;
  position: relative;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
}
.product-security_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 111, 244, 0.5019607843);
  transition: all 300ms linear;
  z-index: 0;
}
.product-security_title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  transform: translateY(40px);
  transition: all 300ms linear;
}
.product-security_desc {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms linear;
}
.product-security_box:hover {
  box-shadow: 0px 0px 12px -3px #FFFFFF;
}
.product-security_box:hover::before {
  background-color: transparent;
}
.product-security_box:hover .product-security_title {
  color: #146FF4;
  transform: translate(0);
}
.product-security_box:hover .product-security_desc {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 991px) and (min-width: 320px) {
  .product-security .row {
    gap: 1.2rem 0;
  }
  .product-security_box {
    gap: 0.4rem;
  }
  .product-security_title {
    font-size: 1.2rem;
    font-weight: 600;
  }
  .product-security_desc {
    font-size: 1rem;
    font-weight: 400;
  }
}
.ocr-section {
  text-align: center;
}
.ocr-section .ocr-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.ocr-section .ocr-header .ocr-image {
  min-width: 380px;
  height: 160px;
  overflow: hidden;
  border: 10px solid #fff;
  border-radius: 3.8rem;
}
.ocr-section .ocr-header .ocr-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.ocr-section .ocr-header .ocr-abbr {
  font-size: 10rem;
  font-weight: 400;
  color: #297eff;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.ocr-section .ocr-header .ocr-title {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
.ocr-section .ocr-card {
  margin-top: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-radius: 0.5rem;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin-inline: auto;
}
.ocr-section .ocr-card .ocr-card-title {
  color: #fff;
  font-size: 1.5rem;
}
.ocr-section .ocr-card .ocr-card-title span {
  font-weight: bold;
}
.ocr-section .ocr-card .ocr-card-title .highlight {
  color: #297eff;
}
.ocr-section .ocr-card .ocr-description {
  color: #cbd5e1;
  font-size: 1rem;
}
.ocr-section .ocr-card .ocr-btn {
  align-self: flex-end;
  background-color: #297eff;
  color: #fff;
  padding: 0.5rem 0.5rem;
  border-radius: 0.25rem;
  text-decoration: none;
  font-weight: 400;
  transition: background 0.3s ease;
}
.ocr-section .ocr-card .ocr-btn:hover {
  background-color: #0059d1;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .ocr-section .ocr-header .ocr-abbr {
    font-size: 6rem;
  }
  .ocr-section .ocr-header .ocr-image {
    min-width: 180px;
    height: 100px;
  }
  .ocr-section .ocr-header .ocr-title {
    color: #fff;
    font-size: 1.4rem;
  }
  .ocr-section .ocr-card {
    margin-top: 2rem;
    padding: 1rem;
  }
  .ocr-section .ocr-card .ocr-card-title {
    color: #fff;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .ocr-section .ocr-header .ocr-abbr {
    font-size: 4rem;
  }
  .ocr-section .ocr-header .ocr-image {
    min-width: 120px;
    height: 80px;
  }
  .ocr-section .ocr-header .ocr-title {
    color: #fff;
    font-size: 1.2rem;
  }
  .ocr-section .ocr-card {
    margin-top: 1.5rem;
    padding: 1rem;
    flex-direction: column;
  }
  .ocr-section .ocr-card .ocr-card-title {
    color: #fff;
    font-size: 1.2rem;
  }
}
.social-connectors {
  background-image: url(../../img/product/social-banner.svg);
  position: relative;
  z-index: 0;
}
.social-connectors_icon {
  width: 60px;
  height: 60px;
}
.social-connectors_title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.social-connectors p {
  font-size: 0.8rem;
  font-weight: 300;
  text-align: center;
}
.social-connectors .slick-track {
  display: flex;
  align-items: normal;
}
.social-connectors .slick-slide {
  height: auto;
  margin: 0 0.5rem;
}
.social-connectors .slick-slide div {
  height: 100%;
}
.social-connectors .slick-track .testimonial-item {
  height: 100%;
}
.social-connectors .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}
.social-connectors .myCard {
  background-color: transparent;
  width: 100%;
  height: 360px;
  perspective: 1000px;
}
.social-connectors .title {
  font-size: 1.3rem;
  font-weight: 900;
  text-align: center;
  margin: 0;
}
.social-connectors .innerCard {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.3s linear;
  transform-style: preserve-3d;
  cursor: pointer;
}
.social-connectors .myCard:hover .innerCard {
  transform: rotateY(180deg);
}
.social-connectors .frontSide,
.social-connectors .backSide {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  background-color: #153768;
  backface-visibility: hidden;
  border-radius: 1rem;
  color: white;
  font-weight: 700;
  padding: 14px;
}
.social-connectors .backSide {
  transform: rotateY(180deg);
}
.social-connectors .backSide .social-connectors_title {
  font-size: 0.9rem !important;
}
.social-connectors .frontSide::before,
.social-connectors .backSide::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 110%;
  height: 110%;
  position: absolute;
  z-index: -1;
  border-radius: 1em;
  filter: blur(20px);
  animation: animate 5s linear infinite;
}
@keyframes animate {
  0% {
    opacity: 0.3;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .social-connectors .row {
    gap: 3rem 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  .social-connectors .row {
    gap: 2rem 0;
  }
}
.payment-card-sec {
  background-image: url(../../img/product/payemnt.webp);
  position: relative;
  z-index: 0;
}
.payment-card-sec::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../../img/product/blue-circle-2.png), url(../../img/product/blue-circle-1.png);
  background-position: top right, bottom left;
  background-repeat: no-repeat;
  background-size: 300px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), #011627);
  z-index: -1;
}
.payment-card-sec .payment-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  padding: 1.5rem;
  border-radius: 0.75rem;
  color: #fff;
  position: relative;
  overflow: hidden;
  height: 350px;
}
.payment-card-sec .payment-card__image {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 500ms linear;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.payment-card-sec .payment-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.payment-card-sec .payment-card__content {
  width: -moz-fit-content;
  width: fit-content;
}
.payment-card-sec .payment-card__content > .payment-card__title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}
.payment-card-sec .payment-card__content > .payment-card__subtitle {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.3rem;
}
.payment-card-sec .slick-active:hover .payment-card__image {
  height: 300px;
  border-radius: 5rem;
}
.payment-card-sec .slick-prev, .payment-card-sec .slick-next {
  background-color: transparent !important;
  top: 100%;
}
.payment-card-sec .slick-prev::before, .payment-card-sec .slick-next::before {
  content: none;
}
.payment-card-sec .slick-prev i, .payment-card-sec .slick-next i {
  font-size: 1rem;
  color: #fff;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .payment-card-sec .payment-card {
    gap: 3rem;
  }
  .payment-card-sec__image {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .payment-card-sec .payment-card {
    gap: 2rem;
    flex-direction: column;
    height: auto;
  }
  .payment-card-sec__image {
    width: 200px;
    height: 200px;
  }
  .payment-card-sec .slick-active:hover .payment-card__image {
    height: 200px;
    border-radius: 6rem;
  }
  .payment-card-sec__content {
    width: -moz-fit-content;
    width: fit-content;
  }
  .payment-card-sec__content > .payment-card__title {
    font-size: 1.2rem;
  }
}
.explore-section {
  background-color: #000;
  padding: 4rem 2rem;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: brightness(0.8);
          backdrop-filter: brightness(0.8);
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 500ms ease-in-out;
}
.explore-section .image-text {
  font-size: 5rem;
  font-weight: bold;
  background: url("../../img/product/explore-more.png") no-repeat center center;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  /* top: 0; */
  /* bottom: 0; */
  transition: all 500ms ease-in-out;
}
.explore-section:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5882352941), rgba(0, 0, 0, 0.6705882353)), url("../../img/product/explore-more.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.explore-section:hover .image-text {
  transform: translateX(-100%);
}
.explore-section:hover .explore-content {
  transform: translateY(0);
}
.explore-section .explore-content {
  margin: 0 auto;
  transform: translateY(400px);
  transition: all 500ms ease-in-out;
}
.explore-section .explore-content .explore-title {
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
  border: 1px solid #e4dfdf;
  border-radius: 10px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3rem 1rem;
}
.explore-section .explore-content .explore-description {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #ffffff;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .explore-section {
    padding: 4rem 2rem;
  }
  .explore-section .explore-content .explore-title {
    font-size: 2rem;
    font-weight: 600;
  }
  .explore-section .explore-content .explore-description {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .explore-section {
    padding: 3rem 1.5rem;
  }
  .explore-section .explore-content .explore-title {
    font-size: 1.5rem;
    font-weight: 600;
  }
  .explore-section .explore-content .explore-description {
    font-size: 1rem;
  }
}
.realize-page-wrapper {
  background-color: #01002A;
}
.realize-page-wrapper .wcm-sec {
  background-color: #01002A !important;
  background-image: none !important;
}

.realize-heading {
  font-size: 2.5rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: #fff;
  font-family: "Outfit", sans-serif !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-heading {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-heading {
    font-size: 1.5rem;
    margin-bottom: 1.4rem;
  }
}
.realize-live-banner-space {
  padding: 3rem 0;
  background-color: #01002A;
}

.realize-live-banner {
  padding: 4rem 0 4rem;
  background: linear-gradient(to right, rgba(0, 60, 150, 0.3411764706) 10%, rgba(0, 130, 130, 0.231372549) 100%), url(../../img/realize-live/banner.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: left;
  font-family: "Outfit", sans-serif !important;
  position: relative;
  overflow: hidden;
}
.realize-live-banner .banner-Hero-logo {
  height: 70px;
}
.realize-live-banner .border-highlight {
  flex-shrink: 0;
  width: 8px;
  height: 40px;
  background: linear-gradient(to bottom, #00B990 0%, #47EDCA 100%);
}
.realize-live-banner p,
.realize-live-banner a {
  font-family: "Outfit", sans-serif !important;
}
.realize-live-banner_header {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2.2rem;
  text-align: left;
  font-weight: 400;
  color: #fff;
  margin-bottom: 1rem;
}
.realize-live-banner_header span {
  font-weight: 600;
}
.realize-live-banner_subtitle {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.realize-live-banner_desc {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 300;
  margin-bottom: 1rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-top: 1px solid #00B990;
  padding: 10px 10px;
}
.realize-live-banner_event-flex {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
.realize-live-banner_event-flex p {
  font-size: 1rem;
  font-weight: 500;
}
.realize-live-banner_event-flex img {
  width: 40px;
  height: 40px;
}
.realize-live-banner_event-info {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1rem;
}
.realize-live-banner_btn {
  font-size: 1rem;
  background: linear-gradient(to bottom, #00B990 0%, #47EDCA 100%);
  padding: 0.6rem 0.6rem 0.6rem 2rem;
  color: #fff;
  border-radius: 4px;
  position: relative;
  transition: all 500ms linear;
  border: 0;
}
.realize-live-banner_btn img {
  position: absolute;
  top: 30%;
  left: 10px;
  width: 20px;
  height: 20px;
  transition: all 500ms linear;
}
.realize-live-banner_btn span {
  display: inline-block;
  transition: all 500ms linear;
}
.realize-live-banner_btn:hover {
  color: #fff;
}
.realize-live-banner_btn:hover img {
  left: 88%;
}
.realize-live-banner_btn:hover span {
  transform: translateX(-23px);
}
.realize-live-banner_image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  gap: 1rem;
  padding-top: 2rem;
}
.realize-live-banner_image .ribbon-logo {
  background-color: #fff;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
  padding: 0.6rem 2rem;
  margin-left: auto;
}
.realize-live-banner_image .logos-img {
  width: 100%;
  height: 42px;
}
.realize-live-banner_image .loop-img {
  width: 100%;
  height: 100%;
  -o-object-position: 0px -90px;
     object-position: 0px -90px;
}

@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .realize-live-banner .banner-Hero-logo {
    height: 60px;
  }
  .realize-live-banner_desc {
    font-size: 0.9rem;
  }
  .realize-live-banner_subtitle {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .realize-live-banner_btn {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1024px) {
  .realize-live-banner-space {
    padding: 4.8rem 0;
  }
  .realize-live-banner_image {
    width: 45%;
  }
  .realize-live-banner_image .ribbon-logo {
    width: 80%;
  }
}
@media screen and (max-width: 1023px) and (min-width: 992px) {
  .realize-live-banner-space {
    padding: 4.8rem 0;
  }
  .realize-live-banner_image {
    width: 50%;
  }
  .realize-live-banner_image .ribbon-logo {
    width: 80%;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-live-banner-space {
    padding: 2.4rem 0;
  }
  .realize-live-banner {
    padding: 3rem 0 3rem;
  }
  .realize-live-banner_header {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }
  .realize-live-banner_subtitle {
    margin-bottom: 0.8rem;
  }
  .realize-live-banner_image {
    position: relative;
    width: 100%;
    left: 0%;
  }
  .realize-live-banner_image .ribbon-logo {
    border-radius: 50px;
    margin: 0 auto;
  }
  .realize-live-banner_image .loop-img {
    height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-live-banner-space {
    padding: 2.4rem 0;
  }
  .realize-live-banner {
    padding: 2.5rem 0 2.5rem;
  }
  .realize-live-banner_header {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .realize-live-banner_subtitle {
    margin-bottom: 0.8rem;
  }
  .realize-live-banner_image {
    position: relative;
    width: 100%;
    left: 0%;
    right: auto;
  }
  .realize-live-banner_image .ribbon-logo {
    border-radius: 50px;
    margin: 0 auto;
    padding: 0.5rem 1rem;
  }
  .realize-live-banner_image .loop-img {
    height: 150px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: -20px;
       object-position: -20px;
  }
  .realize-live-banner_event-flex {
    flex-wrap: wrap;
    gap: 0.8rem;
  }
}
.ev-baner-bg {
  background: linear-gradient(to right, rgba(0, 89, 255, 0.57), rgba(2, 12, 26, 0.79), rgba(0, 89, 255, 0.49)), url(../../img/industries/ev/Hero\ section.webp);
  background-size: cover;
}

.realize-cta {
  padding: 5rem 0;
  background-image: url(../../img/realize-live/realize-live-cta.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.realize-cta_image img {
  width: 100%;
  height: 220px;
  -o-object-position: left;
     object-position: left;
}
.realize-cta_title {
  font-size: 1.8rem;
  font-weight: 300;
  font-family: "Outfit", sans-serif !important;
  color: #fff;
  margin-bottom: 1.5rem;
}
.realize-cta a {
  display: inline-block;
}
.realize-cta_btn {
  font-size: 1rem;
  background: linear-gradient(to bottom, #00B990 0%, #47EDCA 100%);
  padding: 0.6rem 0.6rem;
  color: #fff;
  border-radius: 4px;
}
.realize-cta_btn img {
  width: 20px;
  height: 20px;
}
.realize-cta_btn:hover {
  color: #fff;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-cta {
    padding: 3.5rem 0;
  }
  .realize-cta_title {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
  }
  .realize-cta_image img {
    width: 100%;
    height: 180px;
    -o-object-position: left;
       object-position: left;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-cta {
    padding: 2rem 0;
  }
  .realize-cta_title {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
  }
  .realize-cta_image {
    margin-bottom: 1rem;
  }
  .realize-cta_image img {
    width: 100%;
    height: 120px;
    -o-object-position: -40px;
       object-position: -40px;
  }
}
.insights-section {
  background-color: #01002A;
  color: #fff;
  padding: 4rem 0rem;
  overflow: hidden;
}
.insights-section .insights-row {
  gap: 3rem 0;
}
.insights-section .insights-description {
  font-size: 2.5rem;
  font-weight: 100;
  font-family: "Outfit", sans-serif !important;
}
.insights-section .insights-description b {
  font-family: "Outfit", sans-serif !important;
  font-weight: 400;
}
.insights-section .insights-card {
  position: relative;
  height: 300px;
  z-index: 1;
  display: block;
}
.insights-section .insights-card .insights-card-title {
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  font-family: "Outfit", sans-serif !important;
  display: flex;
  align-items: end;
  justify-content: end;
  width: 100%;
  height: 100%;
  padding-bottom: 1rem;
  padding-right: 1rem;
}
.insights-section .insights-card .insights-card-overlay {
  height: 100%;
}
.insights-section .insights-card .insights-image {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: -1;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .insights-section {
    padding: 3rem 0rem;
  }
  .insights-section .insights-row {
    gap: 2rem 0;
  }
  .insights-section .insights-description {
    font-size: 2rem;
  }
  .insights-section .insights-card {
    position: relative;
    height: 300px;
    z-index: 1;
  }
  .insights-section .insights-card-title {
    font-size: 1.4rem !important;
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .insights-section {
    padding: 2rem 0rem;
  }
  .insights-section .insights-row {
    gap: 1.5rem 0;
  }
  .insights-section .insights-description {
    font-size: 1.4rem;
  }
  .insights-section .insights-card {
    position: relative;
    height: 300px;
    z-index: 1;
  }
  .insights-section .insights-card-title {
    font-size: 1.2rem !important;
    padding: 0 0 0.5rem 0.5rem;
    justify-content: flex-start !important;
  }
}
.meet-our-team {
  background-color: #01002A;
  color: #fff;
  margin: 4rem 0rem;
  font-family: "Outfit", sans-serif !important;
  overflow: hidden;
}
.meet-our-team_logo img {
  width: 100%;
  height: 100px;
}
.meet-our-team_content {
  background: linear-gradient(to bottom, #00274D 0%, #004154 100%), url(../../img/realize-live/mxtechies-text-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: color-dodge;
  padding: 2rem;
  border-radius: 20px;
}
.meet-our-team_box {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.meet-our-team_image {
  flex-shrink: 0;
  background-image: url(../../img/realize-live/team-circle.png), url(../../img/realize-live/team-circle.png);
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: top 16% left 21%, bottom 15% right 22%;
  padding: 1rem;
}
.meet-our-team_image img {
  width: 140px;
  height: 140px;
}
.meet-our-team_text-box {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: center;
}
.meet-our-team_text-box h6 {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  font-family: "Outfit", sans-serif !important;
}
.meet-our-team_text-box p {
  font-size: 1.1rem;
  font-family: "Outfit", sans-serif !important;
  color: #fff;
}
.meet-our-team_note {
  display: inline;
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem 1rem 0.5rem 0;
  border-bottom: 1px solid #fff;
  font-family: "Outfit", sans-serif !important;
  width: auto;
  height: -moz-max-content;
  height: max-content;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .meet-our-team {
    margin: 3rem 0;
  }
  .meet-our-team_note {
    display: inline;
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .meet-our-team {
    margin: 2rem 0;
  }
  .meet-our-team .meet-our-team_logo img {
    display: none;
  }
  .meet-our-team_note {
    display: inline;
    font-size: 0.9rem;
    padding: 0 0.5rem 0.2rem 0.5rem;
    margin-bottom: 1rem;
  }
  .meet-our-team_content {
    padding: 1rem;
  }
  .meet-our-team_image {
    padding: 1.5rem;
    background-size: 140px;
  }
  .meet-our-team_image img {
    width: 140px;
    height: 140px;
  }
  .meet-our-team_box {
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
  }
}
.realize-ai-solution {
  margin: 4rem 0 0;
  background-color: #01002A;
}
.realize-ai-solution_tab-content {
  height: 100%;
}
.realize-ai-solution_tab-content .tab-pane {
  height: 100%;
}
.realize-ai-solution_tab-content .realize-ai-solution_tab-pane {
  padding: 1.2rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: url(../../img/realize-live/CHATGAPT.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-flow: column;
  gap: 0.8rem;
  color: #fff;
  height: 100%;
  position: relative;
  z-index: 0;
}
.realize-ai-solution_tab-content .realize-ai-solution_tab-pane h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.realize-ai-solution_tab-content .realize-ai-solution_tab-pane .realize-ai-solution_tab-title {
  font-size: 0.9rem;
  font-weight: 500;
}
.realize-ai-solution_tab-content .realize-ai-solution_tab-pane p {
  text-align: left;
  margin: 0;
}
.realize-ai-solution_tab-content .tab-pane:nth-child(2) .realize-ai-solution_tab-pane {
  background: url(../../img/realize-live/voice-command.png) no-repeat center/100% 100%;
}
.realize-ai-solution_tab-content .tab-pane:nth-child(3) .realize-ai-solution_tab-pane {
  background: url(../../img/realize-live/speech-to-text.png) no-repeat center/100% 100%;
}
.realize-ai-solution_tab-content .tab-pane:nth-child(5) .realize-ai-solution_tab-pane {
  background: url(../../img/realize-live/text-to-speech.png) no-repeat center/100% 100%;
}
.realize-ai-solution_tab-content .tab-pane:nth-child(4) .realize-ai-solution_tab-pane {
  background: url(../../img/realize-live/speech-to.png) no-repeat center/100% 100%;
}
.realize-ai-solution_nav {
  background: transparent;
  height: 100%;
  border-radius: 20px;
  padding: 1rem;
  width: 100%;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item {
  width: 100%;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item .nav-link {
  font-size: 1.1rem;
  width: 100%;
  background-color: transparent;
  padding: 16px;
  border-radius: 0px;
  color: #fff;
  border-radius: 0 !important;
  opacity: 0.6;
  border-top: px solid transparent;
  position: relative;
  margin-bottom: 1rem;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.2666666667);
  border-radius: 10px;
  border: none;
  opacity: 1;
  border-top: 1px solid;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(to bottom, #00B990, #47EDCA) 1;
     border-image: linear-gradient(to bottom, #00B990, #47EDCA) 1;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item .nav-link:hover img {
  float: right;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item .active {
  background-color: rgba(255, 255, 255, 0.2666666667);
  border-radius: 10px;
  border: none;
  opacity: 1;
  border-top: 1px solid;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(to bottom, #00B990, #47EDCA) 1;
     border-image: linear-gradient(to bottom, #00B990, #47EDCA) 1;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item .active img {
  margin-left: auto;
  float: right;
  transition: all 500ms linear;
}
.realize-ai-solution_nav .realize-ai-solution_nav-item img {
  height: 30px;
  transition: all 500ms linear;
}
.realize-ai-solution .slick-track {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
}
.realize-ai-solution .slick-slide {
  height: auto;
}
.realize-ai-solution .slick-slide div {
  height: 100%;
}
.realize-ai-solution .slick-track .realize-ai-solution_tab-pane {
  height: 100%;
  margin: 0 0.5rem;
}
.realize-ai-solution .slick-dots .slick-active button {
  background-color: #00B990 !important;
}
.realize-ai-solution .slick-slider .slick-dots {
  bottom: -45px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-ai-solution {
    margin: 3rem 0;
  }
  .realize-ai-solution_tab-content .realize-ai-solution_tab-content {
    padding: 1.5rem;
  }
  .realize-ai-solution_tab-content .realize-ai-solution_tab-content h3 {
    font-size: 1rem;
  }
  .realize-ai-solution_nav .realize-ai-solution_nav-item .nav-link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-ai-solution {
    margin: 2rem 0;
  }
  .realize-ai-solution_tab-content .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live/CHATGAPT.png), rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat !important;
    background-color: #0043bb !important;
    background-blend-mode: normal !important;
    padding-bottom: 8rem;
    background-size: 100% 250px !important;
    background-position: bottom !important;
    border-radius: 13px;
    width: 280px;
    margin: 0 auto !important;
  }
  .realize-ai-solution_tab-content .realize-ai-solution_tab-content {
    padding: 1.4rem;
  }
  .realize-ai-solution_tab-content .realize-ai-solution_tab-content h3 {
    font-size: 1rem;
  }
  .realize-ai-solution .realize-ai-solutions-slider .slick-slide:nth-child(1) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live/CHATGAPT.png) rgba(0, 0, 0, 0.4);
  }
  .realize-ai-solution .realize-ai-solutions-slider .slick-slide:nth-child(2) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live/voice-command.png) rgba(0, 0, 0, 0.4);
  }
  .realize-ai-solution .realize-ai-solutions-slider .slick-slide:nth-child(3) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live/speech-to-text.png) rgba(0, 0, 0, 0.4);
  }
  .realize-ai-solution .realize-ai-solutions-slider .slick-slide:nth-child(5) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live/text-to-speech.png) rgba(0, 0, 0, 0.4);
  }
  .realize-ai-solution .realize-ai-solutions-slider .slick-slide:nth-child(4) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live/speech-to.png) rgba(0, 0, 0, 0.4);
  }
  .realize-ai-solution_nav {
    padding: 0;
  }
  .realize-ai-solution_nav .nav-link {
    font-size: 0.9rem !important;
    margin-bottom: 0;
    padding: 1rem 0.2rem !important;
  }
  .realize-ai-solution_nav .nav-link .active {
    float: none;
  }
}
.where-to-find {
  margin: 4rem 0;
  background-color: #01002A;
  overflow: hidden;
}
.where-to-find_content {
  background-image: url(../../img/realize-live/where-to-find-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2rem;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 14px 0 #43FFFF;
  border-radius: 40px;
  margin-bottom: 1rem;
}
.where-to-find_content::before {
  position: absolute;
  content: "";
  right: 9px;
  bottom: 5%;
  width: 100%;
  height: 100%;
  background-image: url(../../img/realize-live/where-to-find-loop.png);
  background-size: 400px;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: -1;
}
.where-to-find_map img {
  width: 100%;
  height: 100%;
}
.where-to-find_info-box {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 1.2rem;
  height: 100%;
}
.where-to-find_title {
  font-size: 1.8rem;
  font-weight: 300;
  color: #fff !important;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fff;
  font-family: "Outfit", sans-serif !important;
}
.where-to-find_title b {
  font-weight: 500;
}
.where-to-find_img img {
  width: 150px;
  height: 120px;
}
.where-to-find_event-flex {
  display: flex;
  flex-flow: column;
  align-items: start;
  gap: 1rem;
  margin-bottom: 2rem;
  font-family: "Outfit", sans-serif !important;
}
.where-to-find_event-flex p {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.where-to-find_event-flex img {
  width: 40px;
  height: 40px;
}
.where-to-find_event-info {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.4rem;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .where-to-find {
    margin: 3rem 0;
  }
  .where-to-find_content {
    padding: 1.5rem;
  }
  .where-to-find_content::before {
    right: 0px;
  }
  .where-to-find_info-box {
    gap: 1rem;
  }
  .where-to-find_title {
    font-size: 1.6rem;
  }
  .where-to-find_map img {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .where-to-find {
    margin: 2rem 0;
  }
  .where-to-find_content {
    padding: 1rem;
    border-radius: 20px;
  }
  .where-to-find_content::before {
    right: 0px;
    background-size: 200px;
  }
  .where-to-find_info-box {
    gap: 0.5rem;
  }
  .where-to-find_title {
    font-size: 1.4rem;
  }
  .where-to-find_map img {
    margin-bottom: 1.5rem;
  }
  .where-to-find_img img {
    width: 100px;
    height: 120px;
  }
}
.realize-partner {
  margin: 4rem 0;
  font-family: "Outfit", sans-serif !important;
}
.realize-partner_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 10rem 0.5rem 0.5rem;
  position: relative;
  color: #fff;
  transition: all 500ms linear;
  z-index: 5;
  margin-bottom: 2rem;
  border-radius: 10px;
}
.realize-partner_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  z-index: 1;
}
.realize-partner_image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 8px;
  transition: all 500ms linear !important;
}
.realize-partner_image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.realize-partner_card-title {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  transition: all 500ms linear !important;
  position: relative;
  z-index: 2;
}
.realize-partner_card-icon {
  height: auto !important;
  transform: translateY(500px);
  transition: all 500ms linear !important;
  position: relative;
  z-index: 2;
}
.realize-partner_card-icon img {
  width: 80px;
  height: 80px;
}
.realize-partner_card:hover::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7137254902) 74%, rgba(0, 0, 0, 0.8431372549) 100%);
}
.realize-partner_card:hover .realize-partner_card-icon {
  visibility: visible;
  transform: translateY(0px);
}
.realize-partner .slick-track {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
}
.realize-partner .slick-track .slick-slide:nth-child(even) {
  margin-top: 2rem;
}
.realize-partner .slick-track .slick-slide:nth-child(odd) {
  margin-bottom: 2rem;
}
.realize-partner .slick-slide {
  height: auto;
  margin: 0 1.8rem 0 0;
}
.realize-partner .slick-slide div {
  height: 100%;
}
.realize-partner .slick-track .testimonial-item {
  height: 100%;
}
.realize-partner .slick-dots .slick-active button {
  background-color: #00B990 !important;
}
.realize-partner .slick-slider .slick-dots {
  bottom: -45px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-partner_card {
    padding: 10rem 0.5rem 0.5rem;
  }
  .realize-partner .slick-slide {
    margin: 0 0.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-partner_card {
    padding: 10rem 0.5rem 0.5rem;
  }
  .realize-partner .slick-slide {
    margin: 0 0.5rem;
  }
  .realize-partner .slick-track .slick-slide:nth-child(even) {
    margin-top: 0rem;
  }
  .realize-partner .slick-track .slick-slide:nth-child(odd) {
    margin-bottom: 0rem;
  }
}
.meet-booking {
  margin: 4rem 0;
  background-color: #01002A;
  font-family: "Outfit", sans-serif !important;
  overflow: hidden;
}
.meet-booking_content {
  background-image: url(../../img/realize-live/meet-booking-bg.webp);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2rem;
  position: relative;
  z-index: 1;
  border-radius: 30px;
}
.meet-booking_info-box {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 1.2rem;
  height: 100%;
}
.meet-booking_title {
  width: 95%;
  height: -moz-max-content;
  height: max-content;
  font-size: 1.8rem;
  font-weight: 300;
  color: #fff !important;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fff;
  font-family: "Outfit", sans-serif !important;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(to right, #00B990, #47EDCA) 1;
     border-image: linear-gradient(to right, #00B990, #47EDCA) 1;
}
.meet-booking_title b {
  font-weight: 500;
}
.meet-booking_img img {
  width: 150px;
  height: 120px;
}
.meet-booking_event-flex {
  display: flex;
  flex-flow: column;
  align-items: start;
  gap: 1rem;
  margin-bottom: 2rem;
  font-family: "Outfit", sans-serif !important;
}
.meet-booking_event-flex p {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.meet-booking_event-flex img {
  width: 40px;
  height: 40px;
}
.meet-booking_event-info {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1.5rem;
}
.meet-booking_time-info {
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
  align-items: center;
}
.meet-booking_month {
  font-size: 1.1rem;
  font-weight: 500;
  color: #fff;
  font-family: "Outfit", sans-serif !important;
  text-align: center;
}
.meet-booking_month span {
  color: #00B990;
  font-weight: 600;
}
.meet-booking_date-box {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  align-items: center;
}
.meet-booking_date-box button {
  font-size: 0.9rem;
  font-weight: 400;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2117647059);
  border-radius: 30px;
  padding: 0.4rem 0.8rem;
  border: 0;
}
.meet-booking_date-box .active-btn {
  background: linear-gradient(to right, #00B990 0%, #47EDCA 100%);
}
.meet-booking_time-btn {
  position: relative;
  z-index: 0;
  padding: 0.6rem 1.5rem 0.6rem;
  width: 180px;
  margin: 0 auto 1rem;
  cursor: pointer;
}
.meet-booking_time-btn p {
  font-size: 0.7rem;
  font-weight: 400;
  color: #fff;
  font-family: "Outfit", sans-serif !important;
  text-align: end;
  margin: 0;
  margin-bottom: 0.5rem;
}
.meet-booking_time-btn p:last-child {
  margin-bottom: 0 !important;
}
.meet-booking_ticket-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.meet-booking_ticket-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.meet-booking .win-text {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Outfit", sans-serif !important;
}
.meet-booking .win-text span {
  color: #00B990;
}

@media screen and (max-width: 1199px) and (min-width: 991px) {
  .meet-booking_time-btn {
    width: 150px;
    margin: 0 auto 1rem;
    cursor: pointer;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .meet-booking {
    margin: 3rem 0;
  }
  .meet-booking_content {
    padding: 1.5rem;
    background: url(../../img/realize-live/meet-booking-left-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .meet-booking_content::before {
    right: 0px;
  }
  .meet-booking_info-box {
    gap: 1rem;
  }
  .meet-booking_title {
    font-size: 1.6rem;
  }
  .meet-booking_map img {
    margin-bottom: 1.5rem;
  }
  .meet-booking_time-btn {
    margin: 0 auto 1rem;
    width: 150px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .meet-booking {
    margin: 2rem 0;
  }
  .meet-booking_content {
    padding: 1rem;
    border-radius: 20px;
    background: url(../../img/realize-live/meet-booking-left-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .meet-booking_content::before {
    right: 0px;
    background-size: 200px;
  }
  .meet-booking_info-box {
    gap: 0.5rem;
  }
  .meet-booking_title {
    font-size: 1.4rem;
  }
  .meet-booking_date-box {
    justify-content: center;
  }
  .meet-booking_date-box button {
    font-size: 0.8rem;
    padding: 0.3rem 0.4rem;
  }
  .meet-booking_time-btn {
    margin: 0 auto 1rem;
    width: 180px;
  }
  .meet-booking_img img {
    width: 100px;
    height: 120px;
  }
  .meet-booking_time-box {
    height: 275px;
    overflow: hidden;
    overflow-y: scroll;
  }
}
.realize-form {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 199;
  background-color: rgba(0, 0, 0, 0.7);
}
.realize-form .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.realize-form-content {
  padding: 1.5rem 2rem;
  max-width: 75%;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 6px;
  position: relative;
}
.realize-form-header-wrapper {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.realize-form-header {
  font-size: 1.4rem;
  font-weight: 600;
  color: #01ba91;
  padding-bottom: 0.8rem;
  font-family: "Outfit", sans-serif !important;
}
.realize-form-close {
  background: #fff;
  position: absolute;
  padding: 0.3rem 0.8rem;
  border-radius: 50%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  cursor: pointer;
  margin-top: 0;
  right: 0px;
  top: 0px;
}
.realize-form-close i {
  font-size: 0.8rem;
  color: #000;
}
.realize-form-input {
  width: 100%;
  margin-bottom: 1rem;
}
.realize-form-input label {
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  color: #000;
}
.realize-form-input label span {
  font-size: 1rem;
}
.realize-form-input input {
  width: 100%;
  border: 1px solid #333333;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #eff0f7 !important;
  height: 40px;
  border: none;
  padding: 7px 10px;
  color: #000 !important;
}
.realize-form-input select {
  width: 100%;
  border: 1px solid #333333;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #eff0f7 !important;
  height: 40px;
  border: none;
  padding: 7px 10px;
  color: #000 !important;
}
.realize-form-input input:focus-visible {
  outline: 1px dashed #00B990;
}
.realize-form-input select:focus-visible {
  outline: 1px dashed #00B990;
}
.realize-form-input textarea {
  color: #000;
  width: 100%;
  padding: 0.3rem;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
}
.realize-form-input textarea:focus-visible {
  outline: none;
}
.realize-form-input .select-error {
  border: 2px solid red !important;
}
.realize-form-input input:-webkit-autofill {
  box-shadow: none !important;
}
.realize-form-btn-wrapper {
  text-align: center;
}
.realize-form-btn {
  width: 100%;
  padding: 0.5rem 1rem;
  background: linear-gradient(to bottom, #00B990 0%, #47EDCA 100%);
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border: none;
  border-radius: 4px;
}

@media screen and (max-width: 1300px) and (min-width: 992px) {
  .realize-form-content {
    padding: 1.5rem 2rem;
    max-width: 75%;
    height: 95%;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-form-content {
    padding: 1.5rem 2rem;
    max-width: 75%;
    height: 95%;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .realize-form-content {
    padding: 1rem 1rem;
    max-width: 95%;
    height: 95%;
    overflow-y: scroll;
  }
  .realize-form-header {
    font-size: 1rem;
  }
  .realize-form-input {
    margin-bottom: 0.5rem;
  }
  .realize-form .realize-form-close {
    background: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0.3rem 0.8rem;
  }
}
@media screen and (max-width: 575px) and (min-width: 425px) {
  .realize-form-content {
    padding: 1rem 1rem;
    max-width: 95%;
    height: 95%;
    overflow-y: scroll;
  }
  .realize-form-header {
    font-size: 1rem;
  }
  .realize-form-input {
    margin-bottom: 0.5rem;
  }
  .realize-form .realize-form-close {
    background: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0.3rem 0.8rem;
  }
}
@media screen and (max-width: 424px) and (min-width: 320px) {
  .realize-form-content {
    padding: 1rem 1rem;
    max-width: 95%;
    height: 95%;
    overflow-y: scroll;
  }
  .realize-form-header {
    font-size: 1rem;
  }
  .realize-form-input {
    margin-bottom: 0.5rem;
  }
  .realize-form .realize-form-close {
    background: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0.3rem 0.8rem;
  }
}
.pripol {
  background-color: #f7f9ff;
  height: 230px;
}

.pripol-section {
  padding: 0px 0;
  background: url(../img/slider/blogbg.webp) top/100%;
}

.pripol .breadcrumb-title {
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 46px;
  font-weight: 700;
  margin: 5px 0 10px;
}

.pripol .breadcrumb-item a {
  color: #000;
}

.blog-content p {
  margin: 0 0 15px !important;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .pripol-banner {
    padding-top: 10rem !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .pripol {
    background-color: #f7f9ff;
    padding: 6rem 0 1rem;
    height: 230px;
  }
  .pripol .breadcrumb-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  .pripol {
    background-color: #f7f9ff;
    height: auto !important;
  }
  .pripol .breadcrumb-title {
    font-size: 36px;
  }
}
.application-portal-gap {
  gap: 2rem 0;
}

.application-portal-box {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 25px;
  background-color: #002975;
  padding: 0.6rem;
}
.application-portal-box_image {
  position: relative;
  margin-bottom: 1rem;
}
.application-portal-box_image img {
  width: 100%;
  height: 250px;
  border-radius: 25px;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.application-portal-box_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 25px;
}
.application-portal-box_content {
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0.7rem 0;
}
.application-portal-box_content h2 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.application-portal-box_content p {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  text-align: start;
}
.application-portal-box_link-box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.application-portal-box_link {
  background-color: #146ff4;
  padding: 0.6rem;
  border-radius: 50%;
  transform: translateY(100px);
  visibility: hidden;
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.application-portal-box_link img {
  width: 30px !important;
  height: 30px !important;
}
.application-portal-box:hover .application-portal-box_image::before {
  background-color: rgba(0, 0, 0, 0.521);
}
.application-portal-box:hover .application-portal-box_link {
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .application-portal-box_image img {
    width: 100%;
    height: 250px;
    border-radius: 30px;
  }
  .application-portal-box_content {
    padding: 0.4rem;
  }
  .application-portal-box_content h2 {
    font-size: 1rem;
  }
  .application-portal-box_content p {
    font-size: 1rem;
  }
}
.auth-container {
  padding: 4rem 0;
  border-radius: 1rem;
  overflow: hidden;
}

.auth-box {
  flex: 1;
  min-width: 50%;
  text-align: center;
  padding: 6rem 3rem;
}
.auth-box .auth-title {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.auth-box .auth-subtext {
  font-size: 0.9rem;
  color: #666;
  padding-bottom: 0.6rem;
}
.auth-box .auth-form {
  margin: 0 auto;
}
.auth-box .auth-form .auth-btn {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 2rem;
  background-color: #00153d;
  border: none;
  border-radius: 30px;
  color: #fff;
}
.auth-box .auth-form .auth-btn:hover {
  background-color: rgba(0, 21, 61, 0.8901960784);
}
.auth-box .auth-link {
  font-size: 0.85rem;
  color: #555;
  text-decoration: none;
  padding-bottom: 0.5rem;
  display: block;
}

.auth-login {
  background: #fff;
}
.auth-login input {
  background-color: #f5f5f5;
  border: none;
  height: 45px;
  margin-bottom: 1rem !important;
}

.auth-signup {
  background-image: url(../../../assets/img/1104.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  background-color: #f5f5f5;
}
.auth-signup .btn-outline-light {
  border: 2px solid white;
  color: white;
}
.auth-signup .btn-outline-light:hover {
  background-color: white;
  color: #f06292;
}

.qr-code-section {
  padding: 4rem 0;
}

.qr-code-box-gap {
  gap: 3rem 0;
}

.qr-code-box {
  display: flex;
  flex-flow: column;
  gap: 0.6rem;
  align-items: center;
  justify-content: space-evenly;
  padding: 1rem 0.6rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 20px;
  height: 100%;
  cursor: pointer;
}
.qr-code-box_image {
  border: 1px solid #bbb;
  border-radius: 20px;
}
.qr-code-box_image img {
  width: 100%;
  height: 100%;
  border-radius: 45px;
  -o-object-position: center;
     object-position: center;
}
.qr-code-box_text {
  font-size: 0.8rem;
  font-weight: 500;
  color: #146ff4;
  text-align: center;
}

@media (max-width: 991px) {
  .auth-container {
    padding: 3rem 0;
  }
  .auth-box {
    padding: 2rem;
  }
  .qr-code-section {
    padding: 3rem 0;
  }
  .qr-code-box-gap {
    gap: 2rem 0;
  }
}
@media (max-width: 768px) {
  .auth-container {
    padding: 2rem 0;
    flex-direction: column;
  }
  .auth-box {
    padding: 2rem;
  }
  .auth-signup {
    height: 300px;
  }
  .qr-code-section {
    padding: 2rem 0;
  }
  .qr-code-box-gap {
    gap: 1.5rem 0;
  }
}
.mendix-training-banner {
  padding: 8rem 0 4rem;
  overflow: hidden;
  background: url(../../img/banner-bg-circle.png), #000 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mendix-training-banner-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.mendix-training-banner-content-logo {
  padding-bottom: 2rem;
}
.mendix-training-banner-content-logo img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mendix-training-banner-header {
  font-size: 2.2rem;
  font-weight: 400;
  color: #fff;
  padding-bottom: 1rem;
}
.mendix-training-banner-text {
  font-size: 0.9rem;
  font-weight: 300;
  color: #fff;
  padding-right: 13%;
  padding-bottom: 1.5rem;
}
.mendix-training-banner-btn-arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  transition: 300ms;
  visibility: hidden;
  opacity: 0;
}
.mendix-training-banner-enroll-btn {
  background-color: #3D46B4;
  color: #fff;
  padding: 0.5rem 0.8rem;
  font-size: 0.9rem;
  font-weight: 400;
  border-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.5rem;
  transition: all 300ms;
}
.mendix-training-banner-enroll-btn:hover {
  padding-right: 1.8rem;
}
.mendix-training-banner-arrow-effect:hover .mendix-training-banner-btn-arrow {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  right: 10px;
}
.mendix-training-banner-reservation-form {
  background: linear-gradient(133.17deg, #263238 0%, rgba(19, 19, 19, 0.5) 101.61%);
  padding: 1.5rem;
  border-radius: 20px;
}
.mendix-training-banner-form-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  padding-bottom: 1rem;
  text-align: center;
}
.mendix-training-banner-form-text {
  font-size: 0.8rem;
  font-weight: 300;
  color: #fff;
  padding-bottom: 1.5rem;
}
.mendix-training-banner-form-input input,
.mendix-training-banner select,
.mendix-training-banner textarea {
  width: 100%;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  padding: 0.5rem 1rem;
  border: 1px solid #6B6B6B !important;
  border-radius: 4px;
  margin-bottom: 1rem;
  background: transparent;
}
.mendix-training-banner-form-input input::-moz-placeholder, .mendix-training-banner select::-moz-placeholder, .mendix-training-banner textarea::-moz-placeholder {
  color: #6B6B6B;
  font-size: 0.8rem;
}
.mendix-training-banner-form-input input::placeholder,
.mendix-training-banner select::placeholder,
.mendix-training-banner textarea::placeholder {
  color: #6B6B6B;
  font-size: 0.8rem;
}
.mendix-training-banner-form-input input:focus,
.mendix-training-banner select:focus,
.mendix-training-banner textarea:focus {
  background-color: transparent;
  color: #fff;
}
.mendix-training-banner-form-input select option {
  color: #000;
}
.mendix-training-banner-form-btn {
  width: 100%;
  font-size: 0.7rem;
  font-weight: 300;
  color: #fff;
  padding: 0.7rem;
  text-align: center;
  background-color: #0245AB;
  border: none;
  border-radius: 5px;
  margin-top: 1.5rem;
}
.mendix-training-banner-form-btn:disabled {
  background-color: #F4F5FA;
  color: #000;
}
.mendix-training-banner .iti__selected-dial-code {
  color: #fff !important;
}
.mendix-training-banner .iti__globe {
  filter: invert(1);
}
.mendix-training-banner .iti {
  width: 100%;
}
.mendix-training-banner .iti__arrow {
  border-top-color: #fff !important;
}
.mendix-training-banner .just-validate-error-label {
  display: none;
}
.mendix-training-banner .just-validate-success-field {
  border: 1px solid #4caf50 !important;
}
.mendix-training-banner .just-validate-error-field {
  border: 1px solid #ff0000 !important;
}
.mendix-training-banner textarea {
  color: #fff;
}
.mendix-training-banner input:focus-visible, .mendix-training-banner textarea:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.mendix-training-banner #emailresult, .mendix-training-banner #emailresult-reg, .mendix-training-banner #emailresult-popup {
  padding-top: 0.8rem;
  color: #4caf50;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .mendix-training-banner {
    padding: 11rem 0 3rem;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .mendix-training-banner {
    padding: 9rem 0 3rem;
  }
  .mendix-training-banner-content {
    padding-bottom: 2.5rem;
  }
  .mendix-training-banner-content-logo {
    padding-bottom: 0.5rem;
  }
  .mendix-training-banner-content-logo img {
    width: 100px;
    height: 100px;
  }
  .mendix-training-banner-header {
    font-size: 2rem;
    padding-bottom: 1rem;
  }
  .mendix-training-banner-text {
    padding-right: 0;
    padding-bottom: 1rem;
  }
  .mendix-training-banner-reservation-form {
    padding: 1.5rem;
  }
  .mendix-training-banner-form-title {
    font-size: 1.8rem;
  }
  .mendix-training-banner-form-btn {
    margin-top: 0rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .mendix-training-banner {
    padding: 10rem 0 2.5rem;
  }
  .mendix-training-banner-content {
    padding-bottom: 2rem;
  }
  .mendix-training-banner-content-logo {
    padding-bottom: 0.5rem;
  }
  .mendix-training-banner-content-logo img {
    width: 100px;
    height: 100px;
  }
  .mendix-training-banner-header {
    font-size: 1.8rem;
    padding-bottom: 1rem;
  }
  .mendix-training-banner-text {
    padding-right: 0;
    padding-bottom: 1rem;
  }
  .mendix-training-banner-reservation-form {
    padding: 1.5rem;
  }
  .mendix-training-banner-form-title {
    font-size: 1.5rem;
  }
  .mendix-training-banner-form-text {
    padding-bottom: 1rem;
  }
  .mendix-training-banner-form-btn {
    margin-top: 0rem;
  }
}
@media screen and (max-width: 575px) and (min-width: 320px) {
  .mendix-training-banner {
    padding: 10rem 0 2.5rem;
  }
  .mendix-training-banner-content {
    padding-bottom: 2rem;
  }
  .mendix-training-banner-content-logo {
    padding-bottom: 0.5rem;
  }
  .mendix-training-banner-content-logo img {
    width: 100px;
    height: 100px;
  }
  .mendix-training-banner-header {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }
  .mendix-training-banner-text {
    padding-right: 0;
    padding-bottom: 1rem;
  }
  .mendix-training-banner-reservation-form {
    padding: 1.5rem 1rem;
  }
  .mendix-training-banner-form-title {
    font-size: 1.5rem;
  }
  .mendix-training-banner-form-text {
    padding-bottom: 1rem;
  }
  .mendix-training-banner-form-btn {
    margin-top: 0rem;
  }
}
.mendix-training-header {
  padding: 2rem 0rem;
}
.mendix-training-header-text {
  font-size: 2.2rem;
  font-weight: 500;
}
.mendix-training-header-text span {
  color: #007AFF;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .mendix-training-header {
    padding: 1.5rem 0rem;
  }
  .mendix-training-header-text {
    font-size: 1.8rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .mendix-training-header {
    padding: 2rem 0rem 1rem;
  }
  .mendix-training-header-text {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
.course-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 1rem;
  text-align: left;
  border: 2px solid #F4F5FA !important;
}
.course-table-header-row {
  background-color: #007aff;
  height: 40px;
  border: none;
  border-bottom: 2px solid #F4F5FA !important;
}
.course-table-header-row th {
  padding: 0.8rem 1rem;
  text-align: center;
  color: #fff;
  border: none;
  font-size: 0.9rem;
}
.course-table-body-row {
  border-bottom: 2px solid #F4F5FA !important;
}
.course-table-body-row td {
  padding: 1.2rem 0.5rem;
  text-align: center;
  border: none;
  border-bottom: 2px solid #F4F5FA !important;
}
.course-table-text {
  font-size: 0.9rem;
  font-weight: 500;
  color: #000;
  white-space: pre;
}
.course-table .our-course-reg-btn {
  padding: 0.8rem 0.8rem;
  margin: 0 auto;
  font-size: 0.8rem;
  background-color: #3D46B4;
  color: #fff;
  border-radius: 5px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .course-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 1rem;
    text-align: left;
  }
  .course-table-header-row {
    height: 40px;
  }
  .course-table-header-row th {
    padding: 0.8rem 1rem;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
  }
  .course-table-body-row td {
    padding: 1.2rem 0rem;
    text-align: center;
  }
  .course-table-text {
    font-size: 0.9rem;
    font-weight: 500;
  }
  .course-table .our-course-reg-btn {
    padding: 0.5rem 0.8rem;
    margin: 0 auto;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .course-table {
    margin: 0;
  }
  .course-table-text {
    font-size: 0.9rem;
    font-weight: 500;
    color: #000;
    text-wrap: nowrap;
  }
}
.mendix-training-header {
  padding: 2rem 0rem;
}

.mendix-training-header-text {
  font-size: 2.2rem;
  font-weight: 500;
}

.mendix-training-header-text span {
  color: #007AFF;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .mendix-training-header {
    padding: 1.5rem 0rem;
  }
  .mendix-training-header-text {
    font-size: 1.8rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .mendix-training-header {
    padding: 2rem 0rem 1rem;
  }
  .mendix-training-header-text {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
.our-course {
  padding: 4rem 0;
  background-color: #F4F5FA;
}
.our-course-header-wrapper {
  padding-bottom: 3rem;
}
.our-course-header {
  font-size: 1.8rem;
  font-weight: 500;
  color: #8C8C8C;
}
.our-course-header span {
  color: #007aff;
}
.our-course-btn-group {
  display: flex;
  flex-flow: column;
  align-items: space-between;
  justify-content: center;
  height: 100%;
  position: relative;
}
.our-course-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  padding: 2rem 0.8rem;
  width: 100%;
  border-right: 3px solid #6B6B6B !important;
  border-radius: 0 !important;
  cursor: pointer;
}
.our-course .our-course-nav-item:nth-child(1) .our-course-btn:hover {
  border-right: 4px solid #000 !important;
  background-color: rgba(94, 202, 95, 0.2) !important;
}
.our-course .our-course-nav-item:nth-child(2) .our-course-btn:hover {
  border-right: 4px solid #000 !important;
  background-color: rgba(97, 79, 239, 0.2) !important;
}
.our-course .our-course-nav-item:nth-child(3) .our-course-btn:hover {
  border-right: 4px solid #000 !important;
  background-color: rgba(22, 152, 228, 0.2) !important;
}
.our-course-icon img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.our-course-btn-title {
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  padding-bottom: 0.8rem;
}
.our-course .course-hours {
  position: static;
  color: rgb(165, 165, 165) !important;
}
.our-course-content {
  height: 500px;
  overflow: scroll;
  scrollbar-width: none;
}
.our-course-content-box {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem 2.5rem;
  text-align: left;
}
.our-course-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
  padding-bottom: 0.8rem;
}
.our-course-desc {
  font-size: 0.9rem;
  font-weight: 400;
  color: #6B6B6B;
  padding-bottom: 0.5rem;
}
.our-course-reg-btn {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: 0.8rem 1rem;
  border-radius: 5px;
  border: none;
  background-color: #3D46B4;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.our-course-list {
  list-style: disc;
  margin-left: 0.5rem;
}

.our-course-btn-group .nav-link.active {
  background-color: transparent !important;
}

.our-course-nav-item:nth-child(1) .our-course-btn.active {
  border-right: 4px solid #000 !important;
  background-color: rgba(94, 202, 95, 0.2) !important;
}

.our-course-nav-item:nth-child(2) .our-course-btn.active {
  border-right: 4px solid #000 !important;
  background-color: rgba(97, 79, 239, 0.2) !important;
}

.our-course-nav-item:nth-child(3) .our-course-btn.active {
  border-right: 4px solid #000 !important;
  background-color: rgba(22, 152, 228, 0.2) !important;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .our-course-btn-title {
    font-size: 1.2rem;
  }
  .our-course-content {
    height: 550px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .our-course {
    padding: 3rem 0;
  }
  .our-course-header-wrapper {
    padding-bottom: 2rem;
  }
  .our-course-header {
    font-size: 1.5rem;
  }
  .our-course-btn {
    padding: 1.4rem 0.8rem;
  }
  .our-course-content-box {
    gap: 1.5rem;
  }
  .our-course-content {
    height: 395px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .our-course {
    padding: 2rem 0;
  }
  .our-course-header-wrapper {
    padding-bottom: 1.5rem;
  }
  .our-course-header {
    font-size: 1.2rem;
  }
  .our-course-btn {
    padding: 1.2rem 0.8rem;
  }
  .our-course-btn-title {
    font-size: 1.2rem;
  }
  .our-course-content-box {
    gap: 1rem;
  }
  .our-course-content {
    height: 465px;
  }
}
@media screen and (max-width: 575px) and (min-width: 425px) {
  .our-course {
    padding: 2rem 0;
  }
  .our-course-header-wrapper {
    padding-bottom: 1.5rem;
  }
  .our-course-header {
    font-size: 1.2rem;
  }
  .our-course-btn {
    padding: 1rem 0.5rem;
    gap: 0.6rem;
  }
  .our-course-icon img {
    width: 50px;
    height: 50px;
  }
  .our-course-btn-title {
    font-size: 1rem;
    padding-bottom: 0.2rem;
    align-items: start;
  }
  .our-course-content-box {
    gap: 1rem;
  }
  .our-course-title {
    font-size: 1rem;
  }
  .our-course-content-box {
    padding: 1rem;
  }
  .our-course-reg-btn {
    padding: 0.5rem 1rem;
  }
  .our-course-content {
    height: 425px;
  }
}
@media screen and (max-width: 424px) and (min-width: 320px) {
  .our-course {
    padding: 2rem 0;
  }
  .our-course-header-wrapper {
    padding-bottom: 1.5rem;
  }
  .our-course-header {
    font-size: 1.2rem;
  }
  .our-course-btn {
    padding: 1rem 0.5rem;
    gap: 0.6rem;
    align-items: start;
  }
  .our-course-icon img {
    width: 50px;
    height: 50px;
  }
  .our-course-btn-title {
    font-size: 1rem;
    padding-bottom: 0.2rem;
  }
  .our-course-content-box {
    gap: 1rem;
  }
  .our-course-title {
    font-size: 1rem;
  }
  .our-course-content-box {
    padding: 1rem;
  }
  .our-course-reg-btn {
    padding: 0.5rem 1rem;
  }
  .our-course-content {
    height: 600px;
  }
}
.mendix-training-partner {
  background-color: #252F3A;
  padding: 4rem 0;
  text-align: center;
}
.mendix-training-partner-header {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  padding-bottom: 1.8rem;
}
.mendix-training-partner-image {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-bottom: 1.8rem;
}
.mendix-training-partner-image img {
  width: 180px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mendix-training-partner-text {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: 0 4.6rem 0.6rem;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .mendix-training-partner {
    padding: 6rem 0;
  }
  .mendix-training-partner-header {
    font-size: 1.5rem;
    padding-bottom: 1.8rem;
  }
  .mendix-training-partner-image {
    gap: 1rem;
    padding-bottom: 1.4rem;
  }
  .mendix-training-partner-image img {
    width: 180px;
    height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .mendix-training-partner-text {
    font-size: 1rem;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .mendix-training-partner {
    padding: 4rem 0;
  }
  .mendix-training-partner-header {
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mendix-training-partner-image {
    gap: 1rem;
    padding-bottom: 1.4rem;
  }
  .mendix-training-partner-image img {
    width: 150px;
    height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .mendix-training-partner-text {
    font-size: 1rem;
    padding: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .mendix-training-partner {
    padding: 2.5rem 0;
  }
  .mendix-training-partner-header {
    font-size: 1.3rem;
    padding-bottom: 1rem;
  }
  .mendix-training-partner-image {
    gap: 1rem;
    padding-bottom: 1.2rem;
  }
  .mendix-training-partner-image img {
    width: 120px;
    height: 50px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .mendix-training-partner-text {
    font-size: 1rem;
    padding: 0;
  }
}
.our-instructor {
  overflow: hidden;
  background: url(../../img/mendix-training/cirlce.webp), #e2e4f3;
  background-size: 770px;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
}
.our-instructor .container-fluid {
  padding: 0;
}
.our-instructor .main-header {
  padding: 2rem 3rem;
}
.our-instructor .main-header-text {
  color: #757575;
}
.our-instructor .main-header-text span {
  color: #3D46B4;
}
.our-instructor-slider-wrapper {
  padding: 0 3rem 2rem 3rem;
}
.our-instructor-image img {
  width: 100%;
  height: 420px !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-bottom-left-radius: 10rem !important;
  border-top-right-radius: 10rem !important;
}
.our-instructor-slider-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  padding: 0 2rem 0;
  height: 100%;
}
.our-instructor-name {
  font-size: 3rem;
  font-weight: 500;
  color: #000;
  line-height: 4rem;
}
.our-instructor-exp {
  font-size: 1rem;
  font-weight: 500;
  color: #8C8C8C;
}
.our-instructor-Specialized {
  font-size: 0.8rem;
  font-weight: 500;
  color: #000;
  padding-bottom: 1.5rem;
}
.our-instructor-more-info {
  font-size: 0.8rem;
  font-weight: 500;
  color: #757575;
  padding-bottom: 1.5rem;
  text-align: justify;
}
.our-instructor-more-info span {
  color: #000;
  font-weight: 500;
  font-size: 0.8rem;
}
.our-instructor-desc {
  font-size: 0.8rem;
  font-weight: 500;
  color: #757575;
}
.our-instructor-learn {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 2rem 0 1rem;
}
.our-instructor-learn span {
  color: #8C8C8C;
}
.our-instructor .swiper-pagination {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0%;
  width: 100%;
}
.our-instructor .swiper-pagination .swiper-pagination-bullet {
  width: 30px !important;
  height: 3px !important;
  background-color: #6B6B6B;
  border: none !important;
  border-radius: 0;
}
.our-instructor .swiper-pagination .swiper-pagination-bullet-active {
  border: none !important;
  background-color: #3D46B4 !important;
}
.our-instructor .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  filter: none !important;
  overflow: visible;
}
.our-instructor .swiper-slide .mendix-get-in-img-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  margin: 1.5rem 0 2rem;
}
.our-instructor .swiper-slide .mendix-get-in-img img {
  width: 80px !important;
  height: 80px !important;
}
.our-instructor .swiper-nav {
  left: 0;
  position: absolute;
  top: 10%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  padding: 0 1rem;
}
.our-instructor .swiper-nav .swiper-button-prev,
.our-instructor .swiper-nav .swiper-button-next {
  color: #000;
  position: relative;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  margin-top: auto;
  padding: 0.6rem;
  border-radius: 50%;
  transition: all 500ms ease-out;
  align-items: center;
  background-image: none !important;
}
.our-instructor .swiper-nav .swiper-button-prev i,
.our-instructor .swiper-nav .swiper-button-next i {
  font-size: 0.8rem;
}
.our-instructor .swiper-nav .swiper-button-prev:after,
.our-instructor .swiper-nav .swiper-button-next:after {
  content: "none" !important;
  right: 20%;
}
.our-instructor .swiper-nav .swiper-button-prev:before,
.our-instructor .swiper-nav .swiper-button-next:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  transition: all 400ms;
}
.our-instructor .swiper-nav .swiper-button-prev:hover:before,
.our-instructor .swiper-nav .swiper-button-next:hover:before {
  background-color: #007AFF;
  width: 100%;
}
.our-instructor .swiper-nav .swiper-button-prev:hover i,
.our-instructor .swiper-nav .swiper-button-next:hover i {
  color: #fff;
}
.our-instructor .swiper-nav .swiper-button-pause {
  background-color: transparent;
  color: #000;
  border: none;
  padding: 0.5rem;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 5;
}
.our-instructor .swiper-nav .swiper-button-pause i {
  font-size: 0.8rem;
}
.our-instructor .swiper-nav .swiper-button-pause:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  transition: all 400ms;
}
.our-instructor .swiper-nav .swiper-button-pause:hover:before {
  background-color: #007AFF;
  width: 100%;
}
.our-instructor .swiper-nav .swiper-button-pause:hover i {
  color: #fff;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .our-instructor .main-header {
    padding: 1.5rem;
  }
  .our-instructor .our-instructor-slider-wrapper {
    padding: 0 1.5rem 2rem;
  }
  .our-instructor .our-instructor-image img {
    height: 400px !important;
    border-bottom-left-radius: 8rem !important;
    border-top-right-radius: 8rem !important;
  }
  .our-instructor .our-instructor-slider-content {
    gap: 1rem;
    padding: 0;
    padding-right: 1rem;
  }
  .our-instructor .our-instructor-name {
    font-size: 2rem;
    line-height: 2rem;
  }
  .our-instructor .our-instructor-more-info {
    padding-bottom: 1rem;
  }
  .our-instructor .our-instructor-Specialized {
    padding-bottom: 1rem;
  }
  .our-instructor .our-instructor-desc {
    padding-bottom: 1rem;
  }
  .our-instructor .our-instructor-learn {
    font-size: 1.2rem;
    padding: 1rem;
  }
  .our-instructor .mendix-get-in-img-box {
    margin: 0.5rem 0 0;
  }
  .our-instructor .mendix-get-in-img img {
    width: 50px !important;
    height: 50px !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px) {
  .our-instructor .main-header {
    padding: 1.5rem;
  }
  .our-instructor .our-instructor-slider-wrapper {
    padding: 0 1.5rem 1.5rem;
  }
  .our-instructor .our-instructor-image {
    text-align: center;
    margin: 1.5rem 0;
  }
  .our-instructor .our-instructor-image img {
    width: 60% !important;
    height: 350px !important;
    border-bottom-left-radius: 5rem !important;
    border-top-right-radius: 5rem !important;
    margin: 0 auto;
  }
  .our-instructor .our-instructor-slider-content {
    gap: 1rem;
    padding: 0;
    padding-right: 1rem;
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-name {
    font-size: 2rem;
    line-height: 2rem;
  }
  .our-instructor .our-instructor-Specialized {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-more-info {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-desc {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-learn {
    font-size: 1rem;
    padding: 1.2rem;
  }
  .our-instructor .mendix-get-in-img-box {
    margin: 0.5rem 0 0;
  }
  .our-instructor .mendix-get-in-img img {
    width: 50px !important;
    height: 50px !important;
  }
}
@media screen and (max-width: 575px) and (min-width: 425px) {
  .our-instructor .main-header {
    padding: 1.5rem;
  }
  .our-instructor .our-instructor-slider-wrapper {
    padding: 0 1.5rem 1.5rem;
  }
  .our-instructor .our-instructor-image {
    text-align: center;
    margin: 1.5rem 0;
  }
  .our-instructor .our-instructor-image img {
    width: 80% !important;
    height: 380px !important;
    border-bottom-left-radius: 5rem !important;
    border-top-right-radius: 5rem !important;
  }
  .our-instructor .our-instructor-slider-content {
    gap: 1rem;
    padding: 0;
    padding-right: 1rem;
  }
  .our-instructor .our-instructor-name {
    font-size: 2rem;
    line-height: 3rem;
  }
  .our-instructor .our-instructor-Specialized {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-more-info {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-desc {
    padding-bottom: 0rem;
  }
  .our-instructor .our-instructor-learn {
    font-size: 1rem;
    padding: 0.5rem 0 1.4rem;
  }
  .our-instructor .mendix-get-in-img-box {
    margin: 0.8rem 0 0 !important;
  }
  .our-instructor .mendix-get-in-img img {
    width: 50px;
    height: 50px;
  }
  .our-instructor .swiper-nav {
    top: 4%;
  }
}
@media screen and (max-width: 424px) and (min-width: 320px) {
  .our-instructor .main-header {
    padding: 1.5rem;
  }
  .our-instructor .our-instructor-slider-wrapper {
    padding: 0 1.5rem 2rem;
  }
  .our-instructor .our-instructor-image {
    text-align: center;
    margin-bottom: 1rem;
  }
  .our-instructor .our-instructor-image img {
    width: 95% !important;
    height: 380px !important;
    border-bottom-left-radius: 5rem !important;
    border-top-right-radius: 5rem !important;
    -o-object-position: center !important;
       object-position: center !important;
  }
  .our-instructor .our-instructor-slider-content {
    gap: 1rem;
    padding: 0;
    padding-right: 1rem;
  }
  .our-instructor .our-instructor-name {
    font-size: 2rem;
    line-height: 2rem;
  }
  .our-instructor .our-instructor-Specialized {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-more-info {
    padding-bottom: 0.8rem;
  }
  .our-instructor .our-instructor-desc {
    padding-bottom: 0rem;
  }
  .our-instructor .our-instructor-learn {
    font-size: 1rem;
    padding: 0.5rem 0 1.4rem;
  }
  .our-instructor .mendix-get-in-img-box {
    margin: 0.8rem 0 0 !important;
    gap: 0.5rem;
  }
  .our-instructor .mendix-get-in-img img {
    width: 40px !important;
    height: 40px !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .our-instructor .swiper-nav {
    top: 4%;
  }
}
.agile-pod-banner {
  padding: 12rem 0 6rem;
  background-image: url(../../img/agile-pod/banner.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: left;
  transition: all 500ms linear;
  position: relative;
  z-index: 0;
}
.agile-pod-banner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(1, 31, 88, 0.842), rgba(2, 12, 26, 0.747), rgba(1, 45, 126, 0.671));
  transition: all 500ms linear;
  z-index: -1;
}
.agile-pod-banner:hover::before {
  background: linear-gradient(to right, rgba(1, 31, 88, 0.842), rgba(2, 12, 26, 0.747), rgba(1, 45, 126, 0.671));
}
.agile-pod-banner_header {
  font-size: 2.6rem;
  text-align: left;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}
.agile-pod-banner_header span {
  color: #146FF4;
}
.agile-pod-banner_subtitle {
  font-size: 1.1rem;
  font-weight: 300;
  margin-bottom: 1.4rem;
}
.agile-pod-banner_btn {
  font-size: 1rem;
  background-color: #146FF4;
  padding: 0.5rem 1.2rem;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}
.agile-pod-banner_btn:hover {
  background-color: #0648aa;
  border-color: #025bdf;
  color: #fff;
}
.agile-pod-banner_image {
  background-image: url(../../img/agile-pod/banner-image.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .agile-pod-banner {
    padding: 8rem 0 3rem;
  }
  .agile-pod-banner_header {
    font-size: 2rem;
    margin-bottom: 0.8rem;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
  .agile-pod-banner_subtitle {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
  .agile-pod-banner_btn {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
  .agile-pod-banner_image {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .agile-pod-banner {
    padding: 7rem 0 2rem;
  }
  .agile-pod-banner_header {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
  .agile-pod-banner_subtitle {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
  .agile-pod-banner_btn {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
  .agile-pod-banner_image {
    margin-bottom: 0;
  }
}
.why-agile-pod {
  padding: 4rem 0;
  background-image: url(../../img/agile-pod/why-agile-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.why-agile-pod_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 3rem 1rem;
  position: relative;
  color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.1019607843);
  transition: all 300ms ease-in-out;
  z-index: 5;
  margin-bottom: 2rem;
  border-radius: 8px;
  height: 100%;
  position: relative;
  z-index: 1;
}
.why-agile-pod_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  z-index: 0;
}
.why-agile-pod_image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 8px;
}
.why-agile-pod_image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.why-agile-pod_card-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.why-agile-pod_card-subtitle {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  position: relative;
  z-index: 2;
}
.why-agile-pod p {
  font-size: 1rem;
  margin: 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .why-agile-pod {
    padding: 3rem 0;
  }
  .why-agile-pod_card {
    padding: 2.5rem 1rem;
  }
  .why-agile-pod_card-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .why-agile-pod {
    padding: 2rem 0;
  }
  .why-agile-pod_card {
    padding: 2rem 1rem;
  }
  .why-agile-pod_card-title {
    font-size: 1.4rem;
  }
}
.pod-team .complexity-card {
  background: transparent;
  border-radius: 12px;
  color: #fff;
  padding: 20px;
  font-family: "Segoe UI", sans-serif;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.7411764706);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pod-team .complexity-card .card-header {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 5px 5px;
  border: 1px solid #146FF4;
  margin-bottom: 1rem;
}
.pod-team .complexity-card .card-header span {
  color: #146FF4;
}
.pod-team .complexity-card .roles-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}
.pod-team .complexity-card .roles-list li {
  padding: 6px 0;
  font-size: 16px;
  color: #fff;
}
.pod-team .complexity-card .roles-list li.yes i {
  color: #6effa7;
  padding-right: 10px;
}
.pod-team .complexity-card .roles-list li.no i {
  color: #ff5e5e;
  padding-right: 10px;
}
.pod-team .complexity-card .duration {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
  margin-bottom: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}
.pod-team .complexity-card .duration img {
  width: 15px;
  height: 15px;
}
.pod-team .complexity-card .duration .icon {
  margin-right: 6px;
  color: #146FF4;
}
.pod-team .complexity-card .duration .text span {
  color: #146FF4;
}
.pod-team .complexity-card .get-started {
  width: 100%;
  padding: 10px 0;
  border: none;
  border-radius: 6px;
  background: #146FF4;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}
.pod-team .complexity-card .get-started:hover {
  background: #0056c7;
}
.pod-team .slick-track {
  display: flex;
  align-items: normal;
}
.pod-team .slick-slide {
  height: auto;
  margin: 0 5px;
}
.pod-team .slick-slide > div {
  height: 100%;
}
.pod-team .slick-dots li.slick-active button {
  background-color: #146ff4;
}

.agile-modal-content {
  background: none;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  padding: 1.5rem;
}
.agile-modal-content .search-area {
  max-width: 100%;
  padding: 0;
}
.agile-modal-content .modal-header p {
  font-size: 1.2rem;
  font-weight: 700;
  color: #146ff4;
}
.agile-modal-content .modal-header .btn-close {
  filter: invert(1);
}
.agile-modal-content .form-group {
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
}
.agile-modal-content .form-group label {
  position: absolute;
  left: 0;
  top: 15%;
  margin: 0;
}
.agile-modal-content .form-group input, .agile-modal-content .form-group textarea {
  border: none;
  border-bottom: 1px solid #070000;
  padding-left: 1.5rem;
  border-radius: 0;
}
.agile-modal-content .submit-btn {
  width: 100% !important;
  background: #146ff4 !important;
  color: #ffffff !important;
}

.complexity-level {
  padding: 4rem 0;
  background-color: rgba(198, 218, 255, 0.4);
}
.complexity-level_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 3rem 1rem;
  position: relative;
  color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.1019607843);
  transition: all 400ms linear;
  z-index: 5;
  margin-bottom: 2rem;
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
}
.complexity-level_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  z-index: 0;
}
.complexity-level_image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 8px;
}
.complexity-level_image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.complexity-level_card-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  transform: translate(-140%, 200px);
  transition: all 400ms linear !important;
  opacity: 0;
  visibility: hidden;
}
.complexity-level_card-subtitle {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  visibility: hidden;
  transition: all 420ms linear !important;
}
.complexity-level p {
  font-size: 1rem;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translate(-140%, 200px);
  transition: all 400ms linear;
}
.complexity-level_text {
  opacity: 0;
  visibility: hidden;
  transform: translate(140%, 200px) !important;
  transition: all 400ms linear;
}
.complexity-level_overlay-text {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.complexity-level_overlay-text h6 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-bottom: 0.4rem;
  transition: all 400ms linear;
}
.complexity-level_card:hover {
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.3019607843);
}
.complexity-level_card:hover .complexity-level_card-title {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}
.complexity-level_card:hover .complexity-level_text {
  transform: translate(0, 0) !important;
  opacity: 1;
  visibility: visible;
}
.complexity-level_card:hover p {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.complexity-level_card:hover .complexity-level_overlay-text h6:nth-child(1) {
  transform: translateY(-200px);
  opacity: 0;
  visibility: hidden;
}
.complexity-level_card:hover .complexity-level_overlay-text h6:nth-child(2) {
  transform: translateY(200px);
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .complexity-level {
    padding: 3rem 0;
  }
  .complexity-level_card {
    padding: 1.5rem 1rem;
  }
  .complexity-level_overlay-text h6 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .complexity-level {
    padding: 2rem 0;
  }
  .complexity-level_card {
    padding: 1rem 1rem;
  }
  .complexity-level_overlay-text h6 {
    font-size: 1.2rem;
  }
}
.agile-team-work_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 80px);
  gap: 8px;
}
.agile-team-work_grid .product-tools_card {
  padding: 2rem 0.5rem;
}
.agile-team-work_grid .product-tools_card:hover {
  box-shadow: none;
}
.agile-team-work_grid .product-tools_card::before {
  background: linear-gradient(0deg, rgba(2, 22, 53, 0.6980392157), rgba(0, 0, 0, 0.8078431373));
}
.agile-team-work_grid .product-tools_card .product-tools_title {
  font-size: 1.6rem !important;
  padding-bottom: 0.8rem;
  transform: none;
}
.agile-team-work_grid .product-tools_card .product-tools_desc {
  visibility: visible;
  opacity: 1;
}
.agile-team-work_grid .product-tools_card .product-tools_desc span {
  transform: none;
  visibility: visible;
  opacity: 1;
}
.agile-team-work_grid .product-tools_card:hover .product-tools_title {
  transform: none !important;
  color: #fff;
}
.agile-team-work_grid .product-tools_card:hover img {
  transform: none;
}
.agile-team-work_grid .product-tools_card:nth-child(1) {
  grid-row: span 5/span 5;
}
.agile-team-work_grid .product-tools_card:nth-child(2) {
  grid-column: span 3/span 3;
  grid-row: span 3/span 3;
}
.agile-team-work_grid .product-tools_card:nth-child(3) {
  grid-column: span 3/span 3;
  grid-row: span 2/span 2;
  grid-column-start: 2;
  grid-row-start: 4;
}
.agile-team-work_grid .product-tools_card:nth-child(4) {
  grid-row: span 5/span 5;
  grid-column-start: 5;
  grid-row-start: 1;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .agile-team-work_grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .agile-team-work_grid .product-tools_card {
    grid-area: auto !important;
    width: 45%;
  }
  .agile-team-work_grid .product-tools_card .product-tools_title {
    font-size: 1.4rem !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .agile-team-work_grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .agile-team-work_grid .product-tools_card {
    grid-area: auto !important;
  }
  .agile-team-work_grid .product-tools_card .product-tools_title {
    font-size: 1.2rem !important;
  }
}
.accelerate-section {
  color: #ffffff;
  padding: 4rem 0;
  background-image: url("../../img/agile-pod/banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
}
.accelerate-section::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 9, 26, 0.6156862745);
  z-index: -1;
}
.accelerate-section .lead {
  font-size: 1.1rem;
  margin-bottom: 30px;
  color: #fff;
}
.accelerate-section .btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
  font-size: 0.9rem;
  padding: 10px 20px;
  border-radius: 5px;
}
.accelerate-section .btn-primary:hover {
  background-color: #025bdf;
  border-color: #025bdf;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .accelerate-section {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .accelerate-section {
    padding: 2rem 0;
  }
}
.delivery-flow_image-container {
  background-color: #e9ebef;
}

#teamcenterCarousel {
  overflow: hidden;
}
#teamcenterCarousel .carousel-item {
  height: auto !important;
}
#teamcenterCarousel .carousel-indicators button.active {
  width: 40px;
  height: 6px;
  background-color: #146FF4;
}
#teamcenterCarousel .carousel-indicators button {
  width: 6px;
  height: 6px;
  border-radius: 20px;
  background-color: transparent;
  border: 2px solid #146FF4;
  transition: all 400ms linear;
}

.teamcenter-ai-banner {
  background-image: url(../../img/teamcenter-ai/banner-bg.webp);
  padding: 12rem 0 6rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: left;
  transition: all 500ms linear;
  position: relative;
  z-index: 0;
}
.teamcenter-ai-banner_header {
  font-size: 2.8rem;
  text-align: left;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}
.teamcenter-ai-banner_header span {
  color: #146FF4;
}
.teamcenter-ai-banner_subtitle {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 1.4rem;
}
.teamcenter-ai-banner_btn {
  font-size: 1rem;
  background-color: #146FF4;
  padding: 0.5rem 1.2rem;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}
.teamcenter-ai-banner_btn:hover {
  color: #fff;
}
.teamcenter-ai-banner-2 {
  background-image: url(../../img/teamcenter-ai/teamcenter-ai-banner-bg.webp);
  background-position: right;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .teamcenter-ai-banner {
    padding: 8rem 0 3rem;
  }
  .teamcenter-ai-banner_header {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }
  .teamcenter-ai-banner_subtitle {
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
  }
  .teamcenter-ai-banner_image {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .teamcenter-ai-banner {
    padding: 7rem 0 2rem;
  }
  .teamcenter-ai-banner_header {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .teamcenter-ai-banner_subtitle {
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
  .teamcenter-ai-banner_image {
    margin-bottom: 0;
  }
  .teamcenter-ai-banner_image img {
    width: 100%;
    height: 250px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .teamcenter-ai-banner-2 {
    background-image: url(../../img/teamcenter-ai/teamcenter-ai-banner-bg.jpg);
    background-position: right;
  }
}
.teamcenter-digital-solutions .mendix-retail-why_card {
  margin: 0;
  padding: 3rem 2rem;
  border-radius: 0px;
  box-shadow: none;
}
.teamcenter-digital-solutions .mendix-retail-why_card::before {
  content: none;
}
.teamcenter-digital-solutions .mendix-retail-why_card .mendix-retail-why_image {
  border-radius: 0px;
}
.teamcenter-digital-solutions .mendix-retail-why_card .mendix-retail-why_image img {
  border-radius: 0px;
}
.teamcenter-digital-solutions .mendix-retail-why_card:hover {
  box-shadow: none;
}
.teamcenter-digital-solutions .mendix-retail-why_card-title {
  font-size: 1.2rem;
  font-weight: 600;
}
.teamcenter-digital-solutions .slick-slide {
  margin: 0;
}
.teamcenter-digital-solutions .mendix-retail-why_card:hover .mendix-retail-why_card-title {
  color: #146FF4;
}

@media screen and (max-width: 991px) and (min-width: 320px) {
  .teamcenter-digital-solutions .mendix-retail-why_card {
    padding: 2rem 0.5rem;
  }
}
.teamcenter-tab .retail-why_tab-content .tab-pane:nth-child(1) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../../img/teamcenter-ai/Faster-Delivery.webp) no-repeat center/cover;
}
.teamcenter-tab .retail-why_tab-content .tab-pane:nth-child(2) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../../img/teamcenter-ai/Built-for-Teamcenter.webp) no-repeat center/cover;
}
.teamcenter-tab .retail-why_tab-content .tab-pane:nth-child(3) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../../img/teamcenter-ai/Better-User-Experience.webp) no-repeat center/cover;
}
.teamcenter-tab .retail-why_tab-content .tab-pane:nth-child(4) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../../img/teamcenter-ai/Scalable.webp) no-repeat center/cover;
}
.teamcenter-tab .retail-why_tab-content .tab-pane:nth-child(5) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../../img/teamcenter-ai/Mobile-Ready.webp) no-repeat center/cover;
}

.teamcenter-transform {
  color: #ffffff;
  padding: 4rem 0;
  background-image: url("../../img/teamcenter-ai/cta-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
}
.teamcenter-transform .lead {
  font-size: 1.1rem;
  margin-bottom: 30px;
  color: #fff;
}
.teamcenter-transform .btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
  font-size: 0.9rem;
  padding: 10px 20px;
  border-radius: 5px;
}
.teamcenter-transform .btn-primary:hover {
  background-color: #025bdf;
  border-color: #025bdf;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .teamcenter-transform {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .teamcenter-transform {
    padding: 2rem 0;
  }
}
.teamcenter-faq-container {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  /* Responsive Design */
}
.teamcenter-faq-container .teamcenter-faq-item {
  border-bottom: 1px solid #e9ecef;
}
.teamcenter-faq-container .teamcenter-faq-item:last-child {
  border-bottom: none;
}
.teamcenter-faq-container .teamcenter-faq-question {
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #001741;
  transition: background-color 0.3s ease;
  color: #fff;
}
.teamcenter-faq-container .teamcenter-faq-question:hover {
  background-color: #e9ecef;
  color: #000;
}
.teamcenter-faq-container .teamcenter-faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  background-color: #ffffff;
  color: #000000;
  font-size: 16px;
  line-height: 1.6;
  transition: max-height 0.5s ease, padding 0.3s ease;
}
.teamcenter-faq-container .teamcenter-faq-answer li, .teamcenter-faq-container .teamcenter-faq-answer p {
  font-size: 16px;
}
.teamcenter-faq-container .teamcenter-faq-answer.open {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  /* Adjust for longer answers */
  padding: 15px 20px;
}
.teamcenter-faq-container .arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.teamcenter-faq-container .arrow.open {
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .teamcenter-faq-container .teamcenter-faq-question {
    font-size: 16px;
    padding: 15px;
  }
  .teamcenter-faq-container .teamcenter-faq-answer {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .teamcenter-faq-container .teamcenter-faq-container {
    max-width: 90%;
  }
}

.mendix-opcenter-section {
  background-image: url(../../img/home/home-blog/home-blog-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0;
  color: #fff;
  text-align: center;
}
.mendix-opcenter-section .section-title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 40px;
}
.mendix-opcenter-section .section-title span {
  color: #0a84ff;
}
.mendix-opcenter-section .mendix-opcenter-grid {
  gap: 2rem 0;
}
.mendix-opcenter-section .card {
  background-color: #0f52b3;
  background-image: url(../../img/opcenter/why-mendix-opcenter.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 15px;
  padding: 4rem 20px 1rem;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 0;
  height: 100%;
  position: relative;
  gap: 0.8rem;
  justify-content: center;
}
.mendix-opcenter-section .card .icon {
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.mendix-opcenter-section .card .icon img {
  width: 40px;
  height: 40px;
}
.mendix-opcenter-section .card h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0px;
}
.mendix-opcenter-section .card p {
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .mendix-opcenter-section {
    padding: 3rem 0;
  }
  .mendix-opcenter-section .mendix-opcenter-grid > div {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mendix-opcenter-section .card {
    padding: 4rem 20px 1rem !important;
  }
  .mendix-opcenter-section .card .icon {
    top: -30px !important;
    bottom: auto !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .mendix-opcenter-section {
    padding: 2rem 0;
  }
  .mendix-opcenter-section .mendix-opcenter-grid > div {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mendix-opcenter-section .card {
    gap: 1rem;
    padding: 1rem 20px 1rem !important;
  }
  .mendix-opcenter-section .card .icon {
    position: static;
  }
  .mendix-opcenter-section .card h3 {
    font-size: 1.2rem;
  }
}
.why-mendix-ai-plm .retail-why_nav .retail-why_nav-item .active {
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid #fff;
}
.why-mendix-ai-plm .retail-why_tab-content .tab-pane:nth-child(1) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/opcenter/plm-1.webp) no-repeat center/cover;
}
.why-mendix-ai-plm .retail-why_tab-content .tab-pane:nth-child(2) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/opcenter/plm-2.webp) no-repeat center/cover;
}
.why-mendix-ai-plm .retail-why_tab-content .tab-pane:nth-child(3) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/opcenter/plm-3.webp) no-repeat center/cover;
}
.why-mendix-ai-plm .retail-why_tab-content .tab-pane:nth-child(4) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/opcenter/plm-4.webp) no-repeat center/cover;
}
.why-mendix-ai-plm .retail-why_tab-content .tab-pane:nth-child(5) .retail-why_tab-pane {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7490196078), rgba(0, 0, 0, 0.7490196078)), url(../../img/opcenter/plm-5.webp) no-repeat center/cover;
}

.opcenter-cta {
  background-image: url(../../img/opcenter/opcenter-cta-bg.webp);
  position: relative;
  transition: all 500ms linear;
  overflow: hidden;
}
.opcenter-cta::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 9, 26, 0.6392156863);
  z-index: -1;
  transition: all 500ms linear;
}
.opcenter-cta:hover::before {
  background-color: rgba(0, 9, 26, 0.7450980392);
}

.ai-value-section {
  text-align: center;
  padding: 4rem 0;
}
.ai-value-section .ai-card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: relative;
  flex-wrap: wrap;
}
.ai-value-section .ai-card-container .arrow-btn {
  font-size: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #0d6efd;
}
.ai-value-section .ai-card-container .arrow-btn.left {
  order: -1;
}
.ai-value-section .ai-card-container .arrow-btn.right {
  order: 1;
}
.ai-value-section .ai-card-container .slick-track {
  display: flex;
  align-items: normal;
  padding-top: 3rem;
}
.ai-value-section .ai-card-container .slick-slide {
  margin: 0 2rem;
  height: auto;
}
.ai-value-section .ai-card-container .slick-slide div {
  height: 100%;
}
.ai-value-section .ai-card-container .slick-track .testimonial-item {
  height: 100%;
}
.ai-value-section .ai-card-container .slick-dots .slick-active button {
  background-color: #146FF4 !important;
}
.ai-value-section .ai-card-container .slick-prev {
  left: 33%;
  z-index: 1;
  background-color: #146FF4;
}
.ai-value-section .ai-card-container .slick-prev::before {
  color: #fff;
}
.ai-value-section .ai-card-container .slick-next {
  right: 33%;
  z-index: 1;
  background-color: #146FF4;
}
.ai-value-section .ai-card-container .slick-next::before {
  color: #fff;
}
.ai-value-section .ai-card-container .slick-center {
  transition: all 500ms linear;
  transform: translateY(-50px);
}
.ai-value-section .ai-card-container .ai-card {
  display: flex !important;
  flex-direction: column;
  gap: 2rem;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  text-align: left;
  transition: transform 0.3s ease;
  position: relative;
  text-align: center;
  padding: 2.5rem 0.6rem;
  z-index: 1;
}
.ai-value-section .ai-card-container .ai-card::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
  border-radius: 10px;
}
.ai-value-section .ai-card-container .ai-card img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  margin-bottom: 15px;
  z-index: -2;
}
.ai-value-section .ai-card-container .ai-card h3 {
  color: #146FF4;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.ai-value-section .ai-card-container .ai-card p {
  font-size: 0.95rem;
  line-height: 1.4;
  color: #ddd;
}
.ai-value-section .ai-card-container .ai-card.active {
  transform: scale(1.1);
  z-index: 2;
  background-color: #111;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .ai-value-section .ai-card-container .slick-slide {
    margin: 0 1.5rem;
    height: auto;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .ai-value-section {
    padding: 3rem 0;
  }
  .ai-value-section .ai-card-container .slick-track {
    padding: 1rem;
  }
  .ai-value-section .ai-card-container .slick-slide {
    margin: 0 0.5rem;
    height: auto;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .ai-value-section {
    padding: 2rem 0;
  }
  .ai-value-section .ai-card-container .slick-track {
    padding: 0;
  }
  .ai-value-section .ai-card-container .slick-slide {
    margin: 0 0.3rem;
    height: auto;
  }
}
.realize-sec-desc {
  font-size: 1rem;
  font-weight: 500;
  font-family: "Outfit", sans-serif !important;
}

.realize-live-asia-banner {
  background: linear-gradient(to right, rgba(0, 46, 46, 0.5490196078) 0%, rgba(0, 53, 168, 0.4) 50%, hsla(216, 100%, 29%, 0.494) 100%), url(../../img/realize-live-asia/realize-live-asia-banner.webp) !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: right !important;
}
.realize-live-asia-banner .banner-Hero-logo {
  width: 115px;
  height: 115px;
  -o-object-fit: contain;
     object-fit: contain;
}

.meet-our-team-asia .meet-our-team-asia_text {
  font-size: 0.9rem;
  font-weight: 600;
  height: -moz-min-content;
  height: min-content;
  font-family: "Outfit", sans-serif !important;
  margin-bottom: 0.8rem;
}
.meet-our-team-asia .meet-booking_date-box .date-btn {
  border-radius: 16px;
}
.meet-our-team-asia .meet-booking_date-box .active-btn {
  background: linear-gradient(to right, #009B95 0%, #007C9B 100%);
}

.where-to-find_map-asia {
  position: relative;
}
.where-to-find_map-asia img {
  width: 100%;
  height: 500px;
  -o-object-fit: none;
     object-fit: none;
}
.where-to-find_map-asia .gold-10 {
  position: absolute;
  bottom: 25%;
  right: 41%;
  width: 200px;
  height: 200px;
}

.realize-ai-solution-asia .realize-ai-solution_tab-pane {
  position: relative;
}
.realize-ai-solution-asia .realize-ai-solution_tab-pane::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.322);
  z-index: -1;
}
.realize-ai-solution-asia .realize-ai-solution_tab-content .realize-ai-solution_tab-pane {
  border: 1px solid transparent;
  border-radius: 8px;
  background: url(../../img/realize-live-asia/open-ai.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-flow: column;
  gap: 0.8rem;
  color: #fff;
  height: 100%;
  position: relative;
  z-index: 0;
}
.realize-ai-solution-asia .realize-ai-solution_tab-content .tab-pane:nth-child(2) .realize-ai-solution_tab-pane {
  background: url(../../img/realize-live-asia/voice-cloning.webp) no-repeat center/100% 100%;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-ai-solution-asia .realize-ai-solution_tab-pane {
    position: relative;
  }
  .realize-ai-solution-asia .realize-ai-solution_tab-pane::before {
    content: none;
  }
  .realize-ai-solution-asia .realize-ai-solutions-slider .slick-slide:nth-child(1) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live-asia/open-ai.webp) rgba(0, 0, 0, 0.4);
  }
  .realize-ai-solution-asia .realize-ai-solutions-slider .slick-slide:nth-child(2) > div > div > .realize-ai-solution_tab-pane {
    background: url(../../img/realize-live-asia/voice-cloning.webp) rgba(0, 0, 0, 0.4);
  }
  .where-to-find_map-asia {
    position: relative;
  }
  .where-to-find_map-asia img {
    width: 100%;
    height: 300px;
  }
}
.realize-siemens-platform {
  color: #fff;
  margin: 4rem 0;
}
.realize-siemens-platform .platform-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  z-index: 0;
  padding: 1.2rem 1rem;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
  transition: transform 0.8s ease;
}
.realize-siemens-platform .platform-card img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 12px;
  transition: transform 0.8s ease;
  z-index: -1;
  border-radius: 10px;
}
.realize-siemens-platform .platform-card .platform-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: white;
  font-family: "Outfit", sans-serif !important;
  margin-bottom: 0.5rem;
  transform: translateY(80px);
  transition: transform 0.8s ease;
}
.realize-siemens-platform .platform-card p {
  font-size: 1rem;
  font-family: "Outfit", sans-serif !important;
  font-weight: 300;
  transform: translateY(80px);
  visibility: hidden;
  opacity: 0;
  transition: transform 0.8s ease;
}
.realize-siemens-platform .platform-card:hover {
  border: 1px solid #009B95;
  background-color: rgba(0, 0, 0, 0.6588235294);
}
.realize-siemens-platform .platform-card:hover .platform-title {
  transform: translateY(0);
}
.realize-siemens-platform .platform-card:hover p {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.realize-siemens-platform .slick-track {
  display: flex;
  align-items: normal;
}
.realize-siemens-platform .slick-slide {
  height: auto;
  margin: 0 0.6rem;
}
.realize-siemens-platform .slick-track .testimonial-item {
  height: 100%;
}
.realize-siemens-platform .slick-dots .slick-active button {
  background-color: #009B95 !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-siemens-platform {
    margin: 3rem 0;
  }
  .realize-siemens-platform .platform-card {
    margin-bottom: 0rem;
  }
  .realize-siemens-platform .platform-card .platform-title {
    transform: translateY(0px);
  }
  .realize-siemens-platform .platform-card p {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-siemens-platform {
    margin: 2rem 0;
  }
  .realize-siemens-platform .platform-card {
    margin-bottom: 0rem;
  }
  .realize-siemens-platform .platform-card .platform-title {
    transform: translateY(0px);
  }
  .realize-siemens-platform .platform-card p {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
  }
}
.realize-live-asia-industry {
  margin: 4rem 0;
}
.realize-live-asia-industry .realize-live-asia-industry-bg {
  background-image: url(../../img/realize-live-asia/realize-industry-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 40px;
  padding: 2.5rem 1rem;
}
.realize-live-asia-industry .industry-card {
  position: relative;
  overflow: hidden;
  padding: 6rem 1rem;
  transition: transform 0.7s ease;
}
.realize-live-asia-industry .industry-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.368627451);
}
.realize-live-asia-industry .industry-card img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.7s ease;
  z-index: -2;
}
.realize-live-asia-industry .industry-card .realize-industry-overlay {
  display: flex;
  flex-flow: column;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
.realize-live-asia-industry .industry-card .realize-industry-overlay h3,
.realize-live-asia-industry .industry-card .realize-industry-overlay h4 {
  background: linear-gradient(90deg, #009B95 48%, #007C9B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: "Outfit", sans-serif !important;
  transform: translateY(100px);
  transition: transform 0.7s ease;
}
.realize-live-asia-industry .industry-card .realize-industry-overlay h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0;
}
.realize-live-asia-industry .industry-card .realize-industry-overlay h4 {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
}
.realize-live-asia-industry .industry-card .realize-industry-overlay p {
  font-size: 0.9rem;
  color: #fff;
  transform: translateY(100px);
  visibility: hidden;
  opacity: 0;
  transition: transform 0.7s ease;
}
.realize-live-asia-industry .industry-card:hover h3 {
  transform: translateY(0);
}
.realize-live-asia-industry .industry-card:hover h4 {
  transform: translateY(0);
}
.realize-live-asia-industry .industry-card:hover P {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.realize-live-asia-industry .slick-track {
  display: flex;
  align-items: normal;
}
.realize-live-asia-industry .slick-slide {
  height: auto;
  margin: 0 1rem;
}
.realize-live-asia-industry .slick-slide div {
  height: 100%;
}
.realize-live-asia-industry .slick-track .industry-card {
  height: 100%;
}
.realize-live-asia-industry .slick-dots .slick-active button {
  background-color: #009B95 !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .realize-live-asia-industry {
    margin: 3rem 0;
  }
  .realize-live-asia-industry .industry-card {
    padding: 5rem 1rem;
  }
  .realize-live-asia-industry .slick-slide {
    margin: 0 1rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .realize-live-asia-industry {
    margin: 2rem 0;
  }
  .realize-live-asia-industry .industry-card {
    padding: 4rem 1rem;
  }
  .realize-live-asia-industry .slick-slide {
    margin: 0 0.5rem;
  }
}/*# sourceMappingURL=homestyle.css.map */