/*=====================*/
/*Fonts variables*/
/*=====================*/
.overview .glimpse .glimpse-wrapper .glimpse-block h3, .blogs .blog-filter span, .hero .hero-content h2, .section-title-content h6, .section-title-content h4 {
  color: #0094D1;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}

.numbers .number-card-wrapper .number-card span, .hero .hero-content h1 span, .hero .hero-content h1, .section-title-content h2,
.section-title-content h3 {
  color: #1a1a1a;
  font-size: 40px;
  font-weight: 600;
  margin: 0;
}

.overview .glimpse h4, .case-wrapper .case-block .case-content a, .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card h3, .share-wrapper .share h6, .blog-details .blog-content h3, .business .service-card h3, .offer .offer-card p, .offer .offer-card h4, .offer .offer-card h3, .hire .hire-card-wrapper .hire-card h4, .follow .follow-card h3, .choose .choose-slider .choose-card h3, .service .service-card h3 {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 10px;
}

.service-menu .service-content p, .service-menu .service-menu-wrapper .menus p, .industry-menu .industry-menu-wrapper .company-box .company-content p, .industry-menu .industry-menu-wrapper p, .company-menu .company-box .company-content p, .product-menu .product-box p, .case-detail-hero .launch-date span, .overview .glimpse .glimpse-wrapper .glimpse-block span, .case-wrapper .case-block .case-content p, .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card p, .blog-details .blog-content li, .blog-details .blog-content p, .business ul li p, .business ul li, .business .service-card p, .case-study .project-content .project-challange ul li p, .case-study .project-content .project-challange ul li, .case-study .project-content .project-description p, .follow .follow-card p, .choose .choose-slider .choose-card p, .service .service-card p, .about ul li p, .about ul li, .hero .bread ul li a, .hero .hero-content p, .section-title-content p {
  color: #6C6C6C;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
}

/*mixin for media query*/
/*=====================*/
/*Fonts variables*/
/*=====================*/
.overview .glimpse .glimpse-wrapper .glimpse-block h3, .blogs .blog-filter span, .hero .hero-content h2, .section-title-content h6, .section-title-content h4 {
  color: #0094D1;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}

.numbers .number-card-wrapper .number-card span, .hero .hero-content h1 span, .hero .hero-content h1, .section-title-content h2,
.section-title-content h3 {
  color: #1a1a1a;
  font-size: 40px;
  font-weight: 600;
  margin: 0;
}

.overview .glimpse h4, .case-wrapper .case-block .case-content a, .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card h3, .share-wrapper .share h6, .blog-details .blog-content h3, .business .service-card h3, .offer .offer-card p, .offer .offer-card h4, .offer .offer-card h3, .hire .hire-card-wrapper .hire-card h4, .follow .follow-card h3, .choose .choose-slider .choose-card h3, .service .service-card h3 {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 10px;
}

.service-menu .service-content p, .service-menu .service-menu-wrapper .menus p, .industry-menu .industry-menu-wrapper .company-box .company-content p, .industry-menu .industry-menu-wrapper p, .company-menu .company-box .company-content p, .product-menu .product-box p, .case-detail-hero .launch-date span, .overview .glimpse .glimpse-wrapper .glimpse-block span, .case-wrapper .case-block .case-content p, .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card p, .blog-details .blog-content li, .blog-details .blog-content p, .business ul li p, .business ul li, .business .service-card p, .case-study .project-content .project-challange ul li p, .case-study .project-content .project-challange ul li, .case-study .project-content .project-description p, .follow .follow-card p, .choose .choose-slider .choose-card p, .service .service-card p, .about ul li p, .about ul li, .hero .bread ul li a, .hero .hero-content p, .section-title-content p {
  color: #6C6C6C
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
}

/* common buttons placeholder simple button and icon-button */
header .custom-navbar .custom-collapse .contact-btn {
  background-color: #1a1a1a;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding: 9px 24px;
  transition: all 300ms ease-in;
  border: 1px solid transparent;
  line-height: 22px;
}
header .custom-navbar .custom-collapse .contact-btn:hover {
  transition: all 300ms ease-in;
  color: #1a1a1a !important;
  background-color: transparent;
  border: 1px solid #1a1a1a;
}
header .custom-navbar .custom-collapse .contact-btn:focus {
  transition: all 300ms ease-in;
  color: #1a1a1a !important;
  background-color: transparent;
  border: 1px solid #1a1a1a;
}

.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn, .company-menu .company-box .company-content .common-btn, .inquiry-modal form .btn, .job-modal form .btn, .opening .opening-header .collapse-button-block .btn, .contact form .btn, .portfolio-listing .button-block a, .case-wrapper .button-block a, .solutions .section-title-content .common-btn, .blogs .button-block a, .business .common-btn, .offer .offer-card.fill-card .offer-btn, .case-study .slider-button-wrapper a, .case-study a, .inquiry a, .follow .button-block a, .testimonials .button-block a, .technologies .button-block a, .numbers .form-wrapper form .btn, .service .btn, .about button,
.about a, .hero .hero-content .hero-btn, header .custom-navbar .header-button-block button,
header .custom-navbar .header-button-block a, header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn,
.service .cta-button a{
  background-color: #0094D1;
  border: 1px solid transparent;
  transition: all 300ms ease;
  font-weight: 500;
  font-size: 16px;
  border-radius: 35px;
  padding: 7px 8px 7px 15px;
  color: #fff;
}
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn span, .company-menu .company-box .company-content .common-btn span, .inquiry-modal form .btn span, .job-modal form .btn span, .opening .opening-header .collapse-button-block .btn span, .contact form .btn span, .portfolio-listing .button-block a span, .case-wrapper .button-block a span, .solutions .section-title-content .common-btn span, .blogs .button-block a span, .business .common-btn span, .offer .offer-card.fill-card .offer-btn span, .case-study .slider-button-wrapper a span, .case-study a span, .inquiry a span, .follow .button-block a span, .testimonials .button-block a span, .technologies .button-block a span, .numbers .form-wrapper form .btn span, .service .btn span, .about button span,
.about a span, .hero .hero-content .hero-btn span, header .custom-navbar .header-button-block button span,
header .custom-navbar .header-button-block a span, header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn span, .service .cta-button a span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
}
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn span svg, .company-menu .company-box .company-content .common-btn span svg, .inquiry-modal form .btn span svg, .job-modal form .btn span svg, .opening .opening-header .collapse-button-block .btn span svg, .contact form .btn span svg, .portfolio-listing .button-block a span svg, .case-wrapper .button-block a span svg, .solutions .section-title-content .common-btn span svg, .blogs .button-block a span svg, .business .common-btn span svg, .offer .offer-card.fill-card .offer-btn span svg, .case-study .slider-button-wrapper a span svg, .case-study a span svg, .inquiry a span svg, .follow .button-block a span svg, .testimonials .button-block a span svg, .technologies .button-block a span svg, .numbers .form-wrapper form .btn span svg, .service .btn span svg, .about button span svg,
.about a span svg, .hero .hero-content .hero-btn span svg, header .custom-navbar .header-button-block button span svg,
header .custom-navbar .header-button-block a span svg, header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn span svg,
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn span path,
.company-menu .company-box .company-content .common-btn span path,
.inquiry-modal form .btn span path,
.job-modal form .btn span path,
.opening .opening-header .collapse-button-block .btn span path,
.contact form .btn span path,
.portfolio-listing .button-block a span path,
.case-wrapper .button-block a span path,
.solutions .section-title-content .common-btn span path,
.blogs .button-block a span path,
.business .common-btn span path,
.offer .offer-card.fill-card .offer-btn span path,
.case-study .slider-button-wrapper a span path,
.case-study a span path,
.inquiry a span path,
.follow .button-block a span path,
.testimonials .button-block a span path,
.technologies .button-block a span path,
.numbers .form-wrapper form .btn span path,
.service .btn span path,
.about button span path,
.about a span path,
.hero .hero-content .hero-btn span path,
header .custom-navbar .header-button-block button span path,
header .custom-navbar .header-button-block a span path,
header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn span path, .service .cta-button a span path {
  fill: #0094D1;
}
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn:hover, .company-menu .company-box .company-content .common-btn:hover, .inquiry-modal form .btn:hover, .job-modal form .btn:hover, .opening .opening-header .collapse-button-block .btn:hover, .contact form .btn:hover, .portfolio-listing .button-block a:hover, .case-wrapper .button-block a:hover, .solutions .section-title-content .common-btn:hover, .blogs .button-block a:hover, .business .common-btn:hover, .offer .offer-card.fill-card .offer-btn:hover, .case-study .slider-button-wrapper a:hover, .case-study a:hover, .inquiry a:hover, .follow .button-block a:hover, .testimonials .button-block a:hover, .technologies .button-block a:hover, .numbers .form-wrapper form .btn:hover, .service .btn:hover, .about button:hover,
.about a:hover, .hero .hero-content .hero-btn:hover, header .custom-navbar .header-button-block button:hover,
header .custom-navbar .header-button-block a:hover, header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn:hover, .service .cta-button a:hover {
  background-color: #0084BB;
  border: 1px solid transparent;
  transition: all 300ms ease;
  color: #fff;
}
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn:hover span svg, .company-menu .company-box .company-content .common-btn:hover span svg, .inquiry-modal form .btn:hover span svg, .job-modal form .btn:hover span svg, .opening .opening-header .collapse-button-block .btn:hover span svg, .contact form .btn:hover span svg, .portfolio-listing .button-block a:hover span svg, .case-wrapper .button-block a:hover span svg, .solutions .section-title-content .common-btn:hover span svg, .blogs .button-block a:hover span svg, .business .common-btn:hover span svg, .offer .offer-card.fill-card .offer-btn:hover span svg, .case-study .slider-button-wrapper a:hover span svg, .case-study a:hover span svg, .inquiry a:hover span svg, .follow .button-block a:hover span svg, .testimonials .button-block a:hover span svg, .technologies .button-block a:hover span svg, .numbers .form-wrapper form .btn:hover span svg, .service .btn:hover span svg, .about button:hover span svg,
.about a:hover span svg, .hero .hero-content .hero-btn:hover span svg, header .custom-navbar .header-button-block button:hover span svg,
header .custom-navbar .header-button-block a:hover span svg, header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn:hover span svg,
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn:hover span path,
.company-menu .company-box .company-content .common-btn:hover span path,
.inquiry-modal form .btn:hover span path,
.job-modal form .btn:hover span path,
.opening .opening-header .collapse-button-block .btn:hover span path,
.contact form .btn:hover span path,
.portfolio-listing .button-block a:hover span path,
.case-wrapper .button-block a:hover span path,
.solutions .section-title-content .common-btn:hover span path,
.blogs .button-block a:hover span path,
.business .common-btn:hover span path,
.offer .offer-card.fill-card .offer-btn:hover span path,
.case-study .slider-button-wrapper a:hover span path,
.case-study a:hover span path,
.inquiry a:hover span path,
.follow .button-block a:hover span path,
.testimonials .button-block a:hover span path,
.technologies .button-block a:hover span path,
.numbers .form-wrapper form .btn:hover span path,
.service .btn:hover span path,
.about button:hover span path,
.about a:hover span path,
.hero .hero-content .hero-btn:hover span path,
header .custom-navbar .header-button-block button:hover span path,
header .custom-navbar .header-button-block a:hover span path,
header .custom-navbar .custom-collapse .custom-navbar .mob-header-btn:hover span path,
.service .cta-button:hover a span path {
  fill: #0084BB;
}

* {
  font-family: "Poppins", sans-serif;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  transition: all 500ms;
}

.text-transform-unset {
  text-transform: none !important;
}

.bg-light {
  background-color: #F2F9FC !important;
}

.mh-auto {
  min-height: auto !important;
}

.py-70 {
  padding: 70px 0;
}
@media (max-width: 1199px) {
  .py-70 {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .py-70 {
    padding: 40px 0;
  }
}
@media (max-width: 576px) {
  .py-70 {
    padding: 50px 12px;
  }
}

.pt-100 {
  padding-top: 70px;
}
@media (max-width: 1199px) {
  .pt-100 {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .pt-100 {
    padding-top: 40px;
  }
}
@media (max-width: 576px) {
  .pt-100 {
    padding-top: 50px;
  }
}

.section-title-content {
  margin-bottom: 40px;
}
.section-title-content h6, .section-title-content h4 {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .section-title-content h6, .section-title-content h4 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 576px) {
  .section-title-content h6, .section-title-content h4 {
    margin-bottom: 8px;
  }
}
.section-title-content h2,
.section-title-content h3 {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .section-title-content h2,
  .section-title-content h3 {
    font-size: 38px;
    line-height: 44px;
  }
}
@media (max-width: 1199px) {
  .section-title-content h2,
  .section-title-content h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .section-title-content h2,
  .section-title-content h3 {
    font-size: 24px;
    margin-bottom: 14px;
    line-height: 30px;
  }
}
.section-title-content p:not(:last-child) {
  margin-bottom: 10px;
}
.section-title-content p:only-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .section-title-content p {
    font-size: 14px;
  }
}

/************************
header section scss start
*************************/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  header {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    height: auto;
    padding: 10px 8px;
    border-bottom: none;
  }
}
header .custom-navbar {
  padding: 0;
  align-items: center;
}
@media (max-width: 576px) {
  header .custom-navbar {
    padding: 0 12px;
  }
}
header .custom-navbar .custom-navbar-brand {
  padding: 0;
  margin: 0;
}
@media (max-width: 1199px) {
  header .custom-navbar .custom-navbar-brand img {
    width: 150px;
  }
}
header .custom-navbar .navbar-toggler {
  font-size: 20px;
  border: none;
  margin: 5px 0rem 0 0;
  padding: 0;
}
header .custom-navbar .navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
}
header .custom-navbar .navbar-toggler .btn12 {
  position: absolute;
  width: auto;
  height: 0;
  top: -10px;
  right: 20px;
  transition-duration: 0.5s;
  left: auto;
}
@media (max-width: 576px) {
  header .custom-navbar .navbar-toggler .btn12 {
    top: -8px;
    right: 31px;
  }
}
header .custom-navbar .navbar-toggler .btn12 .icon {
  transition-duration: 0.5s;
  position: absolute;
  height: 2px;
  width: 20px;
  top: 27px;
  background-color: #111;
}
header .custom-navbar .navbar-toggler .btn12 .icon::before {
  transition-duration: 0.5s;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #111;
  content: "";
  top: -6px;
  right: 0;
}
header .custom-navbar .navbar-toggler .btn12 .icon::after {
  transition-duration: 0.5s;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #111;
  content: "";
  top: 6px;
  right: 0;
}
header .custom-navbar .navbar-toggler .btn12.open .icon {
  transition-duration: 0.5s;
  background: transparent;
  top: 31px;
}
header .custom-navbar .navbar-toggler .btn12.open .icon::before {
  transform: rotateZ(45deg) scaleX(0.75) translate(2px, 2.5px);
}
header .custom-navbar .navbar-toggler .btn12.open .icon::after {
  transform: rotateZ(-45deg) scaleX(0.75) translate(8px, -7px);
}
header .custom-navbar .navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
}
header .custom-navbar .custom-collapse {
  justify-content: flex-end;
  padding-right: 30px;
}
@media (max-width: 991px) {
  header .custom-navbar .custom-collapse .custom-navbar {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px !important;
    padding: 0;
    align-items: flex-start;
  }
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item {
  position: relative;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 1199px) {
  header .custom-navbar .custom-collapse .custom-navbar .nav-item:not(:last-child) {
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  header .custom-navbar .custom-collapse .custom-navbar .nav-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item:last-of-type {
  margin-right: 0 !important;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link {
  color: #1a1a1a;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  transition: all 300ms ease-in;
  position: relative;
}
@media (max-width: 1199px) {
  header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link {
    font-size: 14px;
  }
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link::after {
  content: "";
  background-color: #0094D1;
  position: absolute;
  bottom: -24px;
  left: 0;
  text-align: center;
  opacity: 1;
  transition: all 300ms ease;
  width: 100%;
  height: 3px;
  transform: scale(0);
}
@media (max-width: 991px) {
  header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link::after {
    display: none;
  }
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link:hover {
  color: #0094D1;
  transition: all 300ms ease-in;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link:hover::after {
  transform: scale(1);
  transition: all 300ms ease;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link.active {
  color: #0094D1;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item .nav-link.active::after {
  transform: scale(1);
  transition: all 300ms ease;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item.active .nav-link {
  color: #0094D1;
}
header .custom-navbar .custom-collapse .custom-navbar .nav-item.active .nav-link::after {
  transform: scale(1);
  transition: all 300ms ease;
}
header .custom-navbar .custom-collapse .contact-btn {
  padding: 8px 20px !important;
  color: #fff !important;
  font-size: 14px;
}
@media (max-width: 991px) {
  header .custom-navbar .custom-collapse .contact-btn {
    padding: 6px 16px !important;
  }
}
.header-shadow {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
  transition: all 300ms ease-in;
  background-color: #fff;
}

/**********************
  header section scss end
  ***********************/
/******************************
hero-content section scss start
*******************************/
main {
  height: calc(100vh - 70px);
  margin-top: 70px;
}
@media (max-width: 1024px) {
  main {
    height: auto;
  }
}

.hero {
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F9FC 100%);
  padding: 50px 0 30px;
  display: flex;
  align-items: center;
  margin-top: 70px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1024px) {
  .hero {
    height: auto;
    padding: 40px 12px 50px;
  }
}
@media (max-width: 991px) {
  .hero {
    margin-top: 60px;
    padding: 50px 12px 50px;
  }
}
@media (max-width: 767px) {
  .hero {
    height: auto;
  }
}
.hero .hero-content h2 {
  margin-bottom: 7px;
}
@media (max-width: 1440px) {
  .hero .hero-content h1 {
    font-size: 38px;
    line-height: 44px;
  }
}
@media (max-width: 1199px) {
  .hero .hero-content h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .hero .hero-content h1 {
    font-size: 24px;
    margin-bottom: 14px;
    line-height: 30px;
  }
}
.hero .hero-content h1 span {
  display: inline-block;
  position: relative;
  font-size: inherit;
  line-height: inherit;
  z-index: 1;
}
.hero .hero-content p {
  margin: 20px 0 0;
}
.hero .hero-content p:last-of-type {
  margin-top: 10px;
}
.hero .hero-content.agile h1 span svg {
  width: auto;
}
@media (max-width: 767px) {
  .hero .hero-content.agile h1 span svg {
    width: 100%;
  }
}
.hero .hero-content ul {
  padding-left: 0;
  margin: 20px 0 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hero .hero-content ul li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 28px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #1a1a1a;
}
.hero .hero-content ul li:not(:last-child) {
  margin-bottom: 10px;
}
.hero .hero-content ul li::after {
  content: "";
  position: absolute;
  background-image: url(../images/icons/list-correct.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 18px;
  left: 0;
}
.hero .hero-content .hero-btn {
  margin-top: 30px;
  text-decoration: none;
  display: inline-block;
}
.hero .hero-img-block > img {
  height: 560px;
  object-fit: cover;
  position: relative;
  z-index: 10;
}
@media (max-width: 1440px) {
  .hero .hero-img-block > img {
    height: 450px;
  }
}
@media (max-width: 991px) {
  .hero .hero-img-block > img {
    height: 380px;
  }
}
@media (max-width: 576px) {
  .hero .hero-img-block > img {
    max-width: 100%;
    height: auto;
  }
}
@keyframes move {
  to {
    stroke-dashoffset: 1000;
  }
}
.hero .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.hero .hero-wavy-image img {
  width: 100%;
}
.hero.hero-home {
  padding: 0;
}
@media (max-width: 1024px) {
  .hero.hero-home {
    height: auto;
    padding: 10px 12px 50px;
  }
}
.hero.hero-home .hero-content {
  flex: 0 0 40%;
}
.hero.hero-home .hero-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: calc(100vh - 155px);
}
@media (max-width: 1024px) {
  .hero.hero-home .hero-flex {
    flex-direction: column-reverse;
    height: auto;
  }
}
.hero.hero-home .hero-img-block {
  align-self: flex-end;
  flex: 0 0 60%;
}
@media (max-width: 1024px) {
  .hero.hero-home .hero-img-block {
    align-self: center;
  }
}
.hero.hero-home .hero-img-block > img {
  height: calc(100vh - 210px);
  object-fit: cover;
  position: relative;
  z-index: 10;
}
@media (max-width: 1024px) {
  .hero.hero-home .hero-img-block > img {
    max-width: 100%;
    height: auto;
    margin: 30px 0;
  }
}
.hero .bread {
  text-align: center;
  padding-top: 50px;
}
@media (max-width: 991px) {
  .hero .bread {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .hero .bread {
    padding-top: 30px;
  }
}
.hero .bread ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .hero .bread ul {
    gap: 16px;
  }
}
.hero .bread ul li {
  position: relative;
}
.hero .bread ul li a {
  font-size: 16px;
  text-decoration: none;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .hero .bread ul li a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hero .bread ul li a {
    font-size: 12px;
  }
}
.hero .bread ul li a.active {
  color: #1a1a1a;
}
.hero .bread ul li:not(:last-child)::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #6C6C6C;
  position: absolute;
  top: 8px;
  right: -16px;
}
@media (max-width: 991px) {
  .hero .bread ul li:not(:last-child)::after {
    width: 6px;
    height: 6px;
    top: 10px;
    right: -15px;
  }
}
@media (max-width: 767px) {
  .hero .bread ul li:not(:last-child)::after {
    width: 4px;
    height: 4px;
    top: 10px;
    right: -10px;
  }
}

/****************************
hero-content section scss end
****************************/
/*******************************
client slider section scss start
*******************************/
.client-slider {
  background-color: #e3f3fa;
  margin-top: -12px;
}
.client-slider .client-title {
  text-align: center;
  position: relative;
}
.client-slider .client-title span {
  font-size: 14px;
  color: #6c6c6c;
  position: relative;
  z-index: 16;
  padding: 0 10px;
  background-color: #e3f3fa;
}
.client-slider .client-title::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
}
.client-slider .client-slider-wrapper {
  background-color: #e3f3fa;
}
@media (max-width: 991px) {
  .client-slider .client-slider-wrapper {
    padding: 1rem 0;
  }
}
.client-slider .client-slider-wrapper .img-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  width: max-content;
}
.client-slider .client-slider-wrapper .img-block img {
  filter: grayscale(1);
  transition: all 300ms ease;
  width: 100%;
}
.client-slider .client-slider-wrapper .img-block img:hover {
  filter: grayscale(0);
  transition: all 300ms ease;
}
.client-slider .owl-carousel .owl-stage .owl-item {
  width: max-content !important;
  margin-right: 50px !important;
}
.client-slider .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*******************************
client slider section scss end
*******************************/
/***********************
about section scss end
************************/
.about .about-image-block {
  position: relative;
}
.about .about-image-block .about-img-content {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3019607843);
  background-color: #fff;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 200px;
  border-radius: 5px;
}
.about .about-image-block .about-img-content span {
  width: 60px;
  height: 50px;
  background-color: #f2fafd;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  color: #0094D1;
  font-weight: 600;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .about .about-image-block .about-img-content span {
    width: 50px;
    height: 40px;
    font-size: 20px;
  }
}
.about .about-image-block .about-img-content p {
  font-weight: 500;
  font-size: 14px;
  color: #1a1a1a;
  line-height: 18px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .about .about-image-block .about-img-content p {
    font-size: 12px;
  }
}
.about .about-image-block .about-img-content.years {
  position: absolute;
  left: 0;
  top: 70px;
}
@media (max-width: 1199px) {
  .about .about-image-block .about-img-content.years {
    width: 160px;
    left: 0;
    top: 10px;
    right: auto;
  }
}
.about .about-image-block .about-img-content.team {
  position: absolute;
  right: 0;
  bottom: 50px;
}
@media (max-width: 1199px) {
  .about .about-image-block .about-img-content.team {
    bottom: 0;
  }
}
.about .about-image-block .about-ring {
  position: absolute;
  left: 0;
  z-index: -1;
  animation: ring 10s infinite linear;
}
.about .about-quote {
  margin-top: 30px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
}
.about .about-quote p {
  font-size: 20px;
  font-weight: 500;
  color: #1a1a1a;
  margin-bottom: 0;
  line-height: 26px;
}
@media (max-width: 991px) {
  .about .about-quote p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .about .about-quote img {
    width: 50px;
  }
}
.about ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.about ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-left: 28px;
}
@media (max-width: 991px) {
  .about ul li {
    padding-left: 24px;
  }
}
.about ul li:not(:last-child) {
  margin-bottom: 10px;
}
.about ul li strong, .about ul li b {
  color: #1a1a1a;
  font-weight: 500;
  display: contents;
}
.about ul li p strong, .about ul li p b {
  display: contents;
  color: #1a1a1a;
  font-weight: 500;
}
.about ul li::after {
  content: "";
  position: absolute;
  background-image: url("../images/icons/list-correct.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 18px;
  top: 5px;
  left: 0;
}
@media (max-width: 991px) {
  .about ul li::after {
    height: 13px;
    width: 15px;
  }
}
@media (max-width: 480px) {
  .about ul li::after {
    top: 6px;
  }
}

/* @keyframes ring {
    0% {
        rotate: 0;
    }

    100% {
        rotate: 360deg;
    }
} */
/***********************
about section scss end
************************/
/*************************
service section scss start
**************************/
.service {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
@media (max-width: 991px) {
  .service {
    overflow: hidden;
  }
}
.service .about-image-block {
  position: relative;
  margin-bottom: 40px;
}
.service .about-image-block .about-ring {
  position: absolute;
  left: 0;
  z-index: -1;
  animation: ring 10s infinite linear;
}
.service .service-card {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 25px 20px 20px;
  border-radius: 10px;
  min-height: 100%;
  height: 100%;
  transition: all 300ms ease;
  position: relative;
  z-index: 10;
}
@media (max-width: 1199px) {
  .service .service-card {
    padding: 20px 16px 16px;
  }
}
.service .service-card .icon-fill,
.service .service-card .icon-white {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .service .service-card .icon-fill,
  .service .service-card .icon-white {
    margin-bottom: 18px;
    width: 34px;
  }
}
.service .service-card .icon-white {
  display: none;
}
.service .service-card p {
  font-size: 14px;
  margin-bottom: 0;
}
.service .service-card a {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #0094D1;
}
.service .service-card a i {
  font-size: inherit;
  color: inherit;
  transform: translateX(10px);
  transition: all 300ms ease;
}
.service .service-card a:hover i {
  transform: translateX(16px);
  transition: all 300ms ease;
}
.service .service-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.service .service-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.service .service-card:hover p, .service .service-card:hover a, .service .service-card:hover i,
.service .service-card:hover h3 {
  color: #fff;
}
.service .service-card:hover p {
  opacity: 0.8;
}
.service .service-card:hover .icon-fill {
  display: none;
}
.service .service-card:hover .icon-white {
  display: block;
}
.service .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.service .hero-wavy-image img {
  width: 100%;
}
.service.about .service-card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
@media (max-width: 1199px) {
  .service.about .service-card {
    gap: 16px;
  }
}
.service.about .service-card:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .service.about .service-card:not(:last-child) {
    margin-bottom: 16px;
  }
}
.service.about .service-card .card-wavy {
  width: 100%;
  bottom: -100px;
}
.service.about .service-card .card-wavy img {
  width: 100%;
}
.service .btn {
  text-decoration: none;
  display: inline-block;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .service .btn {
    margin-top: 5px;
  }
}

/***********************
service section scss end
************************/
/*************************
choose section scss start
**************************/
.choose {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  z-index: 10;
}
.choose .choose-slider .choose-card {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 25px 20px 20px;
  border-radius: 10px;
  transition: all 300ms ease;
  position: relative;
  height: 100%;
}
@media (max-width: 1199px) {
  .choose .choose-slider .choose-card {
    padding: 20px 16px 16px;
  }
}
.choose .choose-slider .choose-card .icon-fill,
.choose .choose-slider .choose-card .icon-white {
  margin-bottom: 24px;
  width: auto;
}
@media (max-width: 1199px) {
  .choose .choose-slider .choose-card .icon-fill,
  .choose .choose-slider .choose-card .icon-white {
    margin-bottom: 18px;
    width: 34px;
  }
}
.choose .choose-slider .choose-card .icon-white {
  display: none;
}
.choose .choose-slider .choose-card p {
  font-size: 14px;
  margin-bottom: 0;
}
.choose .choose-slider .choose-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.choose .choose-slider .choose-card .card-wavy img {
  width: auto;
  width: 100%;
}
.choose .choose-slider .choose-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.choose .choose-slider .choose-card:hover p,
.choose .choose-slider .choose-card:hover h3 {
  color: #fff;
}
.choose .choose-slider .choose-card:hover p {
  opacity: 0.8;
}
.choose .choose-slider .choose-card:hover .icon-fill {
  display: none;
}
.choose .choose-slider .choose-card:hover .icon-white {
  display: block;
}
.choose .owl-carousel .owl-stage {
  display: flex;
}
.choose .owl-nav {
  margin-top: 40px !important;
}
.choose.bg-light .owl-carousel .owl-prev, .choose.bg-light .owl-carousel .owl-next {
  background-color: #fff !important;
  transition: all 0.3s ease;
}
.choose.bg-light .owl-carousel .owl-prev:hover, .choose.bg-light .owl-carousel .owl-next:hover {
  background-color: #fff !important;
  transition: all 0.3s ease;
}
.choose .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.choose .hero-wavy-image img {
  width: 100%;
}

/*************************
choose section scss end
**************************/
/****************************
our numbers section scss start
******************************/
.numbers {
  background-color: #f3fafc;
  position: relative;
}
.numbers::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 90px);
  z-index: 4;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7294117647);
}
.numbers .section-title-content {
  position: relative;
  z-index: 20;
}
.numbers .number-card-wrapper {
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .numbers .number-card-wrapper {
    padding-bottom: 20px;
  }
}
.numbers .number-card-wrapper .number-card {
  position: relative;
  z-index: 20;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  padding: 20px;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 1199px) {
  .numbers .number-card-wrapper .number-card {
    height: 110px;
  }
}
@media (max-width: 767px) {
  .numbers .number-card-wrapper .number-card {
    padding: 16px;
    height: 90px;
  }
}
.numbers .number-card-wrapper .number-card span {
  font-size: 40px;
  line-height: 46px;
  color: #fff;
  position: relative;
}
.numbers .number-card-wrapper .number-card span::before {
  content: "";
  background-color: #0094D1;
  position: absolute;
  left: -21px;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 40px;
}
@media (max-width: 1199px) {
  .numbers .number-card-wrapper .number-card span::before {
    height: 32px;
  }
}
@media (max-width: 767px) {
  .numbers .number-card-wrapper .number-card span::before {
    left: -16px;
    width: 4px;
    height: 28px;
  }
}
@media (max-width: 1440px) {
  .numbers .number-card-wrapper .number-card span {
    font-size: 38px;
    line-height: 44px;
  }
}
@media (max-width: 1199px) {
  .numbers .number-card-wrapper .number-card span {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .numbers .number-card-wrapper .number-card span {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 30px;
  }
}
.numbers .number-card-wrapper .number-card p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin: 6px 0 0;
  text-transform: capitalize;
  line-height: 21px;
}
.numbers .form-wrapper {
  padding: 25px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2509803922);
  position: relative;
  z-index: 16;
  border-radius: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .numbers .form-wrapper {
    padding: 20px 16px;
  }
}
.numbers .form-wrapper h4 {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 6px;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .numbers .form-wrapper h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
.numbers .form-wrapper p {
  color: #6c6c6c;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}
.numbers .form-wrapper form {
  margin-top: 25px;
}
.numbers .form-wrapper form label {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: capitalize;
  transition: all 300ms ease;
}
.numbers .form-wrapper form label.active {
  color: #0094D1;
  transition: all 300ms ease;
}
.numbers .form-wrapper form .form-control,
.numbers .form-wrapper form .form-select {
  border-radius: 35px;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  height: 40px;
  font-size: 14px;
  padding: 0 18px;
  transition: all 300ms ease;
  font-weight: 400;
}
.numbers .form-wrapper form .form-control:hover, .numbers .form-wrapper form .form-control:focus,
.numbers .form-wrapper form .form-select:hover,
.numbers .form-wrapper form .form-select:focus {
  transition: all 300ms ease;
  box-shadow: none;
  border: 1px solid #0094D1;
  background-color: #f2fafd;
  caret-color: #0094D1;
}
.numbers .form-wrapper form .form-select {
  background-image: url("../images/icons/arrow-down-1.svg");
  background-position: 97% 50%;
  background-size: auto;
}
.numbers .form-wrapper form select,
.numbers .form-wrapper form option {
  font-size: 12px;
}
.numbers .form-wrapper form textarea {
  border-radius: 20px !important;
  padding: 10px 15px !important;
}
.numbers .form-wrapper form .btn {
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
}
@media (max-width: 991px) {
  .numbers .form-wrapper form .btn {
    margin-top: 5px;
  }
}
.numbers .number-background {
  position: absolute;
  top: 0;
  z-index: 4;
  width: 100%;
  height: calc(100% - 90px);
  left: 0;
  object-fit: cover;
}
.numbers .aos-animate {
  z-index: 10;
  position: relative;
}

/****************************
our numbers section scss end
******************************/
/*****************************
technologies section scss start
******************************/
.technologies a {
  text-decoration: none;
}
.technologies a .tech-logo-card {
  min-height: 100px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  flex: 0 0 16%;
  padding: 0 16px;
  transition: all 300ms ease;
}
@media (max-width: 1199px) {
  .technologies a .tech-logo-card {
    min-height: 80px;
  }
}
.technologies a .tech-logo-card img {
  width: 100%;
  height: 50px;
}
@media (max-width: 1199px) {
  .technologies a .tech-logo-card img {
    width: 80px;
    height: 50px;
    aspect-ratio: 3/2;
    object-fit: contain;
  }
}
.technologies a > h3 {
  font-size: 16px;
  font-weight: 500;
  color: #1a1a1a;
  display: block;
  text-align: center;
  margin-top: 10px;
  transition: all 300ms ease;
}
@media (max-width: 767px) {
  .technologies a > h3 {
    margin-top: 6px;
  }
}
.technologies a:hover {
  text-decoration: none;
}
.technologies a:hover .tech-logo-card {
  border-color: #0094D1;
  transition: all 300ms ease;
}
.technologies a:hover span, .technologies a:hover h3 {
  transition: all 300ms ease;
  color: #0094D1;
}
.technologies .button-block a {
  text-decoration: none;
  margin-top: 40px;
  display: inline-block;
}
@media (max-width: 991px) {
  .technologies .button-block a {
    margin-top: 30px;
  }
}
.technologies .button-block a span {
  margin-top: 0;
}
.technologies.home {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
.technologies .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.technologies .hero-wavy-image img {
  width: 100%;
}
.technologies .nav {
  flex-direction: column;
  border: none;
}
@media (max-width: 991px) {
  .technologies .nav {
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-y: auto;
    padding-bottom: 8px;
  }
}
.technologies .nav li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .technologies .nav li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.technologies .nav li button {
  font-size: 16px;
  font-weight: 500;
  color: #6C6C6C;
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 16px;
}
.technologies .nav li button .fill-icon {
  display: none;
}
.technologies .nav li button .gray-icon {
  display: block;
}
.technologies .nav li button.active {
  background-color: transparent;
  color: #0094D1;
}
.technologies .nav li button.active .fill-icon {
  display: block;
}
.technologies .nav li button.active .gray-icon {
  display: none;
}

/*****************************
technologies section scss end
******************************/
/*****************************
testimonials section scss start
******************************/
.testimonials {
  position: relative;
  z-index: 10;
}
.testimonials .testimonial-card {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  position: relative;
  z-index: 10;
  margin: 0 0 30px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  width: 100%;
}
@media (max-width: 991px) {
  .testimonials .testimonial-card {
    margin: 0 0 20px;
  }
}
.testimonials .testimonial-card h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  color: #1a1a1a;
}
.testimonials .testimonial-card span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #6C6C6C;
}
.testimonials .testimonial-card .testimonial-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-radius: 10px 10px 0 0;
}
.testimonials .hero-wavy-image{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .testimonials .testimonial-card .testimonial-card-title {
    padding: 14px 16px;
  }
}
@media (max-width: 1199px) {
  .testimonials .testimonial-card .testimonial-card-title > img {
    width: 32px;
  }
}
.testimonials .testimonial-card .testimonial-card-title .client-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.testimonials .testimonial-card .testimonial-card-title .client-flex img {
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  width: 40px;
  height: 40px;
}
.testimonials .testimonial-card .testimonial-content {
  border-radius: 0 0 10px 10px;
  padding: 15px 20px;
  border-top: 1px solid #e0e0e0;
}
@media (max-width: 1199px) {
  .testimonials .testimonial-card .testimonial-content {
    padding: 14px 16px;
  }
}
.testimonials .testimonial-card .testimonial-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  color: #1a1a1a;
}
.testimonials .testimonial-card .testimonial-content.video {
  padding: 0;
  position: relative;
}
.testimonials .testimonial-card .testimonial-content.video .testimonial-image > img {
  border-radius: 0 0 10px 10px;
}
@media (max-width: 991px) {
  .testimonials .testimonial-card .testimonial-content.video .testimonial-image > img {
    width: 100%;
  }
}
.testimonials .testimonial-card .testimonial-content.video .testimonial-image button {
  outline: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6980392157);
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.testimonials .testimonial-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.testimonials .testimonial-card .card-wavy img {
  width: 100%;
}
.testimonials .testimonial-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}

