@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap");

* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a {
  margin: 0;
  padding: 0;
}

section {
  padding-left: 16px;
  padding-right: 16px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {

  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}

@font-face {
  font-family: Road-Race;
  src: url("../fonts/Road-Race-Free-Outline/Road_Race_Outline.ttf");
}

/* Primary Colors Shade */
/* Secondary Colors Shade */
/* Accents Colors Shade */
/* Primary Color */
/* Secondary Color */
/* Light text color */
/* Light nav bg color */
/* Fonts */
/* breakpoints  */
/* Existing global button styles - keep as is */
.standard-btn-light,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button,
nav[data-theme=light] .standard-btn,
nav .nav-container .price-estimation,
.banner .banner-buttton a,
.standard-service-button-container .services-button,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button,
.our-work .service-button-container .services-button,
.portfolio-page .portfolio-content-container .service-button-container .services-button,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button,
.blog .service-button-container .services-button,
.blog-page .blog-content-container .service-button-container .services-button,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button,
.services-mac .service-button-container .services-button {
  background-color: #9061E4;
  padding: 10px 12px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s, transform ease 1s;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* Existing ::before global style - keep as is */
.standard-btn-light::before,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button::before,
nav[data-theme=light] .standard-btn::before,
nav .nav-container .price-estimation::before,
.banner .banner-buttton a::before,
.standard-service-button-container .services-button::before,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button::before,
.our-work .service-button-container .services-button::before,
.portfolio-page .portfolio-content-container .service-button-container .services-button::before,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button::before,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button::before,
.blog .service-button-container .services-button::before,
.blog-page .blog-content-container .service-button-container .services-button::before,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button::before,
.services-mac .service-button-container .services-button::before {
  content: "";
  background-color: #6544A0;
  position: absolute;
  z-index: -1;
  border-radius: 500px;
  width: 120%;
  height: auto;
  padding-bottom: 120%;
  left: -10%;
  transition: transform ease 1s;
  transform: translate(0, 50%);
}

/* Layout class */
.btns {
  display: flex;
  align-items: center;
}

 /*Kill inherited ::before */
 /*Kill the inherited ::before for consultation-btn properly */
.banner .banner-buttton .consultation-btn::before {
  content: "";
  background-color: transparent !important;
  position: absolute;
  z-index: -1;
  border-radius: 0;
  width: 0;
  height: 0;
  padding: 0;
  left: 0;
  transform: none !important;
  transition: none !important;
}

 /*Style the consultation button */
.banner .banner-buttton .consultation-btn {
  background-color: white;
  color: black;
  border: 2px solid black;
  padding: 10px 12px !important;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

 /*Hover effect */
.banner .banner-buttton .consultation-btn:hover {
  background-color: black;
  color: white;
}


/*@media (max-width: 768px) {*/
/*  .btns .banner-buttton {*/
/*    flex-direction: column;*/
/*    gap: 16px;*/
/*    align-items: center;*/
/*  }*/

/*  .btns .standard-btn-light,*/
/*  .btns .consultation-btn {*/
/*    width: 100%;*/
/*    max-width: 300px;*/
/*    text-align: center;*/
/*  }*/
/*}*/



.standard-btn-light:hover::before,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button:hover::before,
nav[data-theme=light] .standard-btn:hover::before,
nav .nav-container .price-estimation:hover::before,
.banner .banner-buttton a:hover::before,
.standard-service-button-container .services-button:hover::before,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button:hover::before,
.our-work .service-button-container .services-button:hover::before,
.portfolio-page .portfolio-content-container .service-button-container .services-button:hover::before,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button:hover::before,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button:hover::before,
.blog .service-button-container .services-button:hover::before,
.blog-page .blog-content-container .service-button-container .services-button:hover::before,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button:hover::before,
.services-mac .service-button-container .services-button:hover::before {
  transform: translate(0, -50%);
}

.standard-links-light,
nav[data-theme=light] .links-container ul li {
  line-height: 24px;
  /* Override styles for links within ul.dropdownlist */
}

.standard-links-light a,
nav[data-theme=light] .links-container ul li a {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #181B24;
  text-decoration: none;
  position: relative;
}

.standard-links-light a:hover::before,
nav[data-theme=light] .links-container ul li a:hover::before {
  content: "";
  width: 100%;
  height: 20px;
  display: inline-block;
  position: absolute;
  background: transparent;
  opacity: 0;
  left: 0;
  bottom: 0;
  transform: translate(0, 15px);
}

.standard-links-light a::after,
nav[data-theme=light] .links-container ul li a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #9061E4;
  width: 100%;
  opacity: 0;
  transition: all 0.2s;
}

.standard-links-light a:hover::after,
nav[data-theme=light] .links-container ul li a:hover::after,
.standard-links-light a.active-nav-link::after,
nav[data-theme=light] .links-container ul li a.active-nav-link::after {
  opacity: 1;
}

.standard-links-light ul.dropdown-list a:hover::before,
nav[data-theme=light] .links-container ul li ul.dropdown-list a:hover::before {
  content: none;
  /* Remove the ::before effect */
}

.standard-links-light ul.dropdown-list a::after,
nav[data-theme=light] .links-container ul li ul.dropdown-list a::after {
  display: none;
  /* Remove the ::after effect */
}

.mac-head-wrapper,
.mac-content-wrapper,
.mac-img-wrapper,
.service-button-container {
  padding: 0;
}

@media (max-width: 1200px) {

  .mac-head-wrapper,
  .mac-content-wrapper,
  .mac-img-wrapper,
  .service-button-container {
    margin-bottom: 30px;
  }
}

@media (max-width: 992px) {

  .mac-head-wrapper,
  .mac-content-wrapper,
  .mac-img-wrapper,
  .service-button-container {
    margin-bottom: 20px;
  }
}

.mac-content-wrapper {
  padding: 0 15px;
}

@media (max-width: 1200px) {
  .mac-content-wrapper {
    padding: 0 15px 0 0;
  }
}

@media (max-width: 767.9px) {
  .mac-content-wrapper {
    padding: 0;
  }
}

@media (min-width: 767.9px) {
  .mac-content-wrapper {
    margin-bottom: 0;
  }
}

.mac-img-wrapper,
.service-button-container {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .service-button-container {
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .service-button-container {
    margin-top: 20px;
  }
}

@media (max-width: 767.9px) {
  .service-button-container {
    margin-top: 0;
  }
}

.standard-mac-head .heading,
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading,
.ai-busines .mac-head-wrapper .mac-head .heading,
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading,
.portfolio-page .mac-head-wrapper .mac-head .heading,
.terms-condition-services .mac-head-wrapper .mac-head .heading,
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading,
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading,
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading,
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading,
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading,
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading,
.differentiators .mac-head-wrapper .mac-head .heading,
.expertise-and-technologies .mac-head-wrapper .mac-head .heading,
.crafted-web-solutions .mac-head-wrapper .mac-head .heading,
.business-intelligence-services .mac-head-wrapper .mac-head .heading,
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading,
.what-we-do .mac-head-wrapper .mac-head .heading,
.key-benchmarks .mac-head-wrapper .mac-head .heading,
.why-select-us .mac-head-wrapper .mac-head .heading,
.our-work .mac-head-wrapper .mac-head .heading,
.working-method .mac-head-wrapper .mac-head .heading,
.engagement-model .mac-head-wrapper .mac-head .heading,
.technologies .mac-head-wrapper .mac-head .heading,
.our-services .mac-head-wrapper .mac-head .heading,
.why-choose-us .mac-head-wrapper .mac-head .heading,
.our-locations .mac-head-wrapper .mac-head .heading,
.leadership .mac-head-wrapper .mac-head .heading,
.mac-way .mac-head-wrapper .mac-head .heading,
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading,
.brief-facts .mac-head-wrapper .mac-head .heading,
.our-story .mac-head-wrapper .mac-head .heading,
.FAQs .faq-container .mac-head-wrapper .mac-head .heading,
.client-testimonials .mac-head-wrapper .mac-head .heading,
.blog .mac-head-wrapper .mac-head .heading,
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading,
.industries-we-serve .mac-head-wrapper .mac-head .heading,
.project-roadmap .mac-head-wrapper .mac-head .heading,
.business-solutions .mac-head-wrapper .mac-head .heading,
.services-mac .mac-head-wrapper .mac-head .heading,
.about-mac .mac-head-wrapper .mac-head .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 29.96px;
  text-align: left;
  color: #181B24;
  margin-bottom: 13px;
}

@media (max-width: 1200px) {

  .standard-mac-head .heading,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading,
  .ai-busines .mac-head-wrapper .mac-head .heading,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading,
  .portfolio-page .mac-head-wrapper .mac-head .heading,
  .terms-condition-services .mac-head-wrapper .mac-head .heading,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading,
  .differentiators .mac-head-wrapper .mac-head .heading,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading,
  .what-we-do .mac-head-wrapper .mac-head .heading,
  .key-benchmarks .mac-head-wrapper .mac-head .heading,
  .why-select-us .mac-head-wrapper .mac-head .heading,
  .our-work .mac-head-wrapper .mac-head .heading,
  .working-method .mac-head-wrapper .mac-head .heading,
  .engagement-model .mac-head-wrapper .mac-head .heading,
  .technologies .mac-head-wrapper .mac-head .heading,
  .our-services .mac-head-wrapper .mac-head .heading,
  .why-choose-us .mac-head-wrapper .mac-head .heading,
  .our-locations .mac-head-wrapper .mac-head .heading,
  .leadership .mac-head-wrapper .mac-head .heading,
  .mac-way .mac-head-wrapper .mac-head .heading,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading,
  .brief-facts .mac-head-wrapper .mac-head .heading,
  .our-story .mac-head-wrapper .mac-head .heading,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading,
  .client-testimonials .mac-head-wrapper .mac-head .heading,
  .blog .mac-head-wrapper .mac-head .heading,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading,
  .industries-we-serve .mac-head-wrapper .mac-head .heading,
  .project-roadmap .mac-head-wrapper .mac-head .heading,
  .business-solutions .mac-head-wrapper .mac-head .heading,
  .services-mac .mac-head-wrapper .mac-head .heading,
  .about-mac .mac-head-wrapper .mac-head .heading {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {

  .standard-mac-head .heading,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading,
  .ai-busines .mac-head-wrapper .mac-head .heading,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading,
  .portfolio-page .mac-head-wrapper .mac-head .heading,
  .terms-condition-services .mac-head-wrapper .mac-head .heading,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading,
  .differentiators .mac-head-wrapper .mac-head .heading,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading,
  .what-we-do .mac-head-wrapper .mac-head .heading,
  .key-benchmarks .mac-head-wrapper .mac-head .heading,
  .why-select-us .mac-head-wrapper .mac-head .heading,
  .our-work .mac-head-wrapper .mac-head .heading,
  .working-method .mac-head-wrapper .mac-head .heading,
  .engagement-model .mac-head-wrapper .mac-head .heading,
  .technologies .mac-head-wrapper .mac-head .heading,
  .our-services .mac-head-wrapper .mac-head .heading,
  .why-choose-us .mac-head-wrapper .mac-head .heading,
  .our-locations .mac-head-wrapper .mac-head .heading,
  .leadership .mac-head-wrapper .mac-head .heading,
  .mac-way .mac-head-wrapper .mac-head .heading,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading,
  .brief-facts .mac-head-wrapper .mac-head .heading,
  .our-story .mac-head-wrapper .mac-head .heading,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading,
  .client-testimonials .mac-head-wrapper .mac-head .heading,
  .blog .mac-head-wrapper .mac-head .heading,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading,
  .industries-we-serve .mac-head-wrapper .mac-head .heading,
  .project-roadmap .mac-head-wrapper .mac-head .heading,
  .business-solutions .mac-head-wrapper .mac-head .heading,
  .services-mac .mac-head-wrapper .mac-head .heading,
  .about-mac .mac-head-wrapper .mac-head .heading {
    font-size: 18px;
    margin-bottom: 9px;
  }
}

.standard-mac-head .heading .highlight,
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .highlight,
.ai-busines .mac-head-wrapper .mac-head .heading .highlight,
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .highlight,
.portfolio-page .mac-head-wrapper .mac-head .heading .highlight,
.terms-condition-services .mac-head-wrapper .mac-head .heading .highlight,
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .highlight,
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading .highlight,
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .highlight,
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .highlight,
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .highlight,
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .highlight,
.differentiators .mac-head-wrapper .mac-head .heading .highlight,
.expertise-and-technologies .mac-head-wrapper .mac-head .heading .highlight,
.crafted-web-solutions .mac-head-wrapper .mac-head .heading .highlight,
.business-intelligence-services .mac-head-wrapper .mac-head .heading .highlight,
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .highlight,
.what-we-do .mac-head-wrapper .mac-head .heading .highlight,
.key-benchmarks .mac-head-wrapper .mac-head .heading .highlight,
.why-select-us .mac-head-wrapper .mac-head .heading .highlight,
.our-work .mac-head-wrapper .mac-head .heading .highlight,
.working-method .mac-head-wrapper .mac-head .heading .highlight,
.engagement-model .mac-head-wrapper .mac-head .heading .highlight,
.technologies .mac-head-wrapper .mac-head .heading .highlight,
.our-services .mac-head-wrapper .mac-head .heading .highlight,
.why-choose-us .mac-head-wrapper .mac-head .heading .highlight,
.our-locations .mac-head-wrapper .mac-head .heading .highlight,
.leadership .mac-head-wrapper .mac-head .heading .highlight,
.mac-way .mac-head-wrapper .mac-head .heading .highlight,
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .highlight,
.brief-facts .mac-head-wrapper .mac-head .heading .highlight,
.our-story .mac-head-wrapper .mac-head .heading .highlight,
.FAQs .faq-container .mac-head-wrapper .mac-head .heading .highlight,
.client-testimonials .mac-head-wrapper .mac-head .heading .highlight,
.blog .mac-head-wrapper .mac-head .heading .highlight,
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .highlight,
.industries-we-serve .mac-head-wrapper .mac-head .heading .highlight,
.project-roadmap .mac-head-wrapper .mac-head .heading .highlight,
.business-solutions .mac-head-wrapper .mac-head .heading .highlight,
.services-mac .mac-head-wrapper .mac-head .heading .highlight,
.about-mac .mac-head-wrapper .mac-head .heading .highlight {
  font-weight: 600;
}

.standard-mac-head .heading .boxes,
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .boxes,
.ai-busines .mac-head-wrapper .mac-head .heading .boxes,
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .boxes,
.portfolio-page .mac-head-wrapper .mac-head .heading .boxes,
.terms-condition-services .mac-head-wrapper .mac-head .heading .boxes,
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .boxes,
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading .boxes,
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .boxes,
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .boxes,
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes,
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes,
.differentiators .mac-head-wrapper .mac-head .heading .boxes,
.expertise-and-technologies .mac-head-wrapper .mac-head .heading .boxes,
.crafted-web-solutions .mac-head-wrapper .mac-head .heading .boxes,
.business-intelligence-services .mac-head-wrapper .mac-head .heading .boxes,
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .boxes,
.what-we-do .mac-head-wrapper .mac-head .heading .boxes,
.key-benchmarks .mac-head-wrapper .mac-head .heading .boxes,
.why-select-us .mac-head-wrapper .mac-head .heading .boxes,
.our-work .mac-head-wrapper .mac-head .heading .boxes,
.working-method .mac-head-wrapper .mac-head .heading .boxes,
.engagement-model .mac-head-wrapper .mac-head .heading .boxes,
.technologies .mac-head-wrapper .mac-head .heading .boxes,
.our-services .mac-head-wrapper .mac-head .heading .boxes,
.why-choose-us .mac-head-wrapper .mac-head .heading .boxes,
.our-locations .mac-head-wrapper .mac-head .heading .boxes,
.leadership .mac-head-wrapper .mac-head .heading .boxes,
.mac-way .mac-head-wrapper .mac-head .heading .boxes,
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .boxes,
.brief-facts .mac-head-wrapper .mac-head .heading .boxes,
.our-story .mac-head-wrapper .mac-head .heading .boxes,
.FAQs .faq-container .mac-head-wrapper .mac-head .heading .boxes,
.client-testimonials .mac-head-wrapper .mac-head .heading .boxes,
.blog .mac-head-wrapper .mac-head .heading .boxes,
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .boxes,
.industries-we-serve .mac-head-wrapper .mac-head .heading .boxes,
.project-roadmap .mac-head-wrapper .mac-head .heading .boxes,
.business-solutions .mac-head-wrapper .mac-head .heading .boxes,
.services-mac .mac-head-wrapper .mac-head .heading .boxes,
.about-mac .mac-head-wrapper .mac-head .heading .boxes {
  display: inline-flex;
  justify-content: center;
  margin-left: 16px;
  gap: 16px;
}

@media (max-width: 1200px) {

  .standard-mac-head .heading .boxes,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .ai-busines .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .portfolio-page .mac-head-wrapper .mac-head .heading .boxes,
  .terms-condition-services .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes,
  .differentiators .mac-head-wrapper .mac-head .heading .boxes,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading .boxes,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading .boxes,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .boxes,
  .what-we-do .mac-head-wrapper .mac-head .heading .boxes,
  .key-benchmarks .mac-head-wrapper .mac-head .heading .boxes,
  .why-select-us .mac-head-wrapper .mac-head .heading .boxes,
  .our-work .mac-head-wrapper .mac-head .heading .boxes,
  .working-method .mac-head-wrapper .mac-head .heading .boxes,
  .engagement-model .mac-head-wrapper .mac-head .heading .boxes,
  .technologies .mac-head-wrapper .mac-head .heading .boxes,
  .our-services .mac-head-wrapper .mac-head .heading .boxes,
  .why-choose-us .mac-head-wrapper .mac-head .heading .boxes,
  .our-locations .mac-head-wrapper .mac-head .heading .boxes,
  .leadership .mac-head-wrapper .mac-head .heading .boxes,
  .mac-way .mac-head-wrapper .mac-head .heading .boxes,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .boxes,
  .brief-facts .mac-head-wrapper .mac-head .heading .boxes,
  .our-story .mac-head-wrapper .mac-head .heading .boxes,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading .boxes,
  .client-testimonials .mac-head-wrapper .mac-head .heading .boxes,
  .blog .mac-head-wrapper .mac-head .heading .boxes,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .boxes,
  .industries-we-serve .mac-head-wrapper .mac-head .heading .boxes,
  .project-roadmap .mac-head-wrapper .mac-head .heading .boxes,
  .business-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .services-mac .mac-head-wrapper .mac-head .heading .boxes,
  .about-mac .mac-head-wrapper .mac-head .heading .boxes {
    margin-left: 14px;
    gap: 14px;
  }
}

@media (max-width: 576px) {

  .standard-mac-head .heading .boxes,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .ai-busines .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .portfolio-page .mac-head-wrapper .mac-head .heading .boxes,
  .terms-condition-services .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes,
  .differentiators .mac-head-wrapper .mac-head .heading .boxes,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading .boxes,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading .boxes,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .boxes,
  .what-we-do .mac-head-wrapper .mac-head .heading .boxes,
  .key-benchmarks .mac-head-wrapper .mac-head .heading .boxes,
  .why-select-us .mac-head-wrapper .mac-head .heading .boxes,
  .our-work .mac-head-wrapper .mac-head .heading .boxes,
  .working-method .mac-head-wrapper .mac-head .heading .boxes,
  .engagement-model .mac-head-wrapper .mac-head .heading .boxes,
  .technologies .mac-head-wrapper .mac-head .heading .boxes,
  .our-services .mac-head-wrapper .mac-head .heading .boxes,
  .why-choose-us .mac-head-wrapper .mac-head .heading .boxes,
  .our-locations .mac-head-wrapper .mac-head .heading .boxes,
  .leadership .mac-head-wrapper .mac-head .heading .boxes,
  .mac-way .mac-head-wrapper .mac-head .heading .boxes,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .boxes,
  .brief-facts .mac-head-wrapper .mac-head .heading .boxes,
  .our-story .mac-head-wrapper .mac-head .heading .boxes,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading .boxes,
  .client-testimonials .mac-head-wrapper .mac-head .heading .boxes,
  .blog .mac-head-wrapper .mac-head .heading .boxes,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .boxes,
  .industries-we-serve .mac-head-wrapper .mac-head .heading .boxes,
  .project-roadmap .mac-head-wrapper .mac-head .heading .boxes,
  .business-solutions .mac-head-wrapper .mac-head .heading .boxes,
  .services-mac .mac-head-wrapper .mac-head .heading .boxes,
  .about-mac .mac-head-wrapper .mac-head .heading .boxes {
    margin-left: 10px;
    gap: 10px;
  }
}

.standard-mac-head .heading .boxes span,
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .boxes span,
.ai-busines .mac-head-wrapper .mac-head .heading .boxes span,
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .boxes span,
.portfolio-page .mac-head-wrapper .mac-head .heading .boxes span,
.terms-condition-services .mac-head-wrapper .mac-head .heading .boxes span,
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .boxes span,
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading .boxes span,
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .boxes span,
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .boxes span,
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes span,
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes span,
.differentiators .mac-head-wrapper .mac-head .heading .boxes span,
.expertise-and-technologies .mac-head-wrapper .mac-head .heading .boxes span,
.crafted-web-solutions .mac-head-wrapper .mac-head .heading .boxes span,
.business-intelligence-services .mac-head-wrapper .mac-head .heading .boxes span,
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .boxes span,
.what-we-do .mac-head-wrapper .mac-head .heading .boxes span,
.key-benchmarks .mac-head-wrapper .mac-head .heading .boxes span,
.why-select-us .mac-head-wrapper .mac-head .heading .boxes span,
.our-work .mac-head-wrapper .mac-head .heading .boxes span,
.working-method .mac-head-wrapper .mac-head .heading .boxes span,
.engagement-model .mac-head-wrapper .mac-head .heading .boxes span,
.technologies .mac-head-wrapper .mac-head .heading .boxes span,
.our-services .mac-head-wrapper .mac-head .heading .boxes span,
.why-choose-us .mac-head-wrapper .mac-head .heading .boxes span,
.our-locations .mac-head-wrapper .mac-head .heading .boxes span,
.leadership .mac-head-wrapper .mac-head .heading .boxes span,
.mac-way .mac-head-wrapper .mac-head .heading .boxes span,
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .boxes span,
.brief-facts .mac-head-wrapper .mac-head .heading .boxes span,
.our-story .mac-head-wrapper .mac-head .heading .boxes span,
.FAQs .faq-container .mac-head-wrapper .mac-head .heading .boxes span,
.client-testimonials .mac-head-wrapper .mac-head .heading .boxes span,
.blog .mac-head-wrapper .mac-head .heading .boxes span,
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .boxes span,
.industries-we-serve .mac-head-wrapper .mac-head .heading .boxes span,
.project-roadmap .mac-head-wrapper .mac-head .heading .boxes span,
.business-solutions .mac-head-wrapper .mac-head .heading .boxes span,
.services-mac .mac-head-wrapper .mac-head .heading .boxes span,
.about-mac .mac-head-wrapper .mac-head .heading .boxes span {
  width: 18px;
  height: 18px;
  background: #9ED4D7;
}

@media (max-width: 1200px) {

  .standard-mac-head .heading .boxes span,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .ai-busines .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .portfolio-page .mac-head-wrapper .mac-head .heading .boxes span,
  .terms-condition-services .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes span,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes span,
  .differentiators .mac-head-wrapper .mac-head .heading .boxes span,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading .boxes span,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading .boxes span,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .boxes span,
  .what-we-do .mac-head-wrapper .mac-head .heading .boxes span,
  .key-benchmarks .mac-head-wrapper .mac-head .heading .boxes span,
  .why-select-us .mac-head-wrapper .mac-head .heading .boxes span,
  .our-work .mac-head-wrapper .mac-head .heading .boxes span,
  .working-method .mac-head-wrapper .mac-head .heading .boxes span,
  .engagement-model .mac-head-wrapper .mac-head .heading .boxes span,
  .technologies .mac-head-wrapper .mac-head .heading .boxes span,
  .our-services .mac-head-wrapper .mac-head .heading .boxes span,
  .why-choose-us .mac-head-wrapper .mac-head .heading .boxes span,
  .our-locations .mac-head-wrapper .mac-head .heading .boxes span,
  .leadership .mac-head-wrapper .mac-head .heading .boxes span,
  .mac-way .mac-head-wrapper .mac-head .heading .boxes span,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .boxes span,
  .brief-facts .mac-head-wrapper .mac-head .heading .boxes span,
  .our-story .mac-head-wrapper .mac-head .heading .boxes span,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading .boxes span,
  .client-testimonials .mac-head-wrapper .mac-head .heading .boxes span,
  .blog .mac-head-wrapper .mac-head .heading .boxes span,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .boxes span,
  .industries-we-serve .mac-head-wrapper .mac-head .heading .boxes span,
  .project-roadmap .mac-head-wrapper .mac-head .heading .boxes span,
  .business-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .services-mac .mac-head-wrapper .mac-head .heading .boxes span,
  .about-mac .mac-head-wrapper .mac-head .heading .boxes span {
    width: 16.5px;
    height: 16.5px;
  }
}

@media (max-width: 576px) {

  .standard-mac-head .heading .boxes span,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .ai-busines .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .portfolio-page .mac-head-wrapper .mac-head .heading .boxes span,
  .terms-condition-services .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes span,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading .boxes span,
  .differentiators .mac-head-wrapper .mac-head .heading .boxes span,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading .boxes span,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading .boxes span,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading .boxes span,
  .what-we-do .mac-head-wrapper .mac-head .heading .boxes span,
  .key-benchmarks .mac-head-wrapper .mac-head .heading .boxes span,
  .why-select-us .mac-head-wrapper .mac-head .heading .boxes span,
  .our-work .mac-head-wrapper .mac-head .heading .boxes span,
  .working-method .mac-head-wrapper .mac-head .heading .boxes span,
  .engagement-model .mac-head-wrapper .mac-head .heading .boxes span,
  .technologies .mac-head-wrapper .mac-head .heading .boxes span,
  .our-services .mac-head-wrapper .mac-head .heading .boxes span,
  .why-choose-us .mac-head-wrapper .mac-head .heading .boxes span,
  .our-locations .mac-head-wrapper .mac-head .heading .boxes span,
  .leadership .mac-head-wrapper .mac-head .heading .boxes span,
  .mac-way .mac-head-wrapper .mac-head .heading .boxes span,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading .boxes span,
  .brief-facts .mac-head-wrapper .mac-head .heading .boxes span,
  .our-story .mac-head-wrapper .mac-head .heading .boxes span,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading .boxes span,
  .client-testimonials .mac-head-wrapper .mac-head .heading .boxes span,
  .blog .mac-head-wrapper .mac-head .heading .boxes span,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading .boxes span,
  .industries-we-serve .mac-head-wrapper .mac-head .heading .boxes span,
  .project-roadmap .mac-head-wrapper .mac-head .heading .boxes span,
  .business-solutions .mac-head-wrapper .mac-head .heading .boxes span,
  .services-mac .mac-head-wrapper .mac-head .heading .boxes span,
  .about-mac .mac-head-wrapper .mac-head .heading .boxes span {
    width: 15px;
    height: 15px;
  }
}

.standard-mac-head .heading:hover .boxes span,
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span,
.ai-busines .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span,
.portfolio-page .mac-head-wrapper .mac-head .heading:hover .boxes span,
.terms-condition-services .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span,
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span,
.differentiators .mac-head-wrapper .mac-head .heading:hover .boxes span,
.expertise-and-technologies .mac-head-wrapper .mac-head .heading:hover .boxes span,
.crafted-web-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span,
.business-intelligence-services .mac-head-wrapper .mac-head .heading:hover .boxes span,
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading:hover .boxes span,
.what-we-do .mac-head-wrapper .mac-head .heading:hover .boxes span,
.key-benchmarks .mac-head-wrapper .mac-head .heading:hover .boxes span,
.why-select-us .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-work .mac-head-wrapper .mac-head .heading:hover .boxes span,
.working-method .mac-head-wrapper .mac-head .heading:hover .boxes span,
.engagement-model .mac-head-wrapper .mac-head .heading:hover .boxes span,
.technologies .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-services .mac-head-wrapper .mac-head .heading:hover .boxes span,
.why-choose-us .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-locations .mac-head-wrapper .mac-head .heading:hover .boxes span,
.leadership .mac-head-wrapper .mac-head .heading:hover .boxes span,
.mac-way .mac-head-wrapper .mac-head .heading:hover .boxes span,
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading:hover .boxes span,
.brief-facts .mac-head-wrapper .mac-head .heading:hover .boxes span,
.our-story .mac-head-wrapper .mac-head .heading:hover .boxes span,
.FAQs .faq-container .mac-head-wrapper .mac-head .heading:hover .boxes span,
.client-testimonials .mac-head-wrapper .mac-head .heading:hover .boxes span,
.blog .mac-head-wrapper .mac-head .heading:hover .boxes span,
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading:hover .boxes span,
.industries-we-serve .mac-head-wrapper .mac-head .heading:hover .boxes span,
.project-roadmap .mac-head-wrapper .mac-head .heading:hover .boxes span,
.business-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span,
.services-mac .mac-head-wrapper .mac-head .heading:hover .boxes span,
.about-mac .mac-head-wrapper .mac-head .heading:hover .boxes span {
  animation: wave 0.8s ease-in-out infinite;
}

.standard-mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.ai-busines .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.portfolio-page .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.terms-condition-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.differentiators .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.expertise-and-technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.crafted-web-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.business-intelligence-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading:hover .boxes span:nth-child(1),
.what-we-do .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.key-benchmarks .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.why-select-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-work .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.working-method .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.engagement-model .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.why-choose-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-locations .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.leadership .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.mac-way .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.brief-facts .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.our-story .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.FAQs .faq-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.client-testimonials .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.blog .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.industries-we-serve .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.project-roadmap .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.business-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.services-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1),
.about-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(1) {
  animation-delay: 0s;
}

.standard-mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.ai-busines .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.portfolio-page .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.terms-condition-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.differentiators .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.expertise-and-technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.crafted-web-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.business-intelligence-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading:hover .boxes span:nth-child(2),
.what-we-do .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.key-benchmarks .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.why-select-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-work .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.working-method .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.engagement-model .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.why-choose-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-locations .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.leadership .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.mac-way .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.brief-facts .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.our-story .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.FAQs .faq-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.client-testimonials .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.blog .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.industries-we-serve .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.project-roadmap .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.business-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.services-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2),
.about-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(2) {
  animation-delay: 0.1s;
}

.standard-mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.ai-busines .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.portfolio-page .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.terms-condition-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.differentiators .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.expertise-and-technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.crafted-web-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.business-intelligence-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading:hover .boxes span:nth-child(3),
.what-we-do .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.key-benchmarks .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.why-select-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-work .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.working-method .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.engagement-model .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.why-choose-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-locations .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.leadership .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.mac-way .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.brief-facts .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.our-story .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.FAQs .faq-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.client-testimonials .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.blog .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.industries-we-serve .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.project-roadmap .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.business-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.services-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3),
.about-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(3) {
  animation-delay: 0.2s;
}

.standard-mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.ai-busines .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.portfolio-page .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.terms-condition-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.differentiators .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.expertise-and-technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.crafted-web-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.business-intelligence-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading:hover .boxes span:nth-child(4),
.what-we-do .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.key-benchmarks .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.why-select-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-work .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.working-method .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.engagement-model .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.technologies .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-services .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.why-choose-us .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-locations .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.leadership .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.mac-way .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.brief-facts .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.our-story .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.FAQs .faq-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.client-testimonials .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.blog .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.industries-we-serve .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.project-roadmap .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.business-solutions .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.services-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4),
.about-mac .mac-head-wrapper .mac-head .heading:hover .boxes span:nth-child(4) {
  animation-delay: 0.3s;
}