.testimonials .testimonial-card:hover .testimonial-content{
	color: #ffffff;
}

.testimonials .testimonial-card:hover h6 {
  color: #fff;
}
.testimonials .testimonial-card:hover span,
.testimonials .testimonial-card:hover p {
  color: #fff;
  opacity: 0.8;
}
.testimonials .testimonial-card:hover .testimonial-card-title .client-flex + img {
  filter: brightness(0) invert(0.8);
}
.testimonials .testimonial-card.video:hover {
  background-color: #fff !important;
}
.testimonials .testimonial-card.video:hover h6 {
  color: #1a1a1a;
}
.testimonials .testimonial-card.video:hover span,
.testimonials .testimonial-card.video:hover p {
  color: #1a1a1a;
  opacity: 1;
}
.testimonials .testimonial-card.video:hover .testimonial-card-title .client-flex + img {
  filter: brightness(1) invert(0);
}
.testimonials .testimonial-wrapper {
  column-count: 3;
  column-gap: 30px;
  column-fill: balance;
}
@media (max-width: 991px) {
  .testimonials .testimonial-wrapper {
    column-count: 1;
    gap: 20px;
  }
}
.testimonials .button-block.load-more-btn svg {
  transform: rotate(90deg);
}
.testimonials .button-block.load-less-btn svg {
  transform: rotate(-90deg);
}
.testimonials .button-block a {
  text-decoration: none;
  margin-top: 16px;
  display: inline-block;
}