@keyframes wave {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

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

.standard-mac-head .heading-text,
.our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading-text,
.ai-busines .mac-head-wrapper .mac-head .heading-text,
.our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading-text,
.portfolio-page .mac-head-wrapper .mac-head .heading-text,
.terms-condition-services .mac-head-wrapper .mac-head .heading-text,
.our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading-text,
.our-differentiators.api-development .mac-head-wrapper .mac-head .heading-text,
.our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading-text,
.our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading-text,
.our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
.expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
.differentiators .mac-head-wrapper .mac-head .heading-text,
.expertise-and-technologies .mac-head-wrapper .mac-head .heading-text,
.crafted-web-solutions .mac-head-wrapper .mac-head .heading-text,
.business-intelligence-services .mac-head-wrapper .mac-head .heading-text,
.blog-page .blog-pills-row .blog-search-form-container .mac-head .heading-text,
.what-we-do .mac-head-wrapper .mac-head .heading-text,
.key-benchmarks .mac-head-wrapper .mac-head .heading-text,
.why-select-us .mac-head-wrapper .mac-head .heading-text,
.our-work .mac-head-wrapper .mac-head .heading-text,
.working-method .mac-head-wrapper .mac-head .heading-text,
.engagement-model .mac-head-wrapper .mac-head .heading-text,
.technologies .mac-head-wrapper .mac-head .heading-text,
.our-services .mac-head-wrapper .mac-head .heading-text,
.why-choose-us .mac-head-wrapper .mac-head .heading-text,
.our-locations .mac-head-wrapper .mac-head .heading-text,
.leadership .mac-head-wrapper .mac-head .heading-text,
.mac-way .mac-head-wrapper .mac-head .heading-text,
.guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading-text,
.brief-facts .mac-head-wrapper .mac-head .heading-text,
.our-story .mac-head-wrapper .mac-head .heading-text,
.FAQs .faq-container .mac-head-wrapper .mac-head .heading-text,
.client-testimonials .mac-head-wrapper .mac-head .heading-text,
.blog .mac-head-wrapper .mac-head .heading-text,
.blog-page .blog-content-container .mac-head-wrapper .mac-head .heading-text,
.industries-we-serve .mac-head-wrapper .mac-head .heading-text,
.project-roadmap .mac-head-wrapper .mac-head .heading-text,
.business-solutions .mac-head-wrapper .mac-head .heading-text,
.services-mac .mac-head-wrapper .mac-head .heading-text,
.about-mac .mac-head-wrapper .mac-head .heading-text {
  font-family: "Open Sans", sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {

  .standard-mac-head .heading-text,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading-text,
  .ai-busines .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading-text,
  .portfolio-page .mac-head-wrapper .mac-head .heading-text,
  .terms-condition-services .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
  .differentiators .mac-head-wrapper .mac-head .heading-text,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading-text,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading-text,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading-text,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading-text,
  .what-we-do .mac-head-wrapper .mac-head .heading-text,
  .key-benchmarks .mac-head-wrapper .mac-head .heading-text,
  .why-select-us .mac-head-wrapper .mac-head .heading-text,
  .our-work .mac-head-wrapper .mac-head .heading-text,
  .working-method .mac-head-wrapper .mac-head .heading-text,
  .engagement-model .mac-head-wrapper .mac-head .heading-text,
  .technologies .mac-head-wrapper .mac-head .heading-text,
  .our-services .mac-head-wrapper .mac-head .heading-text,
  .why-choose-us .mac-head-wrapper .mac-head .heading-text,
  .our-locations .mac-head-wrapper .mac-head .heading-text,
  .leadership .mac-head-wrapper .mac-head .heading-text,
  .mac-way .mac-head-wrapper .mac-head .heading-text,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading-text,
  .brief-facts .mac-head-wrapper .mac-head .heading-text,
  .our-story .mac-head-wrapper .mac-head .heading-text,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading-text,
  .client-testimonials .mac-head-wrapper .mac-head .heading-text,
  .blog .mac-head-wrapper .mac-head .heading-text,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading-text,
  .industries-we-serve .mac-head-wrapper .mac-head .heading-text,
  .project-roadmap .mac-head-wrapper .mac-head .heading-text,
  .business-solutions .mac-head-wrapper .mac-head .heading-text,
  .services-mac .mac-head-wrapper .mac-head .heading-text,
  .about-mac .mac-head-wrapper .mac-head .heading-text {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 992px) {

  .standard-mac-head .heading-text,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading-text,
  .ai-busines .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading-text,
  .portfolio-page .mac-head-wrapper .mac-head .heading-text,
  .terms-condition-services .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
  .differentiators .mac-head-wrapper .mac-head .heading-text,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading-text,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading-text,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading-text,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading-text,
  .what-we-do .mac-head-wrapper .mac-head .heading-text,
  .key-benchmarks .mac-head-wrapper .mac-head .heading-text,
  .why-select-us .mac-head-wrapper .mac-head .heading-text,
  .our-work .mac-head-wrapper .mac-head .heading-text,
  .working-method .mac-head-wrapper .mac-head .heading-text,
  .engagement-model .mac-head-wrapper .mac-head .heading-text,
  .technologies .mac-head-wrapper .mac-head .heading-text,
  .our-services .mac-head-wrapper .mac-head .heading-text,
  .why-choose-us .mac-head-wrapper .mac-head .heading-text,
  .our-locations .mac-head-wrapper .mac-head .heading-text,
  .leadership .mac-head-wrapper .mac-head .heading-text,
  .mac-way .mac-head-wrapper .mac-head .heading-text,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading-text,
  .brief-facts .mac-head-wrapper .mac-head .heading-text,
  .our-story .mac-head-wrapper .mac-head .heading-text,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading-text,
  .client-testimonials .mac-head-wrapper .mac-head .heading-text,
  .blog .mac-head-wrapper .mac-head .heading-text,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading-text,
  .industries-we-serve .mac-head-wrapper .mac-head .heading-text,
  .project-roadmap .mac-head-wrapper .mac-head .heading-text,
  .business-solutions .mac-head-wrapper .mac-head .heading-text,
  .services-mac .mac-head-wrapper .mac-head .heading-text,
  .about-mac .mac-head-wrapper .mac-head .heading-text {
    font-size: 25px;
    line-height: 35px;
  }
}

@media (max-width: 576px) {

  .standard-mac-head .heading-text,
  .our-differentiators.next-generation-ai-solutions .mac-head-wrapper .mac-head .heading-text,
  .ai-busines .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.ai-solutions .mac-head-wrapper .mac-head .heading-text,
  .portfolio-page .mac-head-wrapper .mac-head .heading-text,
  .terms-condition-services .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.mobile-app-backend .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.api-development .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.custom-software-development .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.e-commerce-solutions .mac-head-wrapper .mac-head .heading-text,
  .our-differentiators.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
  .expertise-technologies.mobile-app-development .mac-head-wrapper .mac-head .heading-text,
  .differentiators .mac-head-wrapper .mac-head .heading-text,
  .expertise-and-technologies .mac-head-wrapper .mac-head .heading-text,
  .crafted-web-solutions .mac-head-wrapper .mac-head .heading-text,
  .business-intelligence-services .mac-head-wrapper .mac-head .heading-text,
  .blog-page .blog-pills-row .blog-search-form-container .mac-head .heading-text,
  .what-we-do .mac-head-wrapper .mac-head .heading-text,
  .key-benchmarks .mac-head-wrapper .mac-head .heading-text,
  .why-select-us .mac-head-wrapper .mac-head .heading-text,
  .our-work .mac-head-wrapper .mac-head .heading-text,
  .working-method .mac-head-wrapper .mac-head .heading-text,
  .engagement-model .mac-head-wrapper .mac-head .heading-text,
  .technologies .mac-head-wrapper .mac-head .heading-text,
  .our-services .mac-head-wrapper .mac-head .heading-text,
  .why-choose-us .mac-head-wrapper .mac-head .heading-text,
  .our-locations .mac-head-wrapper .mac-head .heading-text,
  .leadership .mac-head-wrapper .mac-head .heading-text,
  .mac-way .mac-head-wrapper .mac-head .heading-text,
  .guiding-principles .guiding-principles-container .mac-head-wrapper .mac-head .heading-text,
  .brief-facts .mac-head-wrapper .mac-head .heading-text,
  .our-story .mac-head-wrapper .mac-head .heading-text,
  .FAQs .faq-container .mac-head-wrapper .mac-head .heading-text,
  .client-testimonials .mac-head-wrapper .mac-head .heading-text,
  .blog .mac-head-wrapper .mac-head .heading-text,
  .blog-page .blog-content-container .mac-head-wrapper .mac-head .heading-text,
  .industries-we-serve .mac-head-wrapper .mac-head .heading-text,
  .project-roadmap .mac-head-wrapper .mac-head .heading-text,
  .business-solutions .mac-head-wrapper .mac-head .heading-text,
  .services-mac .mac-head-wrapper .mac-head .heading-text,
  .about-mac .mac-head-wrapper .mac-head .heading-text {
    font-size: 20px;
    line-height: 30px;
  }
}

.standard-mac-content p,
.our-differentiators.next-generation-ai-solutions .mac-content-wrapper .mac-content p,
.ai-busines .mac-content-wrapper .mac-content p,
.our-differentiators.ai-solutions .mac-content-wrapper .mac-content p,
.portfolio-page .mac-content-wrapper .mac-content p,
.terms-condition-services .mac-content p,
.our-differentiators.mobile-app-backend .mac-content-wrapper .mac-content p,
.our-differentiators.api-development .mac-content-wrapper .mac-content p,
.our-differentiators.custom-software-development .mac-content-wrapper .mac-content p,
.our-differentiators.e-commerce-solutions .mac-content-wrapper .mac-content p,
.what-we-do.mobile-app-development .mac-content-wrapper .mac-content p,
.our-differentiators.mobile-app-development .mac-content-wrapper .mac-content p,
.expertise-technologies.mobile-app-development .mac-content-wrapper .mac-content p,
.differentiators .mac-content-wrapper .mac-content p,
.expertise-and-technologies .mac-content-wrapper .mac-content p,
.crafted-web-solutions .mac-content-wrapper .mac-content p,
.business-intelligence-services .mac-content-wrapper .mac-content p,
.what-we-do .mac-content-wrapper .mac-content p,
.key-benchmarks .mac-content-wrapper .mac-content p,
.our-work .mac-content-wrapper .mac-content p,
.working-method .mac-content-wrapper .mac-content p,
.engagement-model .mac-content-wrapper .mac-content p,
.technologies .mac-content-wrapper .mac-content p,
.our-services .mac-content-wrapper .mac-content p,
.why-choose-us .mac-content-wrapper .mac-content p,
.leadership .mac-content-wrapper .mac-content p,
.mac-way .mac-content-wrapper .mac-content p,
.guiding-principles .guiding-principles-container .mac-content-wrapper .mac-content p,
.our-story .mac-content-wrapper .mac-content p,
.FAQs .faq-container .mac-content-wrapper .mac-content p,
.client-testimonials .mac-content-wrapper .mac-content p,
.blog .mac-content-wrapper .mac-content p,
.blog-page .blog-content-container .mac-content-wrapper .mac-content p,
.industries-we-serve .mac-content-wrapper .mac-content p,
.project-roadmap .mac-content-wrapper .mac-content p,
.business-solutions .mac-content-wrapper .mac-content p,
.services-mac .mac-content-wrapper .mac-content p,
.about-mac .mac-content-wrapper .mac-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 576px) {

  .standard-mac-content p,
  .our-differentiators.next-generation-ai-solutions .mac-content-wrapper .mac-content p,
  .ai-busines .mac-content-wrapper .mac-content p,
  .our-differentiators.ai-solutions .mac-content-wrapper .mac-content p,
  .portfolio-page .mac-content-wrapper .mac-content p,
  .terms-condition-services .mac-content p,
  .our-differentiators.mobile-app-backend .mac-content-wrapper .mac-content p,
  .our-differentiators.api-development .mac-content-wrapper .mac-content p,
  .our-differentiators.custom-software-development .mac-content-wrapper .mac-content p,
  .our-differentiators.e-commerce-solutions .mac-content-wrapper .mac-content p,
  .what-we-do.mobile-app-development .mac-content-wrapper .mac-content p,
  .our-differentiators.mobile-app-development .mac-content-wrapper .mac-content p,
  .expertise-technologies.mobile-app-development .mac-content-wrapper .mac-content p,
  .differentiators .mac-content-wrapper .mac-content p,
  .expertise-and-technologies .mac-content-wrapper .mac-content p,
  .crafted-web-solutions .mac-content-wrapper .mac-content p,
  .business-intelligence-services .mac-content-wrapper .mac-content p,
  .what-we-do .mac-content-wrapper .mac-content p,
  .key-benchmarks .mac-content-wrapper .mac-content p,
  .our-work .mac-content-wrapper .mac-content p,
  .working-method .mac-content-wrapper .mac-content p,
  .engagement-model .mac-content-wrapper .mac-content p,
  .technologies .mac-content-wrapper .mac-content p,
  .our-services .mac-content-wrapper .mac-content p,
  .why-choose-us .mac-content-wrapper .mac-content p,
  .leadership .mac-content-wrapper .mac-content p,
  .mac-way .mac-content-wrapper .mac-content p,
  .guiding-principles .guiding-principles-container .mac-content-wrapper .mac-content p,
  .our-story .mac-content-wrapper .mac-content p,
  .FAQs .faq-container .mac-content-wrapper .mac-content p,
  .client-testimonials .mac-content-wrapper .mac-content p,
  .blog .mac-content-wrapper .mac-content p,
  .blog-page .blog-content-container .mac-content-wrapper .mac-content p,
  .industries-we-serve .mac-content-wrapper .mac-content p,
  .project-roadmap .mac-content-wrapper .mac-content p,
  .business-solutions .mac-content-wrapper .mac-content p,
  .services-mac .mac-content-wrapper .mac-content p,
  .about-mac .mac-content-wrapper .mac-content p {
    font-size: 16px;
    line-height: 25px;
  }
}

.standard-mac-content p .highlight,
.our-differentiators.next-generation-ai-solutions .mac-content-wrapper .mac-content p .highlight,
.ai-busines .mac-content-wrapper .mac-content p .highlight,
.our-differentiators.ai-solutions .mac-content-wrapper .mac-content p .highlight,
.portfolio-page .mac-content-wrapper .mac-content p .highlight,
.terms-condition-services .mac-content p .highlight,
.our-differentiators.mobile-app-backend .mac-content-wrapper .mac-content p .highlight,
.our-differentiators.api-development .mac-content-wrapper .mac-content p .highlight,
.our-differentiators.custom-software-development .mac-content-wrapper .mac-content p .highlight,
.our-differentiators.e-commerce-solutions .mac-content-wrapper .mac-content p .highlight,
.our-differentiators.mobile-app-development .mac-content-wrapper .mac-content p .highlight,
.expertise-technologies.mobile-app-development .mac-content-wrapper .mac-content p .highlight,
.differentiators .mac-content-wrapper .mac-content p .highlight,
.expertise-and-technologies .mac-content-wrapper .mac-content p .highlight,
.crafted-web-solutions .mac-content-wrapper .mac-content p .highlight,
.business-intelligence-services .mac-content-wrapper .mac-content p .highlight,
.what-we-do .mac-content-wrapper .mac-content p .highlight,
.key-benchmarks .mac-content-wrapper .mac-content p .highlight,
.our-work .mac-content-wrapper .mac-content p .highlight,
.working-method .mac-content-wrapper .mac-content p .highlight,
.engagement-model .mac-content-wrapper .mac-content p .highlight,
.technologies .mac-content-wrapper .mac-content p .highlight,
.our-services .mac-content-wrapper .mac-content p .highlight,
.why-choose-us .mac-content-wrapper .mac-content p .highlight,
.leadership .mac-content-wrapper .mac-content p .highlight,
.mac-way .mac-content-wrapper .mac-content p .highlight,
.guiding-principles .guiding-principles-container .mac-content-wrapper .mac-content p .highlight,
.our-story .mac-content-wrapper .mac-content p .highlight,
.FAQs .faq-container .mac-content-wrapper .mac-content p .highlight,
.client-testimonials .mac-content-wrapper .mac-content p .highlight,
.blog .mac-content-wrapper .mac-content p .highlight,
.blog-page .blog-content-container .mac-content-wrapper .mac-content p .highlight,
.industries-we-serve .mac-content-wrapper .mac-content p .highlight,
.project-roadmap .mac-content-wrapper .mac-content p .highlight,
.business-solutions .mac-content-wrapper .mac-content p .highlight,
.services-mac .mac-content-wrapper .mac-content p .highlight,
.about-mac .mac-content-wrapper .mac-content p .highlight {
  font-weight: 700;
}

.standard-service-button-container,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container,
.our-work .service-button-container,
.portfolio-page .portfolio-content-container .service-button-container,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container,
.blog .service-button-container,
.blog-page .inner-blog.blog-content-container .service-button-container,
.blog-page .blog-content-container .service-button-container,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container,
.services-mac .service-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.standard-service-button-container .services-button,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button,
.our-work .service-button-container .services-button,
.portfolio-page .portfolio-content-container .service-button-container .services-button,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button,
.blog .service-button-container .services-button,
.blog-page .blog-content-container .service-button-container .services-button,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button,
.services-mac .service-button-container .services-button {
  display: flex;
  align-items: center;
  padding: 0;
}

.standard-service-button-container .services-button::before,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button::before,
.our-work .service-button-container .services-button::before,
.portfolio-page .portfolio-content-container .service-button-container .services-button::before,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button::before,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button::before,
.blog .service-button-container .services-button::before,
.blog-page .blog-content-container .service-button-container .services-button::before,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button::before,
.services-mac .service-button-container .services-button::before {
  content: "";
  transform: translate(0, 100%);
}

.standard-service-button-container .services-button:hover::before,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button:hover::before,
.our-work .service-button-container .services-button:hover::before,
.portfolio-page .portfolio-content-container .service-button-container .services-button:hover::before,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button:hover::before,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button:hover::before,
.blog .service-button-container .services-button:hover::before,
.blog-page .blog-content-container .service-button-container .services-button:hover::before,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button:hover::before,
.services-mac .service-button-container .services-button:hover::before {
  transform: translate(0, -10%);
}

.standard-service-button-container .services-button a,
.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button a,
.our-work .service-button-container .services-button a,
.portfolio-page .portfolio-content-container .service-button-container .services-button a,
.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button a,
.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button a,
.blog .service-button-container .services-button a,
.blog-page .blog-content-container .service-button-container .services-button a,
.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button a,
.services-mac .service-button-container .services-button a {
  text-decoration: none;
  color: #ffffff;
  padding: 10px 11px 10px 22px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

@media (max-width: 576px) {

  .standard-service-button-container .services-button a,
  .error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button a,
  .our-work .service-button-container .services-button a,
  .portfolio-page .portfolio-content-container .service-button-container .services-button a,
  .bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button a,
  .get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button a,
  .blog .service-button-container .services-button a,
  .blog-page .blog-content-container .service-button-container .services-button a,
  .services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button a,
  .services-mac .service-button-container .services-button a {
    padding: 4px 6px;
    font-size: 14px;
    line-height: 18px;
  }

  .standard-service-button-container .services-button a span img,
  .error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button a span img,
  .our-work .service-button-container .services-button a span img,
  .portfolio-page .portfolio-content-container .service-button-container .services-button a span img,
  .bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button a span img,
  .get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button a span img,
  .blog .service-button-container .services-button a span img,
  .blog-page .blog-content-container .service-button-container .services-button a span img,
  .services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button a span img,
  .services-mac .service-button-container .services-button a span img {
    max-width: 24px;
  }
}

.error {
  font-size: 18px;
  font-weight: 400;
  color: red;
}

.banner {
  height: 100vh;
  min-height: 670px;
  max-height: 100vh;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  padding-top: 100px;
}

@media (max-width: 1024px) {
  .banner {
    min-height: 700px;
    max-height: 700px;
  }
}

@media (max-width: 992px) {
  .banner {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .banner {
    min-height: 720px;
  }
}

@media (max-width: 615px) {
  .banner {
    min-height: 740px;
  }
}

.banner .banner-image {
  display: flex;
  max-width: 100%;
  justify-content: flex-end;
}

@media (max-width: 767.9px) {
  .banner .banner-image {
    justify-content: center;
  }
}

@media (max-width: 767.9px) {
  .banner .banner-image {
    max-width: 350px;
    margin: auto;
  }
}

.banner .banner-image img {
  width: 100%;
}

@media (max-width: 767.9px) {
  .banner .banner-image img {
    max-width: 350px;
    max-height: 243px;
  }
}

.banner .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 70px;
  line-height: 90px;
  font-weight: 400;
  opacity: 1;
  color: #1C1F29;
}

.banner .heading .nowrap,
.banner .heading .text-nowrap {
  white-space: nowrap;
}

@media (max-width: 767.9px) {

  .banner .heading .nowrap,
  .banner .heading .text-nowrap {
    white-space: normal !important;
  }
}

.banner .heading .highlight {
  font-weight: 700;
}

.banner .heading .highlight-light {
  color: #282D3B;
}

@media (max-width: 1400px) {
  .banner .heading {
    font-size: 60px;
    line-height: 70px;
  }
}

@media (max-width: 1200px) {
  .banner .heading {
    font-size: 45px;
    line-height: 55px;
  }
}

@media (max-width: 992px) {
  .banner .heading {
    font-size: 38px;
    line-height: 46px;
    text-align: left;
  }
}

@media (max-width: 767.9px) {
  .banner .heading {
    margin-top: 25px;
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width: 576px) {
  .banner .heading {
    font-size: 30px;
    line-height: 36px;
  }
}

.banner .sub-heading {
  color: #181B24;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  margin-top: 30px;
  opacity: 1;
  letter-spacing: 0.01em;
}

@media (max-width: 1200px) {
  .banner .sub-heading {
    font-size: 20px;
    line-height: 30px;
    margin-top: 25px;
  }
}

@media (max-width: 992px) {
  .banner .sub-heading {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
  }
}

.banner .banner-buttton {
  margin-top: 30px;
  opacity: 1;
}

.banner .banner-buttton a {
  display: inline-block;
  padding-left: 18px;
  font-weight: 600;
  font-size: 16px;
  line-height: 38px;
}

@media (max-width: 767.9px) {
  .banner .banner-buttton a {
    line-height: 30px;
    height: 42px;
    padding: 4px 12px;
  }
}

@media (max-width: 576px) {
  .banner .banner-buttton a {
    font-size: 14px;
    padding: 0 12px 0 18px;
    line-height: 33px;
    /* height: 40px; */
    display: flex;
    width: max-content;
    justify-content: center;
    align-items: center;
  }

  .banner .banner-buttton a::before {
    content: "";
    transform: translate(0, 100%);
  }

  .banner .banner-buttton a:hover::before {
    transform: translate(0, -10%);
  }
}

.banner .banner-buttton a span img {
  width: 35px;
  height: 35px;
}

@media (max-width: 1200px) {
  .banner .banner-buttton a span img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 992px) {
  .banner .banner-buttton a span img {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 576px) {
  .banner .banner-buttton a span img {
    margin-bottom: 3px;
  }
}

@media (max-width: 1200px) {
  .banner .banner-buttton {
    margin-top: 25px;
  }
}

@media (max-width: 767.9px) {
  .banner .banner-buttton {
    margin-top: 20px;
  }
}

@media (max-width: 767.9px) {
  .banner .banner-row {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767.9px) and (-ms-high-contrast: active),
(max-width: 767.9px) and (-ms-high-contrast: none) {
  .banner .banner-row .col-12 {
    max-height: 300px;
  }

  .banner .banner-row .col-12 .banner-image {
    height: 100%;
    width: 100%;
  }

  .banner .banner-row .col-12 .banner-image img {
    object-fit: contain;
    height: 100%;
  }
}

nav {
  height: 100px;
}

@media (max-width: 992px) {
  nav {
    height: 60px;
  }
}

nav .nav-container {
  display: flex;
  padding: 0;
}

nav .nav-container .hamburger {
  position: relative;
  display: none;
}

@media (max-width: 992px) {
  nav .nav-container .hamburger {
    display: block;
  }
}

nav .nav-container .hamburger button {
  outline: none;
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  cursor: pointer;
  width: 30px;
}

nav .nav-container .hamburger button span {
  min-width: 24px;
  height: 3px;
  background: #9061E4;
  margin: 3px 0;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
}

nav .nav-container .hamburger button span:nth-child(2) {
  min-width: 16px;
}

nav .nav-container .hamburger button.open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

nav .nav-container .hamburger button.open span:nth-child(2) {
  opacity: 0;
}

nav .nav-container .hamburger button.open span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

nav .nav-container .logo-container img {
  height: auto;
  max-width: 100%;
}

@media (max-width: 992px) {
  nav .nav-container .logo-container img {
    width: 180px;
    height: 20px;
  }
}

nav .nav-container .links-container {
  display: flex;
  gap: 10px;
}

nav .nav-container .links-container ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 992px) {
  nav .nav-container .links-container ul {
    display: none;
  }
}

nav .nav-container .links-container ul li {
  position: relative;
}

nav .nav-container .links-container ul li a {
  font-family: "Open Sans", sans-serif;
  color: #181B24;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  transition: color 0.3s;
}

nav .nav-container .links-container ul li ul.dropdown-list {
  background-color: #ffffff;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 120%;
  left: 0;
  min-width: max-content;
  z-index: 1000;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: block;
}

nav .nav-container .links-container ul li ul.dropdown-list li {
  display: block;
}

nav .nav-container .links-container ul li ul.dropdown-list li a {
  color: #181B24;
  padding: 10px 15px;
  text-decoration: none;
}

nav .nav-container .links-container ul li ul.dropdown-list li a:hover {
  background-color: #9061E4;
  color: #ffffff;
}

nav .nav-container .links-container ul li:hover ul.dropdown-list,
nav .nav-container .links-container ul li ul.dropdown-list:hover {
  opacity: 1;
  visibility: visible;
  display: block;
}

nav .nav-container .price-estimation {
  display: flex;
  align-items: center;
  padding: 0;
}

@media (max-width: 767.9px) {
  nav .nav-container .price-estimation {
    display: none;
  }
}

nav .nav-container .price-estimation::before {
  content: "";
  transform: translate(0, 100%);
}

nav .nav-container .price-estimation:hover::before {
  transform: translate(0, -10%);
}

nav .nav-container .price-estimation a {
  text-decoration: none;
  color: #ffffff;
  padding: 10px 22px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 768px) {
  nav .nav-container .price-estimation-mob {
    display: none;
  }
}

nav .nav-container .price-estimation-mob .price-estimation-button-mobile {
  background: none;
  border: none;
  cursor: pointer;
}

nav .nav-container .price-estimation-mob .price-estimation-button-mobile img {
  display: block;
  width: 45px;
  height: 45px;
}

@media (max-width: 576px) {
  nav .nav-container .price-estimation-mob .price-estimation-button-mobile img {
    width: 35px;
    height: 35px;
  }
}

/*  Full Page Navigation Sidebar */
/* main Navigator */
/* */
.sidepanel {
  width: 0;
  position: fixed;
  z-index: 99;
  height: calc(100vh - 59px);
  top: 59px;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: width 0.5s;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sidepanel ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidepanel ul li {
  padding: 0;
}

.sidepanel a,
.sidepanel .dropdown-btn {
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  font-weight: 600;
  padding: 10px 8px 0px 32px;
  text-decoration: none;
  color: #000;
  display: block;
  cursor: pointer;
}

@media (max-width: 1200px) {

  .sidepanel a,
  .sidepanel .dropdown-btn {
    font-size: 30px;
    padding: 8px 7px 0px 28px;
  }
}

@media (max-width: 992px) {

  .sidepanel a,
  .sidepanel .dropdown-btn {
    font-size: 28px;
    padding: 7px 6px 0px 25px;
  }
}

@media (max-width: 767.9px) {

  .sidepanel a,
  .sidepanel .dropdown-btn {
    font-size: 25px;
    padding: 6px 5px 0px 22px;
  }
}

@media (max-width: 576px) {

  .sidepanel a,
  .sidepanel .dropdown-btn {
    font-size: 22px;
    padding: 5px 4px 0px 20px;
  }
}

.sidepanel .dropdown-icon {
  display: inline-block;
  position: relative;
  bottom: -3px;
  right: -5px;
  transition: transform 0.3s ease, content 0.3s ease;
  font-size: 1.2em;
}

.sidepanel .dropdown-btn.open .dropdown-icon {
  transform: rotate(180deg) translateY(-6px);
  content: "-";
  top: 0px;
}

.sidepanel .dropdown-container {
  display: none;
  background-color: #fff;
  padding-left: 32px;
}

.sidepanel .dropdown-container li {
  list-style: disc;
  position: relative;
  left: 10px;
}

.sidepanel .dropdown-container li a {
  font-size: 25px;
  padding: 10px 8px 0px 0px;
}

@media (max-width: 1200px) {
  .sidepanel .dropdown-container li a {
    font-size: 24px;
    padding: 9px 7px 0px 0px;
  }
}

@media (max-width: 992px) {
  .sidepanel .dropdown-container li a {
    padding: 8px 6px 0px 0px;
  }
}

@media (max-width: 767.9px) {
  .sidepanel .dropdown-container li a {
    font-size: 22px;
    padding: 7px 5px 0px 0px;
  }
}

@media (max-width: 576px) {
  .sidepanel .dropdown-container li a {
    font-size: 20px;
    padding: 6px 4px 0px 0px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.standard-footer-heading,
footer .footer-container .body .links .head,
footer .footer-container .header .footer-inner-row .footer-inner-col .career .info .head,
footer .footer-container .header .footer-inner-row .footer-inner-col .social-media .head,
footer .footer-container .header .footer-inner-row .footer-inner-col .address .head,
footer .footer-container .header .footer-inner-row .footer-inner-col .contact .head {
  margin-bottom: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.79px;
  text-align: left;
  color: #D1BEF4;
}

.standard-footer-text,
footer .footer-container .body .links ul li a,
footer .footer-container .header .footer-inner-row .footer-inner-col .career .info a,
footer .footer-container .header .footer-inner-row .footer-inner-col .address h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24.51px;
  text-align: left;
  color: #ffffff;
}

footer {
  padding: 80px 16px;
  background-color: #181B24;
  color: #ffffff;
}

@media (max-width: 992px) {
  footer {
    padding: 60px 16px;
  }
}

@media (max-width: 576px) {
  footer {
    padding: 40px 16px;
  }
}

footer .footer-container .header {
  padding: 0;
}

footer .footer-container .header hr {
  margin: 40px 0;
  border: 1px solid #282D3B;
}

@media (max-width: 576px) {
  footer .footer-container .header hr {
    margin: 30px 0;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .mac img {
  width: 76.39px;
  height: 58px;
  margin-bottom: 4px;
}

@media (max-width: 576px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .mac img {
    max-width: 65.85px;
    height: 50px;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .mac h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  width: min-content;
}

@media (max-width: 576px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .mac h3 {
    font-size: 23px;
    line-height: 23px;
  }
}

@media (max-width: 992px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .mac {
    margin-bottom: 30px;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .contact h3 img {
  width: 30px;
  height: 30px;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .contact h3 a {
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #ffffff;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .address h3 {
  width: 80%;
}

@media (max-width: 992px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .address {
    margin-bottom: 30px;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media {
  margin-bottom: 30px;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul {
  list-style: none;
  margin-top: 10px;
  display: flex;
  padding-left: 0;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li {
  margin-right: 15px;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li a {
  text-decoration: none;
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li a img {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li a .hover-icon {
  position: absolute;
  top: 0;
  right: 0px;
  width: 24px;
  height: 24px;
  opacity: 0;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li a:hover {
  background-color: transparent;
  outline: none !important;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li a:hover .active-icon {
  opacity: 0;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .social-media ul li a:hover .hover-icon {
  opacity: 1;
}

@media (min-width: 992px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .career {
    margin-top: 60px;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .career .info:nth-child(1) .head {
  margin-right: 40px;
}

@media (max-width: 1200px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .career .info:nth-child(1) .head {
    margin-right: 10px;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .career .info:nth-child(2) .head {
  margin-right: 25px;
}

@media (max-width: 1200px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .career .info:nth-child(2) .head {
    margin-right: 5px;
  }
}

footer .footer-container .header .footer-inner-row .footer-inner-col .career .info:not(:last-child) {
  margin-bottom: 12px;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .career .info a {
  text-decoration: none;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .career .info .hiring {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 3px 8px;
  margin-left: 13px;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  color: #772BFF;
  top: -10px;
}

footer .footer-container .header .footer-inner-row .footer-inner-col .career .info .hiring::before {
  content: "";
  width: 0;
  height: 0;
  border-width: 0 0 10px 12px;
  border-color: transparent transparent #ffffff;
  border-style: solid;
  position: absolute;
  left: -12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 576px) {
  footer .footer-container .header .footer-inner-row .footer-inner-col .clock canvas {
    max-width: 100px;
    height: 100px;
  }
}

footer .footer-container .body .links ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  margin-top: 10px;
}

footer .footer-container .body .links ul li:not(:last-child) {
  margin-bottom: 8px;
}

footer .footer-container .body .links ul li a {
  text-decoration: none;
  white-space: nowrap;
}

footer .footer-container .copy-right {
  margin-top: 60px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #ffffff;
}

@media (max-width: 767.9px) {
  footer .footer-container .copy-right {
    margin-top: 40px;
  }
}

.bg-secondary {
  background-color: #FAF7FE !important;
}

.bg-dark {
  background-color: #181B24 !important;
}

.banner {
  /* default theme */
  /* theme for technology page */
  /* theme for banner inner blog */
  /* theme for inner services page */
  /* theme for inner t and c page */
}

.banner[data-theme=light] {
  background-color: #ffffff;
}

.banner[data-theme=trout] {
  background: #515560;
}

.banner[data-theme=trout].technology::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../images/tech-bg.png") no-repeat;
  background-size: cover;
  z-index: 0;
}

@media (max-width: 767.9px) {
  .banner[data-theme=trout].technology::before {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-position: bottom;
  }
}

@media (max-width: 576px) {
  .banner[data-theme=trout].technology::before {
    height: 50%;
  }
}

.banner[data-theme=aqua-island] {
  background: linear-gradient(to bottom, #AEDBDE 700px, white 700px);
}

@media (max-width: 1200px) {
  .banner[data-theme=aqua-island] {
    background: linear-gradient(to bottom, #AEDBDE 650px, white 650px);
  }
}

@media (max-width: 992px) {
  .banner[data-theme=aqua-island] {
    background: linear-gradient(to bottom, #AEDBDE 600px, white 600px);
  }
}

@media (max-width: 767.9px) {
  .banner[data-theme=aqua-island] {
    background: linear-gradient(to bottom, #AEDBDE 550px, white 550px);
  }
}

@media (max-width: 576px) {
  .banner[data-theme=aqua-island] {
    background: linear-gradient(to bottom, #AEDBDE 480px, white 480px);
  }
}

.banner.services-inner[data-theme=trout] {
  background: url("../images/services-images/services-banner-bg-1.png") no-repeat;
  background-size: 100% 82.5%;
}

.banner.services-inner-terms-conditions[data-theme=trout-t-c] {
  background: url("../images/t-and-c-banner-bg-1.svg") no-repeat;
  background-size: cover;
}

nav[data-theme=light] {
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.031372549);
}

::selection {
  color: #ffffff;
  background: #9061E4;
}

.cutting-edge-tech-stack {
  position: relative;
  background: rgba(234, 234, 235, 0.1);
  box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.11);
  overflow-x: hidden;
}

.cutting-edge-tech-stack .tech-stack-wrapper .heading {
  padding-top: 27px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: center;
  color: #181B24;
}

.cutting-edge-tech-stack .tech-stack-wrapper .heading span.text-highlight {
  font-weight: 600;
}

@media (max-width: 1200px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .heading {
    padding-top: 25px;
  }
}

@media (max-width: 992px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .heading {
    padding-top: 24px;
    font-size: 19px;
    line-height: 25.62px;
  }
}

@media (max-width: 767.9px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .heading {
    padding-top: 23px;
    font-size: 18px;
    line-height: 24px;
  }
}

.cutting-edge-tech-stack .tech-stack-wrapper .icon-container {
  padding-top: 27px;
  display: flex;
  animation: bannermove 80s linear infinite;
  animation-fill-mode: forwards;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .icon-container {
    padding-top: 25px;
    animation-duration: 70s;
  }
}

@media (max-width: 992px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .icon-container {
    padding-top: 24px;
    animation-duration: 60s;
  }
}

@media (max-width: 767.9px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .icon-container {
    padding-top: 23px;
    animation-duration: 50s;
  }
}

@media (max-width: 576px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .icon-container {
    animation-duration: 40s;
  }
}

@media (max-width: 360px) {
  .cutting-edge-tech-stack .tech-stack-wrapper .icon-container {
    animation-duration: 20s;
  }
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-395.652173913%);
  }
}

.cutting-edge-tech-stack .tech-stack-wrapper .icon-container .icon {
  min-height: 130px;
  height: 130px;
  min-width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.cutting-edge-tech-stack .tech-stack-wrapper .icon-container .icon:not(:last-child) {
  border-right: 1.5px solid rgba(150, 150, 150, 0.15);
}

.cutting-edge-tech-stack .tech-stack-wrapper .icon-container .icon img {
  filter: grayscale(100%);
}

.cutting-edge-tech-stack .tech-stack-wrapper .icon-container .icon .icon-text {
  padding-top: 6px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  text-align: center;
  color: #181B24;
}

/* About MAC */
.about-mac {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .about-mac {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .about-mac {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.about-mac .mac-img-wrapper .mac-img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.about-mac .mac-img-wrapper .mac-img img {
  width: 100%;
}

.about-mac .mac-img-wrapper .mac-img .about-mac-img {
  position: relative;
}

.about-mac .mac-img-wrapper .mac-img .hover-icon {
  opacity: 0;
  top: 0;
  right: 0;
  position: absolute;
  width: 50px;
  height: 50px;
}

.about-mac .mac-img-wrapper .mac-img:hover .about-mac-img {
  filter: brightness(0.5) contrast(120%);
}

.about-mac .mac-img-wrapper .mac-img:hover .hover-icon {
  opacity: 1;
}

/* Services MAC */
.services-mac {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .services-mac {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .services-mac {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.services-mac .services-mac-content-container {
  padding: 40px 68px;
  padding-bottom: 0;
}

@media (max-width: 1200px) {
  .services-mac .services-mac-content-container {
    padding: 40px 30px;
    padding-bottom: 0;
  }
}

@media (max-width: 992px) {
  .services-mac .services-mac-content-container {
    padding: 30px 20px;
    padding-bottom: 0;
  }
}

@media (max-width: 767.9px) {
  .services-mac .services-mac-content-container {
    display: none;
  }
}

.services-mac .services-mac-content-container .services-mac-content-wrapper {
  padding: 0px;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper:nth-child(1) {
  padding-right: 22px;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper:nth-child(2) {
  padding-left: 22px;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content {
  border-bottom: 1px solid #EAEAEB;
  width: fit-content;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content:not(:first-child) {
  margin-top: 12px;
}

@media (max-width: 767.9px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content {
    margin-top: 0;
  }
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 27.24px;
  text-align: left;
  color: #181B24;
  padding-bottom: 14px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 12px;
  }
}

@media (max-width: 992px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading {
    padding-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading {
    padding-bottom: 10px;
  }
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading span {
  height: 35px;
  width: 35px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1200px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading span {
    height: 30px;
    width: 30px;
  }
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a .content-heading span img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0;
  opacity: 0;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a:hover .content-heading {
  color: #9061E4;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content a:hover span img {
  opacity: 1;
}

.services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content .content-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  text-align: left;
  color: #181B24;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content .content-text {
    margin-bottom: 8px;
  }
}

@media (max-width: 992px) {
  .services-mac .services-mac-content-container .services-mac-content-wrapper .services-mac-content .content-text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
  }
}

.services-mac .services-mac-content-container-mob {
  margin-top: 30px;
  display: none;
}

@media (max-width: 767.9px) {
  .services-mac .services-mac-content-container-mob {
    display: block;
  }
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper {
  padding: 0px;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper:nth-child(1) {
  padding-right: 5px;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper:nth-child(2) {
  padding-left: 5px;
}

@media (max-width: 576px) {
  .services-mac .services-mac-content-container-mob .services-mac-content-wrapper:nth-child(1) {
    padding-right: 0;
  }

  .services-mac .services-mac-content-container-mob .services-mac-content-wrapper:nth-child(2) {
    margin-top: 10px;
    padding-left: 0;
  }
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content {
  background: #F4EFFC;
  border-bottom: 0.5px solid #D1BEF4;
  padding: 10px;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content:not(:last-child) {
  margin-bottom: 12px;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content a[aria-expanded=true] .content-heading {
  color: #9061E4;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content a .content-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #181B24;
  cursor: pointer;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content a .content-heading:hover {
  color: #9061E4;
}

@media (max-width: 576px) {
  .services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content a .content-heading {
    font-weight: 400;
  }
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .content-text {
  margin-top: 9px;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: left;
  color: #181B24;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container {
  justify-content: flex-start;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button a {
  padding: 4px 6px;
  font-size: 13px;
  line-height: 17.7px;
  text-transform: uppercase;
}

.services-mac .services-mac-content-container-mob .services-mac-content-wrapper .services-mac-content .service-button-container .services-button a span img {
  max-width: 24px;
}

/* mac-overview */
.mac-overview {
  padding-top: 134px;
  padding-bottom: 134px;
}

@media (max-width: 1200px) {
  .mac-overview {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 992px) {
  .mac-overview {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767.9px) {
  .mac-overview {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .mac-overview {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

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

  100% {
    transform: translateX(-1192px);
  }
}

.mac-overview .slider {
  background: white;
  height: auto;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.mac-overview .slider::before,
.mac-overview .slider::after {
  content: "";
  height: auto;
  position: absolute;
  z-index: 2;
}

.mac-overview .slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.mac-overview .slider::before {
  left: 0;
  top: 0;
}

.mac-overview .slider .slide-track {
  animation: scroll 20s linear infinite;
  display: flex;
  gap: 110px;
  width: 3576px;
}

.mac-overview .slider .slide {
  height: auto;
  width: auto;
}

.mac-overview .slider .slide .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 130px;
  font-weight: 700;
  line-height: 177.04px;
  text-align: left;
  color: #181B24;
  margin: 0;
}

@media (max-width: 1200px) {
  .mac-overview .slider .slide .heading {
    font-size: 100px;
    line-height: 130px;
  }
}

@media (max-width: 992px) {
  .mac-overview .slider .slide .heading {
    font-size: 80px;
    line-height: 100px;
  }
}

.mac-overview .slider .slide .text {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32.68px;
  text-align: left;
  color: #181B24;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .mac-overview .slider .slide .text {
    font-size: 18px;
    line-height: 32.68px;
  }
}

@media (max-width: 992px) {
  .mac-overview .slider .slide .text {
    font-size: 16px;
    line-height: 30.68px;
  }
}

/* business-solutions */
.business-solutions {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .business-solutions {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .business-solutions {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.business-solutions .business-solutions-content {
  margin-top: 60px;
}

@media (max-width: 767.9px) {
  .business-solutions .business-solutions-content {
    display: none;
  }
}

.business-solutions .business-solutions-content .business-solutions-body {
  padding: 0 35px;
}

@media (max-width: 1200px) {
  .business-solutions .business-solutions-content .business-solutions-body {
    padding: 0 25px;
  }
}

@media (max-width: 992px) {
  .business-solutions .business-solutions-content .business-solutions-body {
    padding: 0 15px;
  }
}

.business-solutions .business-solutions-content .business-solutions-body .card {
  background: transparent;
  border: none;
  margin-top: -28px;
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-head {
  text-align: center;
  margin-bottom: -11px;
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-head .card-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 54.47px;
  text-align: center;
  color: #4D515C;
  padding-bottom: 8px;
  border-bottom: 2px solid #EAEAEB !important;
}

@media (max-width: 1200px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-head .card-heading {
    font-size: 30px;
    line-height: 42.47px;
  }
}

@media (max-width: 992px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-head .card-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-img-top {
  padding: 0 17px;
  z-index: 0;
  border-radius: 0;
  position: relative;
  top: 28px;
}

@media (max-width: 1200px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-img-top {
    padding: 0 15px;
    top: 24px;
  }
}

@media (max-width: 992px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-img-top {
    padding: 0 12px;
    top: 20px;
  }
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-body {
  padding: 0 17px;
  z-index: 1;
}

@media (max-width: 1200px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-body {
    padding: 0 15px;
  }
}

@media (max-width: 992px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-body {
    padding: 0 12px;
  }
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-body .card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #F4EFFC;
  margin-bottom: 11px;
}

@media (max-width: 1200px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-body .card-title {
    font-size: 24px;
    line-height: 24px;
  }
}

@media (max-width: 992px) {
  .business-solutions .business-solutions-content .business-solutions-body .card .card-body .card-title {
    font-size: 17px;
    line-height: 20px;
  }
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-body .card-title .highlight {
  display: inline-block;
  color: #9061E4;
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #181B24;
}

.business-solutions .business-solutions-content .business-solutions-body .card .card-body .card-text:not(:last-child) {
  margin-bottom: 12px;
}

@media (min-width: 767.9px) {
  .business-solutions .business-solutions-content-mob {
    display: none;
  }
}

.business-solutions .business-solutions-content-mob .home-pills-head {
  padding: 0;
  display: flex;
  justify-content: center;
}

.business-solutions .business-solutions-content-mob .home-pills-head .nav-pills {
  border-bottom: 1px solid #EAEAEB;
  width: fit-content;
}

.business-solutions .business-solutions-content-mob .home-pills-head .nav-pills .nav-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 576px) {
  .business-solutions .business-solutions-content-mob .home-pills-head .nav-pills .nav-item:not(:last-child) {
    margin-right: 30px;
  }
}

@media (max-width: 375px) {
  .business-solutions .business-solutions-content-mob .home-pills-head .nav-pills .nav-item:not(:last-child) {
    margin-right: 24px;
  }
}

.business-solutions .business-solutions-content-mob .home-pills-head .nav-pills .nav-item .nav-link {
  padding: 0;
  padding-bottom: 4px;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 30.09px;
  text-align: left;
  color: #4D515C;
  margin-bottom: -1px;
}

@media (max-width: 576px) {
  .business-solutions .business-solutions-content-mob .home-pills-head .nav-pills .nav-item .nav-link {
    font-size: 20px;
    line-height: 27.24px;
  }
}

.business-solutions .business-solutions-content-mob .home-pills-head .nav-pills .nav-item .nav-link.active {
  background: transparent;
  border-bottom: 1px solid #4D515C;
}

.business-solutions .business-solutions-content-mob .home-content-container {
  padding: 0;
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card {
  background: transparent;
  border: none;
  top: -10px;
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-img-top {
  padding: 0 17px;
  z-index: 0;
  border-radius: 0;
  position: relative;
  top: 28px;
}

@media (max-width: 576px) {
  .business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-img-top {
    padding: 0 10px;
  }
}

@media (max-width: 375px) {
  .business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-img-top {
    padding: 0;
  }
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body {
  padding: 0 17px;
  z-index: 1;
}

@media (max-width: 576px) {
  .business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body {
    padding: 0 10px;
  }
}

@media (max-width: 375px) {
  .business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body {
    padding: 0;
  }
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body .card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #F4EFFC;
  margin-bottom: 20px;
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body .card-title .highlight {
  display: inline-block;
  color: #9061E4;
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #181B24;
}

.business-solutions .business-solutions-content-mob .home-content-container .tab-pane .card .card-body .card-text:not(:last-child) {
  margin-bottom: 15px;
}

/* project-roadmap */
.project-roadmap {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .project-roadmap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .project-roadmap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.project-roadmap .project-roadmap-content {
  padding-top: 40px;
}

@media (max-width: 767.9px) {
  .project-roadmap .project-roadmap-content {
    flex-direction: column;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper {
  display: flex;
  justify-content: center;
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper:nth-child(1) {
  background-color: #F4EFFC;
  background-image: linear-gradient(to bottom, white -100%, #F4EFFC);
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper:nth-child(2) {
  background-color: #D1BEF4;
  background-image: linear-gradient(to bottom, white -20%, #D1BEF4);
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper:nth-child(3) {
  background-color: #BFA3EF;
  background-image: linear-gradient(to bottom, white -20%, #BFA3EF);
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .workshops {
  width: 85%;
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .workshops {
    width: 100%;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .project-delivery {
  width: 70%;
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .project-delivery {
    width: 100%;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .maintenance-support {
  width: 95%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .maintenance-support {
    width: 100%;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .maintenance-support .maintenance-support-img {
  padding-bottom: 40px;
}

@media (max-width: 1200px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .maintenance-support .maintenance-support-img img {
    max-width: 100%;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .number {
  font-family: "Open Sans", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 108.95px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .number {
    font-size: 70px;
    line-height: 90.95px;
  }
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .number {
    font-size: 60px;
    line-height: 80.95px;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .heading {
    font-size: 38px;
    line-height: 45px;
  }
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .heading {
    font-size: 30px;
    line-height: 36px;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .text {
  padding-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  color: #181B24;
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .text .highlight {
  font-weight: 600;
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list {
  padding: 20px 45px 20px 45px;
  display: flex;
  gap: 30px;
}

@media (max-width: 1200px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list {
    padding: 20px 20px 20px 20px;
  }
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list {
    padding: 12px 14px 20px 14px;
    gap: 20px;
  }
}

@media (max-width: 576px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list {
    padding: 20px 0;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list .roadmap-img .workshops-moving-circle {
  animation: moveCircleWorkshops 8s linear infinite, changeColorWorkshops 8s linear infinite;
}

@keyframes moveCircleWorkshops {

  0%,
  16.67% {
    transform: translateY(0px);
  }

  25%,
  41.67% {
    transform: translateY(64px);
  }

  50%,
  66.67% {
    transform: translateY(128px);
  }

  75%,
  100% {
    transform: translateY(222px);
  }
}

@media (max-width: 767.9px) {
  @keyframes moveCircleWorkshops {

    0%,
    16.67% {
      transform: translateY(0px);
    }

    25%,
    41.67% {
      transform: translateY(64px);
    }

    50%,
    66.67% {
      transform: translateY(128px);
    }

    75%,
    100% {
      transform: translateY(193px);
    }
  }
}

@keyframes changeColorWorkshops {

  0%,
  16.67% {
    fill: #D1BEF4;
  }

  16.68%,
  41.67% {
    fill: #BFA3EF;
  }

  41.68%,
  66.67% {
    fill: #A37CE9;
  }

  66.68%,
  100% {
    fill: #9061E4;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list .roadmap-img .delivery-moving-circle {
  animation: moveCircleDelivery 10s linear infinite, changeColorDelivery 10s linear infinite;
}

@keyframes moveCircleDelivery {

  0%,
  14.29% {
    transform: translateY(0px);
  }

  21.43%,
  35.72% {
    transform: translateY(65px);
  }

  42.86%,
  57.15% {
    transform: translateY(130px);
  }

  64.29%,
  78.58% {
    transform: translateY(195px);
  }

  85.72%,
  100% {
    transform: translateY(260px);
  }
}

@keyframes changeColorDelivery {

  0%,
  14.29% {
    fill: #D1BEF4;
  }

  14.30%,
  35.72% {
    fill: #BFA3EF;
  }

  35.73%,
  57.15% {
    fill: #A37CE9;
  }

  57.16%,
  78.58% {
    fill: #A37CE9;
  }

  78.59%,
  100% {
    fill: #9061E4;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list .roadmap-items {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

@media (max-width: 992px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list .roadmap-items {
    gap: 39px;
  }
}

.project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list .roadmap-items .roadmap-step {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .project-roadmap .project-roadmap-content .project-roadmap-content-wrapper .roadmap-list .roadmap-items .roadmap-step {
    font-size: 16px;
    font-weight: 400;
    line-height: 24.24px;
  }
}

/* industries-we-serve */
.industries-we-serve {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .industries-we-serve {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .industries-we-serve {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 767.9px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container {
    padding: 0;
  }
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper {
  margin-top: 46px;
  width: 154px;
  height: auto;
}

@media (max-width: 576px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper {
    padding: 0;
    height: 68px;
    margin-top: 26px;
  }
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage {
  text-decoration: none;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry {
  text-align: center;
  width: 100%;
  height: 100%;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry .head-industry {
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #2B2B2B;
}

@media (max-width: 767.9px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry .head-industry {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 576px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry .head-industry {
    font-size: 14px;
    line-height: 19.07px;
  }
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry:hover img:nth-child(1) {
  display: none;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry:hover img:nth-child(2) {
  display: block;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry:hover .head-industry {
  color: #9061E4;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry .industry-img {
  display: flex;
  justify-content: center;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry img {
  width: 50px;
  height: 50px;
  display: block;
}

@media (max-width: 992px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 576px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry img {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 375px) {
  .industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry img {
    width: 24px;
    height: 24px;
  }
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry img:nth-child(1) {
  display: block;
}

.industries-we-serve .main-content-work-industry-wise .row .service-block-container .industry-wrapper .link-industrypage .content-industry img:nth-child(2) {
  display: none;
}

/* blog */
.blog,
.blog.inner-blog,
.blog-page .inner-blog.blog-content-container,
.blog-page .blog-content-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {

  .blog,
  .blog.inner-blog,
  .blog-page .inner-blog.blog-content-container,
  .blog-page .blog-content-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {

  .blog,
  .blog.inner-blog,
  .blog-page .inner-blog.blog-content-container,
  .blog-page .blog-content-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.blog .blog-container,
.blog-page .inner-blog.blog-content-container .blog-container,
.blog-page .blog-content-container .blog-container {
  padding-top: 50px;
}

@media (max-width: 1200px) {

  .blog .blog-container,
  .blog-page .inner-blog.blog-content-container .blog-container,
  .blog-page .blog-content-container .blog-container {
    padding-top: 40px;
  }
}

@media (max-width: 992px) {

  .blog .blog-container,
  .blog-page .inner-blog.blog-content-container .blog-container,
  .blog-page .blog-content-container .blog-container {
    padding-top: 35px;
  }
}

@media (max-width: 767.9px) {

  .blog .blog-container,
  .blog-page .inner-blog.blog-content-container .blog-container,
  .blog-page .blog-content-container .blog-container {
    padding-top: 32px;
  }
}

@media (max-width: 576px) {

  .blog .blog-container,
  .blog-page .inner-blog.blog-content-container .blog-container,
  .blog-page .blog-content-container .blog-container {
    padding-top: 30px;
  }
}

.blog .blog-container .blog-container-card-group,
.blog-page .blog-content-container .blog-container .blog-container-card-group,
.blog .blog-container .blog-container-card-group-mob,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob {
  gap: 32px;
}

@media (max-width: 1200px) {

  .blog .blog-container .blog-container-card-group,
  .blog-page .blog-content-container .blog-container .blog-container-card-group,
  .blog .blog-container .blog-container-card-group-mob,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob {
    gap: 22px;
  }
}

@media (max-width: 992px) {

  .blog .blog-container .blog-container-card-group,
  .blog-page .blog-content-container .blog-container .blog-container-card-group,
  .blog .blog-container .blog-container-card-group-mob,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob {
    gap: 16px;
  }
}

.blog .blog-container .blog-container-card-group .card,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card,
.blog .blog-container .blog-container-card-group-mob .card,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card {
  background-color: #EAEAEB;
  border: none;
  border-radius: 0;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  text-align: left;
  height: 100%;
}

.blog .blog-container .blog-container-card-group .card .blog-img,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img,
.blog .blog-container .blog-container-card-group-mob .card .blog-img,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img {
  cursor: pointer;
  padding: 14px;
}

@media (max-width: 1200px) {

  .blog .blog-container .blog-container-card-group .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img {
    padding: 12px;
  }
}

@media (max-width: 992px) {

  .blog .blog-container .blog-container-card-group .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img {
    padding: 10px;
  }
}

@media (max-width: 767.9px) {

  .blog .blog-container .blog-container-card-group .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img {
    padding: 8px;
  }
}

@media (max-width: 576px) {

  .blog .blog-container .blog-container-card-group .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img {
    padding: 6px;
  }
}

.blog .blog-container .blog-container-card-group .card .blog-img .card-img-top,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img .card-img-top,
.blog .blog-container .blog-container-card-group-mob .card .blog-img .card-img-top,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img .card-img-top {
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  padding-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.blog .blog-container .blog-container-card-group .card .blog-img .hover-icon,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img .hover-icon,
.blog .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon {
  opacity: 0;
  top: 20px;
  right: 20px;
  position: absolute;
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {

  .blog .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon {
    top: 18px;
    right: 18px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 992px) {

  .blog .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {

  .blog .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon {
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 576px) {

  .blog .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img .hover-icon,
  .blog .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img .hover-icon {
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
  }
}

.blog .blog-container .blog-container-card-group .card .blog-img:hover .card-img-top,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img:hover .card-img-top,
.blog .blog-container .blog-container-card-group-mob .card .blog-img:hover .card-img-top,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img:hover .card-img-top {
  filter: brightness(0.5);
}

.blog .blog-container .blog-container-card-group .card .blog-img:hover .hover-icon,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .blog-img:hover .hover-icon,
.blog .blog-container .blog-container-card-group-mob .card .blog-img:hover .hover-icon,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .blog-img:hover .hover-icon {
  opacity: 1;
}

.blog .blog-container .blog-container-card-group .card .card-body,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body,
.blog .blog-container .blog-container-card-group-mob .card .card-body,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body {
  background-color: #EAEAEB;
  padding: 14px;
  padding-top: 0;
}

@media (max-width: 1200px) {

  .blog .blog-container .blog-container-card-group .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body,
  .blog .blog-container .blog-container-card-group-mob .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body {
    padding: 12px;
    padding-top: 0;
  }
}

@media (max-width: 992px) {

  .blog .blog-container .blog-container-card-group .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body,
  .blog .blog-container .blog-container-card-group-mob .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body {
    padding: 10px;
    padding-top: 0;
  }
}

@media (max-width: 767.9px) {

  .blog .blog-container .blog-container-card-group .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body,
  .blog .blog-container .blog-container-card-group-mob .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body {
    padding: 8px;
    padding-top: 0;
  }
}

@media (max-width: 576px) {

  .blog .blog-container .blog-container-card-group .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body,
  .blog .blog-container .blog-container-card-group-mob .card .card-body,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body {
    padding: 6px;
    padding-top: 0;
  }
}

.blog .blog-container .blog-container-card-group .card .card-body .small-text,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .small-text,
.blog .blog-container .blog-container-card-group-mob .card .card-body .small-text,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .small-text {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  display: flex;
  justify-content: space-between;
}

.blog .blog-container .blog-container-card-group .card .card-body .small-text .box,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .small-text .box,
.blog .blog-container .blog-container-card-group-mob .card .card-body .small-text .box,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .small-text .box {
  display: inline-block;
  margin-right: 4.5px;
  height: 9.5px;
  width: 9.5px;
  background-color: #000000;
}

@media (max-width: 1200px) {

  .blog .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog .blog-container .blog-container-card-group-mob .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .small-text .box {
    margin-right: 4px;
    height: 9px;
    width: 9px;
  }
}

@media (max-width: 992px) {

  .blog .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog .blog-container .blog-container-card-group-mob .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .small-text .box {
    margin-right: 3.5px;
    height: 8.5px;
    width: 8.5px;
  }
}

@media (max-width: 767.9px) {

  .blog .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog .blog-container .blog-container-card-group-mob .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .small-text .box {
    margin-right: 3.2px;
    height: 8.2px;
    width: 8.2px;
  }
}

@media (max-width: 576px) {

  .blog .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .small-text .box,
  .blog .blog-container .blog-container-card-group-mob .card .card-body .small-text .box,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .small-text .box {
    margin-right: 3px;
    height: 8px;
    width: 8px;
  }
}

.blog .blog-container .blog-container-card-group .card .card-body .card-title,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .card-title,
.blog .blog-container .blog-container-card-group-mob .card .card-body .card-title,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .card-title {
  margin-bottom: 6px;
}

.blog .blog-container .blog-container-card-group .card .card-body .card-title a,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .card-title a,
.blog .blog-container .blog-container-card-group-mob .card .card-body .card-title a,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .card-title a {
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  color: #000000;
}

@media (max-width: 1200px) {

  .blog .blog-container .blog-container-card-group .card .card-body .card-title a,
  .blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .card-title a,
  .blog .blog-container .blog-container-card-group-mob .card .card-body .card-title a,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .card-title a {
    font-size: 18px;
    line-height: 24px;
  }
}

.blog .blog-container .blog-container-card-group .card .card-body .card-title:hover a,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body .card-title:hover a,
.blog .blog-container .blog-container-card-group-mob .card .card-body .card-title:hover a,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body .card-title:hover a {
  color: #9061E4;
}

.blog .blog-container .blog-container-card-group .card .card-body p,
.blog-page .blog-content-container .blog-container .blog-container-card-group .card .card-body p,
.blog .blog-container .blog-container-card-group-mob .card .card-body p,
.blog-page .blog-content-container .blog-container .blog-container-card-group-mob .card .card-body p {
  color: #000000;
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 767.9px) {

  .blog .blog-container .blog-container-card-group,
  .blog-page .blog-content-container .blog-container .blog-container-card-group {
    display: none;
  }
}

@media (min-width: 767.9px) {

  .blog .blog-container .blog-container-card-group-mob,
  .blog-page .blog-content-container .blog-container .blog-container-card-group-mob {
    display: none;
  }
}

/* client testimonials */
.client-testimonials {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .client-testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 767.9px) {
  .client-testimonials {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 576px) {
  .client-testimonials {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .client-testimonials .mac-head-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 767.9px) {
  .client-testimonials .mac-content-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.client-testimonials .testimonials-button-container {
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

@media (max-width: 767.9px) {
  .client-testimonials .testimonials-button-container {
    display: none;
  }
}

.client-testimonials .testimonials-button-container button {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

.client-testimonials .testimonial-container {
  max-width: 850px;
  margin: 200px auto;
  margin-bottom: 0;
}

@media (max-width: 767.9px) {
  .client-testimonials .testimonial-container {
    display: none;
  }
}

.client-testimonials .testimonial-container .user-images {
  position: relative;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 9;
}

.client-testimonials .testimonial-container .user-img {
  position: absolute;
  width: 118px;
  height: 101.31px;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out;
  opacity: 0.5;
  cursor: pointer;
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .user-img {
    width: 100px;
    height: 85px;
  }
}

.client-testimonials .testimonial-container .user-img.active {
  opacity: 1;
}

.client-testimonials .testimonial-container .user-img.middle {
  top: 0;
  left: calc(50% - 55px);
  transform: scale(1.5) translateX(0);
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .user-img.middle {
    top: 0;
    left: calc(50% - 55px);
    transform: scale(1.5) translateX(0);
  }
}

.client-testimonials .testimonial-container .user-img.right-first {
  top: -35px;
  left: calc(50% + 195px);
  transform: scale(1.2) translateX(-50%);
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .user-img.right-first {
    top: -20px;
    left: calc(50% + 160px);
    transform: scale(1.2) translateX(-50%);
  }
}

.client-testimonials .testimonial-container .user-img.right-second {
  top: -70px;
  left: calc(50% + 340px);
  transform: scale(1) translateX(-50%);
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .user-img.right-second {
    top: -40px;
    left: calc(50% + 280px);
    transform: scale(1) translateX(-50%);
  }
}

.client-testimonials .testimonial-container .user-img.left-first {
  top: -35px;
  left: calc(50% - 180px);
  transform: scale(1.2) translateX(-50%);
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .user-img.left-first {
    top: -20px;
    left: calc(50% - 145px);
    transform: scale(1.2) translateX(-50%);
  }
}

.client-testimonials .testimonial-container .user-img.left-second {
  top: -70px;
  left: calc(50% - 340px);
  transform: scale(1) translateX(-50%);
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .user-img.left-second {
    top: -40px;
    left: calc(50% - 280px);
    transform: scale(1) translateX(-50%);
  }
}

.client-testimonials .testimonial-container .owl-carousel .testimonial {
  background: #F4EFFC;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
  /* Test with a lighter shadow */
  width: 800px;
  padding: 54px 76px 20px 76px;
  margin: 24px auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 900px) {
  .client-testimonials .testimonial-container .owl-carousel .testimonial {
    width: 765px;
  }
}

@media (max-width: 860px) {
  .client-testimonials .testimonial-container .owl-carousel .testimonial {
    width: 745px;
  }
}

@media (max-width: 844px) {
  .client-testimonials .testimonial-container .owl-carousel .testimonial {
    width: 710px;
  }
}

@media (max-width: 810px) {
  .client-testimonials .testimonial-container .owl-carousel .testimonial {
    width: 660px;
  }
}

.client-testimonials .testimonial-container .owl-carousel .testimonial .get-quotes {
  position: absolute;
  z-index: 99;
}

.client-testimonials .testimonial-container .owl-carousel .testimonial .get-quotes.left {
  top: 30px;
  left: 30px;
}

.client-testimonials .testimonial-container .owl-carousel .testimonial .get-quotes.right {
  bottom: 30px;
  right: 30px;
}

.client-testimonials .testimonial-container .owl-carousel .testimonial .content {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  color: #181B24;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .client-testimonials .testimonial-container .owl-carousel .testimonial .content {
    font-size: 15px;
  }
}

.client-testimonials .testimonial-container .owl-carousel .testimonial .user-name {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  color: #181B24;
}

.client-testimonials .testimonial-container .owl-carousel .testimonial .user-name .highlight {
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 767.9px) {
  .client-testimonials .testimonial-container-mob {
    display: none;
  }
}

.client-testimonials .testimonial-container-mob .testimonial-card {
  position: relative;
  background: #F4EFFC;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
  margin: 24px 16px;
  margin-top: 60px;
  border: none;
  padding: 31px 42px 20px 42px;
}

@media (max-width: 576px) {
  .client-testimonials .testimonial-container-mob .testimonial-card {
    padding: 31px 22px 20px 22px;
  }
}

.client-testimonials .testimonial-container-mob .testimonial-card .testimonial-img {
  position: absolute;
  width: 100px;
  height: 86px;
  top: -60px;
  right: calc(50% - 42px);
}

.client-testimonials .testimonial-container-mob .testimonial-card .get-quotes {
  position: absolute;
  z-index: 99;
  width: 60px;
}

@media (max-width: 576px) {
  .client-testimonials .testimonial-container-mob .testimonial-card .get-quotes {
    width: 40px;
  }
}

.client-testimonials .testimonial-container-mob .testimonial-card .get-quotes.left {
  top: 0;
  left: 0;
}

.client-testimonials .testimonial-container-mob .testimonial-card .get-quotes.right {
  bottom: 0;
  right: 0;
}

.client-testimonials .testimonial-container-mob .testimonial-card .content {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  color: #181B24;
  margin-bottom: 20px;
}

.client-testimonials .testimonial-container-mob .testimonial-card .user-name {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  color: #181B24;
}

.client-testimonials .testimonial-container-mob .testimonial-card .user-name .highlight {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 767.9px) {
  .client-testimonials .testimonial-container-mob .testimonials-button-container {
    padding-right: 16px;
    display: flex;
  }
}

.client-testimonials .testimonial-container-mob .testimonials-button-container button img {
  width: 30px;
}

@media (max-width: 576px) {
  .client-testimonials .testimonial-container-mob .testimonials-button-container button img {
    width: 24px;
  }
}

.FAQs {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .FAQs {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .FAQs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .FAQs .faq-container {
    padding: 0;
  }
}

@media (max-width: 576px) {
  .FAQs .faq-container .mac-head-wrapper {
    padding: 0 15px;
  }
}

.FAQs .faq-container .mac-content-wrapper {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .FAQs .faq-container .mac-content-wrapper {
    padding: 0 15px;
  }
}

.FAQs .faq-container .faq-content {
  padding: 0 53px;
  margin-top: 38px;
}

@media (max-width: 992px) {
  .FAQs .faq-container .faq-content {
    padding: 0 30px;
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .FAQs .faq-container .faq-content {
    padding: 0 20px;
  }
}

@media (max-width: 576px) {
  .FAQs .faq-container .faq-content {
    padding: 0;
  }
}

.FAQs .faq-container .faq-content .panel-default {
  margin-bottom: 10px;
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading {
  color: #181B24;
  background-color: #F5FBFB;
  border: none;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading .panel-title {
  margin: 0;
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading a {
  display: block;
  padding: 16px 16px 14px 16px;
  text-decoration: none;
  color: #181B24 !important;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
}

@media (max-width: 1200px) {
  .FAQs .faq-container .faq-content .panel-default>.panel-heading a {
    padding: 14px 14px 12px 14px;
  }
}

@media (max-width: 992px) {
  .FAQs .faq-container .faq-content .panel-default>.panel-heading a {
    padding: 12px 12px 10px 12px;
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 767.9px) {
  .FAQs .faq-container .faq-content .panel-default>.panel-heading a {
    padding: 10px 10px 8px 10px;
  }
}

@media (max-width: 576px) {
  .FAQs .faq-container .faq-content .panel-default>.panel-heading a {
    padding: 8px 8px 6px 8px;
  }
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading a .highlight {
  font-weight: 600;
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: large;
  font-weight: 600;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading a[aria-expanded=true] {
  background-color: #F5FBFB;
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading a[aria-expanded=true]:after {
  content: "−";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.FAQs .faq-container .faq-content .panel-default>.panel-heading a[aria-expanded=false]:after {
  content: "+";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.FAQs .faq-container .faq-content .panel-default .panel-body {
  background-color: #F5FBFB;
}

.FAQs .faq-container .faq-content .panel-default .panel-body p {
  margin-bottom: 10px;
  width: 95%;
  font-family: "Open Sans", sans-serif;
  padding: 0 0 16px 16px;
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .FAQs .faq-container .faq-content .panel-default .panel-body p {
    padding: 0 0 14px 14px;
  }
}

@media (max-width: 992px) {
  .FAQs .faq-container .faq-content .panel-default .panel-body p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 12px 12px;
  }
}

@media (max-width: 767.9px) {
  .FAQs .faq-container .faq-content .panel-default .panel-body p {
    padding: 0 0 10px 10px;
  }
}

@media (max-width: 576px) {
  .FAQs .faq-container .faq-content .panel-default .panel-body p {
    padding: 0 0 8px 8px;
  }
}

.FAQs .faq-container .faq-content .panel-default .panel-body .circle-list {
  margin-top: -25px;
  margin-left: 35px;
}

.FAQs .faq-container .faq-content .panel-default .panel-body .circle-list ul {
  list-style-type: none;
}

.FAQs .faq-container .faq-content .panel-default .panel-body .circle-list ul li {
  position: relative;
  padding-left: 15px;
}

.FAQs .faq-container .faq-content .panel-default .panel-body .circle-list ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 2px solid #9ED4D7;
  background-color: transparent;
  position: absolute;
  top: 8px;
  left: -10px;
}

.FAQs .faq-container .faq-content .accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.FAQs .faq-container .faq-content .accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
}

.FAQs .faq-container .faq-content .accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.FAQs .faq-container .faq-content .accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}

/* get-in-touch */
.get-in-touch {
  margin-top: 25px;
  background: #C7E6E8;
  height: 318px;
}

@media (max-width: 767.9px) {
  .get-in-touch {
    margin-top: 0;
  }
}

.get-in-touch .get-in-touch-container .get-in-touch-content {
  margin: 50px 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.get-in-touch .get-in-touch-container .get-in-touch-content .get-in-touch-text {
  font-family: "Open Sans", sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 57.2px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .get-in-touch .get-in-touch-container .get-in-touch-content .get-in-touch-text {
    font-size: 32px;
    line-height: 47.2px;
  }
}

@media (max-width: 992px) {
  .get-in-touch .get-in-touch-container .get-in-touch-content .get-in-touch-text {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .get-in-touch .get-in-touch-container .get-in-touch-content .get-in-touch-text {
    font-size: 20px;
    line-height: 27.24px;
  }
}

.get-in-touch .get-in-touch-container .get-in-touch-content .get-in-touch-small-text {
  margin-top: 16px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 767.9px) {
  .get-in-touch .get-in-touch-container .get-in-touch-content .get-in-touch-small-text {
    margin-top: 6px;
  }
}

.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container {
  margin-top: 40px;
  justify-content: flex-start;
}

.get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button a {
  text-decoration: none;
  color: #ffffff;
  padding: 16px 26px;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 576px) {
  .get-in-touch .get-in-touch-container .get-in-touch-content .service-button-container .services-button a {
    padding: 9px 12px;
    font-size: 16px;
    line-height: 21.79px;
  }
}

.get-in-touch .get-in-touch-container .get-in-touch-img img {
  width: 519.23px;
  height: 359px;
  top: -50px;
  right: -39px;
  position: absolute;
}

@media (max-width: 1400px) {
  .get-in-touch .get-in-touch-container .get-in-touch-img img {
    width: 480px;
    height: 320px;
    right: 0px;
    top: -41px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch .get-in-touch-container .get-in-touch-img img {
    width: 450.23px;
    height: 300px;
    right: 0px;
    top: -41px;
  }
}

@media (max-width: 992px) {
  .get-in-touch .get-in-touch-container .get-in-touch-img img {
    width: 340px;
    height: 300px;
    right: 0px;
    top: -64px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch .get-in-touch-container .get-in-touch-img img {
    width: 238.34px;
    height: 178.26px;
    right: 0px;
    top: -160px;
  }
}

@media (max-width: 576px) {
  .get-in-touch .get-in-touch-container .get-in-touch-img img {
    right: 0px;
    top: -120px;
  }
}

.bottom-popup.cookie {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #282D3B;
  padding: 50px 0;
}

@media (max-width: 767.9px) {
  .bottom-popup.cookie {
    padding: 40px 0;
  }
}

.bottom-popup.cookie .bottom-popup-container {
  display: flex;
  justify-content: center;
  padding: 0 16px;
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .text {
  margin: 0;
  padding-bottom: 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #ffffff;
  border-bottom: 1px solid #4D515C;
  text-align: center;
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .text .highlight {
  color: #ffffff;
  font-weight: 400;
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper {
  margin-top: 45px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 40px;
}

@media (max-width: 767.9px) {
  .bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper {
    margin-top: 25px;
    gap: 20px;
  }
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button {
  margin: 0;
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button a {
  text-decoration: none;
  color: #ffffff;
  padding: 16px 56px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 767.9px) {
  .bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button a {
    padding: 16px 22px;
  }
}

@media (max-width: 576px) {
  .bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .service-button-container .services-button a {
    padding: 6px;
    font-size: 12px;
    line-height: 17.7px;
  }
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .manage-cookie-button-container {
  display: flex;
  align-items: center;
}

.bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .manage-cookie-button-container .manage-cookie-btn {
  text-decoration: none;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 576px) {
  .bottom-popup.cookie .bottom-popup-container .bottom-popup-wrapper .button-wrapper .manage-cookie-button-container .manage-cookie-btn {
    font-size: 12px;
    line-height: 17.7px;
  }
}

.banner.about {
  background-image: url("../images/frame.jpg");
}

@media (max-width: 1024px) {
  .banner.about {
    min-height: 600px;
    max-height: 600px;
  }
}

.banner.about .banner-row {
  position: relative;
}

.banner.about .banner-row .col-12 {
  padding: 0;
}

.banner.about .transparent-heading {
  text-align: center;
  width: 100%;
  font-weight: 600;
  font-size: 150px;
  font-family: "Open Sans", sans-serif;
  line-height: 198px;
  color: transparent;
  background-image: url("../images/wave.png");
  background-repeat: repeat-x;
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px #181B24;
  -webkit-text-fill-color: transparent;
  animation: dir-lg 1s linear infinite, size-lg 5s linear infinite alternate;
}

@media (max-width: 1200px) {
  .banner.about .transparent-heading {
    font-size: 120px;
    line-height: 170px;
  }
}

@media (max-width: 992px) {
  .banner.about .transparent-heading {
    font-size: 90px;
    line-height: 150px;
    -webkit-text-stroke: 1.5px #181B24;
  }
}

@media (max-width: 767.9px) {
  .banner.about .transparent-heading {
    font-size: 70px;
    line-height: 120px;
    animation: dir-md 1s linear infinite, size-md 5s linear infinite alternate;
  }
}

@media (max-width: 576px) {
  .banner.about .transparent-heading {
    font-size: 60px;
    line-height: 90px;
    -webkit-text-stroke: 1px #181B24;
    animation: dir-sm 1s linear infinite, size-sm 5s linear infinite alternate;
  }
}

@media (max-width: 490px) {
  .banner.about .transparent-heading {
    font-size: 40px;
    animation: dir-xs 1s linear infinite, size-xs 5s linear infinite alternate;
  }
}

@media (max-width: 375px) {
  .banner.about .transparent-heading {
    font-size: 35px;
  }
}

@keyframes dir-lg {
  from {
    background-position: 0 100%;
  }

  to {
    background-position: 200px 100%;
  }
}

@keyframes size-lg {
  from {
    background-size: 200px 0;
  }

  to {
    background-size: 200px 240px;
  }
}

@keyframes dir-md {
  from {
    background-position: 0 100%;
  }

  to {
    background-position: 150px 100%;
  }
}

@keyframes size-md {
  from {
    background-size: 150px 0;
  }

  to {
    background-size: 150px 180px;
  }
}

@keyframes dir-sm {
  from {
    background-position: 0 100%;
  }

  to {
    background-position: 100px 100%;
  }
}

@keyframes size-sm {
  from {
    background-size: 100px 0;
  }

  to {
    background-size: 100px 120px;
  }
}

@keyframes dir-xs {
  from {
    background-position: 0 100%;
  }

  to {
    background-position: 80px 100%;
  }
}

@keyframes size-xs {
  from {
    background-size: 80px 0;
  }

  to {
    background-size: 80px 100px;
  }
}

.banner.about .sub-heading {
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 0.01rem;
}

@media (max-width: 1200px) {
  .banner.about .sub-heading {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
  }
}

@media (max-width: 992px) {
  .banner.about .sub-heading {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 767.9px) {
  .banner.about .sub-heading {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 576px) {
  .banner.about .sub-heading {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 480px) {
  .banner.about .sub-heading {
    font-size: 16px;
    line-height: 27px;
  }
}

/*Our-story */
.our-story {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-story {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-story {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-story .mac-content-wrapper .mac-content:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767.9px) {
  .our-story .mac-content-wrapper .mac-content:not(:last-child) {
    margin-bottom: 20px;
  }
}

.our-story .our-story-content {
  margin-top: 80px;
}

@media (max-width: 1200px) {
  .our-story .our-story-content {
    margin-top: 60px;
  }
}

@media (max-width: 992px) {
  .our-story .our-story-content {
    margin-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .our-story .our-story-content {
    margin-top: 20px;
  }
}

.our-story .our-story-content .description {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 43px;
  line-height: 55px;
  text-align: center;
}

@media (max-width: 1200px) {
  .our-story .our-story-content .description {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (max-width: 992px) {
  .our-story .our-story-content .description {
    font-size: 35px;
    line-height: 45px;
  }
}

@media (max-width: 767.9px) {
  .our-story .our-story-content .description {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .our-story .our-story-content .description {
    font-size: 26px;
    line-height: 35px;
  }
}

.brief-facts {
  padding: 0;
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .brief-facts {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .brief-facts {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .brief-facts .mac-head-wrapper {
    margin-bottom: 30px;
  }
}

.brief-facts .border-section {
  border-bottom: none;
}

.brief-facts .border-section:not(:first-child) {
  padding-top: 50px;
}

@media (max-width: 767.9px) {
  .brief-facts .border-section:not(:first-child) {
    padding-top: 40px;
  }
}

@media (max-width: 576px) {
  .brief-facts .border-section:not(:first-child) {
    padding-top: 25px;
  }
}

.brief-facts .border-section:not(:last-child) {
  border-bottom: 1px solid #EAEAEB;
}

@media (min-width: 768px) {
  .brief-facts .border-section:not(:last-child) {
    padding-bottom: 30px;
  }
}

@media (max-width: 767.9px) {
  .brief-facts .border-section:last-child .content.mac-content-wrapper {
    margin-bottom: 0;
  }
}

@media (max-width: 992px) {
  .brief-facts .border-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.brief-facts .border-section .content.mac-content-wrapper {
  padding-right: 0;
}

.brief-facts .border-section .content.mac-content-wrapper .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 130px;
  font-weight: 700;
  line-height: 100.04px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 992px) {
  .brief-facts .border-section .content.mac-content-wrapper .heading {
    font-size: 120px;
    line-height: 90px;
  }
}

@media (max-width: 767.9px) {
  .brief-facts .border-section .content.mac-content-wrapper .heading {
    font-size: 100px;
    line-height: 80px;
  }
}

@media (max-width: 576px) {
  .brief-facts .border-section .content.mac-content-wrapper .heading {
    font-size: 80px;
    line-height: 60px;
  }
}

.brief-facts .border-section .content.mac-content-wrapper .text {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32.68px;
  text-align: left;
  color: #181B24;
  text-transform: uppercase;
  margin-top: 21px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .brief-facts .border-section .content.mac-content-wrapper .text {
    font-size: 20px;
    line-height: 28px;
    margin-top: 18px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767.9px) {
  .brief-facts .border-section .content.mac-content-wrapper .text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 12px;
  }
}

@media (max-width: 576px) {
  .brief-facts .border-section .content.mac-content-wrapper .text {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 16px;
  }
}

.brief-facts .border-section .content.mac-content-wrapper .text-description {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #181B24;
}

@media (max-width: 992px) {
  .brief-facts .border-section .content.mac-content-wrapper .text-description {
    font-size: 17px;
    line-height: 29px;
  }
}

@media (max-width: 767.9px) {
  .brief-facts .border-section .content.mac-content-wrapper .text-description {
    font-size: 16px;
    line-height: 28px;
  }
}

.bg-dark {
  padding-top: 200px;
  padding-bottom: 200px;
}

@media (max-width: 1200px) {
  .bg-dark {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

@media (max-width: 992px) {
  .bg-dark {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media (max-width: 767.9px) {
  .bg-dark {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 576px) {
  .bg-dark {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.bg-dark .title {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
  color: #ffffff;
}

@media (max-width: 1200px) {
  .bg-dark .title {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (max-width: 992px) {
  .bg-dark .title {
    font-size: 32px;
    line-height: 45px;
  }
}

@media (max-width: 767.9px) {
  .bg-dark .title {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .bg-dark .title {
    font-size: 26px;
    line-height: 35px;
  }
}

.bg-dark .line-mask {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #181B24;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.bg-dark .line {
  position: relative;
}

/* Guiding Principles MAC */
.guiding-principles {
  overflow: hidden;
  padding: 0;
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .guiding-principles {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .guiding-principles {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .guiding-principles .guiding-principles-container {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .guiding-principles .guiding-principles-container .mac-head-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 767.9px) {
  .guiding-principles .guiding-principles-container .mac-head-wrapper {
    padding-left: 32px;
  }
}

@media (max-width: 992px) {
  .guiding-principles .guiding-principles-container .mac-content-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 767.9px) {
  .guiding-principles .guiding-principles-container .mac-content-wrapper {
    padding-left: 32px;
  }
}

.guiding-principles .guiding-principles-container .content,
.guiding-principles .guiding-principles-container .content-mob {
  margin-top: 50px;
  padding: 0 4px;
}

@media (max-width: 1200px) {

  .guiding-principles .guiding-principles-container .content,
  .guiding-principles .guiding-principles-container .content-mob {
    display: none;
    padding: 0;
  }
}

@media (max-width: 992px) {

  .guiding-principles .guiding-principles-container .content,
  .guiding-principles .guiding-principles-container .content-mob {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {

  .guiding-principles .guiding-principles-container .content,
  .guiding-principles .guiding-principles-container .content-mob {
    margin-top: 10px;
  }
}

.guiding-principles .guiding-principles-container .content .image-group,
.guiding-principles .guiding-principles-container .content-mob .image-group {
  display: flex;
  gap: 40px;
}

@media (max-width: 992px) {

  .guiding-principles .guiding-principles-container .content .image-group,
  .guiding-principles .guiding-principles-container .content-mob .image-group {
    gap: 30px;
  }
}

.guiding-principles .guiding-principles-container .content .image-group .image-card,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card {
  position: relative;
  overflow: hidden;
  height: 430px;
  width: 360px;
  min-width: 360px;
}

@media (max-width: 1200px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card {
    height: 400px;
    width: 340px;
    min-width: 340px;
  }
}

@media (max-width: 992px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card {
    height: 380px;
    width: 320px;
    min-width: 320px;
  }
}

@media (max-width: 767.9px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card {
    height: 360px;
    width: 300px;
    min-width: 300px;
  }
}

@media (max-width: 576px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card {
    height: 336px;
    width: 280px;
    min-width: 280px;
  }
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .img-section,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .img-section {
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .img-section.img-section-mission,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .img-section.img-section-mission {
  background-image: url("../images/guiding-principles-image1.jpg");
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .img-section.img-section-vision,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .img-section.img-section-vision {
  background-image: url("../images/guiding-principles-image2.jpg");
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .img-section.img-section-values,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .img-section.img-section-values {
  background-image: url("../images/guiding-principles-image3.jpg");
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .content-section,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.88);
  height: 100%;
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  /* Initially hidden below */
  transition: clip-path 0.5s ease-in-out;
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-heading,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-heading {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 70px;
  font-weight: 300;
  line-height: 95.33px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media (max-width: 1200px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-heading,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-heading {
    font-size: 60px;
    line-height: 80px;
    margin-bottom: 20px;
  }
}

@media (max-width: 992px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-heading,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-heading {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (max-width: 767.9px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-heading,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-heading {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (max-width: 576px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-heading,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-heading {
    font-size: 30px;
    line-height: 40.85px;
  }
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-description,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-description {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
}

@media (max-width: 1200px) {

  .guiding-principles .guiding-principles-container .content .image-group .image-card .content-section .content-description,
  .guiding-principles .guiding-principles-container .content-mob .image-group .image-card .content-section .content-description {
    font-size: 16px;
    line-height: 28px;
  }
}

.guiding-principles .guiding-principles-container .content .image-group .image-card .show-content,
.guiding-principles .guiding-principles-container .content-mob .image-group .image-card .show-content {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  /* Reveals content */
}

@media (max-width: 1200px) {
  .guiding-principles .guiding-principles-container .content {
    display: none;
  }
}

.guiding-principles .guiding-principles-container .content-mob {
  display: none;
}

@media (max-width: 1200px) {
  .guiding-principles .guiding-principles-container .content-mob {
    display: block;
  }
}

/* MAC Way */
.mac-way {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .mac-way {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .mac-way {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.mac-way .content {
  margin-top: 50px;
  padding: 0 20px;
}

@media (max-width: 767.9px) {
  .mac-way .content {
    margin-top: 10px;
    padding: 0;
  }
}

.mac-way .content .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  color: #181B24;
}

@media (max-width: 1200px) {
  .mac-way .content .heading {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .mac-way .content .heading {
    font-size: 22px;
  }
}

@media (max-width: 767.9px) {
  .mac-way .content .heading {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .mac-way .content .heading {
    font-size: 18px;
  }
}

.mac-way .content .description {
  font-family: "Open Sans", sans-serif;
  margin-top: 16px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #181B24;
}

@media (max-width: 992px) {
  .mac-way .content .description {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 767.9px) {
  .mac-way .content .description {
    margin-top: 10px;
  }
}

@media (max-width: 767.9px) {
  .mac-way .content img {
    margin-top: 10px;
  }
}

/* Leadership Way */
.leadership {
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .leadership {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .leadership {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.leadership .content {
  margin: 0 auto;
  margin-top: 50px;
  max-width: 984px;
}

@media (max-width: 992px) {
  .leadership .content {
    max-width: auto;
  }
}

.leadership .content .leader-container {
  height: 374px;
  justify-content: center;
  align-items: center;
}

@media (max-width: 992px) {
  .leadership .content .leader-container {
    height: auto;
  }
}

@media (max-width: 767.9px) {
  .leadership .content .leader-container {
    align-items: flex-start;
  }
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leader-img-container .leader-img-div {
    width: 134px;
  }
}

@media (max-width: 480px) {
  .leadership .content .leader-container .leadership-content {
    margin-top: 50px;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (max-width: 460px) {
  .leadership .content .leader-container .leadership-content .quotes-container {
    margin-left: -50px;
  }
}

@media (max-width: 992px) {
  .leadership .content .leader-container .leadership-content .quotes-container .quotes-img-container img {
    width: 80px;
  }
}

@media (max-width: 767.9px) {
  .leadership .content .leader-container .leadership-content .quotes-container .quotes-img-container img {
    width: 70px;
  }
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leadership-content .quotes-container .quotes-img-container img {
    width: 60px;
  }
}

@media (max-width: 414px) {
  .leadership .content .leader-container .leadership-content .quotes-container .quotes-img-container img {
    width: 30px;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container .label {
  background-color: #9061E4;
  margin-top: 20px;
  width: 140%;
  margin-left: -40%;
}

@media (max-width: 1200px) {
  .leadership .content .leader-container .leadership-content .quotes-container .label {
    width: 120%;
    margin-left: -20%;
  }
}

@media (max-width: 460px) {
  .leadership .content .leader-container .leadership-content .quotes-container .label {
    width: 100%;
    margin-left: 0%;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container .label p {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #ffffff;
  padding: 14px;
}

@media (max-width: 1200px) {
  .leadership .content .leader-container .leadership-content .quotes-container .label p {
    padding: 12px;
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  .leadership .content .leader-container .leadership-content .quotes-container .label p {
    padding: 10px;
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .leadership .content .leader-container .leadership-content .quotes-container .label p {
    padding: 8px;
    font-size: 15px;
    line-height: 24px;
  }
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leadership-content .quotes-container .label p {
    padding: 6px;
    font-size: 13px;
    line-height: 20px;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container .author {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 40px;
}

@media (max-width: 1200px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author {
    gap: 30px;
  }
}

@media (max-width: 992px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author {
    gap: 20px;
  }
}

@media (max-width: 767.9px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author {
    gap: 15px;
  }
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author {
    gap: 9px;
  }
}

@media (max-width: 460px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author {
    text-wrap: nowrap;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container .author .author-name {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  line-height: 27px;
  font-weight: 400;
  color: #181B24;
  text-transform: capitalize;
}

@media (max-width: 1200px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-name {
    font-size: 26px;
    line-height: 25px;
  }
}

@media (max-width: 992px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-name {
    font-size: 22px;
    line-height: 23px;
  }
}

@media (max-width: 767.9px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-name {
    font-size: 20px;
    line-height: 22px;
  }
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-name {
    font-size: 17px;
    line-height: 20px;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container .author .author-designation {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  color: #181B24;
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 1200px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-designation {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-designation {
    font-size: 20px;
    line-height: 26px;
    gap: 8px;
  }
}

@media (max-width: 767.9px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-designation {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-designation {
    font-size: 15px;
    line-height: 20px;
    gap: 6px;
  }
}

.leadership .content .leader-container .leadership-content .quotes-container .author .author-designation .rectangle {
  display: inline-block;
  height: 10px;
  min-width: 10px;
  vertical-align: middle;
  background-color: #9061E4;
}

@media (max-width: 576px) {
  .leadership .content .leader-container .leadership-content .quotes-container .author .author-designation .rectangle {
    height: 8px;
    min-width: 8px;
  }
}

/* Our Locations MAC */
.our-locations {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 767.9px) {
  .our-locations {
    background: linear-gradient(180deg, #FAF7FE 0%, #F5EEFF 100%);
  }
}

@media (max-width: 992px) {
  .our-locations {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-locations {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-locations .locations-img-container img {
  max-height: 100%;
  max-width: 100%;
}

.our-locations .locations-img-container .map-svg-xl {
  display: block;
}

@media (max-width: 767.9px) {
  .our-locations .locations-img-container .map-svg-xl {
    display: none;
  }
}

.our-locations .locations-img-container .map-svg-md {
  display: none;
}

@media (max-width: 767.9px) {
  .our-locations .locations-img-container .map-svg-md {
    display: block;
  }
}

.our-locations .country-card-container {
  margin-top: 21px;
  display: none;
}

@media (max-width: 767.9px) {
  .our-locations .country-card-container {
    display: block;
  }
}

.our-locations .country-card-container .country-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
}

.our-locations .country-card-container .country-card:not(:last-child) {
  margin-bottom: 10px;
}

.our-locations .country-card-container .country-card .country-img-div {
  width: 40px;
}

.our-locations .country-card-container .country-card .country-img-div .country-img {
  width: 100%;
}

@media (max-width: 576px) {
  .our-locations .country-card-container .country-card .country-img-div {
    width: 25px;
  }
}

.our-locations .country-card-container .country-card .country-name {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.62px;
  text-align: left;
  color: #9061E4;
  text-transform: capitalize;
}

@media (max-width: 576px) {
  .our-locations .country-card-container .country-card .country-name {
    font-size: 12px;
    line-height: 13.62px;
  }
}

/* get-in-touch about-us */
.get-in-touch.about-us {
  margin-top: 0;
}

@media (max-width: 576px) {
  .get-in-touch.about-us {
    height: 431px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.about-us .get-in-touch-container .get-in-touch-img img {
    right: 0px;
    top: -68px;
  }
}

.banner.services {
  background: url(../images/service-banner.jpg) no-repeat center center;
  background-size: cover;
}

.banner.services .banner-container .banner-row .service-banner-col {
  padding: 0;
  font-family: "Open Sans", sans-serif;
}

.banner.services .banner-container .banner-row .service-banner-col h1 {
  font-size: 50px;
  font-weight: 600;
  line-height: 68.09px;
  text-align: center;
  text-transform: capitalize;
}

@media (max-width: 1200px) {
  .banner.services .banner-container .banner-row .service-banner-col h1 {
    font-size: 45px;
    line-height: 61px;
  }
}

@media (max-width: 992px) {
  .banner.services .banner-container .banner-row .service-banner-col h1 {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (max-width: 767.9px) {
  .banner.services .banner-container .banner-row .service-banner-col h1 {
    font-size: 37px;
    line-height: 50px;
  }
}

@media (max-width: 576px) {
  .banner.services .banner-container .banner-row .service-banner-col h1 {
    font-size: 35px;
    line-height: 47.66px;
  }
}

.banner.services .banner-container .banner-row .service-banner-col h1 .highlight {
  font-weight: 700;
  color: #9061E4;
}

.banner.services .banner-container .banner-row .service-banner-col .typed-cursor {
  color: #9061E4;
}

.banner.services .banner-container .banner-row .service-banner-col h3 {
  text-transform: capitalize;
  margin-top: 30px;
  font-size: 50px;
  font-weight: 300;
  line-height: 68.09px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #4D515C;
}

@media (max-width: 1200px) {
  .banner.services .banner-container .banner-row .service-banner-col h3 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media (max-width: 992px) {
  .banner.services .banner-container .banner-row .service-banner-col h3 {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (max-width: 767.9px) {
  .banner.services .banner-container .banner-row .service-banner-col h3 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .banner.services .banner-container .banner-row .service-banner-col h3 {
    font-size: 22px;
    line-height: 27.24px;
  }
}

.banner.services .banner-container .banner-row .service-banner-col p {
  max-width: 870px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #181B24;
  margin: 30px auto;
}

@media (max-width: 1200px) {
  .banner.services .banner-container .banner-row .service-banner-col p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  .banner.services .banner-container .banner-row .service-banner-col p {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .banner.services .banner-container .banner-row .service-banner-col p {
    margin: 20px auto;
    margin-bottom: 36px;
  }
}

.banner.services .banner-container .banner-row .service-banner-col .mouse-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner.services .banner-container .banner-row .service-banner-col .mouse-img img {
  height: 55px;
  width: 55px;
}

@media (max-width: 1200px) {
  .banner.services .banner-container .banner-row .service-banner-col .mouse-img img {
    height: 45px;
    width: 45px;
  }
}

@media (max-width: 992px) {
  .banner.services .banner-container .banner-row .service-banner-col .mouse-img img {
    height: 35px;
    width: 35px;
  }
}

@media (max-width: 767.9px) {
  .banner.services .banner-container .banner-row .service-banner-col .mouse-img img {
    height: 30px;
    width: 30px;
  }
}

@media (max-width: 576px) {
  .banner.services .banner-container .banner-row .service-banner-col .mouse-img img {
    height: 24px;
    width: 24px;
  }
}

@media (max-width: 1200px) {
  .cutting-edge-tech-stack.services {
    padding: 0;
  }
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container,
.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob {
  animation: none;
  justify-content: center;
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon,
.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon {
  min-height: 211px;
  height: 211px;
  min-width: 170px;
  width: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 1200px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon {
    min-height: 180px;
    height: 180px;
    min-width: 150px;
    width: 150px;
  }
}

@media (max-width: 992px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon {
    min-height: 160px;
    height: 160px;
    min-width: 130px;
    width: 130px;
  }
}

@media (max-width: 767.9px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon {
    min-height: 140px;
    height: 140px;
    min-width: 110px;
    width: 110px;
  }
}

@media (max-width: 576px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon {
    min-height: 124.12px;
    height: 124.12px;
    min-width: 100px;
    width: 100px;
  }
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon:not(:last-child),
.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon:not(:last-child) {
  border-right: 1px solid rgb(234, 234, 235);
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon img,
.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon img {
  width: 60px;
  height: 60px;
  filter: grayscale(0);
}

@media (max-width: 1200px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon img,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 992px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon img,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon img,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 576px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon img,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon img {
    width: 24px;
    height: 24px;
  }
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon .icon-text,
.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon .icon-text {
  padding-top: 20px;
  width: 60%;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.51px;
  text-align: center;
  color: #181B24;
  display: flex;
  justify-content: center;
}

@media (max-width: 1200px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon .icon-text,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon .icon-text {
    padding-top: 18px;
    width: 70%;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 992px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon .icon-text,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon .icon-text {
    padding-top: 16px;
    width: 80%;
    font-size: 15px;
    line-height: 20px;
  }
}

@media (max-width: 767.9px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon .icon-text,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon .icon-text {
    padding-top: 14px;
    width: 90%;
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 576px) {

  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container .icon .icon-text,
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon .icon-text {
    padding-top: 12px;
    width: 100%;
    font-size: 13px;
    line-height: 17px;
  }
}

@media (max-width: 1200px) {
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container {
    display: none;
  }
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob {
  padding-top: 27px;
}

.cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob .icon {
  border-right: 1px solid rgb(234, 234, 235);
}

@media (max-width: 1200px) {
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob {
    padding-top: 25px;
  }
}

@media (max-width: 992px) {
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob {
    padding-top: 24px;
  }
}

@media (max-width: 767.9px) {
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob {
    padding-top: 23px;
  }
}

@media (min-width: 1200px) {
  .cutting-edge-tech-stack.services .tech-stack-wrapper .icon-container-mob {
    display: none;
  }
}

/* why-choose-us */
.why-choose-us {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .why-choose-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .why-choose-us {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.why-choose-us .why-choose-us-main-content {
  padding-top: 60px;
}

@media (max-width: 1200px) {
  .why-choose-us .why-choose-us-main-content {
    padding-top: 50px;
  }
}

@media (max-width: 992px) {
  .why-choose-us .why-choose-us-main-content {
    padding-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .why-choose-us .why-choose-us-main-content {
    padding-top: 10px;
  }
}

@media (min-width: 992px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col:nth-child(-n+3) {
    margin-bottom: 15px;
  }

  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col:not(:first-child) {
    margin-top: 12px;
  }
}

.why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card {
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: 0px 4px 40px 10px rgba(0, 0, 0, 0.08);
}

.why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card img {
  margin: 20px 0 52px 20px;
  width: 60px;
  height: 60px;
}

@media (max-width: 1200px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card img {
    margin: 18px 0 45px 18px;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 992px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card img {
    margin: 16px 0 40px 16px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card img {
    margin: 14px 0 35px 14px;
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 576px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card img {
    margin: 12px 0 10px 12px;
    width: 24px;
    height: 24px;
  }
}

.why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body {
  padding: 0 9px 9px 9px;
}

@media (max-width: 576px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body {
    padding: 0 12px 12px 12px;
  }
}

.why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body .card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 36.77px;
  text-align: left;
  color: #181B24;
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body .card-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 18px;
  }
}

@media (max-width: 992px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body .card-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767.9px) {
  .why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body .card-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.why-choose-us .why-choose-us-main-content .card-group .inner-row .inner-col .card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #82858D;
}

/* our-services */
.our-services {
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-services {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-services {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-services .our-services-container-lg {
  padding: 0;
}

.our-services .our-services-wrapper,
.our-services .our-services-wrapper-mob {
  overflow: hidden;
}

.our-services .our-services-wrapper .our-services-container:not(:first-child),
.our-services .our-services-wrapper-mob .our-services-container:not(:first-child) {
  padding-top: 40px;
}

.our-services .our-services-wrapper .our-services-container .services-heading,
.our-services .our-services-wrapper-mob .our-services-container .services-heading {
  position: relative;
  z-index: 1;
}

.our-services .our-services-wrapper .our-services-container .services-heading a,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.our-services .our-services-wrapper .our-services-container .services-heading a .content-heading,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading {
  background-color: #FAF7FE;
  max-width: fit-content;
  font-family: "Open Sans", sans-serif;
  font-size: 45px;
  font-weight: 800;
  line-height: 61.28px;
  text-align: left;
  cursor: pointer;
  color: #282D3B;
  position: relative;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading {
    font-size: 35px;
    line-height: 54.47px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading {
    font-size: 30px;
    line-height: 47.66px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .highlight,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .highlight {
  font-family: "Open Sans", sans-serif;
  font-size: 85px;
  font-weight: 700;
  line-height: 115.75px;
  text-align: left;
  display: block;
  color: transparent;
  -webkit-text-stroke: 1px #282D3B;
  position: relative;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .highlight,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .highlight {
    font-size: 70px;
    line-height: 95px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .highlight,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .highlight {
    font-size: 50px;
    line-height: 75px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .content-hover img,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .content-hover img {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .content-hover img {
    height: 35px;
    width: 35px;
    top: 25px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .content-hover img {
    height: 30px;
    width: 30px;
    top: 20px;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .content-hover img {
    height: 24px;
    width: 24px;
    top: 15px;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading .content-hover img {
    height: 16px;
    width: 16px;
    top: 10px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover {
  color: #9061E4;
}

.our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover .highlight,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover .highlight {
  -webkit-text-stroke: 1px #9061E4;
}

.our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover .content-hover img,
.our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover .content-hover img {
  opacity: 1;
  right: -50px;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover .content-hover img {
    right: -45px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover .content-hover img {
    right: -40px;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover .content-hover img {
    right: -30px;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container .services-heading a .content-heading:hover .content-hover img,
  .our-services .our-services-wrapper-mob .our-services-container .services-heading a .content-heading:hover .content-hover img {
    right: -20px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-heading .line-animation,
.our-services .our-services-wrapper-mob .our-services-container .services-heading .line-animation {
  width: 1px;
  background: #A7A9AF;
  position: absolute;
  left: 25%;
  height: 100%;
  bottom: 0;
  z-index: -1;
}

.our-services .our-services-wrapper .our-services-container .services-heading .line-animation .fill-line,
.our-services .our-services-wrapper-mob .our-services-container .services-heading .line-animation .fill-line {
  height: 0%;
  width: 1px;
  top: 0;
  background: #9061E4;
  position: absolute;
  left: 0;
  height: 0;
  transition: height 0.3s ease;
}

.our-services .our-services-wrapper .our-services-container .services-content,
.our-services .our-services-wrapper-mob .our-services-container .services-content {
  padding: 0;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card {
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-img-top,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-img-top {
  padding: 40px;
  height: 100%;
  width: 100%;
  padding-bottom: 0;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body {
  padding: 0;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .card-text,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #282D3B;
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .card-text,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .card-text {
    font-size: 16px;
    line-height: 28px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .card-text .highlight,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .card-text .highlight {
  font-weight: 600;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container {
  padding-top: 20px;
  margin-left: 5px;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container .services-list,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container .services-list {
  padding: 0;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list {
  width: 90%;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list {
    margin-bottom: 20px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list {
    margin-bottom: 15px;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list {
    margin-bottom: 12px;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container .services-list .service-list .list {
    margin-bottom: 10px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container {
  margin-top: 10px;
  display: flex;
  gap: 35px 53px;
  flex-wrap: wrap;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container {
    gap: 30px 45px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container {
    gap: 25px 35px;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container {
    gap: 20px 30px;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container {
    gap: 20px 20px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons {
  position: relative;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img {
  filter: grayscale(1);
  opacity: 0.5;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img {
    width: 24px;
    height: 24px;
    filter: grayscale(0);
    opacity: 1;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons img {
    width: 20px;
    height: 20px;
  }
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons .tooltip-text,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons .tooltip-text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.01em;
  visibility: hidden;
  width: max-content;
  background-color: #EAEAEB;
  color: #000000;
  text-align: center;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 38px;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons .tooltip-text::after,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: #EAEAEB transparent transparent transparent;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons:hover img,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons:hover img {
  filter: grayscale(0);
  opacity: 1;
}

.our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons:hover .tooltip-text,
.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container .services-content .services-card .card-body .services-img-container .img-icons:hover .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-img-container .img-icons:hover .tooltip-text {
    visibility: none;
    opacity: 0;
  }
}

.our-services .our-services-wrapper .our-services-container.custom-software-development .services-heading a .content-heading:hover .content-hover img,
.our-services .our-services-wrapper-mob .our-services-container.custom-software-development .services-heading a .content-heading:hover .content-hover img {
  opacity: 1;
  right: 80px;
}

.our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container,
.our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container,
.our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container,
.our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container,
.our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container,
.our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container {
  display: flex;
}

.our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
.our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
.our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img,
.our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
.our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
.our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img {
  width: 60px !important;
  height: 60px !important;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img {
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img {
    width: 30px !important;
    height: 30px !important;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container img,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container img {
    width: 20px !important;
    height: 20px !important;
  }
}

.our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
.our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
.our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text,
.our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
.our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
.our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text {
  bottom: 68px !important;
}

@media (max-width: 1200px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text {
    bottom: 58px !important;
  }
}

@media (max-width: 992px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text {
    bottom: 48px !important;
  }
}

@media (max-width: 767.9px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text {
    bottom: 38px !important;
  }
}

@media (max-width: 576px) {

  .our-services .our-services-wrapper .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.mobile-app-development .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.e-commerce-solutions .services-content .services-card .services-img-container .tooltip-text,
  .our-services .our-services-wrapper-mob .our-services-container.cloud-based-solutions .services-content .services-card .services-img-container .tooltip-text {
    bottom: 28px !important;
  }
}

@media (max-width: 767.9px) {
  .our-services .our-services-wrapper {
    display: none;
  }
}

.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body {
  padding: 0 16px;
}

.our-services .our-services-wrapper-mob .our-services-container .services-content .services-card .card-body .services-list-container {
  margin-left: 20px;
}

@media (min-width: 767.9px) {
  .our-services .our-services-wrapper-mob {
    display: none;
  }
}

/* technologies */
.technologies {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}

@media (max-width: 992px) {
  .technologies {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .technologies {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.technologies .technology-container {
  margin-top: 40px;
}

@media (max-width: 767.9px) {
  .technologies .technology-container {
    display: none;
  }
}

.technologies .technology-container .tech-headings-column {
  height: 568px;
  overflow: hidden;
}

.technologies .technology-container .tech-headings-column .tech-heading {
  width: 90%;
  cursor: pointer;
}

.technologies .technology-container .tech-headings-column .tech-heading h3 {
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40.85px;
  text-align: left;
  color: #181B24;
  margin: 0;
}

@media (max-width: 1400px) {
  .technologies .technology-container .tech-headings-column .tech-heading h3 {
    padding: 18px;
    font-size: 27px;
    line-height: 36px;
  }
}

@media (max-width: 1200px) {
  .technologies .technology-container .tech-headings-column .tech-heading h3 {
    padding: 16px;
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 992px) {
  .technologies .technology-container .tech-headings-column .tech-heading h3 {
    padding: 14px;
    font-size: 16px;
    line-height: 21.79px;
  }
}

.technologies .technology-container .tech-headings-column .tech-heading h3.active {
  color: #9061E4;
  background-color: #FBFBFB;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.technologies .technology-container .tech-headings-column .tech-heading h3.active::before {
  content: "";
  position: absolute;
  top: 19px;
  right: -38px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-left: 38px solid #FBFBFB;
  border-bottom: 19px solid transparent;
  filter: drop-shadow(2px 4px 1px rgba(0, 0, 0, 0.1));
}

@media (max-width: 1400px) {
  .technologies .technology-container .tech-headings-column .tech-heading h3.active::before {
    top: 17px;
    right: -34px;
    border-top: 17px solid transparent;
    border-left: 34px solid #FBFBFB;
    border-bottom: 17px solid transparent;
  }
}

@media (max-width: 1200px) {
  .technologies .technology-container .tech-headings-column .tech-heading h3.active::before {
    top: 15px;
    right: -30px;
    border-top: 15px solid transparent;
    border-left: 30px solid #FBFBFB;
    border-bottom: 15px solid transparent;
  }
}

@media (max-width: 992px) {
  .technologies .technology-container .tech-headings-column .tech-heading h3.active::before {
    top: 11px;
    right: -22px;
    border-top: 11px solid transparent;
    border-left: 22px solid #FBFBFB;
    border-bottom: 11px solid transparent;
  }
}

.technologies .technology-container .tech-content-column {
  height: 568px;
  overflow: hidden;
}

.technologies .technology-container .tech-content-column .tech-content {
  padding: 16px;
  background-color: #FBFBFB;
  border-bottom: 1px solid #BFA3EF;
  margin-bottom: 10px;
  opacity: 0.9;
  filter: grayscale(1);
}

.technologies .technology-container .tech-content-column .tech-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #181B24;
}

.technologies .technology-container .tech-content-column .tech-content .tech-img-container {
  margin-top: 20px;
  display: flex;
  gap: 35px;
}

@media (max-width: 1200px) {
  .technologies .technology-container .tech-content-column .tech-content .tech-img-container {
    gap: 28px;
  }
}

@media (max-width: 992px) {
  .technologies .technology-container .tech-content-column .tech-content .tech-img-container {
    gap: 20px;
  }
}

.technologies .technology-container .tech-content-column .tech-content .tech-img-container .tech-img img {
  width: 35px;
  height: 35px;
}

@media (max-width: 1200px) {
  .technologies .technology-container .tech-content-column .tech-content .tech-img-container .tech-img img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 992px) {
  .technologies .technology-container .tech-content-column .tech-content .tech-img-container .tech-img img {
    width: 24px;
    height: 24px;
  }
}

.technologies .technology-container .tech-content-column .tech-content.active {
  opacity: 1;
  filter: grayscale(0);
}

@media (min-width: 767.9px) {
  .technologies .technology-container-mob {
    display: none;
  }
}

.technologies .technology-container-mob .technology-content-wrapper {
  padding: 0px;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content {
  background: #FBFBFB;
  border-bottom: 1px solid #BFA3EF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 10px;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content:not(:last-child) {
  margin-bottom: 12px;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content a[aria-expanded=true] .content-heading {
  color: #9061E4;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content a .content-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #181B24;
  cursor: pointer;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content .content-text {
  margin-top: 9px;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  text-align: left;
  color: #181B24;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content .tech-img-container {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.technologies .technology-container-mob .technology-content-wrapper .technology-content .tech-img-container .tech-img img {
  width: 24px;
  height: 24px;
}

/* engagement-model */
.engagement-model {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .engagement-model {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .engagement-model {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.engagement-model .engagement-content {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767.9px) {
  .engagement-model .engagement-content {
    margin-top: 10px;
  }
}

.engagement-model .engagement-content .nav.nav-pills .nav-item {
  width: 33.333%;
  max-height: 84px;
  height: 84px;
}

@media (max-width: 1200px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item {
    height: 70px;
  }
}

@media (max-width: 992px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item {
    height: 60px;
  }
}

@media (max-width: 767.9px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item {
    height: 40px;
  }
}

@media (max-width: 576px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item {
    height: 28px;
  }
}

.engagement-model .engagement-content .nav.nav-pills .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 54.47px;
  text-align: center;
  color: #4D515C;
  padding: 15px 0;
  max-height: 84px;
  height: 84px;
}

@media (max-width: 1200px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item .nav-link {
    font-size: 35px;
    line-height: 48px;
    height: 70px;
    padding: 12px 0;
  }
}

@media (max-width: 992px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item .nav-link {
    font-size: 30px;
    line-height: 41px;
    height: 60px;
    padding: 10px 0;
  }
}

@media (max-width: 767.9px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item .nav-link {
    font-size: 20px;
    line-height: 28px;
    height: 40px;
    padding: 6px 0;
  }
}

@media (max-width: 576px) {
  .engagement-model .engagement-content .nav.nav-pills .nav-item .nav-link {
    font-size: 16px;
    line-height: 20.43px;
    height: 28px;
    padding: 4px 0;
  }
}

.engagement-model .engagement-content .nav.nav-pills .nav-item .nav-link.active {
  color: #9061E4;
  background-color: #FBFBFB;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1019607843);
  border-radius: 0;
}

.engagement-model .engagement-content .tab-content {
  margin-top: 30px;
}

.engagement-model .engagement-content .tab-content .tab-pane .engagement-model-row .engagement-model-col-left .engagement-model-img img {
  height: 100%;
  width: 100%;
}

@media (max-width: 767.9px) {
  .engagement-model .engagement-content .tab-content .tab-pane .engagement-model-row .engagement-model-col-left {
    margin-bottom: 20px;
  }
}

.engagement-model .engagement-content .tab-content .tab-pane .engagement-model-row .engagement-model-col-right .text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #181B24;
}

.engagement-model .engagement-content .tab-content .tab-pane .engagement-model-row .engagement-model-col-right .text:not(:last-child) {
  margin-bottom: 20px;
}

.engagement-model .engagement-content .tab-content .tab-pane .engagement-model-row .engagement-model-col-right .engagement-model-inner-row {
  margin-left: 10px;
}

.engagement-model .engagement-content .tab-content .tab-pane .engagement-model-row .engagement-model-col-right .engagement-model-inner-row .engagement-model-list-col .engagement-model-list .engagement-model-list-item {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #181B24;
}

/* working-method */
.working-method {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .working-method {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .working-method {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.working-method .working-method-container {
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .working-method .working-method-container {
    margin-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .working-method .working-method-container {
    margin-top: 30px;
  }
}

.working-method .working-method-container .working-method-img {
  padding: 0 20px;
}

@media (max-width: 992px) {
  .working-method .working-method-container .working-method-img {
    padding: 0 10px;
  }
}

@media (max-width: 767.9px) {
  .working-method .working-method-container .working-method-img {
    padding: 0;
  }
}

.working-method .working-method-container .working-method-img img {
  height: 100%;
  width: 100%;
}

@media (max-width: 767.9px) {
  .working-method .working-method-container .working-method-img img.working-method-lg {
    display: none;
  }
}

@media (min-width: 767.9px) {
  .working-method .working-method-container .working-method-img img.working-method-md {
    display: none;
  }
}

/* our-work */
.our-work,
.portfolio-page .portfolio-content-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {

  .our-work,
  .portfolio-page .portfolio-content-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {

  .our-work,
  .portfolio-page .portfolio-content-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-work .our-work-container,
.portfolio-page .portfolio-content-container .our-work-container {
  padding-top: 50px;
}

@media (max-width: 1200px) {

  .our-work .our-work-container,
  .portfolio-page .portfolio-content-container .our-work-container {
    padding-top: 40px;
  }
}

@media (max-width: 992px) {

  .our-work .our-work-container,
  .portfolio-page .portfolio-content-container .our-work-container {
    padding-top: 35px;
  }
}

@media (max-width: 767.9px) {

  .our-work .our-work-container,
  .portfolio-page .portfolio-content-container .our-work-container {
    padding-top: 32px;
  }
}

@media (max-width: 576px) {

  .our-work .our-work-container,
  .portfolio-page .portfolio-content-container .our-work-container {
    padding-top: 30px;
  }
}

.our-work .our-work-container .our-work-container-card-group,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group,
.our-work .our-work-container .our-work-container-card-group-mob,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob {
  gap: 32px;
}

@media (max-width: 1200px) {

  .our-work .our-work-container .our-work-container-card-group,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group,
  .our-work .our-work-container .our-work-container-card-group-mob,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob {
    gap: 22px;
  }
}

@media (max-width: 992px) {

  .our-work .our-work-container .our-work-container-card-group,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group,
  .our-work .our-work-container .our-work-container-card-group-mob,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob {
    gap: 16px;
  }
}

.our-work .our-work-container .our-work-container-card-group .card,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card,
.our-work .our-work-container .our-work-container-card-group-mob .card,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card {
  background-color: #EAEAEB;
  border: none;
  border-radius: 0;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  text-align: left;
}

.our-work .our-work-container .our-work-container-card-group .card .our-work-img,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img,
.our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img {
  cursor: pointer;
}

.our-work .our-work-container .our-work-container-card-group .card .our-work-img .card-img-top,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img .card-img-top,
.our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img .card-img-top,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img .card-img-top {
  border-radius: 0;
  padding-bottom: 0;
  position: relative;
}

.our-work .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
.our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon {
  opacity: 0;
  top: 20px;
  right: 20px;
  position: absolute;
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {

  .our-work .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon {
    top: 18px;
    right: 18px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 992px) {

  .our-work .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon {
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 576px) {

  .our-work .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img .hover-icon,
  .our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img .hover-icon {
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
  }
}

.our-work .our-work-container .our-work-container-card-group .card .our-work-img:hover .card-img-top,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img:hover .card-img-top,
.our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img:hover .card-img-top,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img:hover .card-img-top {
  filter: brightness(0.5);
}

.our-work .our-work-container .our-work-container-card-group .card .our-work-img:hover .hover-icon,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .our-work-img:hover .hover-icon,
.our-work .our-work-container .our-work-container-card-group-mob .card .our-work-img:hover .hover-icon,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .our-work-img:hover .hover-icon {
  opacity: 1;
}

.our-work .our-work-container .our-work-container-card-group .card .card-body,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body,
.our-work .our-work-container .our-work-container-card-group-mob .card .card-body,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body {
  padding: 0;
  background-color: #F5FBFB;
}

.our-work .our-work-container .our-work-container-card-group .card .card-body .small-text,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .small-text,
.our-work .our-work-container .our-work-container-card-group-mob .card .card-body .small-text,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .small-text {
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
}

@media (max-width: 1200px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .small-text {
    font-size: 11px;
    line-height: 15px;
  }
}

@media (max-width: 992px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .small-text {
    line-height: 14px;
  }
}

@media (max-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .small-text {
    line-height: 13.62px;
  }
}

@media (max-width: 576px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .small-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .small-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .small-text {
    font-size: 10px;
  }
}

.our-work .our-work-container .our-work-container-card-group .card .card-body .card-title,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-title,
.our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-title,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-title {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

@media (max-width: 1200px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 992px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-title {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 23px;
  }
}

@media (max-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-title {
    margin-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 576px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-title,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-title,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-title {
    font-size: 16px;
    line-height: 21.79px;
  }
}

.our-work .our-work-container .our-work-container-card-group .card .card-body .card-text,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-text,
.our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-text,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-text {
  margin: 0;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 300;
  line-height: 17.7px;
}

@media (max-width: 1200px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-text {
    font-size: 12.5px;
    line-height: 17px;
  }
}

@media (max-width: 992px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-text {
    font-size: 12.3px;
    line-height: 16.8px;
  }
}

@media (max-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-text {
    margin-bottom: 8px;
    font-size: 12.1px;
    line-height: 16.5px;
  }
}

@media (max-width: 576px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .card-text,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .card-text,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .card-text {
    font-size: 12px;
    line-height: 20px;
  }
}

.our-work .our-work-container .our-work-container-card-group .card .card-body .techology,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .techology,
.our-work .our-work-container .our-work-container-card-group-mob .card .card-body .techology,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .techology {
  display: block;
  padding-top: 6px;
  padding-left: 10px;
  background-color: white;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.7px;
  color: #9061E4;
  text-transform: uppercase;
}

@media (max-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group .card .card-body .techology,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .techology,
  .our-work .our-work-container .our-work-container-card-group-mob .card .card-body .techology,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .techology {
    padding-top: 3px;
    padding-left: 8px;
    font-size: 12px;
    line-height: 16.34px;
  }
}

.our-work .our-work-container .our-work-container-card-group .card:hover .our-work-img .card-img-top,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card:hover .our-work-img .card-img-top,
.our-work .our-work-container .our-work-container-card-group-mob .card:hover .our-work-img .card-img-top,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card:hover .our-work-img .card-img-top {
  filter: brightness(0.5);
}

.our-work .our-work-container .our-work-container-card-group .card:hover .our-work-img .hover-icon,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group .card:hover .our-work-img .hover-icon,
.our-work .our-work-container .our-work-container-card-group-mob .card:hover .our-work-img .hover-icon,
.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob .card:hover .our-work-img .hover-icon {
  opacity: 1;
}

@media (max-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group {
    display: none;
  }
}

@media (min-width: 767.9px) {

  .our-work .our-work-container .our-work-container-card-group-mob,
  .portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group-mob {
    display: none;
  }
}

.our-work.bg-secondary .our-work-container .our-work-container-card-group .card .card-body .techology,
.portfolio-page .bg-secondary.portfolio-content-container .our-work-container .our-work-container-card-group .card .card-body .techology,
.our-work.bg-secondary .our-work-container .our-work-container-card-group-mob .card .card-body .techology,
.portfolio-page .bg-secondary.portfolio-content-container .our-work-container .our-work-container-card-group-mob .card .card-body .techology {
  background-color: #FAF7FE;
}

/* get-in-touch */
.get-in-touch.service-page {
  height: 335px;
}

@media (max-width: 767.9px) {
  .get-in-touch.service-page {
    height: 405px;
  }
}

.get-in-touch.service-page .get-in-touch-container .get-in-touch-img img {
  top: -42px;
}

@media (max-width: 1400px) {
  .get-in-touch.service-page .get-in-touch-container .get-in-touch-img img {
    top: -38px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch.service-page .get-in-touch-container .get-in-touch-img img {
    top: -36px;
  }
}

@media (max-width: 992px) {
  .get-in-touch.service-page .get-in-touch-container .get-in-touch-img img {
    top: -48px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.service-page .get-in-touch-container .get-in-touch-img img {
    top: -100px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.service-page .get-in-touch-container .get-in-touch-img img {
    top: -120px;
  }
}

.get-quote-title,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .title h3 span {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #4D515C;
}

@media (max-width: 1200px) {

  .get-quote-title,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .title h3 span {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {

  .get-quote-title,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .title h3 span {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {

  .get-quote-title,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .title h3 span {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 576px) {

  .get-quote-title,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label,
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .title h3 span {
    font-size: 18px;
    line-height: 24.51px;
  }
}

.get-quote-sub-text,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .text,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group .form-custom-control::placeholder,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group .form-custom-control,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.79px;
  text-align: left;
  color: #4D515C;
}

.get-quote-container {
  background-image: url(../images/get-a-quotes-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .get-quote-container {
    padding-bottom: 70px;
    background-position: top 60px left;
  }
}

.get-quote-container .get-quote-row .get-quote-col {
  padding: 0;
}

@media (min-width: 993px) {
  .get-quote-container .get-quote-row .get-quote-col.left .logo-container {
    display: none;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col.right .logo-container {
    display: none;
  }
}

.get-quote-container .get-quote-row .get-quote-col .logo-container {
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .logo-container {
    justify-content: center;
    width: calc(100% + 32px);
    margin-left: -32px;
    background: #ffffff;
    position: fixed;
    z-index: 9999;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0509803922);
    height: 60px;
  }

  .get-quote-container .get-quote-row .get-quote-col .logo-container a img {
    height: 20px;
    width: 180px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .mac {
  margin-top: 184px;
}

.get-quote-container .get-quote-row .get-quote-col .mac .whatmaction-logo {
  width: 330px;
  height: 250.56px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .mac .whatmaction-logo {
    width: 300px;
    height: 227.09px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .mac .whatmaction-logo {
    width: 280px;
    height: 212.34px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .mac .whatmaction-logo {
    width: 230px;
    height: 161.12px;
  }
}

@media (max-width: 991.9px) {
  .get-quote-container .get-quote-row .get-quote-col .mac {
    display: none;
  }
}

.get-quote-container .get-quote-row .get-quote-col .mac h3 {
  width: min-content;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 60.51px;
  text-align: left;
  color: #181B24;
  text-transform: capitalize;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .mac h3 {
    font-size: 45px;
    line-height: 54.46px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .mac h3 {
    font-size: 40px;
    line-height: 48.41px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-content {
  margin-top: 84px;
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content {
    margin-top: 100px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-content h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 66px;
  text-align: left;
  color: #181B24;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content h1 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content h1 {
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content h1 {
    font-size: 35px;
    line-height: 48px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content h1 {
    font-size: 26px;
    line-height: 35.41px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 17.8px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content p {
    font-size: 16px;
    line-height: 34px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content p {
    line-height: 30px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content p {
    line-height: 28px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-content p {
    line-height: 25px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form {
  margin-top: 60px;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group label.error {
  font-family: "Open Sans", sans-serif;
  color: red;
  font-size: 16px;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container {
  margin-top: 34px;
  display: flex;
  gap: 26px 20px;
  flex-wrap: wrap;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container {
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container {
    margin-top: 26px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container {
    margin-top: 22px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container {
    margin-top: 20px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom {
  padding: 0;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-input[type=checkbox],
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  display: none;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-input[type=checkbox]:checked+.form-check-label,
.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-input[type=radio]:checked+.form-check-label {
  background-color: rgba(139, 84, 194, 0.1);
  background-image: none;
  border-color: #8b54c2;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label {
  border-radius: none;
  padding: 12px;
  border: 1px solid #82858D;
  color: #4D515C;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  margin-bottom: 0;
  text-transform: capitalize;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label.focus-shadow {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label {
    padding: 10px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label {
    padding: 9px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label {
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label {
    padding: 7px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group .custom-check-container .form-check.custom .form-check-label span {
  display: inline-block;
  width: max-content;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.what-do-you-need {
  margin-bottom: 50px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.what-do-you-need {
    margin-bottom: 45px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.what-do-you-need {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.what-do-you-need {
    margin-bottom: 38px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.what-do-you-need {
    margin-bottom: 35px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.budget-options {
  margin-bottom: 68px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.budget-options {
    margin-bottom: 60px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.budget-options {
    margin-bottom: 52px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.budget-options {
    margin-bottom: 46px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .form-group.budget-options {
    margin-bottom: 40px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form {
  margin-top: 50px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form {
    margin-top: 35px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form {
    margin-top: 30px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form {
    margin-top: 25px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group {
  margin-bottom: 50px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group {
    margin-bottom: 35px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group {
    margin-bottom: 25px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label {
  margin-bottom: 16px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label {
    margin-bottom: 15px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label {
    margin-bottom: 14px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label {
    margin-bottom: 13px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label {
    margin-bottom: 12px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group label span {
  color: #AE090D;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group .contact-form .country-code {
  width: 100px;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group .contact-form .country-code .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group .form-custom-control {
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #82858D;
  padding: 10px 0;
  box-shadow: none;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .customer-details-form .custom-customer-group .form-custom-control:focus {
  color: #0f1529;
  border-bottom-color: #8b54c2;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div {
  margin-top: 24px;
  margin-bottom: 45px;
  height: 75px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div {
    margin-bottom: 40px;
    margin-top: 22px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div {
    margin-bottom: 35px;
    margin-top: 21px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div {
    margin-bottom: 32px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div {
    margin-bottom: 30px;
    margin-top: 20px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-input {
  height: 0px;
  opacity: 0;
  position: absolute;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .error-message {
  font-family: "Open Sans", sans-serif;
  color: red;
  font-size: 16px;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label {
  width: calc(100% - 85px);
  position: relative;
  padding-left: 50px;
  padding-top: 3px;
  cursor: pointer;
  height: 40px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label {
    padding-left: 45px;
    padding-top: 2px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label {
    padding-left: 40px;
    padding-top: 2px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label {
    padding-left: 35px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label {
    padding-left: 30px;
    padding-top: 1px;
  }
}

@media (max-width: 400px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label {
    width: 100%;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .text {
  display: block;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .sub-text {
  border-top: 1px solid #82858D;
  width: max-content;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  color: #4D515C;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .sub-text {
    font-size: 12px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .sub-text {
    font-size: 11px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .sub-text {
    font-size: 10px;
    line-height: 24px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label .sub-text {
    width: auto;
    line-height: 13.62px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url("../images/pin.svg");
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: contain;
  background-position: center;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label::before {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label::before {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label::before {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label::before {
    width: 22px;
    height: 22px;
  }
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .file-label.selected {
  justify-content: flex-start;
  padding-top: 0;
  word-break: break-all;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .delete-btn {
  position: absolute;
  left: 0;
  background-color: #f13c31;
  color: #fff;
  padding: 2px 10px;
  border: 2px solid #f13c31;
  outline: none;
  margin-top: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
  opacity: 0;
  -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .delete-btn:hover {
  background-color: transparent;
  color: #f13c31;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .file-input-div .delete-btn:focus {
  outline: none;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton {
  margin-top: 30px;
  opacity: 1;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button {
  display: inline-block;
  padding: 10px 8px 8px 12px;
  font-weight: 400;
  font-size: 23px;
  line-height: 31.32px;
  margin-bottom: 3px;
  border-radius: 0;
}

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button span img {
  width: 35px;
  margin-bottom: 3px;
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button span img {
    width: 30px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button span img {
    width: 28px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button span img {
    width: 26px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button span img {
    width: 24px;
  }
}

@media (max-width: 1200px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button {
    font-size: 21px;
    line-height: 29px;
  }
}

@media (max-width: 992px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button {
    font-size: 19px;
    line-height: 27px;
  }
}

@media (max-width: 767.9px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 576px) {
  .get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button {
    font-size: 16px;
    line-height: 21.79px;
  }
}

.banner.technology .banner-container .banner-row {
  display: flex;
  align-items: center;
}

.banner.technology .banner-container .banner-row .tech-top-heading {
  width: 87%;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 40.85px;
  text-align: left;
  color: #C7E6E8;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .banner.technology .banner-container .banner-row .tech-top-heading {
    width: 95%;
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 992px) {
  .banner.technology .banner-container .banner-row .tech-top-heading {
    width: 100%;
    font-size: 26px;
    line-height: 36px;
  }
}

@media (max-width: 767.9px) {
  .banner.technology .banner-container .banner-row .tech-top-heading {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 576px) {
  .banner.technology .banner-container .banner-row .tech-top-heading {
    font-size: 18px;
    line-height: 24.51px;
  }
}

.banner.technology .banner-container .banner-row .heading {
  width: 87%;
  font-family: "Open Sans", sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 61.28px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .banner.technology .banner-container .banner-row .heading {
    width: 95%;
    font-size: 40px;
    line-height: 54px;
  }
}

@media (max-width: 992px) {
  .banner.technology .banner-container .banner-row .heading {
    width: 100%;
    font-size: 35px;
    line-height: 47px;
  }
}

@media (max-width: 767.9px) {
  .banner.technology .banner-container .banner-row .heading {
    margin-top: 12px;
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .banner.technology .banner-container .banner-row .heading {
    font-size: 20px;
    line-height: 27.24px;
  }
}

.banner.technology .banner-container .banner-row .heading .highlight {
  font-size: 50px;
  font-weight: 800;
  line-height: 68.09px;
  color: #181B24;
}

@media (max-width: 1200px) {
  .banner.technology .banner-container .banner-row .heading .highlight {
    font-size: 45px;
    line-height: 61px;
  }
}

@media (max-width: 992px) {
  .banner.technology .banner-container .banner-row .heading .highlight {
    font-size: 40px;
    line-height: 54px;
  }
}

@media (max-width: 767.9px) {
  .banner.technology .banner-container .banner-row .heading .highlight {
    font-size: 35px;
    line-height: 47px;
  }
}

@media (max-width: 576px) {
  .banner.technology .banner-container .banner-row .heading .highlight {
    display: block;
    font-size: 35px;
    line-height: 47.66px;
  }
}

.banner.technology .banner-container .banner-row .tech-sub-heading {
  width: 87%;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 40.85px;
  text-align: left;
  color: #ffffff;
}

@media (max-width: 1200px) {
  .banner.technology .banner-container .banner-row .tech-sub-heading {
    width: 95%;
    font-size: 27px;
    line-height: 37px;
  }
}

@media (max-width: 992px) {
  .banner.technology .banner-container .banner-row .tech-sub-heading {
    width: 100%;
    font-size: 25px;
    line-height: 35px;
  }
}

@media (max-width: 767.9px) {
  .banner.technology .banner-container .banner-row .tech-sub-heading {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 576px) {
  .banner.technology .banner-container .banner-row .tech-sub-heading {
    font-size: 19.6px;
    line-height: 26.69px;
  }
}

.banner.technology .banner-container .banner-row .sub-heading {
  width: 86%;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #ffffff;
}

@media (max-width: 1200px) {
  .banner.technology .banner-container .banner-row .sub-heading {
    width: 95%;
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 992px) {
  .banner.technology .banner-container .banner-row .sub-heading {
    width: 100%;
    font-size: 17px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .banner.technology .banner-container .banner-row .sub-heading {
    font-size: 16px;
    line-height: 23px;
  }
}

.banner.technology .banner-container .banner-row .image-container .banner-image img {
  max-width: 100%;
  max-height: 100%;
}

/* why-select-us */
.why-select-us {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .why-select-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .why-select-us {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.why-select-us .select-us-container-wrapper {
  padding: 0;
}

.why-select-us .select-us-container-wrapper .select-us-container .select-us-item {
  margin-bottom: 39px;
  display: flex;
  gap: 11px;
}

.why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img {
  width: 107px;
  height: 107px;
}

@media (max-width: 1400px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img {
    width: 95px;
    height: 95px;
  }
}

@media (max-width: 1200px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 992px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 767.9px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 576px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img {
    width: 40px;
    height: 40px;
  }
}

.why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-img img {
  min-width: 100%;
  height: 100%;
}

.why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-content h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 31.32px;
  text-align: left;
  color: #181B24;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-content h3 {
    font-size: 20px;
    line-height: 27.24px;
  }
}

@media (max-width: 992px) {
  .why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-content h3 {
    font-size: 18px;
    line-height: 24.51px;
  }
}

.why-select-us .select-us-container-wrapper .select-us-container .select-us-item .select-us-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: #82858D;
}

/* key-benchmarks */
.key-benchmarks {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .key-benchmarks {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.key-benchmarks .key-benchmarks-main-content {
  padding-top: 100px;
  padding-left: 48px;
  padding-right: 48px;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content {
    padding-top: 80px;
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content {
    padding-top: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col {
  gap: 65px;
}

@media (min-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col:not(:last-child) {
    margin-bottom: 60px;
  }
}

@media (max-width: 991px) and (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col {
    gap: 50px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col {
    gap: 35px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col {
    gap: 25px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col {
    gap: 15px;
  }
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card {
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset {
  border: 1px solid #9061E4;
  padding-left: 19px;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset {
    padding-left: 16px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset {
    padding-left: 14px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset {
    padding-left: 12px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset {
    padding-left: 10px;
  }
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 34.05px;
  text-align: left;
  color: #9061E4;
  display: flex;
  align-items: flex-end;
  width: max-content;
  gap: 16px;
  position: relative;
  top: -40px;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend {
    top: -30px;
    gap: 14px;
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend {
    top: -20px;
    gap: 12px;
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend {
    top: -15px;
    gap: 10px;
    font-size: 20px;
    line-height: 27px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend {
    top: -8px;
    gap: 6px;
    font-size: 18px;
    line-height: 24px;
  }
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend .card-img {
  border: none;
  border-radius: 0;
  width: 100px;
  height: 100px;
  padding: 16px;
  background: conic-gradient(from 127.84deg at 45.5% 54.25%, #D7EDEF 0deg, #A7F1F5 326.18deg, #D7EDEF 360deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend .card-img {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend .card-img {
    width: 60px;
    height: 60px;
    padding: 8px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend .card-img {
    width: 40px;
    height: 40px;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend .card-img {
    width: 30px;
    height: 30px;
    padding: 4.8px;
  }
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset legend .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset .text {
  margin: -42px 12px 12px -8px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  text-align: left;
  color: #282D3B;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset .text {
    margin: -32px 10px 10px -6px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset .text {
    margin: -24px 8px 8px -4px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset .text {
    margin: -18px 6px 6px -2px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .key-benchmarks-row .key-benchmarks-col .key-benchmarks-col-grp .key-benchmarks-inner-row .key-benchmarks-inner-col .card fieldset .text {
    margin: -12px 4px 4px 0;
  }
}

.key-benchmarks .key-benchmarks-main-content .card-group {
  gap: 65px;
}

.key-benchmarks .key-benchmarks-main-content .card-group:not(:last-child) {
  margin-bottom: 100px;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .card-group {
    gap: 50px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .card-group {
    gap: 35px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .card-group {
    gap: 25px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .card-group {
    gap: 15px;
  }
}

.key-benchmarks .key-benchmarks-main-content .card-group .card {
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.key-benchmarks .key-benchmarks-main-content .card-group .card fieldset {
  border: 1px solid #9061E4;
  padding-left: 19px;
}

.key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 34.05px;
  text-align: left;
  color: #9061E4;
  display: flex;
  align-items: flex-end;
  width: max-content;
  gap: 16px;
  position: relative;
  top: -40px;
}

.key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend .card-img {
  border: none;
  border-radius: 0;
  width: 100px;
  height: 100px;
  padding: 16px;
  background: conic-gradient(from 127.84deg at 45.5% 54.25%, #D7EDEF 0deg, #A7F1F5 326.18deg, #D7EDEF 360deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1200px) {
  .key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend .card-img {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
}

@media (max-width: 992px) {
  .key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend .card-img {
    width: 60px;
    height: 60px;
    padding: 8px;
  }
}

@media (max-width: 767.9px) {
  .key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend .card-img {
    width: 40px;
    height: 40px;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend .card-img {
    width: 30px;
    height: 30px;
    padding: 4.8px;
  }
}

.key-benchmarks .key-benchmarks-main-content .card-group .card fieldset legend .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.key-benchmarks .key-benchmarks-main-content .card-group .card fieldset .text {
  margin: -42px 12px 12px -8px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  text-align: left;
  color: #282D3B;
}

/* what-we-do */
.what-we-do {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .what-we-do {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .what-we-do {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.what-we-do .what-we-do-container {
  margin-top: 70px;
}

@media (max-width: 1200px) {
  .what-we-do .what-we-do-container {
    margin-top: 60px;
  }
}

@media (max-width: 992px) {
  .what-we-do .what-we-do-container {
    margin-top: 50px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container {
    margin-top: 10px;
  }
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper hr {
  margin-top: 30px;
  margin-bottom: 40px;
  border: 1px solid #EAEAEB;
}

@media (max-width: 1200px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper hr {
    margin-top: 25px;
    margin-bottom: 35px;
  }
}

@media (max-width: 992px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper hr {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper hr {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper hr {
    margin-top: 12px;
    margin-bottom: 20px;
  }
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col:last-child {
  padding: 0;
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col:first-child {
  padding: 0;
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col:first-child {
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col:first-child {
    margin-bottom: 6px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col {
    padding-left: 0;
  }
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 54.47px;
  text-align: left;
  color: #181B24;
  margin: 0;
}

@media (max-width: 1200px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 {
    font-size: 36px;
    line-height: 49.3px;
  }
}

@media (max-width: 992px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 {
    font-size: 30px;
    line-height: 40.85px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 {
    font-size: 25px;
    line-height: 34.05px;
  }
}

@media (max-width: 576px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 {
    font-size: 14px;
    line-height: 19.07px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 {
    display: flex;
    gap: 6px;
  }
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-heading h3 .highlight {
  font-weight: 700;
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-content .text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #4D515C;
  margin: 0;
}

@media (max-width: 1200px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-content .text {
    font-size: 16px;
    line-height: 27px;
  }
}

@media (max-width: 992px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-content .text {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-content .text {
    font-size: 12px;
    line-height: 22px;
  }
}

@media (max-width: 576px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-nasted-row .what-we-do-nasted-col .what-we-do-content .text {
    font-size: 10px;
    line-height: 18px;
  }
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items {
  display: flex;
  gap: 14px;
  flex-direction: column;
  align-items: center;
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items img {
  width: 45px;
  height: 45px;
}

@media (max-width: 1200px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 992px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items img {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 576px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items img {
    width: 24px;
    height: 24px;
  }
}

.what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20.43px;
  text-align: left;
  color: #181B24;
  margin: 0;
}

@media (max-width: 1200px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items p {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (max-width: 992px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items p {
    font-size: 12px;
    line-height: 16.34px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items p {
    font-size: 10px;
    line-height: 14px;
  }
}

@media (max-width: 576px) {
  .what-we-do .what-we-do-container .what-we-do-item-wrapper .what-we-do-inner-row .what-we-do-inner-col .what-we-do-img-container .items p {
    font-size: 8px;
    line-height: 10.89px;
  }
}

/* get-in-touch technology */
.get-in-touch.technology {
  height: 340px;
  margin-top: 0;
}

@media (max-width: 992px) {
  .get-in-touch.technology .get-in-touch-container .get-in-touch-img img {
    top: -52px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.technology .get-in-touch-container .get-in-touch-img img {
    right: 0px;
    top: -148px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.technology .get-in-touch-container .get-in-touch-img img {
    right: 0px;
    top: -120px;
  }
}

.banner.blog,
.blog-page .banner.inner-blog.blog-content-container,
.blog-page .banner.blog-content-container {
  padding-top: 240px;
  padding-bottom: 140px;
  height: auto;
  min-height: max-content;
}

@media (max-width: 992px) {

  .banner.blog,
  .blog-page .banner.inner-blog.blog-content-container,
  .blog-page .banner.blog-content-container {
    padding-top: 180px;
    padding-bottom: 120px;
  }
}

.banner.blog .banner-container .banner-row,
.blog-page .banner.blog-content-container .banner-container .banner-row {
  align-items: flex-end;
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row,
  .blog-page .banner.blog-content-container .banner-container .banner-row {
    flex-direction: column;
  }
}

.banner.blog .banner-container .banner-row .banner-content,
.blog-page .banner.blog-content-container .banner-container .banner-row .banner-content {
  padding: 0;
}

.banner.blog .banner-container .banner-row .banner-content .banner-content-item .heading,
.blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 54px;
  font-weight: 600;
  line-height: 73.54px;
  text-align: left;
  color: #000000;
  margin-bottom: 0;
}

.banner.blog .banner-container .banner-row .banner-content .banner-content-item .heading .highlight,
.blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .heading .highlight {
  font-weight: 700;
}

@media (max-width: 1200px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .heading {
    font-size: 50px;
    line-height: 68.09px;
  }
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .heading {
    font-size: 46px;
    line-height: 62.63px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .heading {
    margin: 0;
    font-size: 42px;
    line-height: 57.18px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .heading {
    font-size: 30px;
    line-height: 40.85px;
  }
}

.banner.blog .banner-container .banner-row .banner-content .banner-content-item .sub-heading,
.blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .sub-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #ffffff;
  margin-top: 20px;
}

@media (max-width: 1200px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .sub-heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .sub-heading {
    font-size: 19px;
    line-height: 26px;
  }
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .sub-heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .sub-heading {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .sub-heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .sub-heading {
    font-size: 17px;
    line-height: 24px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .banner-content .banner-content-item .sub-heading,
  .blog-page .banner.blog-content-container .banner-container .banner-row .banner-content .banner-content-item .sub-heading {
    font-size: 15px;
    line-height: 25px;
  }
}

.banner.blog .banner-container .banner-row .blog-form,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form {
  padding: 0;
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .blog-form,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form {
    margin-top: 55px;
  }
}

.banner.blog .banner-container .banner-row .blog-form .form-div,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div {
    justify-content: flex-start;
  }
}

.banner.blog .banner-container .banner-row .blog-form .form-div h6,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
  text-align: left;
  color: #ffffff;
  margin: 0;
  margin-bottom: 20px;
  max-width: 404px;
}

@media (max-width: 1200px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div h6,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div h6 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div h6,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div h6 {
    font-size: 14.5px;
    line-height: 25.5px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div h6,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div h6 {
    font-size: 14px;
    line-height: 25px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div h6,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div h6 {
    font-size: 14px;
    line-height: 25px;
  }
}

.banner.blog .banner-container .banner-row .blog-form .form-div h6 .highlight,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div h6 .highlight {
  font-weight: 700;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group {
  margin: 0;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group {
  max-width: 404px;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email],
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email] {
  box-shadow: none;
  background: #F5FBFB;
  border: none;
  outline: none;
  border-radius: 0;
  display: block;
  padding: 10px;
  height: 45px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24.51px;
  text-align: left;
  color: #A7A9AF;
}

@media (max-width: 1200px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email],
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email] {
    font-size: 17px;
    line-height: 23px;
  }
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email],
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email] {
    height: 42px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email],
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email] {
    font-size: 15px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email],
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email] {
    height: 40px;
    font-size: 14px;
    line-height: 19.07px;
  }
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24.51px;
  text-align: left;
  color: #A7A9AF;
}

@media (max-width: 1200px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder {
    font-size: 17px;
    line-height: 23px;
  }
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder {
    font-size: 15px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group input[type=email]::placeholder {
    font-size: 14px;
    line-height: 19.07px;
  }
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append {
  background: #F5FBFB;
  padding: 3px;
  padding-left: 0;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn {
  background: #9ED4D7;
  border-radius: 0;
  border: none;
  width: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn {
    width: 35.5px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn {
    width: 34px;
  }
}

@media (max-width: 1200px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img {
    width: 22px;
  }
}

@media (max-width: 992px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img {
    width: 20px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img {
    width: 18px;
  }
}

@media (max-width: 576px) {

  .banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img,
  .blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span img {
    width: 17.44px;
  }
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span .active-icon,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span .active-icon {
  display: block;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span .hover-icon,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn span .hover-icon {
  display: none;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn:hover span .active-icon,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn:hover span .active-icon {
  display: none;
}

.banner.blog .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn:hover span .hover-icon,
.blog-page .banner.blog-content-container .banner-container .banner-row .blog-form .form-div .form-group .input-group .input-group-append .submit-btn:hover span .hover-icon {
  display: block;
}

.blog-page {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .blog-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .blog-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.blog-page .blog-pills-row .blog-pills-head {
  padding-left: 0;
}

@media (max-width: 767.9px) {
  .blog-page .blog-pills-row .blog-pills-head {
    padding: 0;
    margin-top: 20px;
  }
}

.blog-page .blog-pills-row .blog-pills-head .nav-pills {
  border-bottom: 1px solid #EAEAEB;
}

.blog-page .blog-pills-row .blog-pills-head .nav-pills .nav-item:not(:last-child) {
  margin-right: 20px;
}

.blog-page .blog-pills-row .blog-pills-head .nav-pills .nav-item .nav-link {
  padding: 0;
  padding-bottom: 10px;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 29.96px;
  text-align: left;
  color: #181B24;
  margin-bottom: -1px;
}

.blog-page .blog-pills-row .blog-pills-head .nav-pills .nav-item .nav-link.active {
  background: transparent;
  border-bottom: 1px solid #9061E4;
}

.blog-page .blog-pills-row .blog-search-form-container {
  padding-right: 0;
}

@media (max-width: 767.9px) {
  .blog-page .blog-pills-row .blog-search-form-container {
    padding: 0;
  }
}

.blog-page .blog-pills-row .blog-search-form-container .mac-head {
  margin: 0;
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  .blog-page .blog-pills-row .blog-search-form-container .mac-head {
    margin-bottom: 14px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .blog-pills-row .blog-search-form-container .mac-head {
    margin-bottom: 12px;
  }
}

@media (max-width: 576px) {
  .blog-page .blog-pills-row .blog-search-form-container .mac-head {
    margin-bottom: 10px;
  }
}

.blog-page .blog-pills-row .blog-search-form-container .input-group {
  border: 1px solid transparent;
  /* Set a transparent border */
  border-image-source: linear-gradient(0deg, #FFFFFF, #181B24);
  /* Gradient for the border primary color */
  box-shadow: -2px 4px 10px 0px rgba(24, 27, 36, 0.5019607843);
  /* Box Shadow primary color */
  border-image-slice: 1;
}

.blog-page .blog-pills-row .blog-search-form-container .input-group input {
  height: 51px;
  box-shadow: none;
  border: none;
  padding: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 27.24px;
  text-align: left;
  color: #D1BEF4;
  border-radius: 0;
}

.blog-page .blog-pills-row .blog-search-form-container .input-group input::placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 27.24px;
  text-align: left;
  color: #A7A9AF;
}

.blog-page .blog-pills-row .blog-search-form-container .input-group .input-group-append .search-btn {
  background: #ffffff;
}

.blog-page .big-blog-card {
  margin-bottom: 100px;
}

@media (max-width: 1200px) {
  .blog-page .big-blog-card {
    margin-bottom: 80px;
  }
}

@media (max-width: 992px) {
  .blog-page .big-blog-card {
    margin-bottom: 60px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card {
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card {
    margin-bottom: 30px;
  }
}

.blog-page .big-blog-card .card {
  border: none;
  border-radius: 0;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  text-align: left;
}

.blog-page .big-blog-card .card .big-blog-img .blog-img {
  cursor: pointer;
}

.blog-page .big-blog-card .card .big-blog-img .blog-img .card-img-top {
  border-radius: 0;
  padding: 0;
  padding-bottom: 0;
  position: relative;
}

.blog-page .big-blog-card .card .big-blog-img .blog-img .hover-icon {
  opacity: 0;
  top: 20px;
  right: 20px;
  position: absolute;
  width: 50px;
  height: 50px;
}

.blog-page .big-blog-card .card .big-blog-img .blog-img:hover .card-img-top {
  filter: brightness(0.5);
}

.blog-page .big-blog-card .card .big-blog-img .blog-img:hover .hover-icon {
  opacity: 1;
}

.blog-page .big-blog-card .card .big-blog-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.blog-page .big-blog-card .card .big-blog-body .card-header {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.51px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header {
    font-size: 17px;
    line-height: 23px;
  }
}

@media (max-width: 992px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header {
    font-size: 15px;
    line-height: 21px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header {
    font-size: 14px;
    line-height: 19.07px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-header p {
  margin: 0;
}

@media (min-width: 993px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header p:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media (max-width: 991.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header p {
    margin-top: 4px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-header p .box {
  display: inline-block;
  margin-right: 6px;
  height: 13px;
  width: 13px;
  background-color: #181B24;
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header p .box {
    margin-right: 4px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card .card .big-blog-body .card-header p .box {
    margin-right: 3px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-body {
  padding: 0;
  margin-top: 10px;
}

.blog-page .big-blog-card .card .big-blog-body .card-body .card-title {
  margin: 0;
  margin-bottom: 10px;
}

.blog-page .big-blog-card .card .big-blog-body .card-body .card-title a {
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  line-height: 49px;
  font-weight: 600;
  text-align: left;
  color: #181B24;
}

@media (max-width: 992px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-title a {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-title a {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-title a {
    font-size: 16px;
    line-height: 21.79px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-body .card-title:hover a {
  color: #9061E4;
}

.blog-page .big-blog-card .card .big-blog-body .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #181B24;
  margin: 0;
}

@media (max-width: 1200px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-text {
    font-size: 17px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-text {
    font-size: 16px;
    line-height: 27px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-text {
    font-size: 15px;
    line-height: 26px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card .card .big-blog-body .card-body .card-text {
    font-size: 14px;
    line-height: 25px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-footer {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

@media (max-width: 992px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer {
    margin-bottom: 0;
    margin-top: 4px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-footer a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.79px;
  text-align: left;
  color: #9061E4;
}

@media (max-width: 1200px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a {
    font-size: 15px;
    line-height: 20.79px;
  }
}

@media (max-width: 992px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a {
    font-size: 14px;
    line-height: 19.79px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a {
    font-size: 13px;
    line-height: 18.34px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a {
    font-size: 12px;
    line-height: 16.34px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-footer a span {
  margin-bottom: 3px;
}

.blog-page .big-blog-card .card .big-blog-body .card-footer a span img {
  width: 34px;
  height: 34px;
}

@media (max-width: 1200px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a span img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 992px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a span img {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a span img {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 576px) {
  .blog-page .big-blog-card .card .big-blog-body .card-footer a span img {
    width: 24px;
    height: 24px;
  }
}

.blog-page .big-blog-card .card .big-blog-body .card-footer a:hover {
  font-weight: 600;
}

.blog-page .blog-content-container {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 992px) {
  .blog-page .blog-content-container .blog-container {
    padding-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .blog-page .blog-content-container .blog-container {
    padding-top: 30px;
  }
}

@media (max-width: 576px) {
  .blog-page .blog-content-container .blog-container {
    padding-top: 20px;
  }
}

.blog-page .blog-content-container .blog-container .blog-container-card-group:nth-child(2) {
  margin-bottom: 70px;
}

@media (max-width: 767.9px) {
  .blog-page .pagination-container {
    display: none;
  }
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .screen-reader-text {
  display: none;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers {
  background-color: #9ED4D7;
  border: 0;
  border-radius: 0;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers:not(:last-child) {
  margin-right: 18px;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers.current {
  background: #9061E4;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers.prev,
.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers.next {
  font-weight: 400;
}

.banner.blog-inner {
  display: block;
  padding: 0;
  padding-top: 180px;
  height: auto;
  min-height: auto;
  max-height: fit-content;
}

@media (max-width: 992px) {
  .banner.blog-inner {
    padding-top: 140px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner {
    padding-top: 120px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner {
    padding-top: 90px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row {
    flex-direction: column;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container {
    padding: 0 16px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a {
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a {
    font-size: 16px;
    line-height: 22.5px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a {
    font-size: 15px;
    line-height: 20.7px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a {
    font-size: 14px;
    line-height: 19.07px;
  }
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a span img {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a span img {
    width: 21px;
    height: 21px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .back-to-blog a span img {
    width: 20px;
    height: 20px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  padding-left: 0;
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li {
  padding: 8px;
  background-color: #9061E4;
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li:not(:last-child) {
    margin-right: 20px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li:not(:last-child) {
    margin-right: 18px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li:not(:last-child) {
    margin-right: 16px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li:not(:last-child) {
    margin-right: 14px;
  }
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li {
    padding: 7px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li {
    padding: 6px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li {
    padding: 5px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li {
    padding: 4.4px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a {
  text-decoration: none;
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a {
    width: 13.2px;
    height: 13.2px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a img {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a img {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a img {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a img {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a img {
    width: 13.2px;
    height: 13.2px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a .hover-icon {
  position: absolute;
  top: 0;
  right: 0px;
  width: 24px;
  height: 24px;
  opacity: 0;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a .hover-icon {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a .hover-icon {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a .hover-icon {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a .hover-icon {
    width: 13.2px;
    height: 13.2px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a:hover {
  background-color: transparent;
  outline: none !important;
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a:hover .active-icon {
  opacity: 0;
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li a:hover .hover-icon {
  opacity: 1;
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon {
  padding: 11px 6.76px 10.91px 7px;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon {
    padding: 9px 5.5px 9px 5.75px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon {
    padding: 8px 4.76px 8px 5px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon {
    padding: 7px 4px 7px 4.5px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon {
    padding: 6.05px 3.72px 6px 3.85px;
  }
}

.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a.email-icon,
.banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a img.email-icon {
  width: 26.24px;
  height: 18.09px;
}

@media (max-width: 1200px) {

  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a.email-icon,
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a img.email-icon {
    width: 22px;
    height: 15px;
  }
}

@media (max-width: 992px) {

  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a.email-icon,
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a img.email-icon {
    width: 20px;
    height: 14px;
  }
}

@media (max-width: 767.9px) {

  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a.email-icon,
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a img.email-icon {
    width: 18px;
    height: 12px;
  }
}

@media (max-width: 576px) {

  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a.email-icon,
  .banner.blog-inner .banner-container .banner-row .link-container .social-links ul li.email-icon a img.email-icon {
    width: 14.43px;
    height: 9.95px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container {
  padding-left: 23px;
  padding-right: 23px;
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .inner-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .author-container {
  margin-top: 50px;
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .author-container {
    padding: 0;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .author-container p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.51px;
  text-align: left;
  color: #181B24;
  margin: 0;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .author-container p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .author-container p {
    font-size: 15px;
    line-height: 21px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .author-container p {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .author-container p {
    font-size: 14px;
    line-height: 19.07px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .author-container p:not(:last-child) {
  margin-bottom: 15px;
}

.banner.blog-inner .banner-container .banner-row .inner-container .author-container p .box {
  display: inline-block;
  margin-right: 6px;
  height: 13px;
  width: 13px;
  background-color: #181B24;
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 25px;
  color: #282D3B;
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content a {
  color: #9061E4;
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h1,
.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h2,
.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h3,
.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h4,
.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h5,
.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h6 {
  margin-bottom: 5px;
  font-weight: 600;
  color: #000000;
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h1 {
  font-family: "Open Sans", sans-serif;
  text-align: left;
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h2 {
  font-family: "Open Sans", sans-serif;
  text-align: left;
  font-size: 26px;
  line-height: 35px;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h2 {
    font-size: 24px;
    line-height: 33px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h2 {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h3 {
  font-family: "Open Sans", sans-serif;
  text-align: left;
  font-size: 22px;
  line-height: 30px;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content h4 {
  font-family: "Open Sans", sans-serif;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content {
    padding: 0;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 54.47px;
  text-align: left;
  color: #000000;
  margin: 0;
  margin-bottom: 30px;
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .heading {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 28px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .heading {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 25px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .heading {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .heading {
    font-size: 23px;
    line-height: 31.32px;
    margin-bottom: 15px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .img-top {
  max-width: 1124px;
  height: auto;
  margin-bottom: 50px;
  box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.2509803922);
}

@media (max-width: 1200px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .img-top {
    margin-bottom: 45px;
  }
}

@media (max-width: 992px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .img-top {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .img-top {
    margin-bottom: 35px;
  }
}

@media (max-width: 576px) {
  .banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .img-top {
    margin-bottom: 30px;
  }
}

.banner.blog-inner .banner-container .banner-row .inner-container .main-blog-container .blog-content .img-top img {
  height: 100%;
  width: 100%;
}

/* blog-inner-blog */
.blog.inner-blog .blog-head .mac-head-wrapper,
.blog-page .inner-blog.blog-content-container .blog-head .mac-head-wrapper {
  margin: 0;
}

.blog.inner-blog .blog-head .mac-head-wrapper .mac-head .heading,
.blog-page .inner-blog.blog-content-container .blog-head .mac-head-wrapper .mac-head .heading {
  margin: 0;
}

.blog.inner-blog .blog-head .inner-blog-button-container,
.blog-page .inner-blog.blog-content-container .blog-head .inner-blog-button-container {
  height: min-content;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 10px;
}

.blog.inner-blog .blog-head .inner-blog-button-container button,
.blog-page .inner-blog.blog-content-container .blog-head .inner-blog-button-container button {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

@media (max-width: 1200px) {

  .blog.inner-blog .blog-head .inner-blog-button-container button img,
  .blog-page .inner-blog.blog-content-container .blog-head .inner-blog-button-container button img {
    width: 35px;
  }
}

@media (max-width: 992px) {

  .blog.inner-blog .blog-head .inner-blog-button-container button img,
  .blog-page .inner-blog.blog-content-container .blog-head .inner-blog-button-container button img {
    width: 30px;
  }
}

@media (max-width: 767.9px) {

  .blog.inner-blog .blog-head .inner-blog-button-container button img,
  .blog-page .inner-blog.blog-content-container .blog-head .inner-blog-button-container button img {
    width: 27px;
  }
}

@media (max-width: 576px) {

  .blog.inner-blog .blog-head .inner-blog-button-container button img,
  .blog-page .inner-blog.blog-content-container .blog-head .inner-blog-button-container button img {
    width: 23.33px;
  }
}

/* get-in-touch inner-blog */
.get-in-touch.inner-blog {
  margin-top: 0;
  height: 285px;
}

.get-in-touch.inner-blog .get-in-touch-container .get-in-touch-img img {
  width: 570px;
  height: 350px;
  top: -50px;
  right: -39px;
  position: absolute;
}

.banner.services-inner {
  height: 642px;
  min-height: 642px;
}

@media (max-width: 1200px) {
  .banner.services-inner {
    height: 560px;
    min-height: 560px;
  }
}

@media (max-width: 767.9px) {
  .banner.services-inner {
    height: 642px;
    min-height: 642px;
  }
}

.banner.services-inner .banner-container {
  position: relative;
}

.banner.services-inner .banner-container .banner-row {
  align-items: center;
}

@media (max-width: 767.9px) {
  .banner.services-inner .banner-container .banner-row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}

.banner.services-inner .banner-container .banner-row .left {
  padding: 0;
  padding-bottom: 90px;
}

@media (max-width: 1400px) {
  .banner.services-inner .banner-container .banner-row .left {
    padding-bottom: 70px;
  }
}

@media (max-width: 1200px) {
  .banner.services-inner .banner-container .banner-row .left {
    padding-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .banner.services-inner .banner-container .banner-row .left {
    padding-bottom: 30px;
  }
}

@media (max-width: 767.9px) {
  .banner.services-inner .banner-container .banner-row .left {
    padding-bottom: 0;
  }
}

.banner.services-inner .banner-container .banner-row .left .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 49px;
  color: #ffffff;
  text-align: left;
  text-transform: capitalize;
}

@media (max-width: 1200px) {
  .banner.services-inner .banner-container .banner-row .left .heading {
    font-size: 50px;
    line-height: 41px;
  }
}

@media (max-width: 992px) {
  .banner.services-inner .banner-container .banner-row .left .heading {
    font-size: 45px;
    line-height: 37px;
  }
}

@media (max-width: 767.9px) {
  .banner.services-inner .banner-container .banner-row .left .heading {
    margin: 0;
    font-size: 40px;
    line-height: 33px;
  }
}

@media (max-width: 576px) {
  .banner.services-inner .banner-container .banner-row .left .heading {
    font-size: 30px;
    line-height: 25px;
  }
}

.banner.services-inner .banner-container .banner-row .left .heading .highlight {
  font-family: "Open Sans", sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px #BFA3EF;
  font-weight: 700;
  font-size: 80px;
  line-height: 100px;
  text-align: left;
}

@media (max-width: 1200px) {
  .banner.services-inner .banner-container .banner-row .left .heading .highlight {
    font-size: 70px;
    line-height: 90px;
  }
}

@media (max-width: 992px) {
  .banner.services-inner .banner-container .banner-row .left .heading .highlight {
    font-size: 65px;
    line-height: 85px;
  }
}

@media (max-width: 767.9px) {
  .banner.services-inner .banner-container .banner-row .left .heading .highlight {
    font-size: 60px;
    line-height: 81.71px;
  }
}

@media (max-width: 576px) {
  .banner.services-inner .banner-container .banner-row .left .heading .highlight {
    font-size: 50px;
    line-height: 70px;
  }
}

.banner.services-inner .banner-container .banner-row .left .nowrap {
  display: block;
}

.banner.services-inner .banner-container .banner-row .left .sub-heading {
  max-width: 540px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  color: #ffffff;
  text-align: left;
}

@media (max-width: 1200px) {
  .banner.services-inner .banner-container .banner-row .left .sub-heading {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .banner.services-inner .banner-container .banner-row .left .sub-heading {
    font-size: 13px;
    line-height: 21px;
  }
}

@media (max-width: 576px) {
  .banner.services-inner .banner-container .banner-row .left .sub-heading {
    font-size: 13px;
    line-height: 20px;
  }
}

/* Business Intelligence Services */
.business-intelligence-services {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .business-intelligence-services {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .business-intelligence-services {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.business-intelligence-services .business-intelligence-services-content {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .business-intelligence-services .business-intelligence-services-content {
    justify-content: flex-start;
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .business-intelligence-services .business-intelligence-services-content {
    margin-top: 15px;
  }
}

.business-intelligence-services .business-intelligence-services-content .bis-item-wrapper {
  padding: 0;
}

.business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item {
  border-bottom: 1px solid #F4EFFC;
  width: fit-content;
}

.business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item:not(:last-child) {
  margin-bottom: 30px;
}

.business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
  display: flex;
  align-items: center;
  gap: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #4D515C;
}

@media (max-width: 1200px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    gap: 16px;
  }
}

@media (max-width: 992px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    gap: 14px;
  }
}

@media (max-width: 767.9px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    gap: 10px;
  }
}

@media (max-width: 576px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    gap: 7px;
  }
}

.business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text .box {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  background-color: #9ED4D7;
}

@media (max-width: 576px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text .box {
    width: 8px;
    min-width: 8px;
    height: 8px;
  }
}

@media (max-width: 1200px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    font-size: 20px;
    line-height: 27px;
  }
}

@media (max-width: 992px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767.9px) {
  .business-intelligence-services .business-intelligence-services-content .bis-item-wrapper .bis-item .text {
    font-size: 16px;
    line-height: 22px;
  }
}

/* crafted-web-solutions */
.crafted-web-solutions {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .crafted-web-solutions {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .crafted-web-solutions {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.crafted-web-solutions .crafted-web-solutions-content {
  margin-top: 60px;
  padding-bottom: 77px;
  position: relative;
}

@media (max-width: 992px) {
  .crafted-web-solutions .crafted-web-solutions-content {
    display: none;
  }
}

.crafted-web-solutions .crafted-web-solutions-content .line-animation {
  height: 5px;
  background: #EAEAEB;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 0;
}

.crafted-web-solutions .crafted-web-solutions-content .line-animation .fill-line {
  height: 5px;
  width: 0%;
  top: 0;
  background: #A7A9AF;
  position: absolute;
  left: 0;
  transition: width 0.3s ease;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper {
  padding: 0;
  height: 580px;
  max-height: 100vh;
  overflow: auto;
  position: relative;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper::-webkit-scrollbar {
  display: none;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-item {
  height: 100%;
  scroll-snap-align: start;
  text-align: center;
  position: relative;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row {
  margin: 0 68px 0 0;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #EAEAEB;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row:not(:first-child) {
  padding-top: 34px;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-left .cws-heading {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.51px;
  text-align: left;
  color: #181B24;
  text-transform: capitalize;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right {
  display: flex;
  gap: 20px;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right .cws-img {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 60px;
  background: linear-gradient(135.25deg, #C7E6E8 46.93%, #9ED4D7 96.12%);
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right .cws-img img {
  width: 40px;
  height: 40px;
}

.crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right .cws-text {
  padding-right: 37px;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper {
    height: 58vh;
    margin: 0;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-item {
    min-height: 58.5vh;
    height: auto;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row {
    margin: 0 20px 0 0;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row:not(:last-child) {
    padding-bottom: 10px;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row:not(:first-child) {
    padding-top: 20px;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-left .cws-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right {
    gap: 10px;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right .cws-img {
    min-width: 50px;
    height: 50px;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right .cws-img img {
    width: 35px;
    height: 35px;
  }

  .crafted-web-solutions .crafted-web-solutions-content .cws-item-wrapper .cws-inner-row .cws-right .cws-text {
    padding-right: 20px;
    font-size: 12px;
    line-height: 20px;
  }
}

.crafted-web-solutions .crafted-web-solutions-content-mob {
  margin-top: 30px;
}

@media (min-width: 993px) {
  .crafted-web-solutions .crafted-web-solutions-content-mob {
    display: none;
  }
}

@media (max-width: 767.9px) {
  .crafted-web-solutions .crafted-web-solutions-content-mob {
    margin-top: 10px;
  }
}

.crafted-web-solutions .crafted-web-solutions-content-mob .owl-carousel {
  width: auto;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .owl-carousel .owl-item {
  height: 100%;
  box-sizing: border-box;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item {
  padding: 0;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card {
  width: 264px;
  padding: 12px;
  height: 100%;
  background: #F4EFFC;
  border-radius: 0;
  border: 1px solid #EAEAEB;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card .card-header {
  padding: 0;
  background: none;
  border: none;
  display: flex;
  align-items: center;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card .card-header .cws-img {
  width: 54px;
  min-width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135.25deg, #C7E6E8 46.93%, #9ED4D7 96.12%);
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card .card-header .cws-img img {
  width: 42px;
  height: 42px;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card .card-header .card-title {
  margin-left: 14.4px;
  font-family: "Open Sans", sans-serif;
  font-size: 16.8px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #181B24;
  text-transform: capitalize;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card .card-body {
  padding: 0;
  padding-top: 16.8px;
}

.crafted-web-solutions .crafted-web-solutions-content-mob .cws-item .card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 15.6px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #181B24;
}

.crafted-web-solutions .testimonials-button-container {
  margin-top: 20px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.crafted-web-solutions .testimonials-button-container button {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

.crafted-web-solutions .testimonials-button-container button img {
  width: 30px;
}

@media (max-width: 576px) {
  .crafted-web-solutions .testimonials-button-container button img {
    width: 24px;
  }
}

/* expertise-and-technologies */
.expertise-and-technologies {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .expertise-and-technologies {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .expertise-and-technologies {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .expertise-and-technologies .expertise-and-technologies-container {
    display: none;
  }
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content {
  padding: 0;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills {
  border-bottom: 1px solid #EAEAEB;
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item {
  width: 25%;
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 47.66px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #A7A9AF;
  padding: 0;
  margin-bottom: -1px;
}

@media (max-width: 1200px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767.9px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 17x;
    line-height: 25px;
  }
}

@media (max-width: 576px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 14px;
    line-height: 19.07px;
  }
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link.active {
  font-weight: 400;
  color: #4D515C;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #A7A9AF;
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .tab-content {
  margin-top: 30px;
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .tab-content .tab-pane .expertise-and-technologies-row .expertise-and-technologies-col-left .text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #282D3B;
}

@media (max-width: 1200px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .tab-content .tab-pane .expertise-and-technologies-row .expertise-and-technologies-col-left .text {
    font-size: 16px;
    line-height: 27px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .tab-content .tab-pane .expertise-and-technologies-row .expertise-and-technologies-col-left .text {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (max-width: 767.9px) {
  .expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .tab-content .tab-pane .expertise-and-technologies-row .expertise-and-technologies-col-left .text {
    font-size: 14px;
  }
}

.expertise-and-technologies .expertise-and-technologies-container .expertise-and-technologies-content .tab-content .tab-pane .expertise-and-technologies-row .expertise-and-technologies-col-right {
  display: flex;
  justify-content: center;
}

.expertise-and-technologies .expertise-and-technologies-container-mob {
  padding: 0;
}

@media (min-width: 767.9px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob {
    display: none;
  }
}

.expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col {
  padding: 0;
}

.expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  line-height: 47.66px;
  letter-spacing: 0.01em;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #4D515C;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #A7A9AF;
}

@media (max-width: 1200px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col h3 {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767.9px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
  }
}

.expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col h3.active {
  font-weight: 400;
  color: #4D515C;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #A7A9AF;
}

.expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col .expertise-and-technologies-inner-row .expertise-and-technologies-inner-col-left .text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #282D3B;
}

@media (max-width: 1200px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col .expertise-and-technologies-inner-row .expertise-and-technologies-inner-col-left .text {
    font-size: 16px;
    line-height: 27px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col .expertise-and-technologies-inner-row .expertise-and-technologies-inner-col-left .text {
    font-size: 15px;
    line-height: 25px;
  }
}

@media (max-width: 767.9px) {
  .expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col .expertise-and-technologies-inner-row .expertise-and-technologies-inner-col-left .text {
    font-size: 14px;
  }
}

.expertise-and-technologies .expertise-and-technologies-container-mob .expertise-and-technologies-row .expertise-and-technologies-col .expertise-and-technologies-inner-row .expertise-and-technologies-inner-col-right {
  margin-top: 14px;
  display: flex;
  justify-content: center;
}

/* why-choose-us  differentiators */
.differentiators {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .differentiators {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .differentiators {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.differentiators .differentiators-main-content {
  padding-top: 60px;
  padding-left: 72px;
  padding-right: 72px;
}

@media (max-width: 1200px) {
  .differentiators .differentiators-main-content {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 992px) {
  .differentiators .differentiators-main-content {
    padding-top: 20px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (max-width: 767.9px) {
  .differentiators .differentiators-main-content {
    padding-top: 10px;
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media (max-width: 576px) {
  .differentiators .differentiators-main-content {
    padding-left: 0;
    padding-right: 0;
  }
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col {
  padding: 0;
}

@media (min-width: 992px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(-n+3) {
    margin-bottom: 20px;
  }

  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(odd) {
    padding-right: 5px;
  }

  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(even) {
    padding-left: 5px;
  }
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
  height: 100%;
  padding: 14px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.client-contentment {
  background: url(../images/services-images/client-contentment-card-bg.png) no-repeat;
  background-size: cover;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.work-transparency {
  background: url(../images/services-images/work-transparency-card-bg.png) no-repeat;
  background-size: cover;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.supple-engagement-models {
  background: url(../images/services-images/supple-engagement-models-card-bg.png) no-repeat;
  background-size: cover;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.devoted-teams {
  background: url(../images/services-images/devoted-teams-card-bg.png) no-repeat;
  background-size: cover;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.agile-process {
  background: url(../images/services-images/agile-process-card-bg.png) no-repeat;
  background-size: cover;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.competitive-price-range {
  background: url(../images/services-images/competitive-price-range-card-bg.png) no-repeat;
  background-size: cover;
}

@media (max-width: 1200px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 12px;
  }
}

@media (max-width: 992px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 8px;
  }
}

@media (max-width: 767.9px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 3px;
  }
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card img {
  margin: 0;
  width: 106px;
  height: 106px;
}

@media (max-width: 1200px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card img {
    width: 90px;
    height: 90px;
  }
}

@media (max-width: 992px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card img {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 767.9px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 576px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card img {
    width: 34px;
    height: 34px;
  }
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body {
  padding: 0;
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.51px;
  text-align: left;
  color: #9061E4;
  margin: 0;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
  }
}

@media (max-width: 992px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
  }
}

@media (max-width: 767.9px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 12px;
    line-height: 16.34px;
    margin-top: 6px;
    margin-bottom: 4px;
  }
}

.differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: #82858D;
}

@media (max-width: 1200px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 992px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 13px;
    line-height: 22px;
  }
}

@media (max-width: 767.9px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 12px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {
  .differentiators .differentiators-main-content .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 12px;
    line-height: 17px;
  }
}

.crafted-web-solutions.mobile-app-development .crafted-web-solutions-content.mobile-app-development .cws-item-wrapper {
  height: 680px;
}

.crafted-web-solutions.mobile-app-development .crafted-web-solutions-content.mobile-app-development .cws-item-wrapper .cws-item {
  height: 680px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.mobile-app-development .crafted-web-solutions-content.mobile-app-development .cws-item-wrapper {
    height: 64vh;
  }

  .crafted-web-solutions.mobile-app-development .crafted-web-solutions-content.mobile-app-development .cws-item-wrapper .cws-item {
    min-height: 64.5vh;
    height: auto;
  }
}

/* Expertise & Technologies */
.expertise-technologies.mobile-app-development {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .expertise-technologies.mobile-app-development {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .expertise-technologies.mobile-app-development {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.expertise-technologies.mobile-app-development .bottom-section {
  margin-top: 40px;
  display: flex;
  align-items: center;
}

@media (max-width: 767.9px) {
  .expertise-technologies.mobile-app-development .bottom-section {
    margin-top: 10px;
  }
}

@media (max-width: 767.9px) {
  .expertise-technologies.mobile-app-development .bottom-section .bottom-sec-col {
    padding: 0;
  }
}

.expertise-technologies.mobile-app-development .bottom-section .description {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #282D3B;
}

@media (max-width: 1200px) {
  .expertise-technologies.mobile-app-development .bottom-section .description {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 767.9px) {
  .expertise-technologies.mobile-app-development .bottom-section .expertise-technologies-image {
    margin-top: 24px;
  }
}

/* our-differentiators */
.our-differentiators.mobile-app-development {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-development {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-development {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development {
    justify-content: flex-start;
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development {
    margin-top: 15px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper {
    padding: 0;
  }
}

.our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item:not(:last-child) {
  margin-bottom: 45px;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis {
  display: flex;
  align-items: center;
}

.our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis img {
  height: 40px;
  width: 40px;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis img {
    height: 36px;
    width: 36px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis img {
    height: 32px;
    width: 32px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis img {
    height: 28px;
    width: 28px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis img {
    height: 24px;
    width: 24px;
  }
}

.our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
  margin-left: 20px;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40.85px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #9061E4;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 15px;
    font-size: 28px;
    line-height: 37px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 12px;
    font-size: 25px;
    line-height: 33px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 10px;
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 20px;
    line-height: 27.24px;
  }
}

.our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .bottom-para-bis {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
  margin: 12px 0 0 60px;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .bottom-para-bis {
    margin: 12px 0 0 51px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .bottom-para-bis {
    margin: 10px 0 0 44px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .bottom-para-bis {
    margin: 10px 0 0 38px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-development .our-differentiators-services-content.mobile-app-development .bis-item-wrapper .bis-item .bottom-para-bis {
    margin: 10px 0 0 0;
  }
}

.what-we-do.mobile-app-development {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .what-we-do.mobile-app-development {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .what-we-do.mobile-app-development {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
}

@media (max-width: 576px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container {
    gap: 20px;
  }
}

.what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper {
  margin-top: 26px;
  width: 176px;
  height: 127px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(199, 230, 232, 0.6980392157);
  padding: 0;
}

@media (max-width: 992px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper {
    width: 150px;
    height: 110px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper {
    margin-top: 10px;
    width: 120px;
    height: 90px;
  }
}

@media (max-width: 576px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper {
    width: 90px;
    height: 90px;
  }
}

.what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry {
  text-align: center;
  padding: 5px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry .head-industry {
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  text-align: center;
  color: #82858D;
}

@media (max-width: 1200px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry .head-industry {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media (max-width: 992px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry .head-industry {
    margin-top: 8px;
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry .head-industry {
    margin-top: 6px;
    font-size: 13px;
    line-height: 15px;
  }
}

@media (max-width: 576px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry .head-industry {
    margin-top: 3px;
    font-size: 12px;
    line-height: 14.52px;
  }
}

.what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry img {
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry img {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 992px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry img {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 576px) {
  .what-we-do.mobile-app-development .row .main-content-moder-user-feature .row .service-block-container .industry-wrapper .content-industry img {
    width: 24px;
    height: 24px;
  }
}

/* get-in-touch mobile-app-development */
.get-in-touch.mobile-app-development {
  margin-top: 0;
}

@media (max-width: 992px) {
  .get-in-touch.mobile-app-development .get-in-touch-container .get-in-touch-img img {
    width: 340px;
    height: 300px;
    right: 0px;
    top: -60px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.mobile-app-development .get-in-touch-container .get-in-touch-img img {
    width: 238.34px;
    height: 178.26px;
    right: 0px;
    top: -130px;
  }
}

@media (max-width: 414px) {
  .get-in-touch.mobile-app-development .get-in-touch-container .get-in-touch-img img {
    width: 175.34px;
  }
}

.crafted-web-solutions.e-commerce-solutions .crafted-web-solutions-content.e-commerce-solutions .cws-item-wrapper {
  height: 740px;
  max-height: auto;
}

.crafted-web-solutions.e-commerce-solutions .crafted-web-solutions-content.e-commerce-solutions .cws-item-wrapper .cws-item {
  height: 740px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.e-commerce-solutions .crafted-web-solutions-content.e-commerce-solutions .cws-item-wrapper {
    height: 64vh;
  }

  .crafted-web-solutions.e-commerce-solutions .crafted-web-solutions-content.e-commerce-solutions .cws-item-wrapper .cws-item {
    min-height: 64.5vh;
    height: auto;
  }
}

/* expertise-and-technologies */
.expertise-and-technologies.e-commerce-solutions .expertise-and-technologies-content .nav.nav-pills .nav-item {
  width: 20%;
}

.expertise-and-technologies.e-commerce-solutions .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34.05px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #A7A9AF;
  padding: 0;
  padding-bottom: 6px;
}

@media (max-width: 1200px) {
  .expertise-and-technologies.e-commerce-solutions .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 20px;
    line-height: 28.05px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies.e-commerce-solutions .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 15px;
    line-height: 20.05px;
  }
}

.expertise-and-technologies.e-commerce-solutions .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link.active {
  font-weight: 400;
  color: #4D515C;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #A7A9AF;
}

/* why-choose-us  differentiators */
.our-differentiators.e-commerce-solutions {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.e-commerce-solutions {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.e-commerce-solutions {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions {
    justify-content: flex-start;
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions {
    margin-top: 15px;
  }
}

.our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #F4EFFC;
  width: fit-content;
  padding-bottom: 8px;
}

.our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item:not(:last-child) {
  margin-bottom: 45px;
}

@media (max-width: 1200px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis {
  display: flex;
  align-items: center;
}

.our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis img {
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis img {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis img {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis img {
    width: 30px;
    height: 30px;
  }
}

.our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
  margin-left: 20px;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  color: #282D3B;
  font-size: 38px;
  font-weight: 400;
  line-height: 51.75px;
  letter-spacing: 0.01em;
  text-align: left;
}

@media (max-width: 1200px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 18px;
    font-size: 34px;
    line-height: 46.75px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 16px;
    font-size: 30px;
    line-height: 41.75px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 14px;
    font-size: 24px;
    line-height: 34.51px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.e-commerce-solutions .our-differentiators-services-content.e-commerce-solutions .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-left: 12px;
    font-size: 18px;
    line-height: 24.51px;
  }
}

/* why-choose-us  differentiators */
.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions {
  padding-top: 60px;
  padding-left: 72px;
  padding-right: 72px;
}

@media (max-width: 1200px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 992px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions {
    padding-top: 20px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions {
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col {
  padding: 0;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp {
  gap: 0;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col {
  padding: 0;
  margin: 0;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
  height: 100%;
  padding: 37px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.cloud-infrastructure-management {
  background: url(../images/services-images/cloud-infrastructure-management-card-bg.png) no-repeat bottom;
  background-size: cover;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.cloud-security-services {
  background: url(../images/services-images/cloud-security-services-card-bg.png) no-repeat bottom;
  background-size: cover;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.platform-as-a-service-paas-solutions {
  background: url(../images/services-images/platform-as-a-service-paas-solutions-card-bg.png) no-repeat bottom;
  background-size: cover;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.infrastructure-as-a-service-iaas-offerings {
  background: url(../images/services-images/infrastructure-as-a-service-iaas-offerings-card-bg.png) no-repeat bottom;
  background-size: cover;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.data-storage-and-backup-solutions {
  background: url(../images/services-images/data-storage-and-backup-solutions-card-bg.png) no-repeat bottom;
  background-size: cover;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card.software-as-a-service-saas-development {
  background: url(../images/services-images/software-as-a-service-saas-development-card-bg.png) no-repeat bottom;
  background-size: cover;
}

@media (max-width: 1200px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 28px;
  }
}

@media (max-width: 992px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 18px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 12px;
    padding-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 6px;
    padding-bottom: 50px;
  }
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body {
  padding: 0;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
  margin: 0;
  margin-bottom: 10px;
}

@media (max-width: 767.9px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 15px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 14px;
    line-height: 19.07px;
  }
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .list {
  margin-left: 18px;
}

.differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .list .item {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
}

@media (max-width: 576px) {
  .differentiators.cloud-based-solutions .differentiators-main-content.cloud-based-solutions .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .list .item {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.cloud-based-solutions .get-in-touch-container .get-in-touch-img img {
    right: 0px;
    top: -130px;
  }
}

.crafted-web-solutions.custom-software-devlopment .crafted-web-solutions-content.custom-software-devlopment .cws-item-wrapper {
  height: 600px;
}

.crafted-web-solutions.custom-software-devlopment .crafted-web-solutions-content.custom-software-devlopment .cws-item-wrapper .cws-item {
  height: 600px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.custom-software-devlopment .crafted-web-solutions-content.custom-software-devlopment .cws-item-wrapper {
    height: 60vh;
  }

  .crafted-web-solutions.custom-software-devlopment .crafted-web-solutions-content.custom-software-devlopment .cws-item-wrapper .cws-item {
    min-height: 60.5vh;
    height: auto;
  }
}

/* expertise-and-technologies */
.expertise-and-technologies.custom-software-development .expertise-and-technologies-content .nav.nav-pills .nav-item {
  width: 20%;
}

.expertise-and-technologies.custom-software-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34.05px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #A7A9AF;
  padding: 0;
  padding-bottom: 6px;
}

@media (max-width: 1200px) {
  .expertise-and-technologies.custom-software-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 20px;
    line-height: 28.05px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies.custom-software-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 15px;
    line-height: 20.05px;
  }
}

.expertise-and-technologies.custom-software-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link.active {
  font-weight: 400;
  color: #4D515C;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #A7A9AF;
}

.our-differentiators.custom-software-development {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.custom-software-development {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.custom-software-development {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.custom-software-development .our-differentiators-services-content.custom-software-development {
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content.custom-software-development {
    margin-top: 40px;
    display: none;
  }
}

@media (max-width: 992px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content.custom-software-development {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content.custom-software-development {
    margin-top: 10px;
  }
}

.our-differentiators.custom-software-development .our-differentiators-services-content.custom-software-development .bis-item-wrapper-left .head-bis-item {
  min-height: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 34.05px;
  text-align: right;
  color: #9061E4;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.our-differentiators.custom-software-development .our-differentiators-services-content.custom-software-development .bis-item-wrapper .bis-item .head-bis-item {
  display: flex;
  align-items: flex-start;
  min-height: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  text-align: left;
  color: #4D515C;
}

.our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development {
  margin-top: 60px;
}

@media (min-width: 1201px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development {
    display: none;
  }
}

@media (max-width: 1200px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development {
    margin-top: 10px;
  }
}

.our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper {
  padding: 0;
}

.our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item:not(:last-child) {
  margin-bottom: 24px;
}

.our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item .top-heading-bis {
  margin-bottom: 10px;
}

.our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 34.05px;
  text-align: left;
  color: #9061E4;
}

@media (max-width: 1200px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 20px;
    line-height: 27px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 18px;
    line-height: 24.51px;
  }
}

.our-differentiators.custom-software-development .our-differentiators-services-content-mob.custom-software-development .bis-item-wrapper .bis-item .bis-description {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  text-align: left;
  color: #4D515C;
}

.get-in-touch.custom-software-development .get-in-touch-container .get-in-touch-img img {
  top: -38px;
}

@media (max-width: 1400px) {
  .get-in-touch.custom-software-development .get-in-touch-container .get-in-touch-img img {
    top: -32px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.custom-software-development .get-in-touch-container .get-in-touch-img img {
    top: -140px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.custom-software-development .get-in-touch-container .get-in-touch-img img {
    width: 210.34px;
    height: 145.26px;
    right: 0px;
    top: -120px;
  }
}

.crafted-web-solutions.uiux-design-services .crafted-web-solutions-content.uiux-design-services .cws-item-wrapper {
  height: 522px;
}

.crafted-web-solutions.uiux-design-services .crafted-web-solutions-content.uiux-design-services .cws-item-wrapper .cws-item {
  height: 522px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.uiux-design-services .crafted-web-solutions-content.uiux-design-services .cws-item-wrapper {
    height: 50vh;
    margin: 0;
  }

  .crafted-web-solutions.uiux-design-services .crafted-web-solutions-content.uiux-design-services .cws-item-wrapper .cws-item {
    min-height: 50.5vh;
    height: auto;
  }
}

/* why-choose-us  differentiators uiux-design-services */
.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services {
  padding-top: 60px;
  padding-left: 0;
  padding-right: 0;
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .card-group {
  gap: 30px;
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .card-group:nth-child(2) {
  margin-top: 30px;
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .card-group:nth-child(2) .card {
  height: 210px;
  width: 585px;
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services {
  padding-top: 60px;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1200px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services {
    padding-top: 40px;
  }
}

@media (max-width: 992px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services {
    padding-top: 20px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services {
    padding-top: 10px;
  }
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col {
  padding: 0;
}

@media (min-width: 992px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(-n+3) {
    margin-bottom: 20px;
  }

  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(odd) {
    padding-right: 5px;
  }

  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col:nth-child(even) {
    padding-left: 5px;
  }
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
  padding: 21px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 1200px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 18px;
  }
}

@media (max-width: 992px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 15px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 12px;
  }
}

@media (max-width: 576px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card {
    padding: 8px;
  }
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body {
  padding: 0;
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 34.05px;
  text-align: left;
  color: #9061E4;
  margin: 0;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}

@media (max-width: 992px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 20px;
    line-height: 27px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
  }
}

@media (max-width: 576px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
    font-size: 16px;
    line-height: 21.79px;
  }
}

.differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 31px;
  text-align: left;
  color: #4D515C;
}

@media (max-width: 1200px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 15px;
    line-height: 26px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 14px;
    line-height: 23px;
  }
}

@media (max-width: 576px) {
  .differentiators.uiux-design-services .differentiators-main-content.uiux-design-services .differentiators-row .differentiators-col .differentiators-card-grp .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.uiux-design-services .get-in-touch-container .get-in-touch-img img {
    width: 188.34px;
    height: 139.26px;
  }
}

.banner.services-inner .banner-container {
  position: relative;
}

.banner.services-inner .banner-container .banner-row .image-container.api-development .banner-image img {
  width: 474.01px;
  height: 494.15px;
}

/* Business Intelligence Services */
.crafted-web-solutions.api-development .crafted-web-solutions-content.api-development .cws-item-wrapper {
  height: 485px;
}

.crafted-web-solutions.api-development .crafted-web-solutions-content.api-development .cws-item-wrapper .cws-item {
  height: 485px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.api-development .crafted-web-solutions-content.api-development .cws-item-wrapper {
    height: 48vh;
  }

  .crafted-web-solutions.api-development .crafted-web-solutions-content.api-development .cws-item-wrapper .cws-item {
    min-height: 48.5vh;
    height: auto;
  }
}

.our-differentiators.api-development {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.api-development {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.api-development {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.api-development .our-differentiators-services-content.api-development {
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development {
    margin-top: 10px;
  }
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row {
  border-bottom: 1px solid #EAEAEB;
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 1200px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 20px;
  }
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col {
  padding: 0;
  padding-bottom: 10px;
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col.col {
  flex-grow: 0;
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col img {
  margin-right: 33px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1200px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col img {
    margin-right: 28px;
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col img {
    margin-right: 24px;
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col img {
    margin-right: 16px;
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
    font-size: 24px;
    line-height: 30px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
    font-size: 18px;
    line-height: 22px;
  }
}

.our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .description {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #4D515C;
}

@media (max-width: 1200px) {
  .our-differentiators.api-development .our-differentiators-services-content.api-development .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .description {
    font-size: 16px;
  }
}

/* get-in-touch | API Development */
.get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
  width: 557.77px;
  height: 312px;
  top: -14px;
  right: -39px;
  position: absolute;
}

@media (max-width: 1400px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 500px;
    height: 280px;
    right: 0px;
    top: -11px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 450px;
    height: 250px;
    top: -11px;
  }
}

@media (max-width: 992px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 400px;
    height: 220px;
    top: 50px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 350px;
    height: 200px;
    top: -140px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 300px;
    height: 180px;
  }
}

@media (max-width: 480px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 280px;
    height: 160px;
    top: -120px;
  }
}

@media (max-width: 414px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 260px;
    height: 140px;
    top: -100px;
  }
}

.crafted-web-solutions.saas .crafted-web-solutions-content.saas {
  padding-bottom: 0;
}

.crafted-web-solutions.saas .crafted-web-solutions-content.saas .cws-item-wrapper {
  height: auto;
}

.crafted-web-solutions.saas .crafted-web-solutions-content.saas .cws-item-wrapper .cws-item {
  height: auto;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.saas .crafted-web-solutions-content.saas .cws-item-wrapper {
    height: auto;
  }

  .crafted-web-solutions.saas .crafted-web-solutions-content.saas .cws-item-wrapper .cws-item {
    min-height: auto;
    height: auto;
  }
}

/* why-choose-us  differentiators saas */
.differentiators.saas .differentiators-main-content.saas {
  padding: 0;
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .differentiators.saas .differentiators-main-content.saas {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .differentiators.saas .differentiators-main-content.saas {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.saas .differentiators-main-content.saas {
    margin-top: 10px;
  }
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row {
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row {
    justify-content: flex-start;
  }
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col:not(:nth-last-child(-n+2)) {
  margin-bottom: 60px;
}

@media (max-width: 1200px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col:not(:last-child) {
    margin-bottom: 20px;
  }
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card {
  height: auto;
  width: auto;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body {
  padding: 0;
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.51px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #9061E4;
  margin: 0;
  margin-bottom: 10px;
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title .box {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  background-color: #9ED4D7;
}

@media (max-width: 992px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title .box {
    width: 14px;
    min-width: 14px;
    height: 14px;
  }
}

@media (max-width: 576px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-title .box {
    width: 13px;
    min-width: 13px;
    height: 13px;
  }
}

.differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
  padding: 0 0 0 25px;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    padding: 0 0 0 24px;
  }
}

@media (max-width: 576px) {
  .differentiators.saas .differentiators-main-content.saas .differentiators-row .differentiators-col .differentiators-card-group .differentiators-inner-row .differentiators-inner-col .card .card-body .card-text {
    padding: 0 0 0 23px;
  }
}

.banner.services-inner .banner-container .banner-row .image-container.web-applications .banner-image img {
  width: 474.01px;
  height: 494.15px;
}

/* expertise-and-technologies */
.expertise-and-technologies.api-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 34.05px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #A7A9AF;
  padding: 0;
  padding-bottom: 10px;
}

@media (max-width: 1200px) {
  .expertise-and-technologies.api-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 992px) {
  .expertise-and-technologies.api-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link {
    font-size: 17px;
    line-height: 25px;
  }
}

.expertise-and-technologies.api-development .expertise-and-technologies-content .nav.nav-pills .nav-item .nav-link.active {
  font-weight: 400;
  color: #4D515C;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #A7A9AF;
}

/* get-in-touch */
@media (max-width: 767.9px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 238.34px;
    height: 178.26px;
    right: 0px;
    top: -140px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.api-development .get-in-touch-container .get-in-touch-img img {
    width: 200.34px;
    height: 150.26px;
    right: 0px;
    top: -120px;
  }
}

.crafted-web-solutions.mobile-app-backend .crafted-web-solutions-content.mobile-app-backend .cws-item-wrapper {
  height: 450px;
}

.crafted-web-solutions.mobile-app-backend .crafted-web-solutions-content.mobile-app-backend .cws-item-wrapper .cws-item {
  height: 450px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.mobile-app-backend .crafted-web-solutions-content.mobile-app-backend .cws-item-wrapper {
    height: 45vh;
  }

  .crafted-web-solutions.mobile-app-backend .crafted-web-solutions-content.mobile-app-backend .cws-item-wrapper .cws-item {
    min-height: 45vh;
    height: auto;
  }
}

/* our-differentiators */
.our-differentiators.mobile-app-backend {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-backend {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-backend {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend {
    margin-top: 10px;
  }
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend {
    justify-content: flex-start;
  }
}

.our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper {
  padding: 0;
}

.our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item:not(:last-child) {
  margin-bottom: 32px;
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .top-heading-bis {
    margin-bottom: 8px;
  }
}

.our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40.85px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #9061E4;
}

@media (max-width: 1200px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 25px;
    line-height: 35px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .top-heading-bis .head-bis-item {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 27.24px;
  }
}

.our-differentiators.mobile-app-backend .our-differentiators-services-content.mobile-app-backend .bis-item-wrapper .bis-item .bottom-para-bis {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20.43px;
  text-align: left;
  color: #4D515C;
  margin: 0;
}

/* get-in-touch | mobile-app-backend */
.get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
  width: 557.77px;
  height: 312px;
  top: -14px;
  right: -39px;
  position: absolute;
}

@media (max-width: 1400px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 500px;
    height: 280px;
    right: 0px;
    top: -11px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 450px;
    height: 250px;
    top: -11px;
  }
}

@media (max-width: 992px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 400px;
    height: 220px;
    top: 50px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 350px;
    height: 200px;
    top: -140px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 300px;
    height: 180px;
  }
}

@media (max-width: 480px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 280px;
    height: 160px;
    top: -120px;
  }
}

@media (max-width: 414px) {
  .get-in-touch.mobile-app-backend .get-in-touch-container .get-in-touch-img img {
    width: 260px;
    height: 140px;
    top: -100px;
  }
}

#services-inner-terms-conditions {
  max-height: 434px;
  height: 434px;
  min-height: auto;
}

@media (max-width: 767.9px) {
  #services-inner-terms-conditions {
    max-height: 400px;
    height: 400px;
  }
}

@media (max-width: 576px) {
  #services-inner-terms-conditions {
    max-height: 360px;
    height: 360px;
  }
}

@media (max-width: 480px) {
  #services-inner-terms-conditions {
    max-height: 320px;
    height: 320px;
  }
}

@media (max-width: 375px) {
  #services-inner-terms-conditions {
    max-height: 280px;
    height: 280px;
  }
}

#services-inner-terms-conditions .banner-container-terms-conditions {
  position: relative;
}

#services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left {
  padding: 0;
}

#services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #6A6E7A;
  padding-bottom: 20px;
}

@media (max-width: 1200px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
    font-size: 70px;
    line-height: 70px;
    padding-bottom: 18px;
  }
}

@media (max-width: 992px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 16px;
  }
}

@media (max-width: 767.9px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 14px;
  }
}

@media (max-width: 576px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 12px;
  }
}

@media (max-width: 480px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
    font-size: 30px;
    line-height: 30px;
  }
}

@media (max-width: 375px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .heading {
    font-size: 25px;
    line-height: 25px;
  }
}

#services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .nowrap {
  display: block;
}

#services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
}

@media (max-width: 1200px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 992px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading {
    font-size: 16px;
    line-height: 25px;
  }
}

@media (max-width: 767.9px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading {
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 576px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 375px) {
  #services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading {
    font-size: 12px;
    line-height: 18px;
  }
}

#services-inner-terms-conditions .banner-container-terms-conditions .banner-row .left .sub-heading .highlight {
  font-weight: 600;
}

/* Business Intelligence Services */
.terms-condition-services {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .terms-condition-services {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .terms-condition-services {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.terms-condition-services .mac-head-wrapper:not(:last-child) {
  margin-bottom: 65px;
}

@media (max-width: 1200px) {
  .terms-condition-services .mac-head-wrapper:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .terms-condition-services .mac-head-wrapper:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.9px) {
  .terms-condition-services .mac-head-wrapper:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .terms-condition-services .mac-head-wrapper:not(:last-child) {
    margin-bottom: 20px;
  }
}

.terms-condition-services .mac-head-wrapper .mac-head .heading {
  margin: 0;
}

.terms-condition-services .mac-head-wrapper .mac-head .highlight {
  font-family: "Open Sans", sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 46.3px;
  text-align: left;
}

@media (max-width: 1200px) {
  .terms-condition-services .mac-head-wrapper .mac-head .highlight {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 992px) {
  .terms-condition-services .mac-head-wrapper .mac-head .highlight {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (max-width: 767.9px) {
  .terms-condition-services .mac-head-wrapper .mac-head .highlight {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 576px) {
  .terms-condition-services .mac-head-wrapper .mac-head .highlight {
    font-size: 16px;
    line-height: 24px;
  }
}

.terms-condition-services .mac-content {
  margin-top: 40px;
}

@media (max-width: 1200px) {
  .terms-condition-services .mac-content {
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .terms-condition-services .mac-content {
    margin-top: 20px;
  }
}

@media (max-width: 767.9px) {
  .terms-condition-services .mac-content {
    margin-top: 15px;
  }
}

@media (max-width: 576px) {
  .terms-condition-services .mac-content {
    margin-top: 10px;
  }
}

.terms-condition-services .mac-content a {
  text-decoration: none;
  color: #9061E4;
}

.error-404 {
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 200px;
  padding-bottom: 100px;
}

@media (max-width: 1200px) {
  .error-404 {
    padding-top: 150px;
    padding-bottom: 75px;
  }
}

@media (max-width: 992px) {
  .error-404 {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}

@media (max-width: 767.9px) {
  .error-404 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media (max-width: 576px) {
  .error-404 {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.error-404 .banner-404 .banner-row .error-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.error-404 .banner-404 .banner-row .error-wrapper .oop-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 108.95px;
  text-align: center;
  color: #9061E4;
}

@media (max-width: 1200px) {
  .error-404 .banner-404 .banner-row .error-wrapper .oop-heading {
    font-size: 70px;
    line-height: 95px;
  }
}

@media (max-width: 992px) {
  .error-404 .banner-404 .banner-row .error-wrapper .oop-heading {
    font-size: 60px;
    line-height: 85px;
  }
}

@media (max-width: 767.9px) {
  .error-404 .banner-404 .banner-row .error-wrapper .oop-heading {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (max-width: 576px) {
  .error-404 .banner-404 .banner-row .error-wrapper .oop-heading {
    font-size: 40px;
    line-height: 55px;
  }
}

.error-404 .banner-404 .banner-row .error-wrapper .went-wrong-title {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 54.47px;
  text-align: center;
  color: #000000;
}

@media (max-width: 1200px) {
  .error-404 .banner-404 .banner-row .error-wrapper .went-wrong-title {
    font-size: 36px;
    line-height: 48px;
  }
}

@media (max-width: 992px) {
  .error-404 .banner-404 .banner-row .error-wrapper .went-wrong-title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media (max-width: 767.9px) {
  .error-404 .banner-404 .banner-row .error-wrapper .went-wrong-title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 576px) {
  .error-404 .banner-404 .banner-row .error-wrapper .went-wrong-title {
    font-size: 24px;
    line-height: 34px;
  }
}

.error-404 .banner-404 .banner-row .error-wrapper .img-404 {
  max-width: 100%;
  width: 552.06px;
  height: 313px;
}

@media (max-width: 1200px) {
  .error-404 .banner-404 .banner-row .error-wrapper .img-404 {
    width: 450px;
    height: auto;
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

@media (max-width: 992px) {
  .error-404 .banner-404 .banner-row .error-wrapper .img-404 {
    width: 350px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767.9px) {
  .error-404 .banner-404 .banner-row .error-wrapper .img-404 {
    width: 250px;
    height: auto;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .error-404 .banner-404 .banner-row .error-wrapper .img-404 {
    width: 150px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.error-404 .banner-404 .banner-row .error-wrapper .not-found {
  font-family: "Open Sans", sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 81.71px;
  text-align: center;
  color: #282D3B;
}

@media (max-width: 1200px) {
  .error-404 .banner-404 .banner-row .error-wrapper .not-found {
    font-size: 50px;
    line-height: 68px;
  }
}

@media (max-width: 992px) {
  .error-404 .banner-404 .banner-row .error-wrapper .not-found {
    font-size: 40px;
    line-height: 56px;
  }
}

@media (max-width: 767.9px) {
  .error-404 .banner-404 .banner-row .error-wrapper .not-found {
    font-size: 30px;
    line-height: 45px;
  }
}

@media (max-width: 576px) {
  .error-404 .banner-404 .banner-row .error-wrapper .not-found {
    font-size: 24px;
    line-height: 35px;
  }
}

.error-404 .banner-404 .banner-row .error-wrapper .service-button-container .services-button a {
  padding: 10px 31.75px;
}

.banner.portfolio {
  background: url("../images/portfolio-bg.png") no-repeat;
  background-size: cover;
}

.banner.portfolio .banner-container .banner-row .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 70px;
  font-weight: 300;
  line-height: 95.33px;
  text-align: left;
  color: #282D3B;
  margin: 0;
}

@media (max-width: 1200px) {
  .banner.portfolio .banner-container .banner-row .heading {
    font-size: 60px;
    line-height: 80px;
  }
}

@media (max-width: 992px) {
  .banner.portfolio .banner-container .banner-row .heading {
    font-size: 55px;
    line-height: 70px;
  }
}

@media (max-width: 767.9px) {
  .banner.portfolio .banner-container .banner-row .heading {
    font-size: 50px;
    line-height: 65px;
  }
}

@media (max-width: 576px) {
  .banner.portfolio .banner-container .banner-row .heading {
    text-align: center;
    line-height: 60px;
    margin-bottom: 16px;
  }
}

.banner.portfolio .banner-container .banner-row .heading .highlight {
  text-transform: uppercase;
}

.banner.portfolio .banner-container .banner-row .sub-heading {
  margin: 0;
  padding: 5px;
  width: fit-content;
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #F5FBFB;
  background: #282D3B;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .banner.portfolio .banner-container .banner-row .sub-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 8px;
  }
}

@media (max-width: 992px) {
  .banner.portfolio .banner-container .banner-row .sub-heading {
    font-size: 22px;
    line-height: 26px;
    padding: 7px;
  }
}

@media (max-width: 767.9px) {
  .banner.portfolio .banner-container .banner-row .sub-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .banner.portfolio .banner-container .banner-row .sub-heading {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
  }
}

.banner.portfolio .banner-container .banner-row .text {
  margin: 0;
  margin-top: 60px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  color: #2B2B2B;
}

@media (max-width: 1200px) {
  .banner.portfolio .banner-container .banner-row .text {
    margin-top: 50px;
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 992px) {
  .banner.portfolio .banner-container .banner-row .text {
    margin-top: 45px;
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 767.9px) {
  .banner.portfolio .banner-container .banner-row .text {
    margin-top: 40px;
    font-size: 15px;
    line-height: 26px;
  }
}

@media (max-width: 576px) {
  .banner.portfolio .banner-container .banner-row .text {
    text-align: center;
    font-size: 14px;
    line-height: 25px;
  }
}

.portfolio-page {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .portfolio-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .portfolio-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.portfolio-page .mac-content-wrapper {
  margin: 0;
}

.portfolio-page .portfolio-pills-row {
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .portfolio-page .portfolio-pills-row {
    margin-top: 50px;
  }
}

@media (max-width: 992px) {
  .portfolio-page .portfolio-pills-row {
    margin-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .portfolio-page .portfolio-pills-row {
    margin-top: 35px;
  }
}

@media (max-width: 576px) {
  .portfolio-page .portfolio-pills-row {
    margin-top: 30px;
  }
}

.portfolio-page .portfolio-pills-row .portfolio-pills-head {
  padding: 0;
}

.portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills {
  border-bottom: 1px solid #EAEAEB;
  width: fit-content;
}

.portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item:not(:last-child) {
  margin-right: 20px;
}

.portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item .nav-link {
  padding: 10px 24px;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 68.09px;
  text-align: left;
  color: #A7A9AF;
  margin-bottom: -1px;
}

@media (max-width: 1200px) {
  .portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item .nav-link {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (max-width: 992px) {
  .portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item .nav-link {
    font-size: 30px;
    line-height: 45px;
  }
}

@media (max-width: 767.9px) {
  .portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item .nav-link {
    font-size: 25px;
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item .nav-link {
    padding: 10px 20px;
    font-size: 20px;
    line-height: 27.24px;
  }
}

.portfolio-page .portfolio-pills-row .portfolio-pills-head .nav-pills .nav-item .nav-link.active {
  font-weight: 400;
  color: #9061E4;
  background: transparent;
  border-bottom: 1px solid #A7A9AF;
}

.portfolio-page .portfolio-content-container {
  padding-top: 0;
  padding-bottom: 0;
}

.portfolio-page .portfolio-content-container .our-work-container .our-work-container-card-group:not(:last-child) {
  margin-bottom: 70px;
}

.get-in-touch.portfolio .get-in-touch-container .get-in-touch-img img {
  width: 519.23px;
  height: 359px;
  top: -42px;
  right: -39px;
  position: absolute;
}

@media (max-width: 1400px) {
  .get-in-touch.portfolio .get-in-touch-container .get-in-touch-img img {
    width: 480px;
    height: 320px;
    right: 0px;
    top: -36px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch.portfolio .get-in-touch-container .get-in-touch-img img {
    width: 450.23px;
    height: 300px;
    right: 0px;
    top: -34px;
  }
}

@media (max-width: 992px) {
  .get-in-touch.portfolio .get-in-touch-container .get-in-touch-img img {
    width: 340px;
    height: 300px;
    right: 0px;
    top: -60px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.portfolio .get-in-touch-container .get-in-touch-img img {
    width: 238.34px;
    height: 178.26px;
    right: 0px;
    top: -160px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.portfolio .get-in-touch-container .get-in-touch-img img {
    right: 0px;
    top: -120px;
  }
}

.crafted-web-solutions.ai-solutions .crafted-web-solutions-content.ai-solutions .cws-item-wrapper {
  height: 625px;
}

.crafted-web-solutions.ai-solutions .crafted-web-solutions-content.ai-solutions .cws-item-wrapper .cws-item {
  height: 625px;
}

@media (max-width: 1200px) and (min-width: 992px) {
  .crafted-web-solutions.ai-solutions .crafted-web-solutions-content.ai-solutions .cws-item-wrapper {
    height: 61vh;
  }

  .crafted-web-solutions.ai-solutions .crafted-web-solutions-content.ai-solutions .cws-item-wrapper .cws-item {
    min-height: 61.5vh;
    height: auto;
  }
}

.our-differentiators.ai-solutions {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.ai-solutions {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.ai-solutions {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions {
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions {
    margin-top: 10px;
  }
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 1200px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row:not(:last-child) {
    margin-bottom: 20px;
  }
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col {
  padding: 0;
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col.col {
  flex-grow: 0;
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col:nth-child(2) {
  padding-right: 15px;
}

@media (max-width: 992px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col:nth-child(2) {
    padding: 0;
  }
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col span {
  display: inline-block;
  margin-right: 26px;
  width: 18px;
  height: 18px;
  background: #9ED4D7;
}

@media (max-width: 1200px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col span {
    margin-right: 22px;
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col span {
    margin-right: 20px;
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col span {
    margin-right: 18px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col span {
    margin-right: 12px;
  }
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 27.24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #9061E4;
}

@media (max-width: 767.9px) {
  .our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .heading {
    font-size: 18px;
    line-height: 24.51px;
  }
}

.our-differentiators.ai-solutions .our-differentiators-services-content.ai-solutions .differentiators-row .differentiators-col .differentiators-inner-row .differentiators-inner-col .description {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #181B24;
}

.ai-busines {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .ai-busines {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .ai-busines {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.ai-busines .ai-busines-content {
  margin-top: 60px;
}

@media (max-width: 1200px) {
  .ai-busines .ai-busines-content {
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .ai-busines .ai-busines-content {
    margin-top: 15px;
  }
}

@media (max-width: 767.9px) {
  .ai-busines .ai-busines-content .ai-busines-row {
    display: none;
  }
}

.ai-busines .ai-busines-content .ai-busines-row .ai-busines-col {
  border-bottom: 1px solid #EAEAEB;
  padding-bottom: 12px;
}

.ai-busines .ai-busines-content .ai-busines-row .ai-busines-col:not(:nth-last-child(-n+2)) {
  margin-bottom: 58px;
}

@media (max-width: 1200px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col:not(:nth-last-child(-n+2)) {
    margin-bottom: 45px;
  }
}

.ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media (max-width: 1200px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item {
    gap: 32px;
  }
}

@media (max-width: 992px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item {
    gap: 24px;
  }
}

.ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .heading-num h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 68.09px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 1200px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .heading-num h2 {
    font-size: 45px;
    line-height: 61px;
  }
}

@media (max-width: 992px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .heading-num h2 {
    font-size: 40px;
    line-height: 54px;
  }
}

.ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .heading {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 992px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .heading {
    font-size: 19px;
    line-height: 26.51px;
  }
}

.ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .desc {
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #282D3B;
}

@media (max-width: 1200px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .desc {
    font-size: 15px;
    line-height: 23px;
  }
}

@media (max-width: 992px) {
  .ai-busines .ai-busines-content .ai-busines-row .ai-busines-col .ai-busines-item .desc {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (min-width: 768px) {
  .ai-busines .ai-busines-content .ai-busines-mob-row {
    display: none;
  }
}

.ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col {
  border-bottom: 1px solid #EAEAEB;
  padding-bottom: 12px;
}

@media (max-width: 767.9px) {
  .ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col:not(:last-child) {
    margin-bottom: 36px;
  }
}

@media (max-width: 576px) {
  .ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col:not(:last-child) {
    margin-bottom: 24px;
  }
}

.ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading-num {
  padding: 0;
}

.ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading-num.col {
  flex-grow: 0;
}

.ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading-num h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 68.09px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 767.9px) {
  .ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading-num h2 {
    font-size: 35px;
    line-height: 47.66px;
    margin-right: 24px;
  }
}

@media (max-width: 576px) {
  .ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading-num h2 {
    font-size: 30px;
    line-height: 40.85px;
    margin-right: 16px;
  }
}

.ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading {
  align-self: end;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.24px;
  text-align: left;
  color: #181B24;
}

@media (max-width: 767.9px) {
  .ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .heading {
    font-size: 18px;
    line-height: 24.51px;
  }
}

.ai-busines .ai-busines-content .ai-busines-mob-row .ai-busines-col .ai-busines-item .desc {
  padding: 0;
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #282D3B;
}

/* our-differentiators */
.our-differentiators.next-generation-ai-solutions {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 992px) {
  .our-differentiators.next-generation-ai-solutions {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.next-generation-ai-solutions {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions {
    justify-content: flex-start;
    margin-top: 30px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions {
    margin-top: 15px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper {
    padding: 0;
  }
}

.our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col:not(:last-child) {
  margin-bottom: 45px;
}

@media (max-width: 1200px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col:not(:last-child) {
    margin-bottom: 20px;
  }
}

.our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

@media (max-width: 1200px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item {
    display: block;
  }
}

@media (max-width: 1200px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .image-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
  }
}

.our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .image-container img {
  width: 50px;
  height: 50px;
}

@media (max-width: 1200px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .image-container img {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .image-container img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .image-container img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .image-container img {
    width: 20px;
    height: 20px;
  }
}

.our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .text-container .head-next-gen-item {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.79px;
  text-align: left;
}

@media (max-width: 1200px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .text-container .head-next-gen-item {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 992px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .text-container .head-next-gen-item {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767.9px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .text-container .head-next-gen-item {
    font-size: 11px;
    line-height: 14.8px;
  }
}

@media (max-width: 576px) {
  .our-differentiators.next-generation-ai-solutions .our-differentiators-services-content.next-generation-ai-solutions .next-gen-item-wrapper .next-gen-inner-row .next-gen-inner-col .next-gen-item .text-container .head-next-gen-item {
    font-size: 10px;
    line-height: 13.62px;
  }
}

/* get-in-touch | ai-solutions */
.get-in-touch.ai-solutions {
  margin-top: 100px;
}

@media (max-width: 1400px) {
  .get-in-touch.ai-solutions {
    margin-top: 80px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch.ai-solutions {
    margin-top: 60px;
  }
}

@media (max-width: 992px) {
  .get-in-touch.ai-solutions {
    margin-top: 40px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.ai-solutions {
    margin-top: 25px;
    height: 400px;
  }
}

.get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
  width: 453.77px;
  height: 432px;
  top: -124px;
  right: -39px;
  position: absolute;
}

@media (max-width: 1400px) {
  .get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
    width: 400px;
    height: 380px;
    right: 0px;
    top: -94px;
  }
}

@media (max-width: 1200px) {
  .get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
    width: 360px;
    height: 340px;
  }
}

@media (max-width: 992px) {
  .get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
    width: 320px;
    height: 300px;
  }
}

@media (max-width: 767.9px) {
  .get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
    width: 280px;
    height: 260px;
    top: -130px;
  }
}

@media (max-width: 576px) {
  .get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
    width: 240px;
    height: 220px;
    top: -112px;
  }
}

@media (max-width: 414px) {
  .get-in-touch.ai-solutions .get-in-touch-container .get-in-touch-img img {
    top: -125px;
  }
}

.social-icons {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
}

.icon-container {
  position: relative;
}

.extra-icons {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -125px;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
}

.social-icon {
  display: block;
  margin: 4px 0;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
}

.social-icon img {
  width: 50px;
  height: 50px;
}

/* Add a 5px hover area around the social icon for desktop */
.social-icon::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
  z-index: -1;
}

/* Smooth disappearance */
.extra-icons .social-icon {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease;
}

.icon-container.active .extra-icons {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.icon-container.active .extra-icons .social-icon:nth-child(1) {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.3s;
}

.icon-container.active .extra-icons .social-icon:nth-child(2) {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.1s;
}





/* Privacy Cookie Term-condition css */

.custom-mac-content {
  margin-top: 10px !important;
}

.custom-mac-content p {
  font-size: 14px !important;
  line-height: 1.44 !important;
}

.custom-heading span {
  font-size: 22px !important;
}

.custom-boxes {
  margin-left: 8px !important;
}

.custom-boxes .box {
  width: 14px !important;
  height: 14px !important;
}

.custom-mac-head-wrapper {
  margin-bottom: 30px !important;
}

.custom-get-in-touch {
  margin-top: 0px !important;
}

/*bolog page css*/

.input-group input[type=email] {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.error {
  font-size: 14px !important;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers:not(:last-child) {
  margin-right: 10px !important;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers {
  font-size: 14px !important;
  padding: 8px 14px !important;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers {
  background-color: #000000 !important;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers.current {
  background: #9ED4D7 !important;
}

/*Get-quote page*/

.get-quote-container .get-quote-row .get-quote-col .get-quote-form .form-container #get-quote-form .submit-buttton button{
    padding: 12px 8px 8px 12px !important;
    font-size: 18px !important;
}

.blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers.prev, .blog-page .pagination-container .pagination-wrapper .pagination .navigation .nav-links .page-numbers.next {
    font-weight: 600 !important;
}

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