/****************************
testimonials section scss end
****************************/
/*************************
client section scss start
**************************/
.client {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
@media (max-width: 991px) {
  .client {
    padding-left: 0;
    padding-right: 0;
  }
}
.client .client-logo-wrapper,
.client .client-logo-reverse-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 991px) {
  .client .client-logo-wrapper,
  .client .client-logo-reverse-wrapper {
    gap: 16px;
  }
}
.client .client-logo-wrapper span,
.client .client-logo-reverse-wrapper span {
  width: 195px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .client .client-logo-wrapper span,
  .client .client-logo-reverse-wrapper span {
    width: 170px;
    height: 80px;
  }
}
@media (max-width: 767px) {
  .client .client-logo-wrapper span,
  .client .client-logo-reverse-wrapper span {
    width: 150px;
    height: 60px;
  }
}
.client .client-logo-wrapper span img,
.client .client-logo-reverse-wrapper span img {
  width: auto;
}
@media (max-width: 1024px) {
  .client .client-logo-wrapper span img,
  .client .client-logo-reverse-wrapper span img {
    height: 34px;
  }
}
@media (max-width: 767px) {
  .client .client-logo-wrapper span img,
  .client .client-logo-reverse-wrapper span img {
    height: 30px;
  }
}
.client .client-logo-wrapper {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .client .client-logo-wrapper {
    margin-bottom: 20px;
  }
}
.client .scroller[data-animated=true] {
  overflow: hidden;
}
.client .scroller[data-animated=true] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}
.client .scroller[data-direction=right] {
  --_animation-direction: reverse;
}
.client .scroller[data-direction=left] {
  --_animation-direction: forwards;
}
.client .scroller[data-speed=fast] {
  --_animation-duration: 20s;
}
.client .scroller[data-speed=slow] {
  --_animation-duration: 60s;
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.client .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.client .hero-wavy-image img {
  width: 100%;
}

/**********************
client section scss end
***********************/
/********************
faq section scss start
**********************/
@media (max-width: 991px) {
  .faq {
    overflow: hidden;
  }
}
.faq .section-title-content {
  position: sticky;
  top: 100px;
}
.faq .accordion .faq-wrapper .accordion-item {
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px;
  background: #FFFFFF;
}
.faq .accordion .faq-wrapper .accordion-item:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .faq .accordion .faq-wrapper .accordion-item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.faq .accordion .faq-wrapper .accordion-item .accordion-header {
  position: relative;
}
.faq .accordion .faq-wrapper .accordion-item .accordion-header .accordion-button {
  padding: 18px 20px;
  border-radius: 10px 10px 0 0;
  background-color: #f2fafd !important;
}
@media (max-width: 767px) {
  .faq .accordion .faq-wrapper .accordion-item .accordion-header .accordion-button {
    padding: 12px 16px;
  }
}
@media (max-width: 991px) {
  .faq .accordion .faq-wrapper .accordion-item .accordion-header .accordion-button {
    padding: 12px 16px;
  }
}
.faq .accordion .faq-wrapper .accordion-item .accordion-header .accordion-button p {
  font-size: 16px;
  font-weight: 500;
  color: #1a1a1a;
  border: none;
  margin-bottom: 0;
  line-height: 24px;
  width: 90%;
}
@media (max-width: 767px) {
  .faq .accordion .faq-wrapper .accordion-item .accordion-header .accordion-button p {
    width: 85%;
    font-size: 16px;
    line-height: 22px;
  }
}
.faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body {
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #e0e0e0;
  padding: 15px 20px;
}
@media (max-width: 767px) {
  .faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body {
    padding: 12px 16px;
  }
}
@media (max-width: 991px) {
  .faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body {
    padding: 12px 16px;
  }
}
.faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body p {
  color: #6C6C6C;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 400;
}
@media (max-width: 767px) {
  .faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body p {
    font-size: 14px;
  }
}
.faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body p:last-child {
  margin-bottom: 0;
}
.faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}
.faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body ul li:not(:last-child) {
  margin-bottom: 6px;
}
.faq .accordion .faq-wrapper .accordion-item .accordion-collapse .accordion-body ul li::marker {
  color: #000;
  font-size: 12px;
}
.faq .accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  color: #fff !important;
  background-color: #0094D1 !important;
  box-shadow: none !important;
  border: 1px solid #0094D1 !important;
}
.faq .accordion-button::after {
  background-image: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\f107";
  font-size: 14px;
  line-height: 0;
  color: #999;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0;
  position: absolute;
  right: 16px;
  top: calc(50% - 12px);
  /* @include for-size(ipad-991) {
      top: 1.6rem;
  } */
}
.faq .accordion-item:first-of-type,
.faq .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.faq .accordion-item:last-of-type,
.faq .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.faq .accordion-button:not(.collapsed) p {
  color: #0094D1 !important;
}
.faq .accordion-button:not(.collapsed) {
  background: #f2fafd !important;
  color: #1a1a1a;
  box-shadow: none;
  border-radius: 5px 5px 0 0;
}
.faq .accordion-button:focus {
  background: transparent !important;
  color: #1a1a1a;
  box-shadow: none !important;
  border-radius: 0;
}
.faq .accordion .faq-wrapper .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: transparent !important;
  box-shadow: none !important;
}

/*******************
faq section scss end
********************/
/************************
follow section scss start
************************/
.follow {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
.follow .follow-card {
  position: relative;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 25px 20px 20px;
  border-radius: 10px;
  min-height: 100%;
  height: 100%;
  z-index: 10;
}
@media (max-width: 1199px) {
  .follow .follow-card {
    padding: 20px 16px 16px;
  }
}
.follow .follow-card .icon-fill,
.follow .follow-card .icon-white {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .follow .follow-card .icon-fill,
  .follow .follow-card .icon-white {
    margin-bottom: 18px;
    width: 34px;
  }
}
.follow .follow-card .icon-white {
  display: none;
}
.follow .follow-card .number {
  color: #F2F9FC;
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  top: 18px;
  right: 20px;
}
@media (max-width: 1199px) {
  .follow .follow-card .number {
    font-size: 34px;
    line-height: 40px;
  }
}
.follow .follow-card h3 {
  text-transform: capitalize;
}
.follow .follow-card p {
  font-size: 14px;
  margin-bottom: 0;
}
.follow .follow-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.follow .follow-card .card-wavy img {
  width: 100%;
}
.follow .follow-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.follow .follow-card:hover p,
.follow .follow-card:hover h3 {
  color: #fff;
}
.follow .follow-card:hover .number {
  opacity: 0.15;
}
.follow .follow-card:hover .icon-fill {
  display: none;
}
.follow .follow-card:hover .icon-white {
  display: block;
}
.follow .follow-card.no-hover:hover {
  background-color: #fff;
}
.follow .follow-card.no-hover:hover h3 {
  color: #1a1a1a;
}
.follow .follow-card.no-hover:hover p {
  color: #6C6C6C;
}
.follow .follow-card.no-hover:hover .icon-fill {
  display: block;
}
.follow .follow-card.no-hover:hover .icon-white {
  display: none;
}
.follow .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.follow .hero-wavy-image img {
  width: 100%;
}
.follow .button-block a {
  text-decoration: none;
  margin-top: 40px;
  display: inline-block;
}
@media (max-width: 991px) {
  .follow .button-block a {
    margin-top: 30px;
  }
}
.follow .button-block a span {
  margin-top: 0;
}

/************************
follow section scss end
************************/
/*****************************
Industries section scss start
*******************************/
.industries {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
.industries .section-title-content {
  margin-bottom: 70px;
}
@media (max-width: 1199px) {
  .industries .section-title-content {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .industries .section-title-content {
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .industries .section-title-content {
    margin-bottom: 50px;
  }
}
.industries .industrie-block {
  text-align: center;
}
.industries .industrie-block h6, .industries .industrie-block h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin: 24px 0 0;
  color: #1a1a1a;
}
@media (max-width: 1280px) {
  .industries .industrie-block h6, .industries .industrie-block h3 {
    margin: 20px 0 0;
  }
}
@media (max-width: 991px) {
  .industries .industrie-block h6, .industries .industrie-block h3 {
    margin: 16px 0 0;
  }
}
@media (max-width: 1440px) {
  .industries .industrie-block img {
    height: 50px;
  }
}
@media (max-width: 1199px) {
  .industries .industrie-block img {
    height: 40px;
  }
}
@media (max-width: 991px) {
  .industries .industrie-block img {
    height: 34px;
  }
}
.industries .g-7 {
  --bs-gutter-y: 70px;
}
@media (max-width: 1440px) {
  .industries .g-7 {
    --bs-gutter-y: 60px;
  }
}
@media (max-width: 1280px) {
  .industries .g-7 {
    --bs-gutter-y: 50px;
  }
}
@media (max-width: 991px) {
  .industries .g-7 {
    --bs-gutter-y: 40px;
  }
}
.industries .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.industries .hero-wavy-image img {
  width: 100%;
}

/*****************************
Industries section scss end
*******************************/
.inquiry {
  background-image: url("../images/background/inquiry-banner.webp");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 10;
}
.inquiry.joining {
  background-image: url("../images/background/joining.webp");
}
.inquiry.product {
  background-image: url("../images/products/product-bg.webp");
}
.inquiry::after {
  content: "";
  background: rgba(0, 0, 0, 0.6980392157);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.inquiry a {
  margin-top: 30px;
  text-decoration: none;
  display: inline-block;
}
.inquiry.add-pb-100 {
  padding-bottom: 170px;
}
@media (max-width: 1199px) {
  .inquiry.add-pb-100 {
    padding-bottom: 180px;
  }
}
@media (max-width: 767px) {
  .inquiry.add-pb-100 {
    padding-bottom: 50px;
  }
}

/*****************************
Inquiry section scss start
*******************************/
/*****************************
Inquiry section scss end
*******************************/
/*****************************
case-studies section scss start
*******************************/
.case-study .project-banner img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .case-study .project-banner img {
    max-width: 75%;
  }
}
@media (max-width: 991px) {
  .case-study .project-banner img {
    max-width: 100%;
  }
}
.case-study .project-content > img {
  width: auto;
  height: 40px;
  object-fit: contain;
  margin-bottom: 25px;
  margin-right: auto;
  text-align: left;
}
.case-study .project-content h4 {
  font-weight: 600;
  font-size: 24px;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.case-study .project-content .project-description {
  height: 155px;
  overflow-y: auto;
  padding-right: 10px;
}
@media (max-width: 1440px) {
  .case-study .project-content .project-description {
    height: 80px;
  }
}
@media (max-width: 1199px) {
  .case-study .project-content .project-description {
    height: auto;
  }
}
.case-study .project-content .project-description p {
  font-size: 14px;
  margin-bottom: 0;
}
.case-study .project-content .project-challange {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
  margin-top: 40px;
  position: absolute;
  left: auto;
  right: 35px;
  width: 662px;
  bottom: 30px;
}
@media (max-width: 1199px) {
  .case-study .project-content .project-challange {
    width: auto;
    position: static;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 20px 0;
    margin: 20px 0 0;
    box-shadow: none;
  }
}
.case-study .project-content .project-challange h5 {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #0094D1;
  display: inline-block;
  margin-bottom: 15px;
}
.case-study .project-content .project-challange ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.case-study .project-content .project-challange ul li {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  padding-left: 28px;
  color: #1a1a1a;
}
@media (max-width: 991px) {
  .case-study .project-content .project-challange ul li {
    padding-left: 24px;
  }
}
.case-study .project-content .project-challange ul li:not(:last-child) {
  margin-bottom: 10px;
}
.case-study .project-content .project-challange ul li span {
  padding-top: 5px;
}
.case-study .project-content .project-challange ul li span img {
  width: auto;
}
.case-study .project-content .project-challange ul li strong, .case-study .project-content .project-challange ul li b {
  color: #1a1a1a;
  font-weight: 500;
  display: contents;
}
.case-study .project-content .project-challange ul li p strong, .case-study .project-content .project-challange ul li p b {
  display: contents;
  color: #1a1a1a;
  font-weight: 500;
}
.case-study .project-content .project-challange ul li::after {
  content: "";
  position: absolute;
  background-image: url("../images/icons/list-correct.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 18px;
  left: 0;
  top: 3px;
}
@media (max-width: 991px) {
  .case-study .project-content .project-challange ul li::after {
    height: 13px;
    width: 15px;
  }
}
@media (max-width: 480px) {
  .case-study .project-content .project-challange ul li::after {
    top: 6px;
  }
}
.case-study .project-data-wrapper {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .case-study .project-data-wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .case-study .project-data-wrapper .project-data {
    margin-bottom: 25px;
  }
}
.case-study .project-data-wrapper .project-data span {
  color: #1a1a1a;
  position: relative;
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  padding-left: 20px;
}
.case-study .project-data-wrapper .project-data span::after {
  content: "";
  background-color: #0094D1;
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 40px;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .case-study .project-data-wrapper .project-data span::after {
    width: 4px;
    height: 30px;
  }
}
@media (max-width: 1440px) {
  .case-study .project-data-wrapper .project-data span {
    font-size: 34px;
    line-height: 40px;
  }
}
@media (max-width: 1199px) {
  .case-study .project-data-wrapper .project-data span {
    font-size: 28px;
    line-height: 32px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .case-study .project-data-wrapper .project-data span {
    font-size: 24px;
    line-height: 30px;
  }
}
.case-study .project-data-wrapper .project-data p {
  font-size: 16px;
  font-weight: 400;
  color: #1a1a1a;
  padding-left: 20px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .case-study .project-data-wrapper .project-data p {
    font-size: 14px;
    padding-left: 16px;
  }
}
.case-study .project-data-wrapper .project-data h6 {
  font-weight: 600;
  font-size: 18px;
  color: #0094D1;
  margin-bottom: 5px;
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .case-study .owl-nav {
    margin-top: 30px !important;
  }
}
.case-study a {
  text-decoration: none;
  display: inline-block;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .case-study a {
    margin-top: 0;
  }
}
.case-study .slider-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  right: 12px;
}
@media (max-width: 991px) {
  .case-study .slider-button-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .case-study .slider-button-wrapper {
    position: static;
    justify-content: center;
  }
}
.case-study .slider-button-wrapper a {
  text-decoration: none;
  display: inline-block;
}
.case-study .slider-button-wrapper .slider-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.case-study .slider-button-wrapper .slider-nav button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a5a5a5 !important;
  background-color: transparent;
  margin: 0;
  border: 1px solid #e0e0e0 !important;
}
.case-study .slider-button-wrapper .slider-nav button:hover,
.case-study .slider-button-wrapper .slider-nav button:focus {
  margin: 0;
  background-color: transparent !important;
  outline: none;
  border: 1px solid #0094D1 !important;
}
.case-study .slider-button-wrapper .slider-nav .owl-prev {
  margin: 0;
}
.case-study .slider-button-wrapper .slider-nav button:hover path,
.case-study .slider-button-wrapper .slider-nav button:focus path {
  fill: #0094D1;
}
.case-study .slider-button-wrapper .slider-nav button:hover .prev-arrow,
.case-study .slider-button-wrapper .slider-nav button:hover .next-arrow,
.case-study .slider-button-wrapper .slider-nav button:focus,
.case-study .slider-button-wrapper .slider-nav button:focus {
  color: #0094D1 !important;
  fill: #0094D1 !important;
}

/****************************
case-studies section scss end
*****************************/
/**********************
hire section scss start
***********************/
.hire .hire-card-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper {
    flex-direction: column;
    justify-content: center;
    gap: 60px;
    margin-top: 23px;
  }
}
.hire .hire-card-wrapper .hire-card {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 25px 20px 20px;
  border-radius: 10px;
  text-align: center;
  position: relative;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper .hire-card {
    padding: 20px 16px 16px;
  }
}
.hire .hire-card-wrapper .hire-card .hire-left-shape {
  position: absolute;
  left: -68px;
  top: -43px;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper .hire-card .hire-left-shape {
    display: none;
  }
}
.hire .hire-card-wrapper .hire-card .hire-right-shape {
  position: absolute;
  right: -142px;
  bottom: -7px;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper .hire-card .hire-right-shape {
    display: none;
  }
}
.hire .hire-card-wrapper .hire-card:nth-child(2) {
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper .hire-card:nth-child(2) {
    margin-top: 0;
  }
}
.hire .hire-card-wrapper .hire-card span {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #0094D1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -35px;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper .hire-card span {
    width: 56px;
    height: 56px;
    font-size: 32px;
    top: -28px;
  }
}
@media (max-width: 767px) {
  .hire .hire-card-wrapper .hire-card span {
    width: 48px;
    height: 48px;
    font-size: 26px;
    top: -24px;
  }
}
.hire .hire-card-wrapper .hire-card p {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 10px 0 0;
}
.hire .hire-card-wrapper .hire-card h4 {
  margin-top: 33px;
}
@media (max-width: 1199px) {
  .hire .hire-card-wrapper .hire-card h4 {
    margin-top: 26px;
  }
}

/**********************
hire section scss end
***********************/
/**********************
offer section scss start
***********************/
.offer {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
.offer .offer-card {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 25px 20px 20px;
  border-radius: 10px;
  min-height: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  transition: all 300ms ease;
}
@media (max-width: 1199px) {
  .offer .offer-card {
    padding: 20px 16px 16px;
  }
}
.offer .offer-card .icon-fill,
.offer .offer-card .icon-white {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .offer .offer-card .icon-fill,
  .offer .offer-card .icon-white {
    margin-bottom: 18px;
    width: 34px;
  }
}
.offer .offer-card .icon-white {
  display: none;
}
.offer .offer-card h4, .offer .offer-card h3 {
  text-transform: capitalize;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .offer .offer-card h4, .offer .offer-card h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.offer .offer-card p {
  color: #fff;
  margin-bottom: 0;
}
.offer .offer-card a {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #0094D1;
}
.offer .offer-card a i {
  font-size: inherit;
  color: inherit;
  transform: translateX(10px);
  transition: all 300ms ease;
}
.offer .offer-card a:hover i {
  transform: translateX(16px);
  transition: all 300ms ease;
}
.offer .offer-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.offer .offer-card.fill-card {
  background-color: #0094D1;
  border: 1px solid transparent;
}
.offer .offer-card.fill-card .offer-btn {
  display: inline-block;
  text-decoration: none;
  margin-top: 16px;
  background-color: #fff;
  color: #0094d1;
}
.offer .offer-card.fill-card .offer-btn span {
  background-color: #0094D1;
}
.offer .offer-card.fill-card .offer-btn span svg,
.offer .offer-card.fill-card .offer-btn span path {
  fill: #fff;
}
.offer .offer-card.fill-card .offer-btn:hover {
  background-color: #fff;
  border: 1px solid transparent;
  transition: all 300ms ease;
  color: #0084BB;
}
.offer .offer-card.fill-card .offer-btn:hover span {
  background-color: #0084BB;
  transition: all 300ms ease;
}
.offer .offer-card.fill-card .offer-btn:hover span svg,
.offer .offer-card.fill-card .offer-btn:hover span path {
  fill: #fff;
}
.offer .offer-card.fill-card .card-wavy {
  width: 100%;
}
.offer .offer-card.fill-card .card-wavy img {
  width: 100%;
}
.offer .offer-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.offer .offer-card:hover a,
.offer .offer-card:hover h4 {
  color: #fff;
}
.offer .offer-card:hover .icon-fill {
  display: none;
}
.offer .offer-card:hover .icon-white {
  display: block;
}
.offer .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.offer .hero-wavy-image img {
  width: 100%;
}

/**********************
offer section scss end
***********************/
/**********************
business section scss start
***********************/
.business {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
.business .common-btn {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .business .common-btn {
    margin-top: 20px;
  }
}
.business .about-image-block {
  position: relative;
  margin-bottom: 40px;
}
.business .about-image-block .about-ring {
  position: absolute;
  left: 0;
  z-index: -1;
  animation: ring 10s infinite linear;
}
.business .service-card {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 25px 20px 20px;
  border-radius: 10px;
  min-height: 100%;
  height: 100%;
  transition: all 300ms ease;
  position: relative;
}
@media (max-width: 1199px) {
  .business .service-card {
    padding: 20px 16px 16px;
  }
}
.business .service-card .icon-fill,
.business .service-card .icon-white {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .business .service-card .icon-fill,
  .business .service-card .icon-white {
    margin-bottom: 18px;
    width: 34px;
  }
}
.business .service-card .icon-white {
  display: none;
}
.business .service-card p {
  font-size: 14px;
  margin-bottom: 0;
}
.business .service-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.business .service-card .card-wavy > img {
  width: 100%;
}
.business .service-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.business .service-card:hover p,
.business .service-card:hover h3 {
  color: #fff;
}
.business .service-card:hover p {
  opacity: 0.8;
}
.business .service-card:hover .icon-fill {
  display: none;
}
.business .service-card:hover .icon-white {
  display: block;
}
.business ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.business ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-left: 28px;
  position: relative;
}
@media (max-width: 991px) {
  .business ul li {
    padding-left: 24px;
  }
}
.business ul li img {
  margin-top: 6px;
}
.business ul li:not(:last-child) {
  margin-bottom: 10px;
}
.business ul li strong, .business ul li b {
  color: #1a1a1a;
  font-weight: 500;
  display: contents;
}
.business ul li p strong, .business ul li p b {
  display: contents;
  color: #1a1a1a;
  font-weight: 500;
}
.business ul li::after {
  content: "";
  position: absolute;
  background-image: url("../images/icons/list-correct.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 18px;
  left: 0;
  top: 6px;
}
@media (max-width: 991px) {
  .business ul li::after {
    height: 13px;
    width: 15px;
  }
}
@media (max-width: 480px) {
  .business ul li::after {
    top: 6px;
  }
}
.business .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.business .hero-wavy-image img {
  width: 100%;
}
.business.choose-home .section-title-content {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .business.choose-home .about-image-block {
    margin-bottom: 0;
  }
}

/**********************
business section scss end
***********************/
/**********************
Blogs section scss start
***********************/
.blogs {
  background-color: #f3fafc;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .blogs {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.blogs.blog-listing {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.blogs .blog-card {
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  position: relative;
  z-index: 10;
}
.blogs .blog-card .blog-image > img {
  width: 100%;
  height: 230px;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
  object-position: center;
}
.blogs .blog-card .blog-details {
  padding: 20px;
  transition: all 300ms ease;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 767px) {
  .blogs .blog-card .blog-details {
    padding: 16px;
  }
}
.blogs .blog-card .blog-details .blog-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .blogs .blog-card .blog-details .blog-title {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 13px;
  }
}
.blogs .blog-card .blog-details .blog-title > span {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #1a1a1a;
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 35px;
  padding: 5px 14px;
}
.blogs .blog-card .blog-details .blog-title .blog-writer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.blogs .blog-card .blog-details .blog-title .blog-writer img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
}
.blogs .blog-card .blog-details .blog-title .blog-writer span {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: #1a1a1a;
  display: inline-block;
}
.blogs .blog-card .blog-details h6,
.blogs .blog-card .blog-details a {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-overflow: ellipsis;
  text-decoration: none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blogs .blog-card .blog-details p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6C6C6C;
  margin: 0 0 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.blogs .blog-card .blog-details time {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #1a1a1a;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.blogs .blog-card .blog-details time img {
  width: auto;
}
.blogs .blog-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.blogs .blog-card .card-wavy img {
  width: 100%;
}
.blogs .blog-card:hover .blog-details a {
  color: #0094D1;
  transition: all 300ms ease;
 
}
/* .blogs .blog-card:hover .blog-details .blog-title > span {
  border-color: rgba(255, 255, 255, 0.1882352941);
}
.blogs .blog-card:hover .blog-details .blog-title span {
  color: #fff;
}
.blogs .blog-card:hover h6,
.blogs .blog-card:hover p,
.blogs .blog-card:hover time,
.blogs .blog-card:hover span,
.blogs .blog-card:hover a {
  color: #fff;
}
.blogs .blog-card:hover p {
  opacity: 0.8;
}
.blogs .blog-card:hover time img {
  filter: brightness(0) invert(1);
} */
.blogs .owl-nav {
  margin-top: 40px !important;
}
.blogs .owl-prev,
.blogs .owl-next {
  background-color: #fff !important;
}
.blogs .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.blogs .hero-wavy-image img {
  width: 100%;
}
.blogs .button-block.load-more-btn svg {
  transform: rotate(90deg);
}
.blogs .button-block.load-less-btn svg {
  transform: rotate(-90deg);
}
.blogs .button-block a {
  text-decoration: none;
  margin-top: 40px;
  display: inline-block;
}
@media (max-width: 991px) {
  .blogs .button-block a {
    margin-top: 30px;
  }
}
.blogs .button-block a span {
  margin-top: 0;
}
.blogs form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 991px) {
  .blogs form {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blogs form {
    flex-direction: column;
  }
}
.blogs form .form-control,
.blogs form .form-select {
  border-radius: 35px;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  height: 40px;
  font-size: 14px;
  padding: 0 18px;
  transition: all 300ms ease;
  font-weight: 400;
  width: 300px;
}
@media (max-width: 991px) {
  .blogs form .form-control,
  .blogs form .form-select {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .blogs form .form-control,
  .blogs form .form-select {
    width: 100%;
    flex: auto;
  }
}
.blogs form .form-control:hover, .blogs form .form-control:focus,
.blogs form .form-select:hover,
.blogs form .form-select:focus {
  transition: all 300ms ease;
  box-shadow: none;
  border: 1px solid #0094D1;
  background-color: #f2fafd;
  caret-color: #0094D1;
}
.blogs form .form-select {
  background-image: url("../images/icons/arrow-down-1.svg");
  background-position: 93% 50%;
  background-size: auto;
}
.blogs form select,
.blogs form option {
  font-size: 12px;
}
.blogs .blog-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blogs .blog-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 30px;
  }
}
.blogs .blog-filter span {
  color: #1a1a1a;
}
.blogs .pagination {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .blogs .pagination {
    margin-top: 30px;
  }
}
.blogs .pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.blogs .pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.blogs .pagination ul li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  border-radius: 50%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .blogs .pagination ul li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
  }
}
.blogs .pagination ul li a.active {
  background-color: #0094D1;
  color: #fff;
}
.blogs .pagination ul li a:hover {
  background-color: #0094D1;
  color: #fff;
}
.blogs .pagination ul li a:hover path {
  fill: #fff;
}

.blog-details .blog-banner {
  margin-bottom: 40px;
}
.blog-details .blog-banner img {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.blog-details .blog-content h3 {
  margin: 20px 0 10px;
}
.blog-details .blog-content p {
  margin-bottom: 10px;
}
.blog-details .blog-content li {
  margin-bottom: 4px;
}

.share-wrapper {
  position: sticky;
  top: 100px;
}
.share-wrapper .share {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 25px 20px;
  margin-bottom: 30px;
}
.share-wrapper .share ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.share-wrapper .share ul li a {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  transition: all 300ms ease;
}
.share-wrapper .share ul li a svg {
  height: 16px;
}
.share-wrapper .share ul li a:hover {
  transition: all 300ms ease;
  background-color: #0094D1;
  border-color: #0094D1;
}
.share-wrapper .share ul li a:hover path {
  fill: #fff;
}
.share-wrapper .share h6 {
  margin: 0;
}
.share-wrapper .share:last-child {
  margin-bottom: 0;
}
.share-wrapper .share .share-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.share-wrapper .share .share-blocks {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.share-wrapper .share .share-blocks span {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 20px;
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: 6px 15px;
  border-radius: 35px;
}
.share-wrapper .share .share-blocks span.active {
  color: #fff;
  background-color: #0094D1;
  border-color: #0094D1;
}

/**********************
Blogs section scss end
***********************/
/***************************
countries section scss start
****************************/
.countries {
  position: relative;
  margin-top: -112px;
  z-index: 10;
}
@media (max-width: 1199px) {
  .countries {
    margin-top: -133px;
  }
}
@media (max-width: 991px) {
  .countries {
    margin-top: -201px;
  }
}
@media (max-width: 767px) {
  .countries {
    margin-top: 0;
  }
}
.countries::after {
  content: "";
  background-color: #0094D1;
  height: 50%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .countries::after {
    display: none;
  }
}
.countries .countries-row {
  padding: 50px 20px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1199px) {
  .countries .countries-row {
    padding: 40px 20px;
  }
}
@media (max-width: 991px) {
  .countries .countries-row {
    padding: 40px 20px 14px;
  }
}
@media (max-width: 767px) {
  .countries .countries-row {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .countries {
    padding: 65px 12px 24px;
  }
}
@media (max-width: 767px) {
  .countries {
    padding: 50px 8px 30px;
  }
}
.countries p {
  font-size: 14px;
  font-weight: 400;
  margin: 14px 0 0;
  color: #6C6C6C;
}
@media (max-width: 991px) {
  .countries p {
    margin: 6px 0 0;
  }
}
@media (max-width: 991px) {
  .countries .countries-block {
    margin-bottom: 26px;
  }
}
@media (max-width: 767px) {
  .countries .countries-block {
    margin-bottom: 20px;
  }
}
.countries .countries-block .countries-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.countries .countries-block .countries-flex img {
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  width: 40px;
  height: 40px;
}
.countries .countries-block .countries-flex .country-content span {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #1a1a1a;
  display: inline-block;
}
.countries .countries-block .countries-flex .country-content p {
  font-weight: 400;
  font-size: 14px;
  color: #1a1a1a;
  margin: 0;
}

/***************************
countries section scss end
****************************/
/**********************
footer section scss start
***********************/
footer {
  background-color: #0094D1;
  padding: 50px 0;
}
@media (max-width: 767px) {
  footer {
    padding: 50px 8px 50px;
  }
}
footer .mt-30 {
  margin-top: 30px;
}
footer .footer-title {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  text-transform: capitalize;
  display: inline-block;
}
footer .footer-links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer .footer-links ul li:not(:last-child) {
  margin-bottom: 10px;
}
footer .footer-links ul li a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  opacity: 0.8;
  transition: all 300ms ease;
}
footer .footer-links ul li a:hover {
  opacity: 1;
  transition: all 300ms ease;
}
footer .footer-links ul li a.active {
  opacity: 1;
  transition: all 300ms ease;
}
@media (max-width: 767px) {
  footer .footer-links ul li a {
    font-size: 14px;
    line-height: 20px;
  }
}
footer .footer-links:has(.footer-title) ul {
  margin-top: 15px;
}
footer .footer-links ul {
  margin-top: 40px;
}
/* footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 50px;
  margin-top: 50px;
} 
@media (max-width: 767px) {
  footer .footer-bottom {
    padding-top: 30px;
    margin-top: 30px;
  }
}*/
footer .footer-bottom .footer-logo p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  opacity: 0.8;
  margin: 15px 0 0;
}
footer .footer-bottom .call-title span, footer .footer-bottom .email-title span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  display: block;
  margin-bottom: 4px;
}
footer .footer-bottom .call-title a, footer .footer-bottom .email-title a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  transition: all 300ms ease;
}
footer .footer-bottom .email-title {
  margin-top: 25px;
}
footer .footer-bottom .social-title span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
footer .footer-bottom .social-title ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
footer .footer-bottom .social-title ul li a {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #33a9da;
  transition: all 300ms ease;
}
footer .footer-bottom .social-title ul li a:hover {
  transition: all 300ms ease;
  background-color: #0084BB;
}

.copyright {
  background-color: #0094D1;
}
@media (max-width: 767px) {
  .copyright {
    padding: 0;
  }
}
.copyright .copyright-text {
  padding: 15px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.copyright p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
}

/**********************
footer section scss end
***********************/
/**********************
solutions design start
***********************/
.solutions {
  background-image: url("../images/background/solutions-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.solutions .section-title-content {
  position: relative;
  z-index: 10;
}
.solutions .section-title-content p {
  color: rgba(255, 255, 255, 0.4392156863);
}
.solutions .section-title-content .common-btn {
  text-decoration: none;
  margin-top: 40px;
  display: inline-block;
}
@media (max-width: 991px) {
  .solutions .section-title-content .common-btn {
    margin-top: 20px;
  }
}
.solutions .solution-content-wrapper {
  position: relative;
  z-index: 10;
  gap: 20px;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
}
@media (max-width: 767px) {
  .solutions .solution-content-wrapper {
    padding: 16px;
  }
}
.solutions .solution-content-wrapper .solution-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.solutions .solution-content-wrapper .solution-flex:not(:last-child) {
  margin-bottom: 20px;
}
.solutions .solution-content-wrapper .solution-flex span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #0094D1;
  flex-shrink: 0;
}
@media (max-width: 1440px) {
  .solutions .solution-content-wrapper .solution-flex span {
    width: 62px;
    height: 62px;
  }
}
@media (max-width: 1280px) {
  .solutions .solution-content-wrapper .solution-flex span {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 1199px) {
  .solutions .solution-content-wrapper .solution-flex span {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 767px) {
  .solutions .solution-content-wrapper .solution-flex span {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1440px) {
  .solutions .solution-content-wrapper .solution-flex span > img {
    width: 26px;
  }
}
@media (max-width: 1280px) {
  .solutions .solution-content-wrapper .solution-flex span > img {
    width: 22px;
  }
}
@media (max-width: 1199px) {
  .solutions .solution-content-wrapper .solution-flex span > img {
    width: 18px;
  }
}
.solutions .solution-content-wrapper .solution-flex small {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.3137254902);
  display: inline-block;
}
@media (max-width: 767px) {
  .solutions .solution-content-wrapper .solution-flex small {
    font-size: 14px;
  }
}
.solutions .solution-content-wrapper .solution-flex a {
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  font-weight: 600;
  display: block;
}
@media (max-width: 1440px) {
  .solutions .solution-content-wrapper .solution-flex a {
    font-size: 24px;
  }
}
@media (max-width: 1280px) {
  .solutions .solution-content-wrapper .solution-flex a {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .solutions .solution-content-wrapper .solution-flex a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .solutions .solution-content-wrapper .solution-flex a {
    font-size: 18px;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 23px;
  }
}
.solutions::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7294117647);
}
.solutions .aos-animate {
  z-index: 10;
}

/**********************
solutions design end
***********************/
/* *****************
scrollbar design start
********************/
.project-description::-webkit-scrollbar {
  width: 4px;
}

.project-description::-webkit-scrollbar-thumb {
  border-radius: 16px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #e0e0e0;
}

.project-description::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #eee;
}

/* *****************
scrollbar design end
********************/
/**********************
owl carousel design start
***********************/
.prev-arrow,
.next-arrow {
  font-size: 24px;
  color: #a5a5a5;
  fill: #a5a5a5;
}
@media (max-width: 991px) {
  .prev-arrow,
  .next-arrow {
    width: 24px;
  }
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a5a5a5 !important;
  margin: 0;
  border: 1px solid #e0e0e0 !important;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
  margin: 0;
  background-color: transparent !important;
  outline: none;
  border: 1px solid #0094D1 !important;
}

.owl-carousel .owl-nav .owl-prev:hover path,
.owl-carousel .owl-nav .owl-next:hover path,
.owl-carousel .owl-nav .owl-prev:focus path,
.owl-carousel .owl-nav .owl-next:focus path {
  fill: #0094D1;
}

.owl-prev {
  margin-right: 20px;
}

.owl-prev:hover .prev-arrow,
.owl-next:hover .next-arrow,
.owl-prev:focus,
.owl-next:focus {
  color: #0094D1 !important;
  fill: #0094D1 !important;
}

.owl-nav {
  margin-top: 60px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 1024px) {
  .owl-nav {
    margin-top: 10px !important;
  }
}

/**********************
owl carousel design end
***********************/
.error-msg {
  font-size: 12px;
  color: #dc3232;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-top: 6px;
}

iframe {
  width: 100%;
  height: 450px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  iframe {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/**********************
Timeline design start
***********************/
.history {
  position: relative;
  z-index: 10;
}
.history .slider-height {
  height: 320px;
  position: relative;
}
.history .slider-height .history-block-slider {
  position: absolute;
  left: 0;
  top: 0;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper::after {
  content: "";
  position: absolute;
  background-color: #e0e0e0;
  height: 2px;
  top: 22px;
  left: 34px;
  width: 100%;
  z-index: -4;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 25px 20px 20px;
  border-radius: 10px;
  min-height: 100%;
  height: 250px;
  transition: all 300ms ease;
  position: relative;
  z-index: 10;
}
@media (max-width: 1199px) {
  .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card {
    padding: 20px 16px 16px;
  }
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .icon-fill,
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .icon-white {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .icon-fill,
  .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .icon-white {
    margin-bottom: 18px;
    width: 34px;
  }
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .number {
  color: #F2F9FC;
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  top: 18px;
  right: 20px;
}
@media (max-width: 1199px) {
  .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .number {
    font-size: 34px;
    line-height: 40px;
  }
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card img {
  width: auto !important;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .icon-white {
  display: none;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card p {
  font-size: 14px;
  margin-bottom: 0;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card a {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #0094D1;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card a i {
  font-size: inherit;
  color: inherit;
  transform: translateX(10px);
  transition: all 300ms ease;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card a:hover i {
  transform: translateX(16px);
  transition: all 300ms ease;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover p, .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover a, .history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover i,
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover h3 {
  color: #fff;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover p {
  opacity: 0.8;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover .icon-fill {
  display: none;
}
.history .slider-height .history-block-slider .history-slider .service-wrapper .service-card:hover .icon-white {
  display: block;
}
.history .slider-height .history-block-slider .history-slider .history-year {
  margin-bottom: 20px;
  display: flex;
}
.history .slider-height .history-block-slider .history-slider .history-year span {
  width: 36px;
  height: 36px;
  display: inline-block;
  border: 5px solid #66BFE3;
  border-radius: 50%;
  margin: 4px 0 0;
  position: relative;
  z-index: 10;
  background-color: #33A9DA;
}
.history .slider-height .history-block-slider .history-slider .history-year span::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #0094D1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.history .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.history .hero-wavy-image img {
  width: 100%;
}
.history .slider-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .history .slider-button-wrapper {
    margin-top: 30px;
  }
}
.history .slider-button-wrapper .slider-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.history .slider-button-wrapper .slider-nav button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a5a5a5 !important;
  background-color: #fff;
  margin: 0;
  border: 1px solid #e0e0e0 !important;
}
.history .slider-button-wrapper .slider-nav button:hover,
.history .slider-button-wrapper .slider-nav button:focus {
  margin: 0;
  background-color: #fff !important;
  outline: none;
  border: 1px solid #0094D1 !important;
}
.history .slider-button-wrapper .slider-nav .owl-prev {
  margin: 0;
}
.history .slider-button-wrapper .slider-nav button:hover path,
.history .slider-button-wrapper .slider-nav button:focus path {
  fill: #0094D1;
}
.history .slider-button-wrapper .slider-nav button:hover .prev-arrow,
.history .slider-button-wrapper .slider-nav button:hover .next-arrow,
.history .slider-button-wrapper .slider-nav button:focus,
.history .slider-button-wrapper .slider-nav button:focus {
  color: #0094D1 !important;
  fill: #0094D1 !important;
}

/**********************
Timeline design end
***********************/
/*******************************
Case Study & Details design start
*******************************/
.case-wrapper .case-block {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  transition: all 300ms ease;
  height: 100%;
}
.case-wrapper .case-block .case-image img {
  border-radius: 10px 10px 0 0;
}
.case-wrapper .case-block .case-content {
/*   border-top: 1px solid #e0e0e0; */
  padding: 25px 20px;
  z-index: 10;
}
@media (max-width: 1199px) {
  .case-wrapper .case-block .case-content {
    padding: 20px 16px 16px;
  }
}
.case-wrapper .case-block .case-content .tech-wrapper {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.case-wrapper .case-block .case-content .tech-wrapper .tech-badge {
  border: 1px solid #e0e0e0;
  border-radius: 35px;
  display: inline-block;
  padding: 5px 15px;
  font-weight: 500;
  font-size: 14px;
}
.case-wrapper .case-block .case-content a {
  transition: all 300ms ease;
  text-decoration: none;
}
.case-wrapper .case-block .case-content p {
  margin-top: 5px;
}
.case-wrapper .case-block .case-content .card-wavy {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.case-wrapper .case-block .case-content .card-wavy img {
  width: 100%;
}
/* .case-wrapper .case-block:hover {
  background-color: #0094D1;
  transition: all 300ms ease;
}
.case-wrapper .case-block:hover p, .case-wrapper .case-block:hover span, .case-wrapper .case-block:hover h3, .case-wrapper .case-block:hover a {
  color: #fff;
  transition: all 300ms ease;
}
.case-wrapper .case-block:hover p {
  opacity: 0.8;
} */

.case-wrapper .case-block:hover .case-content > a{
	color:#0094D1;
	transition: all 300ms ease;
}

.case-wrapper .button-block.load-more-btn svg {
  transform: rotate(90deg);
}
.case-wrapper .button-block.load-less-btn svg {
  transform: rotate(-90deg);
}
.case-wrapper .button-block a {
  text-decoration: none;
  margin-top: 40px;
  display: inline-block;
}
@media (max-width: 991px) {
  .case-wrapper .button-block a {
    margin-top: 30px;
  }
}
.case-wrapper .pagination {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .case-wrapper .pagination {
    margin-top: 30px;
  }
}
.case-wrapper .pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.case-wrapper .pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.case-wrapper .pagination ul li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  border-radius: 50%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .case-wrapper .pagination ul li a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
  }
}
.case-wrapper .pagination ul li a.active {
  background-color: #0094D1;
  color: #fff;
}
.case-wrapper .pagination ul li a:hover {
  background-color: #0094D1;
  color: #fff;
}
.case-wrapper .pagination ul li a:hover path {
  fill: #fff;
}

.challanges {
  position: relative;
  z-index: 10;
}
.challanges .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.challanges .hero-wavy-image img {
  width: 100%;
}
.challanges p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.challanges p img {
  margin-top: 6px;
}

.case-slider-wrapper .case-study-image {
/*   padding: 30px 30px 0; */
  border: 1px solid #e0e0e0;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .case-slider-wrapper .case-study-image {
    padding: 20px 20px 0;
  }
}
.case-slider-wrapper .case-study-image img {
  border-radius: 20px;
  width: 100% !important;
}
.case-slider-wrapper .owl-nav {
  margin-top: 40px !important;
}

.overview .glimpse {
  padding: 25px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .overview .glimpse {
    padding: 20px 16px;
  }
}
.overview .glimpse .glimpse-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 25px;
  gap: 10px;
}
@media (max-width: 1199px) {
  .overview .glimpse .glimpse-wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .overview .glimpse .glimpse-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.overview .glimpse .glimpse-wrapper .glimpse-block {
  flex: 1;
  text-align: left;
}
.overview .glimpse .glimpse-wrapper .glimpse-block span {
  margin-bottom: 3px;
  display: inline-block;
}
.overview .glimpse .glimpse-wrapper .glimpse-block h3 {
  color: #1a1a1a;
}
.overview .overview-image img {
  border-radius: 20px;
  border: 1px solid #e0e0e0;
}

.case-detail-hero .case-detail-logo img {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.case-detail-hero .launch-date {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.case-detail-hero .launch-date span {
  color: #1a1a1a;
}
.case-detail-hero .launch-date span.fw-500 {
  font-weight: 500;
}
.case-detail-hero .launch-date span img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
}

/*******************************
Case Study & Details design end
*******************************/
/*******************************
    Portfolio Design Start
*******************************/
.portfolio-listing .nav {
  border: none;
}
.portfolio-listing .nav .nav-item {
  border: none;
}
.portfolio-listing .nav .nav-item:not(:last-child) {
  margin-right: 10px;
}
.portfolio-listing .nav .nav-item .nav-link {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  padding: 5px 15px;
  border-radius: 35px;
  border: 1px solid #e0e0e0;
}
.portfolio-listing .nav .nav-item .nav-link.active {
  border: #0094D1;
  background-color: #0094D1;
  color: #fff;
}
.portfolio-listing form .form-control,
.portfolio-listing form .form-select {
  border-radius: 35px;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  height: 40px;
  font-size: 14px;
  padding: 0 18px;
  transition: all 300ms ease;
  font-weight: 400;
  width: 300px;
}
.portfolio-listing form .form-control:hover, .portfolio-listing form .form-control:focus,
.portfolio-listing form .form-select:hover,
.portfolio-listing form .form-select:focus {
  transition: all 300ms ease;
  box-shadow: none;
  border: 1px solid #0094D1;
  background-color: #f2fafd;
  caret-color: #0094D1;
}
.portfolio-listing form .form-control::placeholder,
.portfolio-listing form .form-select::placeholder {
  color: #a5a5a5;
  text-transform: capitalize;
}
.portfolio-listing .portfolio-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.portfolio-listing .button-block.load-more-btn svg {
  transform: rotate(90deg);
}
.portfolio-listing .button-block.load-less-btn svg {
  transform: rotate(-90deg);
}
.portfolio-listing .button-block a {
  text-decoration: none;
  margin-top: 40px;
  display: inline-block;
}
@media (max-width: 991px) {
  .portfolio-listing .button-block a {
    margin-top: 30px;
  }
}
.portfolio-listing .button-block a span {
  margin-top: 0;
}

.portfolio-slider {
  margin-bottom: 40px;
}

.portfolio-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background-color: #fff;
  transition: all 300ms ease;
}
.portfolio-wrapper .portfolio-header {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.portfolio-wrapper .portfolio-header .client-logo {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.portfolio-wrapper .portfolio-header .client-logo img {
  border-radius: 10px;
  width: 100%;
}
.portfolio-wrapper .portfolio-header .portfolio-content a {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
}
.portfolio-wrapper .portfolio-header .portfolio-content span {
  font-size: 14px;
  font-weight: 400;
  color: #6C6C6C;
  display: block;
  text-transform: capitalize;
}
.portfolio-wrapper .portfolio-image.placeholder-image {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio-wrapper .portfolio-image.placeholder-image img {
  width: auto !important;
}
.portfolio-wrapper:hover .portfolio-header {
  background-color: #0094D1;
  transition: all 300ms ease;
  border-radius: 10px 10px 0 0;
}
.portfolio-wrapper:hover .portfolio-header a, .portfolio-wrapper:hover .portfolio-header span {
  color: #fff;
}
.portfolio-wrapper:hover .portfolio-header span {
  opacity: 0.7;
}

.portfolio-slider-wrapper {
  position: relative;
  z-index: 10;
}
.portfolio-slider-wrapper .hero-wavy-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.portfolio-slider-wrapper .owl-nav .owl-next, .portfolio-slider-wrapper .owl-nav .owl-prev {
  background-color: #fff !important;
}

/*******************************
    Portfolio Design End
*******************************/
/*******************************
   Contact Design Start
*******************************/
@media (max-width: 991px) {
  .contact .section-title-content {
    margin-bottom: 20px;
  }
}
.contact .contact-content {
  background-color: #0094D1;
  border-radius: 10px;
  padding: 25px 20px;
  position: relative;
}
.contact .contact-content img {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .contact .contact-content img {
    margin-bottom: 30px;
  }
}
.contact .contact-content .contact-block {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .contact .contact-content .contact-block {
    margin-bottom: 20px;
  }
}
.contact .contact-content .contact-block:last-of-type {
  margin-bottom: 0;
}
.contact .contact-content .contact-block span {
  font-size: 14px;
  font-weight: 400;
  display: block;
  line-height: 20px;
  color: #fff;
  opacity: 0.7;
  text-transform: capitalize;
}
.contact .contact-content .contact-block a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  opacity: 1;
}
.contact .contact-content .card-wavy {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.contact .contact-content .card-wavy img {
  margin: 0;
  width: 100%;
}
.contact form {
  margin-top: 25px;
}
.contact form label {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: capitalize;
  transition: all 300ms ease;
}
.contact form label.active {
  color: #0094D1;
  transition: all 300ms ease;
}
.contact form .form-control,
.contact form .form-select {
  border-radius: 35px;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  height: 40px;
  font-size: 14px;
  padding: 0 18px;
  transition: all 300ms ease;
  font-weight: 400;
}
.contact form .form-control:hover, .contact form .form-control:focus,
.contact form .form-select:hover,
.contact form .form-select:focus {
  transition: all 300ms ease;
  box-shadow: none;
  border: 1px solid #0094D1;
  background-color: #f2fafd;
  caret-color: #0094D1;
}
.contact form .form-select {
  background-image: url("../images/icons/arrow-down-1.svg");
  background-position: 97% 50%;
  background-size: auto;
}
.contact form select,
.contact form option {
  font-size: 12px;
}
.contact form textarea {
  border-radius: 20px !important;
  padding: 10px 15px !important;
}
.contact form .btn {
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
}
@media (max-width: 991px) {
  .contact form .btn {
    margin-top: 5px;
  }
}
.contact form small {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6C6C6C;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .contact form small {
    font-size: 12px;
  }
}
.contact .file-upload {
  position: relative;
}
.contact .file-upload .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #e0e0e0;
}
.contact .radio-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.contact .radio-flex .field-radio-block {
  border: 1px solid #e0e0e0;
  height: 40px;
  border-radius: 35px;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
}
.contact .radio-flex .field-radio-block.radio-checked {
  border: 1px solid #0094D1 !important;
  background-color: #f2fafd;
}

/*******************************
   Contact Design End
*******************************/
/* **********************
common radio design start
*************************/
.radio-outline-primary {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
}

.radio-outline-primary input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radio-outline-primary input:checked ~ .checkmark {
  display: block;
  background-color: #fff !important;
  border: 1px solid #0094D1;
}

.radio-outline-primary input:checked ~ .checkmark::after {
  background: #0094D1;
}

.radio-outline-primary span {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.radio-outline-primary .checkmark {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
}

.radio-outline-primary .checkmark::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
  border: 0;
  background: #fff;
  transform: rotate(45deg);
}

/* ********************
common radio design end
***********************/
/*******************************
   Opening Design Start
*******************************/
.opening .opening-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
.opening .opening-wrapper:not(:last-child) {
  margin-bottom: 16px;
}
.opening .opening-wrapper .opening-body .body-block {
  padding: 15px 10px;
}
@media (max-width: 767px) {
  .opening .opening-wrapper .opening-body .body-block {
    padding: 16px;
  }
}
.opening .opening-wrapper .opening-body .body-block ul {
  margin: 0;
  list-style-type: disc;
  padding-left: 27px;
}
@media (max-width: 767px) {
  .opening .opening-wrapper .opening-body .body-block ul {
    padding-left: 20px;
  }
}
.opening .opening-wrapper .opening-body .body-block ul li {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.opening .opening-wrapper .opening-body .body-block ul li:not(:last-child) {
  margin-bottom: 6px;
}
.opening .opening-wrapper.expanded .opening-header {
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #e0e0e0;
}
.opening .opening-wrapper.collapsed .opening-header {
  border-bottom: 1px solid transparent;
}
.opening .opening-header {
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #f2fafd;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .opening .opening-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
  }
}
.opening .opening-header ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .opening .opening-header ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    margin: 8px 0 0;
  }
}
.opening .opening-header ul li {
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
.opening .opening-header ul li:not(:last-child) {
  margin-right: 24px;
}
.opening .opening-header ul li span {
  font-weight: 400;
  color: #6C6C6C;
  font-size: inherit;
}
.opening .opening-header ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #999;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .opening .opening-header ul li:not(:last-child)::after {
    display: none;
  }
}
.opening .opening-header h3 {
  font-size: 16px;
  font-weight: 600;
  color: #0094D1;
  margin: 0 0 5px;
}
.opening .opening-header .collapse-button-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.opening .opening-header .collapse-button-block .btn {
  text-decoration: none;
  display: inline-block;
}
.opening .opening-header .collapse-button-block > span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .opening .opening-header .collapse-button-block > span {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.opening .arrow svg {
  transition: transform 0.3s ease-out;
}
.opening .arrow.active svg {
  transform: rotate(180deg);
}
.opening .arrow.active {
  background-color: #0094D1;
}
.opening .opening-body {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.opening .opening-body.active {
  height: auto; /* Automatically adjusted in JavaScript */
}
.opening .opening-wrapper.collapsed .arrow svg {
  transform: rotate(0deg);
}
.opening .opening-wrapper.expanded .arrow svg {
  transform: rotate(180deg);
}
.opening .opening-wrapper.expanded .arrow svg path {
  fill: #fff;
}
.opening .opening-wrapper.expanded .arrow {
  background-color: #0094D1;
}

/*******************************
   Opening Design End
*******************************/
/*******************************
   Inquiry Modal Design Start
*******************************/
.inquiry-modal .modal-dialog, 
.job-modal .modal-dialog{
  max-width: 650px;
}
.inquiry-modal .modal-body,
.job-modal .modal-body {
  padding: 25px 20px;
}
.inquiry-modal form,
.job-modal form {
  margin-top: 25px;
}
.inquiry-modal form label,
.job-modal form label {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: capitalize;
  transition: all 300ms ease;
}
.inquiry-modal form label.active, 
.job-modal form label.active{
  color: #0094D1;
  transition: all 300ms ease;
}
.inquiry-modal form .form-control,
.job-modal form .form-control,
.inquiry-modal form .form-select,
.job-modal form .form-select {
  border-radius: 35px;
  border: 1px solid #e0e0e0;
  color: #1a1a1a;
  height: 40px;
  font-size: 14px;
  padding: 0 18px;
  transition: all 300ms ease;
  font-weight: 400;
}
.inquiry-modal form .form-control:hover, .inquiry-modal form .form-control:focus,
.job-modal form .form-control:hover, .inquiry-modal form .form-control:focus,
.inquiry-modal form .form-select:hover,
.job-modal form .form-select:hover,
.inquiry-modal form .form-select:focus,
.job-modal form .form-select:focus {
  transition: all 300ms ease;
  box-shadow: none;
  border: 1px solid #0094D1;
  background-color: #f2fafd;
  caret-color: #0094D1;
}
.inquiry-modal form .form-select,
.job-modal form .form-select {
  background-image: url("../images/icons/arrow-down-1.svg");
  background-position: 97% 50%;
  background-size: auto;
}
.inquiry-modal form select,
.job-modal form select,
.inquiry-modal form option, 
.job-modal form option{
  font-size: 12px;
}
.inquiry-modal form textarea,
.job-modal form textarea {
  border-radius: 20px !important;
  padding: 10px 15px !important;
}
.inquiry-modal form .btn,
.job-modal form .btn {
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
}
@media (max-width: 991px) {
  .inquiry-modal form .btn,
  .job-modal form .btn {
    margin-top: 5px;
  }
}
.inquiry-modal form small,
.job-modal form small {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6C6C6C;
  margin: 5px 0 0;
}
@media (max-width: 991px) {
  .inquiry-modal form small,
  .job-modal form small {
    font-size: 12px;
  }
}
.inquiry-modal .file-upload,
.job-modal .file-upload {
  position: relative;
}
.inquiry-modal .file-upload .icon,
.job-modal .file-upload .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #e0e0e0;
}
.inquiry-modal h2,
.job-modal h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 5px;
}
.inquiry-modal p,
.job-modal p {
  font-size: 16px;
  font-weight: 400;
  color: #6C6C6C;
  margin: 0;
}
.inquiry-modal .btn-close,
.job-modal .btn-close {
  padding: 0;
  top: 20px;
  right: 20px;
  position: absolute;
  background: url("../images/icons/close.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
  opacity: 1;
}

/*******************************
   Inquiry Modal Design Start
*******************************/
/*******************************
   Mega Menu Design Start
*******************************/
.product-menu {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 0 0 10px 10px;
  padding: 20px;
}
@media (max-width: 991px) {
  .product-menu {
    padding: 0 20px 20px;
    border-radius: 0;
    box-shadow: none;
  }
}
.product-menu .product-box {
  text-align: left;
  border-radius: 10px;
}
.product-menu .product-box .product-content {
  line-height: 0;
}
.product-menu .product-box a {
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: capitalize;
  transition: all 0.3s ease;
  display: inline-block;
  margin-bottom: 5px;
}
.product-menu .product-box a:hover {
  color: #0094D1;
  transition: all 0.3s ease;
}
.product-menu .product-box p {
  margin: 0;
}
.product-menu .product-box .product-image {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}
@media (max-width: 991px) {
  .product-menu .product-box .product-image {
    margin-bottom: 16px;
  }
}
.product-menu .product-box.brooon .product-image {
  background-color: #013765;
}
.product-menu .product-box.ctrunk .product-image {
  background-color: #FF6C30;
}
.product-menu .product-box.questwing .product-image {
  background-color: #02A1F5;
}
.product-menu .product-box.vani .product-image {
  background-color: #F26927;
}

.company-menu {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 0 0 10px 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .company-menu {
    box-shadow: none;
  }
}
@media (max-width: 991px) {
  .company-menu .company-box {
    margin-bottom: 20px;
  }
}
.company-menu .company-box .company-image {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .company-menu .company-box .company-image {
    margin-bottom: 16px;
  }
}
.company-menu .company-box .company-image img {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .company-menu .company-box .company-image img {
    width: 100%;
  }
}
.company-menu .company-box.connect-box {
  height: 100%;
  position: relative;
  z-index: 10;
}
.company-menu .company-box.connect-box .company-image {
  height: 100%;
}
.company-menu .company-box.connect-box .company-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.company-menu .company-box.connect-box .company-content {
  position: absolute;
  bottom: 0;
  padding: 16px;
  z-index: 10;
}
.company-menu .company-box.connect-box .company-content h6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
}
.company-menu .company-box.connect-box::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5019607843);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.company-menu .company-box .company-content {
  line-height: normal;
}
.company-menu .company-box .company-content a {
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: capitalize;
  transition: all 0.3s ease;
  display: inline-block;
  margin-bottom: 5px;
}
.company-menu .company-box .company-content a:hover {
  color: #0094D1;
  transition: all 0.3s ease;
}
.company-menu .company-box .company-content p {
  margin: 0;
}
.company-menu .company-box .company-content .common-btn {
  text-decoration: none;
  display: inline-block;
}
.company-menu ul {
  list-style-type: none;
  padding: 28px 0 0;
  margin: 0;
  height: 100%;
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .company-menu ul {
    border-right: none;
    padding: 0;
    margin-bottom: 20px;
  }
}
.company-menu ul li {
  width: 80%;
  line-height: 0;
}
@media (max-width: 991px) {
  .company-menu ul li {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .company-menu ul li {
    width: 30%;
  }
}
@media (max-width: 576px) {
  .company-menu ul li {
    width: 40%;
  }
}
.company-menu ul li:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .company-menu ul li:not(:last-child) {
    margin-bottom: 6px;
  }
}
.company-menu ul li a {
  border-radius: 0 35px 35px 0;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: none;
  color: #1a1a1a;
  transition: all 0.3s ease;
  display: inline-block;
  width: 100%;
}
.company-menu ul li a:hover {
  background-color: #0094D1;
  color: #fff;
  transition: all 0.3s ease;
}
.company-menu ul li a.active {
  background-color: #0094D1;
  color: #fff;
  transition: all 0.3s ease;
}

.certificate-wrapper {
  border-top: 1px solid #e0e0e0;
}
.certificate-wrapper .certificate {
  padding: 0 20px 20px;
}
@media (max-width: 1440px) {
  .certificate-wrapper .certificate {
    padding: 0 16px 16px;
  }
}
@media (max-width: 991px) {
  .certificate-wrapper .certificate {
    padding: 0 20px 0;
    border: none;
  }
}
.certificate-wrapper .certificate span {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #1a1a1a;
  display: inline-block;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .certificate-wrapper .certificate span {
    margin-bottom: 16px;
  }
}
.certificate-wrapper .certificate .certificate-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
@media (max-width: 1600px) {
  .certificate-wrapper .certificate .certificate-images img {
    height: 64px;
  }
}
@media (max-width: 1280px) {
  .certificate-wrapper .certificate .certificate-images img {
    height: 56px;
  }
}
@media (max-width: 991px) {
  .certificate-wrapper .certificate .certificate-images img {
    height: 40px;
  }
}
.certificate-wrapper .get-in-touch {
  padding: 0 20px 20px;
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 1440px) {
  .certificate-wrapper .get-in-touch {
    padding: 0 16px 16px;
  }
}
@media (max-width: 991px) {
  .certificate-wrapper .get-in-touch {
    padding: 0 20px;
    border: none;
    margin: 20px 0;
  }
}
.certificate-wrapper .get-in-touch > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #1a1a1a;
  display: inline-block;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .certificate-wrapper .get-in-touch > span {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
.certificate-wrapper .get-in-touch .touch-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 60px;
}
@media (max-width: 1600px) {
  .certificate-wrapper .get-in-touch .touch-wrapper {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .certificate-wrapper .get-in-touch .touch-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.certificate-wrapper .get-in-touch .touch-wrapper .touch-block {
  line-height: 0;
}
.certificate-wrapper .get-in-touch .touch-wrapper .touch-block img {
  display: block;
  margin-bottom: 15px;
}
.certificate-wrapper .get-in-touch .touch-wrapper .touch-block span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6C6C6C;
  display: block;
  margin-bottom: 0;
}
.certificate-wrapper .get-in-touch .touch-wrapper .touch-block a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #1a1a1a;
  text-decoration: none;
  display: inline-block;
  word-break: break-word;
}

.industry-menu {
  text-align: left;
}
.industry-menu .industry-menu-wrapper {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 0 0 10px 10px;
}
@media (max-width: 991px) {
  .industry-menu .industry-menu-wrapper {
    box-shadow: none;
    border-radius: 0;
  }
}
.industry-menu .industry-menu-wrapper h2 {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.industry-menu .industry-menu-wrapper p {
  margin-bottom: 0;
}
.industry-menu .industry-menu-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 30px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1600px) {
  .industry-menu .industry-menu-wrapper ul {
    gap: 20px;
  }
}
@media (max-width: 1440px) {
  .industry-menu .industry-menu-wrapper ul {
    height: 285px;
    overflow: auto;
  }
}
@media (max-width: 991px) {
  .industry-menu .industry-menu-wrapper ul {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    height: auto;
    overflow-y: auto;
    padding-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .industry-menu .industry-menu-wrapper ul {
    grid-template-columns: 1fr;
  }
}
.industry-menu .industry-menu-wrapper ul li {
  line-height: 0;
}
.industry-menu .industry-menu-wrapper ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #1a1a1a;
  text-decoration: none;
  gap: 16px;
  transition: all 0.3s ease;
}
@media (max-width: 1600px) {
  .industry-menu .industry-menu-wrapper ul li a {
    font-size: 14px;
    line-height: 20px;
    gap: 12px;
  }
}
@media (max-width: 991px) {
  .industry-menu .industry-menu-wrapper ul li a {
    font-size: 14px;
    line-height: 20px;
  }
}
.industry-menu .industry-menu-wrapper ul li a img {
  height: 38px;
  width: 38px;
}
@media (max-width: 1600px) {
  .industry-menu .industry-menu-wrapper ul li a img {
    height: 34px;
    width: 34px;
  }
}
@media (max-width: 991px) {
  .industry-menu .industry-menu-wrapper ul li a img {
    height: 24px;
    width: 24px;
  }
}
.industry-menu .industry-menu-wrapper ul li a .icon-fill {
  position: absolute;
  opacity: 0;
}
.industry-menu .industry-menu-wrapper ul li a:hover {
  color: #0094D1;
  transition: all 0.3s ease;
}
.industry-menu .industry-menu-wrapper ul li a:hover .icon-fill {
  opacity: 1;
  transition: all 0.3s ease;
}
.industry-menu .industry-menu-wrapper .company-box .company-image {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .industry-menu .industry-menu-wrapper .company-box .company-image {
    margin-bottom: 16px;
  }
}
.industry-menu .industry-menu-wrapper .company-box .company-image img {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .industry-menu .industry-menu-wrapper .company-box .company-image img {
    width: 100%;
  }
}
.industry-menu .industry-menu-wrapper .company-box.connect-box {
  height: 100%;
  position: relative;
  z-index: 10;
}
.industry-menu .industry-menu-wrapper .company-box.connect-box .company-image {
  height: 100%;
}
.industry-menu .industry-menu-wrapper .company-box.connect-box .company-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.industry-menu .industry-menu-wrapper .company-box.connect-box .company-content {
  position: absolute;
  bottom: 0;
  padding: 16px;
  z-index: 10;
}
.industry-menu .industry-menu-wrapper .company-box.connect-box .company-content h6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
}
.industry-menu .industry-menu-wrapper .company-box.connect-box::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5019607843);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.industry-menu .industry-menu-wrapper .company-box .company-content {
  line-height: normal;
}
.industry-menu .industry-menu-wrapper .company-box .company-content a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: capitalize;
  transition: all 0.3s ease;
  display: inline-block;
  margin-bottom: 5px;
}
.industry-menu .industry-menu-wrapper .company-box .company-content a:hover {
  color: #0094D1;
  transition: all 0.3s ease;
}
.industry-menu .industry-menu-wrapper .company-box .company-content p {
  margin: 0;
}
.industry-menu .industry-menu-wrapper .company-box .company-content .common-btn {
  text-decoration: none;
  display: inline-block;
}
@media (max-width: 1600px) {
  .industry-menu .industry-menu-wrapper .company-box.industry-box {
    max-height: 525px;
  }
}
@media (max-width: 1440px) {
  .industry-menu .industry-menu-wrapper .company-box.industry-box {
    max-height: 450px;
  }
}
.industry-menu .industry-menu-wrapper .menus {
  padding: 20px 0 20px 20px;
}
@media (max-width: 991px) {
  .industry-menu .industry-menu-wrapper .menus {
    padding: 0 20px 0;
  }
}

.service-menu {
  text-align: left;
}
.service-menu .service-menu-wrapper {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 0 0 10px 10px;
}
@media (max-width: 991px) {
  .service-menu .service-menu-wrapper {
    box-shadow: none;
    border: none;
  }
}
.service-menu .service-menu-wrapper .menus {
  border-right: 1px solid #e0e0e0;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .service-menu .service-menu-wrapper .menus {
    border-right: none;
  }
}
.service-menu .service-menu-wrapper .menus h2 {
  padding: 20px 20px 0;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .service-menu .service-menu-wrapper .menus h2 {
    padding: 0 20px 0;
  }
}
.service-menu .service-menu-wrapper .menus p {
  margin-bottom: 0;
}
.service-menu .service-menu-wrapper .menus > ul {
  list-style-type: none;
  padding: 15px 0 0;
  margin: 0;
  height: 410px;
  overflow: auto;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .service-menu .service-menu-wrapper .menus > ul {
    border-right: none;
    height: auto;
  }
}
.service-menu .service-menu-wrapper .menus > ul li {
  width: 80%;
  line-height: 0;
}
@media (max-width: 991px) {
  .service-menu .service-menu-wrapper .menus > ul li {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .service-menu .service-menu-wrapper .menus > ul li {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .service-menu .service-menu-wrapper .menus > ul li {
    width: 80%;
  }
}
.service-menu .service-menu-wrapper .menus > ul li:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .service-menu .service-menu-wrapper .menus > ul li:not(:last-child) {
    margin-bottom: 6px;
  }
}
.service-menu .service-menu-wrapper .menus > ul li a {
  border-radius: 0 35px 35px 0;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: none;
  color: #1a1a1a;
  transition: all 0.3s ease;
  display: inline-block;
  width: 100%;
}
.service-menu .service-menu-wrapper .menus > ul li a:hover {
  background-color: #0094D1;
  color: #fff;
  transition: all 0.3s ease;
}
.service-menu .service-menu-wrapper .menus > ul li a.active {
  background-color: #0094D1;
  color: #fff;
  transition: all 0.3s ease;
}
.service-menu .service-content {
  padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
  .service-menu .service-content {
    padding: 0 20px 20px;
  }
}
.service-menu .service-content h2 {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.service-menu .service-content p {
  margin-bottom: 0;
}
.service-menu .service-content ul {
  list-style-type: none;
  padding: 0;
  margin: 30px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1600px) {
  .service-menu .service-content ul {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .service-menu .service-content ul {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 576px) {
  .service-menu .service-content ul {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
.service-menu .service-content ul li {
  line-height: 0;
}
.service-menu .service-content ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  line-height:22px;
  font-weight: 500;
  color: #1a1a1a;
  text-decoration: none;
  gap: 16px;
  transition: all 0.3s ease;
}
@media (max-width: 1600px) {
  .service-menu .service-content ul li a {
    font-size: 14px;
    line-height: 20px;
    gap: 12px;
  }
}
@media (max-width: 991px) {
  .service-menu .service-content ul li a {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    font-size: 14px;
    gap: 10px;
  }
}
.service-menu .service-content ul li a img {
  height: 38px;
  width: 38px;
}
@media (max-width: 1600px) {
  .service-menu .service-content ul li a img {
    height: 34px;
    width: 34px;
  }
}
@media (max-width: 991px) {
  .service-menu .service-content ul li a img {
    height: 24px;
    width: 24px;
  }
}
.service-menu .service-content ul li a .icon-fill {
  position: absolute;
  opacity: 0;
}
.service-menu .service-content ul li a:hover {
  color: #0094D1;
  transition: all 0.3s ease;
}
.service-menu .service-content ul li a:hover .icon-fill {
  opacity: 1;
  transition: all 0.3s ease;
}

/*******************************
   Mega Menu Design End
*******************************/
/*******************************
   Mega Menu Design Start
*******************************/
.privacy .privacy-content h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.privacy .privacy-content p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6C6C6C;
  margin-bottom: 20px;
}
.privacy .privacy-content p a {
  text-decoration: none;
  color: #0094D1;
  font-size: inherit;
  font-weight: inherit;
}
.privacy .privacy-content h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.privacy .privacy-content ul {
  list-style-type: disc;
  padding-left: 40px;
  margin-bottom: 20px;
}
.privacy .privacy-content ul li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6C6C6C;
  margin-bottom: 6px;
}
.privacy .privacy-content ul li a {
  text-decoration: none;
  color: #0094D1;
  font-size: inherit;
  font-weight: inherit;
}
.privacy .privacy-content ol {
  list-style-type: decimal;
  padding-left: 40px;
  margin-bottom: 20px;
}
.privacy .privacy-content ol li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6C6C6C;
  margin-bottom: 6px;
}
.privacy .privacy-content ol li a {
  text-decoration: none;
  color: #0094D1;
  font-size: inherit;
  font-weight: inherit;
}

/*******************************
   Mega Menu Design End
*******************************/
/*******************************
   Circle Animation Start
*******************************/
.highlight-container {
  display: inline-block;
  position: relative;
  margin: 20px;
}

.text {
  position: relative;
  z-index: 1;
}

.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.circle path {
  fill: none;
  stroke: #0094d1;
  stroke-width: 3;
  stroke-linecap: round;
  animation: drawCircle 2s ease-out forwards;
}

@keyframes drawCircle {
  to {
    stroke-dashoffset: 0;
  }
}
/*******************************
   Circle Animation End
*******************************/
/*******************************
  Developer Style Start
*******************************/
.section-bg-light {
  background-color: #f3fafc !important;
}
.section-bg-normal {
  background-color: #ffffff !important;
}
#menu-header-menu .current-menu-item a{
  color: #0094d1 !important;
}


footer .countries-block .countries-flex{
  display: flex;
  align-items: center;
  gap: 10px;;
}

footer .countries-block .countries-flex .country-content p{
  margin-bottom: 0;
}

footer .countries-block .countries-flex .country-content span, footer .countries-block .countries-flex .country-content p{
  color: #fff;
}

footer .countries-block .countries-flex .country-content span{
  font-weight: 600;
}

footer .countries-block > a{
  color: #fff;
  font-size: 16px !important;
  font-weight: 300 !important
}

footer .countries-block:not(:last-child) {
  margin-bottom: 24px;
}

footer .footer-bottom .col-title{
  margin-bottom: 15px;
}

.copyright ul li a{
  font-size: 16px;
  line-height: 22px;
  font-weight:300;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  opacity: 0.8;
  transition: all 300ms ease;
}

.copyright ul li a:hover{
  opacity: 1;
  transition: all 300ms ease;
}

.copyright-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.copyright-text ul {
  display: flex;
  align-items: center;
  gap: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.copyright-text ul li {
  position: relative;
}

.copyright ul li:not(:last-child)::after {
  content: "|";
  color: #fff;
  font-weight: 300;
  opacity: 0.8;
  position: absolute;
  right: -10px;
}
.about a.hero-btn{
  display: inline-block;
  margin-top: 20px;
  
}
.service .cta-button {
  margin-top: 40px;
}
.service-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .copyright-text {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
  .copyright ul li a{
    font-size: 14px;
    line-height: 20px;
  }
  .service .cta-button {
    margin-top: 30px;
  }
  .case-study a {
    margin-top: 30px;
  }
}
.statistic-section .project-data-wrapper{
  margin: 0;
}
.case-study .project-data-wrapper .project-data .seprator{
  padding-left: 0;  
}
.case-study .project-data-wrapper .project-data .seprator::after{
  background: none;

}
a.tech-link{
  pointer-events: none;
}

.statistic-section .project-data-wrapper .project-data{
  text-align: left;
}
.statistic-section .project-data-wrapper .project-data .number{
  position: relative;
}
.statistic-section .project-data-wrapper .project-data .number::before{
  content: "";
    background-color: #0094D1;
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 40px;
    transform: translateY(-50%);
}
.statistic-section .project-data-wrapper .project-data span::after{
  display: none;
}
@media (max-width: 1199px) {
    .statistic-section .project-data-wrapper .project-data .number::before {
        width: 4px;
        height: 30px;
    }
}

/*******************************
  Developer Style End
*******************************/