@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');



/* ==============================================================
  Global Classes and settings Start
=================================================================== */
/* Rounded container styling */

  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: 90% !important;
  margin: 0 auto;
}



/* Video styles */
.hero-image {
  width: 100%;
  height: 85vh !important;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* Adjust opacity if needed */
  z-index: 1;
}

/* Text over video */
.hero-text {
  position: absolute;
  top: 50% !important;
  left: 10%;
  transform: translateY(-50%);
  color: white;
  max-width: 600px;
  z-index: 2;
  /* Add this */
}

.hero-text h1 {
  font-size: 30px;
  font-weight: bold;
}

.hero-text p {
  font-size: 1.1rem;
}

/* Responsive padding */
.content-section {
  padding: 4rem 2rem;
}

.heading-bg {
  background-color: #CBF4FF;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 1.4rem;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  scroll-behavior: smooth;
  /* font-smooth: always; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: nexaBold;
  src: url(../fonts/nexaBold.otf);
}

@font-face {
  font-family: nexaLite;
  src: url(../fonts/nexaBold.otf);
}

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

@font-face {
  font-family: montHeavy;
  src: url(../fonts/Mont-HeavyDEMO.otf);
}

@font-face {
  font-family: myriadPro-Regular;
  src: url(../fonts/MyriadPro-Regular.otf);
}

@font-face {
  font-family: myriadPro-Bold;
  src: url(../fonts/MyriadPro-Bold.otf);
}

@font-face {
  font-family: robotoThin;
  src: url(../fonts/Roboto-Thin_1.ttf);
}

@font-face {
  font-family: swiss;
  src: url(../fonts/tt0371m_.ttf);
}

@font-face {
  font-family: Lato-light;
  src: url(../fonts/Lato-Light.ttf);
  font-display: "Lato", sans-serif;
}

@font-face {
  font-family: Lato-Regular;
  src: url(../fonts/Lato-Regular.ttf);
  /* font-display: "Lato", sans-serif; */
}

@font-face {
  font-family: Lato-Black;
  src: url(../fonts/Lato-Black.ttf);
  /* font-display: "Lato", sans-serif; */
}

@font-face {
  font-family: Lato-Medium;
  src: url(../fonts/Lato-Medium.ttf);
  /* font-display: "Lato", sans-serif; */
}

/* =====================================
        Typo Graphy Start
============================================ */
p {
  font-size: 1.05rem;
  font-family: "Lato", sans-serif;
  /* font-family: Lato-light; */
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  font-weight: 500;
}

small {
  font-family: Lato-Regular;
}

/* h1{
  font-size: 1.8rem;
} */
h2 {
  /* font-family: 1.6rem; */
}

h4 {
  font-size: 1.4rem;

}

@media (min-width: 1600px) {
  p {
    /* font-size: 1.4rem; */
    /* font-size: 1.1rem; */
  }

  button,
  a {
    /* font-size: 1.3rem; */
    /* font-size: 1.2rem; */
  }

  /* h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 3rem;
  }
  h4 {
    font-size: 2.5rem;
  }
  h5 {
    font-size: 2rem;
  } */
}

@media (max-width: 1200px) {
  /* p {
    font-size: 1.05rem;
  }
  button,
  a {
    font-size: 1.1rem;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.4rem;
  }
  h5 {
    font-size: 1.2rem;
  } */
}

@media (max-width: 768px) {
  /* h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.6rem;
  } */
}

a {
  text-decoration: none;
  font-size: .95rem;
}

ul {
  line-height: 1.1;
}

button {
  border: none;
  background: none;
}

button:focus {
  outline: none;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.text-justify {
  text-align: justify;
}

/* =====================================
        Typo Graphy End
============================================ */

/* =========================================
         Width classess Start
==========================================*/

.w-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-95 {
  width: 95%;
}

.w-90 {
  width: 90%;
}

.w-85 {
  width: 85%;
}

.w-80 {
  width: 90%;
  max-width: 70rem;
}

.w-p {
  max-width: 50rem;
}

@media (min-width: 1600px) {
  /* .w-80 {
    width: 80%;
    max-width: 90rem;
  } */
}

@media (min-width: 768px) and (max-width: 992px) {
  .w-80 {
    width: 90%;
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .w-md-95 {
    width: 95%;
    max-width: 95%;
  }

  .w-md-100 {
    width: 100%;
  }
}

/* =========================================
         Width classess End
==========================================*/

/* =========================================
         Margin  class Start
=============================================*/
.m-center {
  margin: 0 auto;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mt-6 {
  margin-top: 4rem;
}

/*==========================================
 Margin  class End
============================================*/

/*===========================================
 Display Classes Start 
 ===============================================*/
.d-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.d-flex-row-rev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.d-flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  .d-flex-col-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .d-flex-col-rev-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .d-flex-col-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .d-flex-col-rev-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 572px) {
  .d-flex-col-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .d-flex-col-rev-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/*===================================================
 Display Classes  End 
 ====================================================*/

/*======================================================
 Button Classes Start 
 ========================================================*/
.btn-primary {
  background-color: #31b4cb !important;
  padding: 5px 10px;
  font-weight: bold;
  border-radius: .5rem;
}

.btn-primary:hover {
  background-color: #04889f !important;
}

.btn-secondary-2 {
  background-color: #2c8912;
  /* font-weight: bold; */
  border-radius: .5rem;

}

.btn-secondary-2:hover {
  background-color: #196d02;
}

.btn-primary-1 {
  /* border: 1px solid #a2a2a2; */
  background: transparent no-repeat center center;
  background-size: 10% 0%;
  -webkit-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  transition: background 0.4s linear;
  color: #a2a2a2;
  /* padding: 5px 10px; */

}

.btn-primary-1:hover {
  color: #31b4cb;
  /* background: linear-gradient(0deg, #31b4cb 100%, #31b4cb 50%) no-repeat; */
  /* background-size: 100% 100%; */
}

.btn-grey-1 {
  /* border: 1px solid #3c4751; */
  /* background: transparent no-repeat center center; */
  /* background-size: 10% 0%; */
  /* transition: background 0.4s linear; */
  color: #3c4751;
  padding: 5px 10px;
  /* font-weight: bold; */
}

.btn-grey-1:hover {
  /* color: white; */
  /* background: linear-gradient(0deg, #3c4751 100%, #3c4751 50%) no-repeat; */
  background-size: 100% 100%;
}

.btn-white {
  border: 1px solid #fff;
  background: transparent no-repeat center center;
  background-size: 10% 0%;
  -webkit-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  transition: background 0.4s linear;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  border-radius: .5rem;
}

.btn-white:hover {
  color: #3c4751;
  background: -o-linear-gradient(bottom, #fff 100%, #fff 50%) no-repeat;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #fff), color-stop(50%, #fff)) no-repeat;
  background: linear-gradient(0deg, #fff 100%, #fff 50%) no-repeat;
  background-size: 100% 100%;
}

/*===================================================
 Button Classes End 
 ======================================================*/

/* =====================================================
Text color classes Start 
=========================================================*/
.text-dark-light {
  color: #5a5a5a;
}

.text-light {
  color: #fff !important;
}

.text-primary {
  color: #6dd7e9 !important;
}

.text-primary-light {
  color: #ccf5ff !important;
}

.text-secondary {
  color: #2c8912 !important;
}

.text-secondary-2 {
  color: #83b228 !important;
}

.text-secondary-light {
  color: #e5ffde !important;
}

.text-grey {
  color: #e0e0e0 !important;
}

.text-grey-2 {
  color: #3c4751 !important;
}

.text-orange {
  color: #e94615;
}

.text-orange-2 {
  color: #ff6c00;
}

.text-yellow {
  color: #ccc55b;
}

.text-primary-stroke {
  color: #31b4cb;
  /* -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #31b4cb;
  -webkit-text-stroke-width: 2px; */
}

@media (max-width: 768px) {
  .text-primary-stroke {
    -webkit-text-stroke-width: 1px;
  }
}

/*====================================================================
 Text color classes End 
 =====================================================================*/

/*=====================================================================
 Backgroud color classes start 
 =======================================================================*/
.bg-primary {
  background-color: #31b4cb !important;
}

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

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

.bg-secondary-2 {
  background-color: #83b229 !important;
}

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

.bg-grey {
  background-color: #efefef !important;
}

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

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

.bg-dark-blue {
  background-color: #023644 !important;
}

.bg-orange {
  background-color: #e94716;
}

.bg-orange-2 {
  background-color: #f99c5d;
}

.bg-yellow {
  background-color: #fffbb8;
}

.bg-yellow-2 {
  background-color: #fff866;
}

.bg-half-primary-light {
  background: -o-linear-gradient(top, #ccf5ff 50%, #ccf5ff 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccf5ff), color-stop(50%, #ccf5ff)) no-repeat;
  background: linear-gradient(180deg, #ccf5ff 50%, #ccf5ff 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;

}

.bg-half-primary-light:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-primary-light {
  background-size: 100% 100%;
}

.bg-half-secondary-light {
  background: -o-linear-gradient(top, #e5ffde 50%, #e5ffde 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e5ffde), color-stop(50%, #e5ffde)) no-repeat;
  background: linear-gradient(180deg, #e5ffde 50%, #e5ffde 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-secondary-light:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-secondary-light {
  background-size: 100% 100%;
}

.bg-half-secondary-light-2 {
  background: -o-linear-gradient(top, #daf2a6 50%, #daf2a6 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #daf2a6), color-stop(50%, #daf2a6)) no-repeat;
  background: linear-gradient(180deg, #daf2a6 50%, #daf2a6 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-secondary-light-2:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-secondary-light-2 {
  background-size: 100% 100%;
}

.bg-half-light {
  background: -o-linear-gradient(top, #fff 50%, #fff 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #fff)) no-repeat;
  background: linear-gradient(180deg, #fff 50%, #fff 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-light:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-light {
  background-size: 100% 100%;
}

.bg-half-orange {
  background: -o-linear-gradient(top, #fcc3b6 50%, #fcc3b6 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fcc3b6), color-stop(50%, #fcc3b6)) no-repeat;
  background: linear-gradient(180deg, #fcc3b6 50%, #fcc3b6 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-orange:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-orange {
  background-size: 100% 100%;
}

.bg-half-orange-2 {
  background: -o-linear-gradient(top, #ffd6bb 50%, #ffd6bb 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffd6bb), color-stop(50%, #ffd6bb)) no-repeat;
  background: linear-gradient(180deg, #ffd6bb 50%, #ffd6bb 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-orange-2:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-orange-2 {
  background-size: 100% 100%;
}

.bg-half-orange-3 {
  background: -o-linear-gradient(top, #ffd5bc 50%, #ffd5bc 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffd5bc), color-stop(50%, #ffd5bc)) no-repeat;
  background: linear-gradient(180deg, #ffd5bc 50%, #ffd5bc 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-orange-3:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-orange-3 {
  background-size: 100% 100%;
}

.bg-half-yellow {
  background: -o-linear-gradient(top, #fffc8d 50%, #fffc8d 50%) no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fffc8d), color-stop(50%, #fffc8d)) no-repeat;
  background: linear-gradient(180deg, #fffc8d 50%, #fffc8d 50%) no-repeat;
  background-size: 100% 50%;
  background-position: 100% 100%;
  -webkit-transition: background 0.8s linear;
  -o-transition: background 0.8s linear;
  transition: background 0.8s linear;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

.bg-half-yellow:hover {
  background-size: 100% 100%;
}

.scroll-anime.bg-half-yellow {
  background-size: 100% 100%;
}

/*==============================================================
 Backgroud color classes end 
 ===================================================================*/

/* ======================================================================
  Global Classes and settings End
========================================================================= */

.wrapper {
  overflow: hidden;
}

/*=======================================================================
 Navbar Start 
 ======================================================================== */
.navbar {
  width: 100% !important;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  z-index: 15;
  padding-bottom: 0 !important;
  /* box-shadow: 0px 2px 5px #a0a0a0; */
}

/* .nav-scroll{
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
} */

.container-fluid {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  width: 95% !important;
}

@media (max-width: 1200px) {
  .container-fluid {
    width: 90%;
  }
}

.navbar a {
  /* font-family: nexaBold; */
  font-family: 'Open Sans', sans-serif;
  /* font-weight: 500 !important; */
}

.navbar-brand {
  padding-bottom: 0.8rem;
}

.navbar-brand>img {
  width: 5rem;
  height: 3rem;
}

.navbar-nav {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  /* width: 90%; */
  /* max-width: 55rem; */
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* justify-content: space-between; */
}

.nav-item {
  padding-bottom: 0.5rem;
}

.nav-item a {
  color: black;
  font-weight: 500;
  font-size: .95rem;
}

.nav-link {
  font-weight: normal;
  -webkit-transition: font-weight .1s linear;
  -o-transition: font-weight .1s linear;
  transition: font-weight .1s linear;
}

.nav-link:hover {
  color: #31b2ca !important;
  background-color: #d6f0f4;
  border-radius: 10px;
  font-weight: bold;
}

.dropdown-menu {
  
  border-radius: 0.3rem !important;
  animation: dropdown-fade 0.4s linear 1;
  -webkit-animation: dropdown-fade 0.4s linear 1;
  border: 1px solid gray !important;
  background-color: white;
}

@media (min-width:992px) {
  .dropdown-menu {
    width: 12rem ;
  }
}

.dropdown:hover .dropdown-menu {
  display: block;
}

@-webkit-keyframes dropdown-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes dropdown-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.dropdown:focus .dropdown-menu {
  display: none !important;
  background: transparent;

}

.dropdown-menu.show {
  margin: 0 !important;
}

.nav-select {
  color: #31b2ca !important;
  background-color: #d6f0f4;
  border-radius: 10px;
  font-weight: bold;
}

.dropdown-item:hover,
.dropdown-item:focus {
  /* background-color: #ccf5ff;
  color: #31b4cb; */
  background-color: transparent;
  font-weight: bold;
  color: #000;
}

.nav-btn {
  position: relative;

}

.nav-btn-links {
  display: none;
  list-style: none;
  padding: 0;
  width: 7rem;
  margin-top: 0.5rem;
  position: absolute;
  left: -4.7rem;
  animation: dropdown-fade 0.4s linear 1;
  -webkit-animation: dropdown-fade 0.4s linear 1;
  /* opacity: 0;
  visibility: hidden ; */
  /* transition-property: visibility, opacity;
  transition-duration: 0s, 0.3s;
  transition-timing-function: linear, linear; */
  /* border-radius: 0.3rem !important; */
  /* overflow: hidden; */
}

.navbar .nav-btn-links {
  border-radius: .3rem;
}

.nav-btn:hover .nav-btn-links {
  /* opacity: 1;
  visibility: visible; */
  display: block;
  -webkit-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.nav-btn-links-clicked {
  display: block;

}

.nav-btn-links-1 {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.175);
  height: 100%;
  position: relative;
  background-color: white;
  text-align: right;
  
  
}

.nav-btn-links-1:nth-child(7) {
  border: none;
}

.nav-btn-links-1 a {
  padding: 0.8rem .5rem;
  text-align: center;
}

.nav-btn-links-1:hover>a {
  /* color: #31b4cb; */
  font-weight: bold;
}

.nav-btn-links-2 {
  border-radius: 0.3rem;
  border: 1px solid gray !important;
  background-color: white;
  position: absolute;
  left: -12rem;
  top: 0rem;
  list-style: none;
  padding: 0;
  width: 12rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: none;
  -webkit-animation: down 0.5s linear 1;
  animation: down 0.5s linear 1;
}

.nav-btn-links-2-product {
  border-radius: 0.3rem;
  border: 1px solid gray !important;
  background-color: white;
  position: absolute;
  left: -10rem; /* align relative to parent */
  top: 100%; /* place just below the parent */
  list-style: none;
  padding: 0rem 0;
  min-width: 10rem; /* allows small menus to not look cramped */
  max-width: 10rem; /* avoids oversized dropdowns */
  width: max-content; /* adapts to content size */
   height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: none;
  -webkit-animation: down 0.5s linear 1;
  animation: down 0.5s linear 1;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nav-btn-links-2-product>li{
     padding: 0rem 0;
}


.nav-btn-links-1:hover .nav-btn-links-2 {
  display: block;
}

@-webkit-keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.nav-btn-links-2>li {
  /* padding-top: 0.8rem; */
  /* padding-bottom: 0.8rem; */
  padding: .5rem 0;
  cursor: pointer;
  padding-right: .5rem !important;
  text-wrap: wrap;

}

.nav-btn-links-2>li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.175);
  /* padding-bottom: .8rem; */
}

.nav-btn-links-2>li>a {
  text-align: right;
}

.nav-btn-links-2>li:hover>a {
  /* color: #31b4cb; */
  font-weight: bold;

}

/* ****** MENU  ICON START ******************/

.menu__icon {
  width: 32px;
  height: 32px;
  padding: 4px;
}

.menu__icon span {
  display: block;
  width: 100%;
  height: 0.125rem;
  border-radius: 2px;
  background-color: rgb(0, 0, 0);
  -webkit-box-shadow: 0 0.5px 2px 0 hsla(0, 0%, 0%, 0.2);
  box-shadow: 0 0.5px 2px 0 hsla(0, 0%, 0%, 0.2);
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  position: relative;
}

.menu__icon span+span {
  margin-top: 0.375rem;
}

.menu__icon span:nth-child(1) {
  -webkit-animation: ease 0.8s menu-icon-top-2 forwards;
  animation: ease 0.8s menu-icon-top-2 forwards;
}

.menu__icon span:nth-child(2) {
  -webkit-animation: ease 0.8s menu-icon-scaled-2 forwards;
  animation: ease 0.8s menu-icon-scaled-2 forwards;
}

.menu__icon span:nth-child(3) {
  -webkit-animation: ease 0.8s menu-icon-bottom-2 forwards;
  animation: ease 0.8s menu-icon-bottom-2 forwards;
}

/**** Desktop menu icon ***/
.nav-btn:hover .menu__icon>span:nth-child(1) {
  -webkit-animation: ease 0.8s menu-icon-top forwards;
  animation: ease 0.8s menu-icon-top forwards;
}

.nav-btn:hover .menu__icon>span:nth-child(2) {
  -webkit-animation: ease 0.8s menu-icon-scaled forwards;
  animation: ease 0.8s menu-icon-scaled forwards;
}

.nav-btn:hover .menu__icon>span:nth-child(3) {
  -webkit-animation: ease 0.8s menu-icon-bottom forwards;
  animation: ease 0.8s menu-icon-bottom forwards;
  background-color: rgb(0, 0, 0);
}

/**** Mobile Menu Icon *****/

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
  border: none !important;
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-toggler:active.menu__icon>span:nth-child(1) {
  -webkit-animation: ease 0.8s menu-icon-top forwards;
  animation: ease 0.8s menu-icon-top forwards;
}

.navbar-toggler:active.menu__icon>span:nth-child(2) {
  -webkit-animation: ease 0.8s menu-icon-scaled forwards;
  animation: ease 0.8s menu-icon-scaled forwards;
}

.navbar-toggler:active.menu__icon>span:nth-child(3) {
  -webkit-animation: ease 0.8s menu-icon-bottom forwards;
  animation: ease 0.8s menu-icon-bottom forwards;
  background-color: rgb(0, 0, 0);
}

@-webkit-keyframes menu-icon-top {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    top: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    top: 0.5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes menu-icon-top {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    top: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    top: 0.5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes menu-icon-top-2 {
  0% {
    top: 0.5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  50% {
    top: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes menu-icon-top-2 {
  0% {
    top: 0.5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  50% {
    top: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes menu-icon-bottom {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    bottom: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    bottom: 0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

@keyframes menu-icon-bottom {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    bottom: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    bottom: 0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

@-webkit-keyframes menu-icon-bottom-2 {
  0% {
    bottom: 0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  50% {
    bottom: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes menu-icon-bottom-2 {
  0% {
    bottom: 0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  50% {
    bottom: 0.5rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes menu-icon-scaled {
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes menu-icon-scaled {
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes menu-icon-scaled-2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes menu-icon-scaled-2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*********** MENU ICON END ***********/

/* @media (min-width: 1400px) {
  .nav-item a {
    font-size: 1.2rem;
  }
} */

@media (max-width: 992px) {
  .container-fluid {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .navbar-nav {
    margin-top: 1rem;
    width: 100%;
  }

  .nav-link {
    padding: 0.5rem;
  }

  .nav-btn {
    display: none;
  }

  .dropdown-menu.show {
    margin-top: 0.3rem !important;
  }
}

@media (max-width: 768px) {
  .navbar {
    width: 100%;
  }

  .navbar-brand>img {
    width: 5rem;
    height: 3rem;
  }

  .container-fluid {
    width: 90%;
  }
}

/*=======================================================================
 Navbar End 
 ========================================================================*/

/*====================================================================
 Carousel Start 
 =======================================================================*/
.carousel-wrapper {
  margin-top: 6rem !important;
  position: relative;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  height: 100%;
  border-radius: 1rem;
  /* max-height: 31.5rem; */
  height: 84vh;
}

@media (max-width:768px) {
  .carousel-wrapper {
    height: 100%;
  }
}

.carousel-indicators {
  top: 80%;
}

.carousel-indicators>button {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50%;
}

.carousel-inner {
  height: 100% !important;
  overflow: hidden;
  border-radius: 1rem;
}

.carousel-item {
  height: 100% !important;
  overflow: hidden;
}

.carousel-item img {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.carousel-caption {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10%;
  text-align: start;
  /* position: relative; */
}

@media (max-width:572px) {
  .carousel-caption {
    top: 10%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    left: 15%;
  }

}

.carousel-caption h1 {
  font-size: 3.5rem;
  position: relative;
  /* top: 18%; */
  z-index: 0;
  font-family: swiss;
  color: #fff;
  line-height: .8;
}

.carousel-caption>div {
  margin-top: 0;
  position: relative;
  /* left: 9%; */
  z-index: 10;
}

.carousel-caption>div h2 {
  margin-top: 0;
  font-size: 2rem;
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
}

.carousel-caption-1>div>h2 {
  max-width: 15rem;
}

.carousel-caption-2>div>h2 {
  max-width: 20rem;
}

.carousel-caption-3>div>h2 {
  max-width: 20rem;
}

.carousel-caption-4>div>h2 {
  max-width: 25rem;
}

@media (min-width: 1440px) {
  .carousel-indicators>button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
  }

  /* .carousel-caption h1 {
    top: 12%;
    font-size: 8rem;
  } */
  /* .carousel-caption > div h2 {
    font-size: 3.5rem;
  } */
  /* .carousel-caption-1 > div > h2 {
    width: 30rem;
  } */
  /* .carousel-caption-2 > div > h2 {
    width: 40rem;
  } */
  /* .carousel-caption-3 > div > h2 {
    width: 40rem;
  } */
  /* .carousel-caption-4 > div > h2 {
    width: 30rem;
  } */
}

@media (max-width: 992px) {
  .carousel-caption {
    top: 10%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    left: 15%;
  }

  /* .carousel-caption h1 {
    font-size: 4.5rem;
    position: static;
    top: 0%;
    z-index: 0;
  } */
  .carousel-caption>div {
    position: static;
    left: 0%;
  }

  .carousel-caption>div h2 {
    /* font-size: 2rem; */
  }
}

@media (max-width: 768px) {
  .carousel-wrapper {
    margin-top: 5rem !important;
  }

  .carousel-caption h1 {
    /* font-size: 3.5rem; */
  }

  .carousel-caption>div h2 {
    font-size: 1.5rem;
  }

  .carousel-caption-1>div>h2 {
    max-width: 15rem;
  }

  .carousel-caption-2>div>h2 {
    max-width: 20rem;
  }

  .carousel-caption-3>div>h2 {
    max-width: 15rem;
  }

  .carousel-caption-4>div>h2 {
    max-width: 20rem;
  }
}

@media (max-width: 572px) {
  .carousel-caption {
    top: 0%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    left: 15%;
    text-align: center;
  }

  .carousel-caption h1 {
    font-size: 1.5rem;
  }

  .carousel-caption>div h2 {
    font-size: 1rem;
    text-align: center;
    /* width: 100% !important; */
    max-width: 100%;
  }

  .carousel-caption>div button {
    font-size: 0.6rem;
  }

  .carousel-caption-1>div>h2 {
    max-width: 10rem;
    margin: 0 auto;
  }

  .carousel-caption-2>div>h2 {
    max-width: 15rem;
    margin: 0 auto;
  }

  .carousel-caption-3>div>h2 {
    max-width: 10rem;
    margin: 0 auto;
  }

  .carousel-caption-4>div>h2 {
    max-width: 10rem;
    margin: 0 auto;
  }
}

.carousel-control-prev {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
  margin-left: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.carousel-control-next {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-right: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width:572px) {
  .carousel-control-prev {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    margin-left: 0rem;
  }

  .carousel-control-next {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-right: 0rem;
  }
}

.side-social-icons {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 35%;
  right: 0%;
  gap: 0.5rem;
  background-color: #9d9d9d7d
}

@media (max-width: 572px) {
  .side-social-icons {
    display: none;
  }
}

/*===================================================================
 Carousel End 
 =====================================================================*/

/*======================================================================
  HOMEPAGE START
  ========================================================================== */

/*** Features Start **********/
.features {
  position: relative;
  width: 80%;
  margin: 0 auto;
  margin-top: -4rem;
  -webkit-column-gap: 5rem;
  -moz-column-gap: 5rem;
  column-gap: 5rem;
  row-gap: 2rem;
  z-index: 3;
  border-radius: 1.5rem;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #31b4cb80;
  -webkit-box-shadow: 2px 2px 5px #d2d2d2;
  box-shadow: 2px 2px 5px #d2d2d2;
}

.features>div {
  width: 80%;
  max-width: 75rem;
  gap: 1rem;
  row-gap: 2rem;
}

.features-1>img {
  /* aspect-ratio: 1/2; */
  object-fit: contain;
  -o-object-fit: contain;
  width: 2rem;
  height: 2.5rem;
}

.features-1>p {
  font-weight: 400;

  font-size: 1.1rem;
  /* color: #41942a; */
}

@media (max-width: 992px) {
  .features {
    width: 95%;
    margin-top: -2rem;
  }

  .features>div {
    width: 90%;
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .features {
    position: unset;
    margin-top: 2rem;
  }
}

@media (max-width: 580px) {
  .features-1 {
    width: 100%;
  }

  .features-1>img {
    width: 4rem;
    height: 4.5rem;
  }
}

/**** Features End ********************/

/****** Our products Start ************/

/* .our-products-heading p {
  width: 100%;
  
} */
.our-products-1 {
  /* margin-top: 1.5rem; */
}

.our-products-1>div>div h4 {
  font-size: 1.1rem;
  font-weight: bold;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #31b4cb52;
  -webkit-box-shadow: 2px 2px 5px #d2d2d2;
  box-shadow: 2px 2px 5px #d2d2d2;
  font-family: 'Open Sans', sans-serif;
  border-radius: 1rem;
  font-weight: bold;
}

@media (min-width: 1500px) {
  .our-products-1 {
    /* margin-top: 7rem; */
  }
}

.our-products-1>div:nth-of-type(odd) {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.our-products-1>div>div:nth-child(2) {
  width: 70%;
  margin-top: .2rem;
  /* height: fit-content !important; */
}

.our-products-1>div>div:nth-child(1) {
  width: 70%;
  height: 70%;
}

.our-products-1>div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: .8rem;
}

.mid-line {
  width: 2px;
  height: 50%;
  /* background-color: #e5ffde; */
  background-color: #a2a2a2;
  opacity: 0;
}

@media (max-width: 768px) {
  .our-products-heading p {
    width: 95%;
  }

  .our-products-1>div:nth-of-type(odd) {
    width: 100%;
  }

  .mid-line {
    width: 100%;
    height: 2px;
  }
}

/**** Our products End ************/

/**** Our Services Start **********/
.our-services-container {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.our-services-container-back {
  position: absolute;
  top: 0;
  /* background: #e5ffde; */
  /* background: #acfa9646; */
  /* border: 1px solid #acfa9646; */
  /* filter: blur(2px); */
  height: 30%;
  width: 100%;
  z-index: 0;
  border-radius: 1rem;
  -webkit-box-shadow: 2px 2px 5px #c2c2c3;
  box-shadow: 2px 2px 5px #c2c2c3;

  background: rgba(229, 255, 222, .5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(5px);
  /* border: 1px solid rgba( 255, 255, 255, 0.18 ); */
}

.our-services {
  /* background: linear-gradient(0deg, #ffffff 60%, #e5ffde 40%); */
  position: relative;
  z-index: 1;

}

.our-services-1 {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 2rem;
}

.our-services-1>div {
  width: 45%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.our-services-1>div>div {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.our-services-1>div img {
  width: 100%;
  height: 70%;
}

.our-services-1>div h5 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  /* font-weight: bold; */
  font-size: 1rem;
  max-width: 18rem;
}

@media (max-width: 992px) {
  .our-services-1>div {
    width: 90%;
  }
}

/****** Our Services End *****************/

/******* Our Company Start *********/
.our-company {
  background: url(../images/homepage/our-company.jpg) no-repeat;
  /* background-size: 100% 100%; */
  background-size: cover;
  background-position: center;
  padding: 8% 0;
}

.our-company-1 {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: .8rem;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding: 5% 0%;
  gap: 1rem;
}

/* .our-company-1 p {
  width: 80%;
  
} */
.our-company-1 h4 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

@media (max-width: 992px) {
  .our-company-1 p {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .our-company {
    background-size: cover;
    background-position: center;
  }

  .our-company-1 p {
    width: 95%;
  }
}

/******* Our Company End ***********8*/

/****** Apply For free assistance start *******/
.free-assistance {
  background: url(../images/partner/form-back1.jpg) no-repeat;
  background-position: 120% 6rem;
  background-size: 60% 100%;
  padding: 10% 0;
  padding-bottom: 14%;
  padding-top: 12%;
}

.free-assistance-homepage {
  /* margin-top: -5rem; */
}

.free-assistance>div {
  /* width: 80%; */
}

.free-assistance h4 {
  font-family: swiss;
}

.free-assistance-1 {
  padding-top: 2rem;
  border-radius: 1rem;
}

.free-assistance-1>form {
  width: 48%;
}

.free-assistance-1>div {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.free-assistance-1>div img {
  margin-top: auto;
  width: 95%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}

.free-assistance-form {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.free-assistance-form input,
.free-assistance-form select {
  padding: .7% 3%;
  width: 100%;
  /* border-radius: .8rem; */
}

.free-assistance-form>div:nth-child(1) {
  row-gap: 0.5rem;
}

.free-assistance-form>div:nth-child(1)>div {
  width: 49%;
}

/* @media (min-width: 1900px) {
  .free-assistance {
    background-position: 120% 10.5rem !important;
  }
}
@media (min-width: 1600px) {
  .free-assistance {
    background-position: 120% 9rem !important;
  }
}
@media (min-width: 1440px) {
  .free-assistance {
    background-position: 120% 8rem;
  }
  .free-assistance-1 > form {
    margin-left: 1.5rem;
  }
  .free-assistance-1 > div img {
    width: 90%;
    height: 100%;
  }
  .free-assistance > div {
    width: 90rem;
  }
} */
@media (max-width: 992px) {
  .free-assistance-1 {
    padding: 1rem;
    row-gap: 2rem;
  }

  .free-assistance-1>form {
    width: 100%;
  }

  .free-assistance-1>div {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .free-assistance-1>div img {
    width: 70%;
    height: 100%;
  }
}

@media (max-width: 768px) {
  .free-assistance-form>div:nth-child(1)>div {
    width: 100%;
  }
}

input {
  border: none;
  border-radius: .5rem;
}

input:focus {
  outline: none;
  background: #fff;
}

input::-webkit-input-placeholder {
  color: #b3b2b2;
  overflow: hidden;
  font-weight: 300;
  font-size: .95rem;
  font-family: 'Open Sans', sans-serif;
}

input::-moz-placeholder {
  color: #b3b2b2;
  overflow: hidden;
  font-weight: 300;
  font-size: .95rem;
  font-family: 'Open Sans', sans-serif;
}

input:-ms-input-placeholder {
  color: #b3b2b2;
  overflow: hidden;
  font-weight: 300;
  font-size: .95rem;
  font-family: 'Open Sans', sans-serif;
}

input::-ms-input-placeholder {
  color: #b3b2b2;
  overflow: hidden;
  font-weight: 300;
  font-size: .95rem;
  font-family: 'Open Sans', sans-serif;
}

input::placeholder {
  color: #b3b2b2;
  overflow: hidden;
  font-weight: 300;
  font-size: .95rem;
  font-family: 'Open Sans', sans-serif;
}

/* select {
  border: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: url(../images/homepage/dropdown.jpg) no-repeat, #fff;
  background-position: 95% center;
  background-size: 1rem 0.8rem;
} */
select:focus {
  border: none;
  outline: none;
}

/* The checkbox */
.checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.7rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked~.checkmark {
  background-color: #2c8912;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/********* Apply For free assistance end *****************/

/******** Our Partner and Customers Start ***************/
.our-partners-cards {
  gap: 1rem;
}

.our-partners-card {
  width: 13rem;
  padding: 3rem;
  border-radius: .8rem;
}

.our-partners-card img {
  width: 100%;
  height: 100%;
}

/* @media (min-width: 1400px) {
  .our-partners-card {
    width: calc(25% - 1rem);
    padding: 5%;
  }

  .our-partners-card img {
  }
} */

.our-customer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 8rem;
}

.our-customers {
  width: 23%;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  border-radius: .8rem;
}

.our-customers-1 {
  background: url(../images/homepage/our-customers-1.jpg) no-repeat;
  background-size: cover;
}

.our-customers-2 {
  background: url(../images/homepage/our-customers-2.jpg) no-repeat right;
  background-size: cover;
}

.our-customers-3 {
  background: url(../images/homepage/our-customers-3.jpg) no-repeat right;
  background-size: cover;
}

.our-customers-4 {
  background: url(../images/homepage/our-customers-4.jpg) no-repeat;
  background-size: cover;
}

.our-customers-11 {
  opacity: 0;
  color: white;
  background-color: rgba(10, 19, 97, 0.8);
  padding: 34% 0;
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  place-items: center;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  border-radius: .8rem;
}

.our-customers:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.our-customers:hover .our-customers-11 {
  opacity: 1;
}

.our-customers-11>p {
  text-align: center;
}

@media (max-width: 992px) {
  .our-customer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    width: 90%;
    margin: 0 auto;
  }

  .our-customers {
    width: 18rem;
    height: 100%;
  }

  .our-customers-11 {
    width: 100%;
    height: 100%;
  }
}

/************* Our Partner and Customers End ************/

/******** People About Us Start ****************/
.people-about-us {
  overflow: hidden;
}

.people-about-us-1 {
  width: 100%;
  margin-top: 3rem;
  row-gap: 5rem;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.people-about-us-2 {
  width: calc(50% - 1rem);
  border-radius: .8rem;
}

.people-about-us-2-img {
  width: 6rem;
  height: 6rem;
  display: -ms-grid;
  display: grid;
  place-items: center;
  background-color: white;
  border: 4px solid #efefef;
  position: relative;
  margin-top: -3rem;
  margin-left: 4rem;
}

.people-about-us-2-img img {
  width: 2.5rem;
  height: 4rem;
}

.people-about-us-2-text {
  width: 90%;
  margin: 0 auto;
  height: 100%;
}

.people-about-us-2-text p {
  margin: 0 auto;
  width: 80%;
  text-align: justify;
  line-height: unset;
}

.people-about-us-2-text h5 {
  width: 80%;
  padding-bottom: 2rem;
}

.people-about-us-2-text::before {
  position: relative;
  content: url(../images/homepage/inverted-comma-1.jpg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: -1rem;
}

.people-about-us-2-text::after {
  position: relative;
  content: url(../images/homepage/inverted-comma-2.jpg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 85%;
  bottom: 1rem;
}

.people-about-us-more {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 1440px) {
  .people-about-us-2 {
    padding: 0 3rem;
  }

  .people-about-us-2-text {
    width: 95%;
  }
}

@media (max-width: 768px) {
  .people-about-us-2 {
    width: 100%;
    margin: 0 auto;
  }
}

/*********** People About Us End ********************/

/*======================================================================
  HOMEPAGE END
  ========================================================================== */

/****** QRCode Section Start **************************/

.qr-code {
  position: relative;
  margin-bottom: -2.8rem;
  margin-top: 10%;
  border-radius: 1rem;
  background-color: #023644aa;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);

}

.qr-code-img {
  width: 10%;
  position: absolute;
  
  right: 5%;
}

.qr-code-img img {
  width: 85% !important;
  height: 80% !important;

}

.qr-code>div:nth-child(2) {
  padding: 2rem 0;
  width: 70%;
  margin-left: 2rem;
  row-gap: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.qr-code h5 {
  font-weight: bold;
  /* font-family: montHeavy; */
  font-family: 'Open Sans', sans-serif;
}

.qr-code a {
  border-radius: 12px;
  /* font-family: Lato-Black; */
  font-family: 'Open Sans', sans-serif;
}

/* @media (min-width: 1440px) {
  .qr-code-img {
    top: -90%;
  }
} */
@media (max-width: 768px) {
  .qr-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem;
    width: 95%;
    max-width: 100%;
    margin-top: 5rem;
    margin-bottom: 4rem;
  }

  .qr-code-img {
    width: 30%;
    position: unset;
    top: 0%;
    left: 0%;
  }

  .qr-code>div:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 1rem;
    margin-left: 0;
    text-align: center;
    padding: 0;
    padding-top: 2rem;
  }
}

@media (max-width: 572px) {
  .qr-code-img {
    width: 50%;
  }
}

/***** QRCode Section End **************************8*/
/*======================================================================= 
   FOOTER START 
========================================================================*/
.footer {
  width: 100%;
  background: url(../images/homepage/footer-back.jpg) no-repeat;
  background-size: 100% 100%;
}

.footer>div {
  /* width: 80%; */
  /* max-width: 90rem; */
  gap: 1rem;
  row-gap: 3rem;
  padding-top: 6rem;
  padding-bottom: .5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.footer>div:first-child {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* @media (min-width:1600px) {
  .footer > div{
    padding: 10rem 0rem;
  }
 
} */
/* .footer > div:nth-child(2) {
  width: 80%;
  max-width: 95rem;
} */
.footer-logo {
  object-fit: contain;
  -o-object-fit: contain;
  width: 7rem;
  /* height: 7rem; */
}

.footer-logo>img {
  object-fit: contain;
  -o-object-fit: contain;
  width: 100%;
  height: 100%;
}

.footer-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* row-gap: .5rem; */
}

.footer-address-nav {
  gap: 0.5rem;
}

.footer-address-nav>p {
  border-radius: .5rem;
  cursor: pointer;
  font-family: myriadPro-Bold;
}

.footer-address-detail {
  row-gap: 2rem;
}

.footer-address-detail>div {
  gap: 1rem;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.footer-address-detail>div img {
  margin-top: .3rem;
}

.footer-address-detail>div:nth-child(1) img {
  /* width: .7rem; 
  height: 1rem; */
  width: 1rem;
  height: 1.3rem;
}

.footer-address-detail>div:nth-child(2) img {
  /* width: 1rem;
  height: .7rem; */
  width: 1.3rem;
  height: 1rem;
}

/* @media (min-width:1600px) {
  .footer-address-detail>div:nth-child(1) img{
    width: 1rem; 
    height: 1.3rem;
  }
  .footer-address-detail>div:nth-child(2) img{
    width: 1.3rem;
    height: 1rem;
  } 
} */

.footer-address-detail p {
  font-family: monsterratRoman;
  max-width: 15rem;
  text-align: justify;
}

/* @media (min-width:1600px) {
  .footer-address-detail p{
    max-width: 35rem;
  }
} */
.footer-links-container {
  width: 50%;
  gap: 2rem;
}

.footer-links>a {
  font-family: monsterratRoman;
  /* font-size: 1.1rem; */
}

.footer-links>p {
  font-family: monsterratRoman;
}

.footer-links>a {
  /* border-top: 1px solid #fff; */
  border-bottom: 1px solid transparent;
}

.footer-links>a:hover {
  /* border-top: 1px solid #fff; */
  border-bottom: 1px solid #fff;
}

.footer-2 {
  padding-top: 1rem !important;
  -webkit-column-gap: 2rem !important;
  -moz-column-gap: 2rem !important;
  column-gap: 2rem !important;
  row-gap: 1rem !important;
}

.footer-2>div:nth-child(2) {
  width: 17rem;
  font-family: 'Open Sans', sans-serif;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-2>div:nth-child(2) p {
  font-family: 'Open Sans', sans-serif;
}

.footer-social-icons {
  gap: 0.5rem;
  margin-bottom: .8rem;
}

.footer-social-icons > a {
  color: #31b4cb;
  background-color: transparent;
  padding: 6px;
  font-size: 1rem;
  height: 30px;
  width: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
}

.copyright {
  border-top: 2px solid #a2a2a2;
  gap: 1rem !important;
}

.copyright p,
.copyright a {
  font-size: 0.7rem;
  font-family: robotoThin;
  text-transform: capitalize;
}

@media (max-width: 992px) {
  .footer-links-container {
    width: 70%;
    gap: 2rem;
  }
}

@media (max-width: 768px) {
  .footer {
    margin-top: 7rem;
  }

  .footer>div {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .footer>div:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    /* align-items: center; */
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;

  }

  .footer-address {
    width: 100%;
  }

  .footer-address-detail p {
    max-width: 25rem;
  }

  .footer-links-container {
    /* justify-content: space-evenly !important; */
    width: 100%;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }


  .footer-2 {
    padding-top: 3rem !important;
  }

}

@media (max-width: 572px) {
  .footer-links-container {
    -webkit-box-pack: unset !important;
    -ms-flex-pack: unset !important;
    justify-content: unset !important;
    width: 100%;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }

  .footer-links {
    /* width: 20%; */

  }

  .copyright>div {
    row-gap: 0.5rem;
  }
}

/*=====================================================================
 FOOTER END 
 =======================================================================*/

/*=======================================================================
   ABOUT US START
  ===================================================================== */

/*** About Us Page Header Start ******************/
.about-page-header {
  background: url(../images/about-us/carousel-1.jpg) no-repeat right;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 17% 0;
  border-radius: 1rem;
}

.about-page-header>div {
  width: 80%;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: End;
  -ms-flex-align: End;
  align-items: End;
}

@media (min-width: 1400px) {
  /* .about-page-header > div h4 {
    font-size: 3rem;
  }
  .about-page-header > div h1 {
    font-size: 5rem;
  } */
}

@media (min-width: 768px) and (max-width: 1400px) {
  .about-page-header>div h4 {
    font-size: 2rem;
  }

  .about-page-header>div h1 {
    font-size: 3.5rem;
  }
}

@media (max-width: 768px) {
  .about-page-header>div h4 {
    font-size: 1.5rem;
  }

  .about-page-header>div h1 {
    font-size: 2.5rem;
  }
}

/******* About Us Page Header End ********************/

/******* Mission Vision Start ****************/
.mission-vision {
  gap: 3rem;
}

.mission-vision>div {
  width: calc(50% - 1.5rem);
  /* max-width: 45rem; */
}

.mission-vision-img {}

.mission-vision-img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: right;
}

@media (max-width: 992px) {
  .mission-vision>div {
    width: 100%;
    margin: 0 auto;
  }

  .mission-vision-1>div>h4 {
    margin: 0 auto;
  }

  .mission-vision-1>div>p {
    text-align: center !important;
  }

  .mission-vision-img>img {
    -o-object-position: center;
    object-position: center;
  }
}

/**** Mission Vision End **********************/

/***** Our Core Values Start *****************/
.our-values>p {
  /* width: 40rem; */
}

.our-values-1 {
  row-gap: 2rem;
}

.our-values-1-card-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 2rem auto;
  grid-template-columns: auto auto;
  gap: 2rem;
  row-gap: 2rem;
}

.our-values-1-card-container {}

.our-values-1-card {
  /* width: calc(48% - 0.25rem); */
  gap: 0.5rem;
  border-radius: .8rem;
}

.our-values-1-card>div {
  gap: 1rem;
}

.our-values-1-card>div>img {
  width: 3rem;
  height: 3rem;
}

.our-values-1-card>ul {
  padding: 0;
  width: 80%;
  margin: .8rem auto;
  gap: 1rem;
}

.our-values-1-card>ul>li {
  /* padding: 2rem; */
}

.our-values-1-card p {
  color: #e7e7e7;
  text-align: justify;
}

.our-values-1-card-1 {
  width: 100% !important;
  max-width: 100%;
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.our-values-1-card-1>ul {
  width: 90% !important;
}

/* @media (min-width: 1400px) {
  .our-values-1 > div:nth-child(1) {
    justify-content: center;
    gap: 2.2rem;
  }
  .our-values-1-card > div > img {
    width: 5rem;
    height: 5rem;
  }

  .our-values-1-card-1 > ul {
    width: 85%;
  }
} */
@media (max-width: 992px) {

  /* .our-values-1-card-container {
    grid-template-columns: ;
  } */
  .our-values-1-card {
    /* width: 80%; */
    margin: 0 auto;
  }

  .our-values-1-card-1 {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .our-values-1-card-container {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .our-values-1-card {
    /* width: 100%; */
    margin: 0 auto;
  }

  .our-values-1-card-1 {
    width: 100%;
  }

  .our-values-1-card-1>ul {
    width: 80% !important;
  }
}

/******* Our Core Values End ************************/

/******* Why Chase Bhag Start ************************/
.chase-bhag {
  background: url(../images/about-us/chase-bhag.jpg) no-repeat;
  background-size: 100% 100%;
  /* padding: 8% 0; */
  border-radius: .8rem;
}

.chase-bhag>div {
  width: 98%;
  padding: 2.5rem 2.1rem;
}

.chase-bhag>div>p {
  width: 100%;
  /* font-size: 1rem; */
}

.chase-bhag h2 {
  font-size: 1.6rem;
}

.chase-bhag h2,
.chase-bhag h4 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

/* @media (min-width: 1600px) {
  .chase-bhag > div{
    padding: 2.7rem 2.3rem;
  }
  .chase-bhag > div > p{
    font-size: 1.2rem;
    
  }
  
} */
@media (max-width: 768px) {
  .chase-bhag {
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 572px) {
  .chase-bhag>div {
    padding: 1rem;
  }

  .chase-bhag>div>p {
    width: 100%;
  }
}

/******* Why Chase Bhag End *******************8*/

/******* Benefits Start **************************/
/*.benefits-1 {*/
/*  row-gap: 2.5rem;*/
/*  position: relative;*/
/*  -webkit-box-pack: justify;*/
/*      -ms-flex-pack: justify;*/
/*          justify-content: space-between;*/
/*}*/
/*.benefits-head {*/
/*  position: absolute;*/
/*  left: 55%;*/
/*  top: 47%;*/
/*  -webkit-transform: translate(-50%, -50%);*/
/*      -ms-transform: translate(-50%, -50%);*/
/*          transform: translate(-50%, -50%);*/
/*  z-index: 2;*/
/*}*/
/*.benefits-head > img {*/
/*  width: 55%;*/
/*  height: 55%;*/
/*}*/
/*.benefits-card-1 {*/
/*  width: 17rem;*/
/*  height: 15rem;*/
/*  background: url(../images/about-us/benefits.jpg) no-repeat;*/
/*  background-size: 100% 100%;*/
/*  padding: 2.5rem 4.5rem 1.5rem 2rem;*/
/*  margin: 0 auto;*/
/*}*/
/*.benefits-card-2 {*/
/*  height: 100%;*/
/*  gap: 1.2rem;*/
/*}*/
/*.benefits-card-2 > h6 {*/
/*   font-family: swiss; */
/*  font-family: 'Open Sans', sans-serif;*/
/*  text-align: center;*/
/*  font-weight: 600;*/
/*  font-size: 1rem;*/
/*}*/
/*.benefits-card-2 > img {*/
/*  width: 2rem;*/
/*  height: 2rem;*/
/*  margin: 0 auto;*/
/*  object-fit: contain;*/
/*  -o-object-fit: contain;*/
/*}*/
/* .benefits-card-1:nth-child(2) > .benefits-card-2 > img,*/
/*.benefits-card-1:nth-child(4) > .benefits-card-2 > img,*/
/*.benefits-card-1:nth-child(6) > .benefits-card-2 > img,*/
/*.benefits-card-1:nth-child(8) > .benefits-card-2 > img {*/
/*  margin-left: auto;*/
/*} */
/*.benefits-2 {*/
/*  background: url(../images/about-us/gradient-img.jpg) no-repeat;*/
/*  background-size: 100% 100%;*/
/*  padding-top: 1rem;*/
/*  padding-bottom: 2rem;*/
/*   border-radius: .8rem; */
/*  padding-left: .5rem;*/
/*  padding-right: .5rem;*/
/*}*/
/*.benefits-2 > p {*/
/*  font-family: myriadPro-Regular;*/
/*  font-size: 1.3rem;*/
/*}*/
/*.benefits-2 > p>span{*/
/*  padding: 0 .5rem;*/
/*}*/
/*.benefits-2 > p>span:not(:last-child){*/
/*  border-right: 3px solid #fff;*/
/*}*/

/*@media (min-width: 1600px) {*/
/*   .benefits-card-1 {*/
/*    width: 22rem !important;*/
/*    height: 20rem !important;*/
/*    padding: 3.2rem 5.5rem 2rem 3rem !important;*/
/*  } */

/*   .benefits-head {*/
/*    left: 51.5% !important;*/
/*    top: 47.5% !important;*/
/*    transform: translate(-50%, -50%) !important;*/
/*  } */
/*   .benefits-head > img {*/
/*    width: 68% !important;*/
/*    height: 68% !important;*/
/*  } */
/*   .benefits-card-1 h6 {*/
/*    font-size: 1.4rem;*/
/*  } */
/*}*/
/*@media (min-width: 1400px) {*/
/*  .benefits-head {*/
/*     left: 52.5%;*/
/*    top: 47%;*/
/*    transform: translate(-50%, -50%); */
/*  }*/

/*  .benefits-head > img {*/
/*     width: 65%;*/
/*    height: 65%; */
/*  }*/

/*  .benefits-card-1 {*/
/*     width: 19rem;*/
/*    height: 18rem;*/
/*    padding: 3rem 5rem 2rem 2.5rem; */
/*  }*/
/*   .benefits-card-1 {*/
/*    padding: 5% 6% 7% 3%;*/
/*  } */
/*  .benefits-card-1 h6 {*/
/*     font-size: 1.4rem; */
/*  }*/
/*  .benefits-card-2 > img {*/
/*     width: 2.5rem;*/
/*    height: 2.5rem; */
/*  }*/
/*}*/
/*@media (max-width: 1200px) {*/
/*  .benefits-head {*/
/*    position: relative;*/
/*    top: 0;*/
/*    left: 0%;*/

/*    -webkit-transform: translateX(0%);*/

/*        -ms-transform: translateX(0%);*/

/*            transform: translateX(0%);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: -ms-grid;*/
/*    display: grid;*/
/*    place-items: center;*/
/*  }*/
/*  .benefits-head > img {*/
/*    width: 15rem;*/
/*    height: 100%;*/
/*  }*/
/*   .benefits-card-1 {*/
/*    width: 32%;*/
/*    margin: 0 auto;*/
/*    padding: 4% 8% 7% 5%;*/
/*  } */
/*}*/
/*@media (max-width: 768px) {*/
/*  .benefits-head > img {*/
/*     width: 30%;*/
/*    height: 100%; */
/*  }*/
/*   .benefits-card-1 {*/
/*    width: 45%;*/
/*    padding: 7% 10% 9% 5%;*/
/*  } */

/*  .benefits-2{*/
/*    padding-bottom: 4rem;*/
/*  }*/
/*}*/
/*@media (max-width: 572px) {*/
/*  .benefits-head > img {*/
/*     width: 40%;*/
/*    height: 100%; */
/*  }*/
/*   .benefits-card-1 {*/
/*    width: 80%;*/
/*    padding: 3rem 18% 5rem 10%;*/
/*  } */
/*}*/
/* Benefits Section End*/
/* Benefits Section */
.benefits {
  margin-top: 3rem;
  margin-bottom: 3rem;
  max-width: 1200px;
  /* Consistent with other sections */
}

.benefits .d-flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.benefits .w-80 {
  width: 80%;
  max-width: 800px;
  /* Limit intro text width */
}

.benefits-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  /* Reduced from 30px to fit 4 items comfortably */
  margin-top: 1.5rem;
}

.benefit-item {
  flex: 0 0 calc(25% - 20px);
  /* 4 items per row (100% ÷ 4 = 25%) */
  text-align: center;
  box-sizing: border-box;
  padding: 15px;
  /* Reduced padding to fit more items */
  transition: all 0.3s ease;
  /* Smooth hover effect */
}

.benefit-item:hover {
  transform: translateY(-5px);
  /* Subtle lift on hover */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  /* Shadow on hover */
}

.benefit-icon {
  font-size: 2rem;
  /* Slightly smaller icon to fit layout */
  margin-bottom: 8px;
  /* Reduced from 10px */
}

.benefit-title {
  font-size: 1rem;
  /* Slightly smaller to fit 4 items per row */
  font-family: "Catamaran", sans-serif;
  /* Consistent with h6 in style.css */
  font-weight: 600;
  color: #333;
  /* Consistent with site text colors */
  margin-bottom: 6px;
  /* Reduced from 8px */
}

.benefit-desc {
  font-size: 0.85rem;
  /* Slightly smaller to fit layout */
  font-family: "Source Sans Pro", sans-serif;
  /* Consistent with p in style.css */
  color: #666;
  /* Slightly lighter text for descriptions */
  line-height: 1.3;
  /* Adjusted for tighter spacing */
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .benefit-item {
    flex: 0 0 calc(50% - 20px);
    /* 2 items per row */
  }
}

@media (max-width: 576px) {
  .benefit-item {
    flex: 0 0 100%;
    /* 1 item per row */
  }
}

/****** Benefits End *************/

/******* Founding team Start *********/
.founding-team>p {
  width: 100%;
}

.founding-team-1 {
  gap: 0.5rem;
}

.founding-team-1-img {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
}

.founding-team-1-img>img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.founding-team-border {
  width: 80%;
  height: 2px;
  background-color: #efefef;
}

.founding-team-1 h5 {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.founding-team-1 h6 {
  font-size: .9rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.founding-team-1>a {
  width: 30%;
}

.founding-team-1>a>img {
  width: 100%;
  height: 100%;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  z-index: 1;
  position: absolute;
  top: 30%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  color: #3c4751;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  background: none;
  color: #3c4751;
}

.owl-nav button span {
  font-size: 30px;
  height: 100%;
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.owl-carousel .owl-nav {
  margin: 0;
}

.owl-theme .owl-nav .disabled,
button.disabled {
  opacity: 0.6;
}

/******** Founding team End **************/

/********* career form start *************/
.career-form {
  background: url(../images/about-us/career-form-back.jpg) no-repeat left;
  background-size: cover;
  padding: 10% 0;
}

.career-form-1 {
  width: 60%;
  margin-left: auto;
  row-gap: 1rem;
}

.career-head-back {
  position: relative;
}

.career-head-back>h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
  color: #727272;
  font-size: 4rem;
  font-weight: 300 !important;
  font-family: swiss;
}

.career-head-back>h2 {
  position: relative;
  z-index: 3;
  font-family: swiss;
}

.career-form-2 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.career-form-2>div {
  width: 48%;
}

.career-form-2>div>input {
  width: 100%;
}

.career-form-2>textarea,
small {
  width: 100%;
}

textarea {
  border: none;
  border-radius: .5rem;
}

textarea:focus {
  border: none;
  outline: none;
}

textarea::-webkit-input-placeholder {
  font-weight: 300;
  font-size: .95rem;
  color: #b3b2b2;
  font-family: 'Open Sans', sans-serif;
}

textarea::-moz-placeholder {
  font-weight: 300;
  font-size: .95rem;
  color: #b3b2b2;
  font-family: 'Open Sans', sans-serif;
}

textarea:-ms-input-placeholder {
  font-weight: 300;
  font-size: .95rem;
  color: #b3b2b2;
  font-family: 'Open Sans', sans-serif;
}

textarea::-ms-input-placeholder {
  font-weight: 300;
  font-size: .95rem;
  color: #b3b2b2;
  font-family: 'Open Sans', sans-serif;
}

textarea::placeholder {
  font-weight: 300;
  font-size: .95rem;
  color: #b3b2b2;
  font-family: 'Open Sans', sans-serif;
}

@media (min-width: 1440px) {
  .career-head-back>h1 {
    font-size: 5rem;
  }

  .career-head-back>h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 992px) {
  .career-head-back>h1 {
    font-size: 3rem;
  }
}

@media (max-width: 768px) {
  .career-form-1 {
    width: 80%;
    margin: 0 auto;
  }

  .career-form-2 {
    gap: 1rem;
  }

  .career-form-2>div {
    width: 100%;
  }
}

@media (max-width: 572px) {
  .career-form-1 {
    width: 100%;
  }

  .career-head-back>h1 {
    font-size: 2.5rem;
  }
}

/******** career form End *****************/

/******** Trust The Expert Start **********/

.trust-the-expert-1 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  row-gap: 1rem;
}

.trust-the-expert-2 {
  width: 5rem;
  margin: 0 auto;
  border-radius: .8rem;
}

.trust-the-expert-2>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 5rem;
  padding: 0.5rem;
  border: 1px solid #dadada;
  border-radius: .8rem;
}

.trust-the-expert-2>p {
  font-family: myriadPro-Regular !important;
  color: #7a7a7a !important;
  font-size: .9rem;
}

.trust-the-expert-2>div>img {
  object-fit: contain;
  -o-object-fit: contain;
  width: 60%;
  height: 60%;
}

.trust-the-expert-2 p {
  font-weight: 400;
  text-align: center;
  margin-top: 0.5rem;
}

/* @media (min-width: 1400px) {
  .trust-the-expert-1 {
    column-gap: 0.1rem;
    row-gap: 1rem;
  }
  .trust-the-expert-2 {
    width: 6.5rem;
  }
  .trust-the-expert-2 > div {
    padding: 1rem;
    height: 6.5rem;
  }
  .trust-the-expert-2 p {
    font-size: 1.1rem !important;
  }
} */

@media (max-width: 992px) {
  .trust-the-expert-1 {
    width: 90%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    row-gap: 1rem;
  }

  .trust-the-expert-2 {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .trust-the-expert-1 {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 1rem;
  }
}

/***** Trust The Expert End ******************/

/***** Employee Spotlight Start *************/
/*.employee-spotlight-1 {*/
/*  gap: 0.5rem;*/
/*  -webkit-box-pack: center;*/
/*  -ms-flex-pack: center;*/
/*  justify-content: center;*/
/*}*/

/*.employee-spotlight-1>div {*/
/*  width: 15%;*/
/*  height: 27rem;*/
/*  -webkit-transition: width 0.5s linear;*/
/*  -o-transition: width 0.5s linear;*/
/*  transition: width 0.5s linear;*/
/*}*/

/*.employee-spotlight-1>div>img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  -o-object-fit: cover;*/
/*  border-radius: 1rem;*/
/*}*/

/*.employee-spotlight-1>div:hover {*/
/*  width: 42%;*/

/*}*/

/*.employee-spotlight-1>div:hover .employee-spotlight-1>div:nth-child(1)>img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  -o-object-fit: unset;*/
/*  object-fit: unset;*/
/*}*/

@media (max-width: 1400px) and (min-width: 768px) {
  .employee-spotlight-1>div {
    /* height: 30rem !important; */
  }
}

@media (max-width: 768px) {
  .employee-spotlight-1>div {
    width: 48%;
    height: 100%;
    -webkit-transition: width 0.5s linear;
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
  }

  .employee-spotlight-1>div:hover {
    width: 48%;
  }
}

/******* Employee Spotlight End *************/

/*=======================================================================
 ABOUT US END
 ====================================================================*/

/*=======================================================================
 PARTNER  START 
 ========================================================================*/
/*** Page Header Start *************/
.partner-page-header {
  width: 100%;
  height: 100%;
  gap: 4rem;
  padding-top: 10%;
  padding-bottom: 7%;
  background: url(../images/partner/partner-back.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.partner-page-header-text {
  text-align: center;
  position: relative;
  width: 70%;
  max-width: 70rem;
}

.partner-page-header-text>h2 {
  font-size: 1.8rem;
}

.partner-page-header-text>h5 {
  font-size: 1.3rem;
  max-width: 50rem;
  margin: 0 auto;
  margin-top: 2rem;
}

.partner-page-header-text::before {
  content: "\201F";
  position: absolute;
  top: -4rem;
  left: -2rem;
  font-size: 6rem;
  font-weight: bolder;
  color: white;
  display: block;
}

.partner-page-header-text::after {
  content: "\201F";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  position: absolute;
  bottom: 0rem;
  right: -2rem;
  font-size: 6rem;
  font-weight: bolder;
  color: white;
  display: block;
}

.partner-page-header-1 {
  gap: 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.partner-page-header-1>img {
  width: 8rem;
  height: 3.5rem;
  border-radius: .7rem;
}

@media (max-width:572px) {
  .partner-page-header-text {
    width: 80%;
  }

  .partner-page-header-text::before {
    content: "\201F";
    position: absolute;
    top: -2rem;
    left: -2rem;
    font-size: 4rem;
    font-weight: bolder;
    color: white;
    display: block;
  }

  .partner-page-header-text::after {
    content: "\201F";
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    position: absolute;
    bottom: 5rem;
    right: -2rem;
    font-size: 4rem;
    font-weight: bolder;
    color: white;
    display: block;
  }
}

/* @media (min-width:1600px) {
  .partner-page-header-text > h5 {
    font-size: 1.8rem;
  }
} */
/*** Page Header End ***************/

.why-partner-with-us h1 {
  /* font-size: 1.8rem; */
  font-weight: 300 !important;
}

.why-partner-with-us h4,
.why-partner-with-us h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.why-partner-with-us>p {}


@media (min-width: 1400px) {
  .partner-our-services h4 {
    /* font-size: 2.5rem; */
  }

  .why-partner-with-us h1 {
    /* font-size: 3.5rem; */
  }

  .why-partner-with-us h4 {
    /* font-size: 2.5rem; */
  }
}

/**** Parnter Succes Story Start ******************/
.partner-succes-story-container h1 {
  /* font-size: 1.8rem; */
  font-weight: 400;
}

.partner-succes-story-container h1,
.partner-succes-story-container h4 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  /* font-weight:bold ; */

}

.partner-succes-story-container h4 {
  /* font-size: .9rem; */
}

.partner-succes-story-container p {
  /* font-family: Lato-Regular; */
  font-family: "Lato", sans-serif;
  /* font-family: myriadPro-Regular; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* text-shadow: 1px 1px #fff; */
  font-weight: 500;
}

.partner-succes-story {
  border-radius: 1rem;
  overflow: hidden;
  gap: .5rem;
}

.partner-succes-story>div {
  width: calc(50% - .25rem);
}

.partner-succes-story-1-img {
  background-color: #ff6d00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partner-succes-story-1-img>img {
  width: 80% !important;
  height: 80% !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.partner-succes-story>div>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* @media (max-width:992px) {
  .partner-succes-story{
    border-radius: 0rem;
  }
  .partner-succes-story-1-img {
    border-radius: 1rem;
  }
  .partner-succes-story-1-card{
    border-radius: 1rem;
  }
} */
.partner-succes-story-1 {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  -ms-grid-columns: calc(50% - .25rem) 0.5rem calc(50% - .25rem);
  grid-template-columns: calc(50% - .25rem) calc(50% - .25rem);
  gap: 0.5rem;
}

.partner-succes-story-1-card {
  width: 100%;
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partner-succes-story-1-card>p {
  width: 12rem;
}

.partner-spark-rapid-card {
  padding: 1rem 0;
  width: 32%;
  background-color: #ffd5bc;
  border-radius: .8rem;
}

.partner-spark-rapid-card>p {
  width: 80%;
  margin: 0 auto;
}

@media (min-width: 1600px) {
  /* .partner-succes-story-container h1 {
    font-size: 3.5rem;
  }
  .partner-succes-story-container h4 {
    font-size: 2.5rem;
  }
  .partner-succes-story-container p {
    font-size: 1.5rem;
  } */

  .partner-succes-story-1-card {}

}

@media (max-width: 992px) {
  .partner-succes-story {
    row-gap: 0.5rem;
  }

  .partner-succes-story>div {
    width: 100%;
  }

  .partner-spark-rapid {
    row-gap: 1rem;
  }

  .partner-spark-rapid-card {
    width: 48%;
    margin: 0 auto;
  }
}

@media (max-width: 572px) {
  .partner-succes-story-1 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .partner-succes-story-1-card {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .partner-succes-story-1-card>p {}

  .partner-spark-rapid-card {
    width: 100%;
    margin: 0 auto;
  }

  .partner-succes-story-1-card>p {
    /* width: 50%; */
  }
}

.partner-succes-story-2 {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  -ms-grid-columns: calc(50% - .25rem) .5rem calc(50% - .25rem);
  grid-template-columns: calc(50% - .25rem) calc(50% - .25rem);
  -ms-grid-rows: auto .5rem auto;
  grid-template-rows: auto auto;
  gap: .5rem !important;
  padding: 0;

}

.partner-succes-story-2>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;

}

.partner-succes-story-2>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;

}

.partner-succes-story-2>*:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;

}

.partner-succes-story-2>*:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;

}

.partner-succes-story-2-card {
  /* width: calc(50% - 0.25rem); */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;

}

.partner-succes-story-2-card>p {
  width: 12rem;
}

.partner-succes-story-2-card:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;

}

.partner-succes-story-2-card:nth-child(3)>p {
  width: 80%;
}

@media (min-width: 1400px) {
  .partner-succes-story-2-card>p {
    /* width: 17rem; */
  }
}

/* @media (max-width:992px) {
  .partner-succes-story-2-img>img{
    border-radius: 1rem;
  }
  .partner-succes-story-2-card{
    border-radius: 1rem;
  }
} */
@media (max-width: 572px) {
  .partner-succes-story-2 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .partner-succes-story-2>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .partner-succes-story-2>*:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .partner-succes-story-2>*:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .partner-succes-story-2-card:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    /* width: 1/ !important; */
  }

  .partner-succes-story-2-card:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }

  .partner-succes-story-2-card:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }

  .partner-succes-story-2-card>p {
    width: 80%;
  }

  .partner-succes-story-2-card {
    width: 100%;
  }
}


.partner-success-story-3 {
  border-radius: 1rem;
  overflow: hidden;
  gap: .5rem;
}

.partner-success-story-3>div {
  width: calc(50% - .25rem);
}

.partner-success-story-3>div>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.partner-success-story-3-cards {
  gap: 0.5rem;
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  -ms-grid-columns: auto 0.5rem auto 0.5rem auto;
  grid-template-columns: auto auto auto;
  -ms-grid-rows: auto 0.5rem auto;
  grid-template-rows: auto auto;
}

.partner-success-story-3-cards>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.partner-success-story-3-cards>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.partner-success-story-3-cards>*:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.partner-success-story-3-cards>*:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.partner-success-story-3-cards>*:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.partner-success-story-3-cards>*:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

.partner-success-story-3-card {
  width: 100%;
  padding-left: 2rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partner-success-story-3-card:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.partner-success-story-3-card:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.partner-success-story-3-card:nth-child(3) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.partner-success-story-3-card:nth-child(4) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.partner-success-story-3-card>p {
  width: 8rem;
}

/* .partner-success-story-3-card:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  
} */
.partner-success-story-3-card:nth-child(1)>p {
  width: 25rem;
}

@media (min-width: 1440px) {
  /* .partner-success-story-3-card > p {
    width: 13rem;
  }
  .partner-success-story-3-card:nth-child(1) > p {
    width: 30rem;
  } */
  /* .partner-success-story-3-card {
    width: 32.5%;
  } */
}

@media (max-width: 992px) {
  .partner-success-story-3 {
    row-gap: 0.5rem;
    /* border-radius: 0rem; */
  }

  .partner-success-story-3>div {
    width: 100%;
  }

  /* .partner-success-story-3 > div > img{
    border-radius: 1rem;
  }
  .partner-success-story-3-card{
    border-radius: 1rem;
  } */
  /* .partner-success-story-3-card {
    width: 32.5%;
    flex: unset;
  } */
}

@media (max-width: 768px) {}

@media (max-width: 572px) {
  .partner-success-story-3-cards {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }

  .partner-success-story-3-cards>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .partner-success-story-3-cards>*:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .partner-success-story-3-cards>*:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .partner-success-story-3-cards>*:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .partner-success-story-3-card {
    width: 100%;
    padding-left: 0rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-column: 1 !important;
    -ms-grid-column-span: 3 !important;
    grid-column: 1/4 !important;
  }

  .partner-success-story-3-card:nth-child(1) {
    /* grid-column: 1/4; */
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }

  .partner-success-story-3-card:nth-child(2) {
    /* grid-column: 1/2; */
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }

  .partner-success-story-3-card:nth-child(3) {
    /* grid-column: 2/3; */
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }

  .partner-success-story-3-card:nth-child(4) {
    /* grid-column: 3/4; */
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
  }

  .partner-success-story-3-card:nth-child(1)>p {
    width: 80%;
  }
}


.partner-success-story-4-cards {
  gap: .5rem;
}

.partner-success-story-4-card {
  row-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partner-success-story-4-card>p {
  width: 80%;
}

.partner-success-story-4-img {
  background-color: #39b7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partner-success-story-4-img>img {
  width: 80% !important;
}

/* @media (max-width:992px) {
  .partner-success-story-4-card{
    border-radius: 1rem;
  }
  .partner-success-story-4-img{
    border-radius: 1rem;
  }
} */
/************ Parnter Succes Story End **************/

/******** Partner Form Assistance Start *******************/
.partner-assistance {
  background: url(../images/partner/form-back1.jpg) no-repeat;
  background-position: 100% -90%;
  background-size: 50% 120%;
  padding-top: 4rem;
  padding-bottom: 10%;
}

.partner-assistance h4 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
}

.partner-free-assistance-form input,
.partner-free-assistance-form select {
  border: 1px solid #f1f1f1;
}

/* @media (min-width: 1440px) {
  .partner-assistance h4 {
    font-size: 2.5rem;
  }
  .partner-assistance .free-assistance-1 {
    width: 90rem;
  }
  .partner-assistance .free-assistance-1 > form {
    margin-top: 2rem;
  }
  .partner-assistance .free-assistance-1 > div {
    width: 48% !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .partner-assistance .free-assistance-1 > div img {
    width: 80%;
    height: 100%;
  }
  .partner-assistance .free-assistance-form {
    padding: 0;
  }
} */

@media (max-width: 572px) {
  .partner-free-assistance-form>div>div {
    width: 100%;
  }
}

/*********** Partner Form Assistance End **************/
/*=======================================================================
 PARTNER  END
 ======================================================================== */

/*=======================================================================
 ZETTA ACCEL START
 ========================================================================*/

.zettaaccel-page-header {
  background: url(../images/zettaaccel/zetta-accel-back.jpg) no-repeat center;
  background-size: cover;
  padding: 15% 0;
  height: 100%;
}

/* .zettaaccel-page-header-1{
  width: 80%;
} */
.zettaaccel-page-header-img {
  width: 20%;
}

.zettaaccel-page-header-img>img {
  width: 100%;
  height: 100%;
}

.zettaaccel-page-header-text {
  width: 90%;
  max-width: 45rem;
}

.zettaaccel-page-header-text>h1 {
  font-family: Lato-Black;
}

.zettaaccel-page-header-text>h5 {
  font-family: Lato-light;
}

@media (min-width: 1600px) {
  /* .zettaaccel-page-header-text {
    width: 70%;
    max-width: 65rem !important;
  } */
}

@media (max-width: 768px) {

  /* .zettaaccel-page-header-1{
    width: 95%;
  } */
  .zettaaccel-page-header-text {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }
}

/**** What is zetta accel start **********/

/* .what-is-zetta-accel>p{
  max-width: 40rem;
  
} */
.zetta-accel {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border-radius: 1rem;
}

.zetta-accel-1 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 12%;
}

.zetta-accel-1 img {
  width: 50%;
}

.zetta-accel-1:nth-child(3) {
  width: 18%;
}

.zetta-accel-12>p {
  font-size: .9rem;
}

.zetta-accel-12>div {
  background: url(../images/zettaaccel/zetta-accel.png) no-repeat;
  background-size: 100% 50%;
  background-position: center bottom;
  padding-left: 1rem;
  padding-right: 1.3rem;
  padding-bottom: 1.3rem;
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  place-items: center;
}

.zetta-accel-12>div>div {
  row-gap: 1rem;
}

.zetta-accel-12 p {
  line-height: 1;
}

.zetta-accel-13 {
  row-gap: 1.3rem;
}

.zetta-accel-13>div {
  -webkit-column-gap: 1.2rem;
  -moz-column-gap: 1.2rem;
  column-gap: 1.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.zetta-accel-13>div>img {
  width: 40%;
}

@media (max-width: 992px) {
  .zetta-accel {
    row-gap: 2rem;
  }

  .zetta-accel>div {
    width: 40%;
    margin: 0 auto;
  }

  .zetta-accel-12 {
    width: 100% !important;
  }

  .zetta-accel-12>div>div>p {
    max-width: 7rem;
  }
}

/****** What is zetta accel End *******************/

/***** Zetta Accel Why Us Start ******************/
/* .zetta-accel-why-us-container>p{
  max-width: 40rem;
} */
.zetta-accel-why-us {
  row-gap: 3rem;
  margin-top: 5rem !important;
  border-radius: 1rem;
}

.zetta-accel-why-us-1 h2,
.zetta-accel-why-us-1 h4 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.zetta-accel-why-us-1 h2 {
  /* font-weight: 500; */
  /* font-size: 1.6rem; */
}

.zetta-accel-why-us-text {
  width: 55%;
}

.zetta-accel-why-us-img {
  width: 40%;

}

.zetta-accel-why-us-img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 1rem;
}

.zetta-accel-why-us-text p {
  text-align: justify;
}

@media (min-width: 1400px) {
  /* .zetta-accel-why-us-1 h2 {
    font-size: 2.5rem;
  } */
  /* .zetta-accel-why-us-1 h4 {
    font-size: 2rem;
  } */
  /* .zetta-accel-why-us-text {
    width: 55%;
  }
  .zetta-accel-why-us-img {
    width: 40%;
  } */
}

@media (max-width: 992px) {
  .zetta-accel-why-us-1 {
    row-gap: 1rem;
    margin: 0 auto;
  }

  .zetta-accel-why-us-1>div {
    width: 100%;
  }
}

/******* Zetta Accel Why Us End **************/

/******** Zetta Accel Our Blogs Start *********/
/* .zetta-accel-our-blogs .owl-item:hover{
  scale: 1.1;
} */
.zetta-accel-our-blogs {
  overflow-x: hidden;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.owl-carousel .owl-stage-outer {
  overflow: unset !important;
}

.zettaacel-our-blog {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1rem;
  overflow: hidden;
  margin: 0 auto;
  -webkit-box-shadow: 2px 2px 5px #727272;
  box-shadow: 2px 2px 5px #727272;
}

.zettaacel-our-blog>div {
  width: 17rem;
  margin: 0 auto;
}

.zettaacel-our-blog>div:nth-child(1) {
  height: 14rem;
  overflow: hidden;
  background-color: #ffffff;
  /* border: 1px solid #cccccc; */
  border-bottom: none;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

.zettaacel-our-blog>div:nth-child(2) {
  height: 3.5rem;

}

.zettaacel-our-blog>div>p {
  font-family: Lato-Regular;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
  /* font-weight: 500;  */
}

.zettaacel-our-blog>div>img {
  width: 100%;
  height: 100%;
  scale: 1;
  -webkit-transition: scale 0.3s linear;
  -o-transition: scale 0.3s linear;
  transition: scale 0.3s linear;
}

.zettaacel-our-blog:hover img {
  scale: 1.05;
}

@media (min-width: 1600px) {
  /* .zettaacel-our-blog > div:nth-child(2){
    height: 5rem;
  } */
}

@media (min-width: 1400px) {
  /* .zettaacel-our-blog > div {
    width: 23rem;
  } */
  /* .zettaacel-our-blog > div:nth-child(1) {
    height: 19rem;
  } */
  /* .zettaacel-our-blog > div:nth-child(2){
    height: 5rem;
  } */
}

/***** Zetta Accel Our Blogs End ****************/
/*=======================================================================
 ZETTA ACCEL END
 =======================================================================*/

/*=======================================================================
 ZETTA PROF START 
 =======================================================================*/
.zetta-prof-page-header {
  background: url(../images/zettaprof/zetta-prof-back.jpg) no-repeat center;
  background-size: cover;
  padding: 10% 0;
  height: 100%;
}

.zetta-prof-page-header>div {
  row-gap: 1rem;
}

.zetta-prof-page-header .zettaaccel-page-header-text {
  width: 60%;
}

.zettaprof-page-header-img {
  width: 40%;
}

.zettaprof-page-header-img>img {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -webkit-box-shadow: 0px 0px 15px #000;
  box-shadow: 0px 0px 15px #000;
  object-fit: contain;
  -o-object-fit: contain;
}

@media (max-width: 768px) {
  .zettaprof-page-header-img {
    width: 90%;
    margin: 0 auto;
  }

  .zetta-prof-page-header .zettaaccel-page-header-text {
    width: 90%;
  }
}

/***** What is zetta prof start ******************/

.what-zetta-prof>ul {
  /* max-width: 39rem; */

}

.what-zetta-prof-1>div {
  width: 48%;
  height: 100%;
  row-gap: 2rem;
  border-radius: 1rem;
}

.what-zetta-prof-1>div:nth-child(1)>div img {
  width: 80%;
  height: 60%;
}

.what-zetta-prof-1>div:nth-child(2)>div img {
  width: 80%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}

@media (max-width: 572px) {
  .what-zetta-prof-1 {
    row-gap: 2rem;
  }

  .what-zetta-prof-1>div {
    width: 100%;
  }
}

.zetta-prof-container img {
  -o-object-fit: contain;
  object-fit: contain;
}

/****** What is zetta prof End ******************/

/******* Zetta Prof Table Start ******************/
.zetta-prof-table-container {
  border-radius: 1rem;
}

.zetta-prof-table-heading {
  width: 100%;
  border-bottom: 1px solid #b3daa9;
}

.zetta-prof-table-heading-1 {
  width: 25%;
  border-right: 1px solid #88c377;
}

.zetta-prof-table-heading-1>div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.zetta-prof-table-heading-12 {
  width: 75%;
}

.zetta-prof-table-heading-2 {
  height: 100%;
}

.zetta-prof-table-heading-2>div {
  width: 16.65%;
  height: 100%;
  border-right: 1px solid #88c377;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.zetta-prof-table-heading-1>div>p,
.zetta-prof-table-heading-2>div>p {
  font-family: Lato-Medium !important;
}

.zetta-prof-table-data-1 {
  background-color: #c7e7bf;
}

.zetta-prof-table-data-1 p {
  font-family: Lato-Regular !important;
}

@media (max-width: 768px) {
  .zetta-prof-table {
    width: 100%;
    overflow: scroll;
  }

  .zetta-prof-table-heading {
    width: 60rem;
  }
}

/****** Zetta Prof Table End **********************/



/*========================================================================
 ZETTA PROF END
 ========================================================================*/


/*=======================================================================
 AI ML Start 
 ========================================================================*/
/**** AI ML Page Header Start **********************/
.ai-ml-page-header {
  background: url(../images/ai-ml/ai-ml-back.jpg) no-repeat center;
  background-size: cover;
  padding: 15% 0;
  height: 100%;
}

/* @media (min-width: 1400px) {
  .ai-ml-page-header .zettaaccel-page-header-text {
    width: 46rem;
  }
  .ai-ml-page-header h1 {
    font-size: 3rem;
  }
  .ai-ml-page-header h5 {
    font-size: 1.8rem;
  }
} */

@media (max-width: 1400px) and (min-width: 768px) {
  .ai-ml-page-header .zettaaccel-page-header-text {
    width: 38rem;
  }
}

/***** AI ML Page Header Start ****************/

/***** AI ML Why us Start *********************/

.ai-ml-why-us {
  row-gap: 6rem;

}

.ai-ml-why-us-text {
  padding: 2rem;
  width: calc(55% - .25rem);
}

.ai-ml-why-us-text p {
  text-align: justify;

}

.ai-ml-why-us-img {
  width: calc(45% - .25rem);
}

.ai-ml-why-us-img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ai-ml-why-us-1 {
  border-radius: 1rem;
  overflow: hidden;
  gap: .5rem;
}

.ai-ml-why-us-1 h2,
.ai-ml-why-us-1 h4 {
  /* font-family: swiss; */
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.ai-ml-why-us-1 h2 {

  /* font-size: 1.6rem; */
}


/* @media (min-width: 1400px) {
  .ai-ml-why-us-1 h2 {
    font-size: 2.6rem;
  }
  .ai-ml-why-us-1 h4 {
    font-size: 2.2rem;
  }
} */

@media (max-width: 992px) {
  .ai-ml-why-us-1>div {
    width: 100%;
  }
}

@media (max-width: 572px) {
  .ai-ml-why-us-text {
    padding: 0.8rem;
  }
}

/**** AI ML Why us End **********************/
/*========================================================================
 AI ML END
 ======================================================================*/

/*=======================================================================
 GRAPH START 
 ========================================================================*/
.graph-page-header {
  background: url(../images/homepage/carousel-1.jpg) no-repeat center;
  background-size: cover;
  padding: 15% 0;
  height: 100%;
}

.graph-why-us>.ai-ml-why-us-1 {
  border-radius: 1rem;
  overflow: hidden;
}

/*=======================================================================
 GRAPH END 
 ========================================================================*/

/*=======================================================================
 SEMICON START 
 ========================================================================*/
.semicon-page-header {
  background: url(../images/semicon/semicon-back.jpg) no-repeat center;
  background-size: cover;
  padding: 17% 0;
  height: 100%;
}

.semicon-page-header .zettaaccel-page-header-text {
  max-width: 28rem;
}

@media (min-width:1600px) {
  /* .semicon-page-header .zettaaccel-page-header-text{
    max-width: 40rem !important;
  } */
}

/*=======================================================================
 SEMICON END 
 =======================================================================*/

/*=======================================================================
 SPARK START 
 =======================================================================*/
.spark-page-header {
  background: url(../images/spark/spark-back.jpg) no-repeat;
  background-size: cover;
  padding: 17% 0;
  height: 100%;
}

.spark>div {
  width: 33%;
}

.spark h5 {
  font-family: swiss;
}

.spark-img>img {
  width: 100%;
  height: 100%;
}

/*========================================================================
 SPARK END 
 ========================================================================*/

/* =======================================================================
 BI AND ANALYTICS Start
 ========================================================================== */
.bi-analytics-page-header {
  background: url(../images/BI-&-DataAnalytics/page-header.webp) no-repeat;
  background-size: cover;
  padding: 15% 0;
  height: 100%;
}

.bi-analytics-page-header .zettaaccel-page-header-text {
  max-width: 28rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* align-items: center; */
}

.what-zettabolt-offers-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, 20rem) 1rem minmax(auto, 20rem) 1rem minmax(auto, 20rem);
  grid-template-columns: repeat(3, minmax(auto, 20rem));
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 3rem;
  margin-top: 3rem;
}

.what-zettabolt-offers-grid>div {
  width: 100%;
  height: 100%;
  padding: 2rem 0.5rem;
  padding-bottom: 0;
  position: relative;
}

.what-zettabolt-offers-box>.what-zettabolt-offers-text {
  background-color: #ebffe6;

  padding-top: .5rem;
  padding-left: 2rem;
  padding-right: .5rem;
  min-height: 18rem;
  height: 100%;
  border-radius: 10px;
}

.what-zettabolt-offers-box>.what-zettabolt-offers-text>h3 {
  font-weight: 400;
}

.what-zettabolt-offers-img-1 {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: -0.5rem;
  right: -0.3rem;
}

.what-zettabolt-offers-img-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: 3rem;
  height: 7.5rem;
  position: absolute;
  top: 3.5rem;
  left: -1.1rem;
}

.what-zettabolt-offers-grid>div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}

@media (max-width:992px) {
  .what-zettabolt-offers-grid {
    -ms-grid-columns: minmax(auto, 18rem) 2rem minmax(auto, 18rem);
    grid-template-columns: repeat(2, minmax(auto, 18rem));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}

@media (max-width:572px) {
  .what-zettabolt-offers-grid {
    -ms-grid-columns: (minmax(auto, 18rem));
    grid-template-columns: repeat(1, minmax(auto, 18rem));
  }
}

.our-tech-stack-container {
  margin-bottom: 2rem;
}

.our-tech-stack-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  row-gap: 1.5rem;
}

.our-tech-stack-1 {
  max-width: 12rem;
}

.our-tech-stack-1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}

@media (max-width:572px) {
  .our-tech-stack-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .our-tech-stack-1 {
    max-width: 15rem;
    width: 90%;
  }
}

.bi-analytics-img-grid {
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto .5rem auto;
  grid-template-columns: repeat(2, auto);
  gap: .5rem;
}

.bi-analytics-img-grid>div>img {
  width: 100%;
  height: 100%;

}

.bi-analytics-img-1 {
  background-color: #d8f7fd !important;
}

.bi-analytics-img-1>img {
  width: 100%;
  height: 100%;
  /* aspect-ratio: 3/2 !important; */
  object-fit: contain !important;
  object-position: center !important;
  -o-object-fit: contain !important;
  -o-object-position: center;
}

.bi-analytics-img-grid-2 {
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto .5rem auto .5rem auto;
  grid-template-columns: repeat(3, auto);
  gap: .5rem;
}

.bi-analytics-img-grid-2>div>img {
  width: 100%;
  height: 100%;
  ;
}

.data-stack {
  width: 100%;
}

.data-stack img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}

/* =======================================================================
 BI AND ANALYTICS END
 ========================================================================== */

/* =======================================================================
 DS AND AI ML START
 ========================================================================== */

.ds-ai-ml-page-header {
  background: url(../images/DataScience-&-AI-ML/ds-page-header.WEBP) no-repeat;
  background-size: cover;
  padding: 15% 0;
  height: 100%;
  padding-top: 17%;
}

.ds-ai-ml-page-header .zettaaccel-page-header-text {
  max-width: 37rem;
}

.what-zettabolt-offers-grid-1>div {
  height: 17rem !important;
}

.ds-aiml-img-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto .5rem auto;
  grid-template-columns: repeat(2, auto);
  gap: .5rem;
  height: 100%;

}

.ds-aiml-img-grid-img {
  background-color: #d8f7fd !important;
}

.ds-aiml-img-grid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  -o-object-fit: contain;
  -o-object-position: center;
}



/* =======================================================================
 DS AND AI ML START
 ========================================================================== */

/* =======================================================================
 CLOUD START
 ========================================================================== */

.cloud-page-header {
  background: url(../images/cloud/cloud-page-header.webp) no-repeat;
  background-size: cover;
  padding: 15% 0;
  height: 100%;
}

.cloud-page-header .zettaaccel-page-header-text {
  max-width: 28rem;
}

.clouds-why-us-text-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 2.1rem) 2rem 2px 2rem calc(50% - 2.05rem);
  grid-template-columns: calc(50% - 2.1rem) 2px calc(50% - 2.05rem);
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.clouds-why-us-text-grid-img {
  width: 100%;

  display: -ms-grid;

  display: grid;
  -ms-grid-columns: auto 1rem auto 1rem auto;
  grid-template-columns: repeat(3, auto);
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  margin-top: 1rem;
}

.clouds-why-us-text-grid-img>img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.clouds-why-us-text-grid-img-2 {
  gap: 1rem;
  margin-top: 1rem;
}

.clouds-why-us-text-grid-img-2>img {
  width: 30%;
  aspect-ratio: 3/2;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.clouds-why-us-text-grid-img-3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 2rem auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: .5rem;
  margin-top: 1rem;
}

.clouds-why-us-text-grid-img-3>img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}


/* =======================================================================
 CLOUD END
 ========================================================================== */


/*=======================================================================
 CONTACT START 
 ========================================================================*/
.contact-page-header {
  background: url(../images/contact/contact-back.jpg) no-repeat center;
  background-size: cover;
  padding: 17% 0;
  border-radius: 1rem;
  height: 100%;
}

.contact-page-header h5 {
  margin-bottom: 2rem;
}

.contact-page-header a {
  margin-top: 5rem !important;
  margin-left: 0.5rem;
}

/* .contact-form-img {
  width: 48%;
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  place-items: center;
}
.contact-form-img > img {
  width: 70%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
.contact-form-1 {
  width: 48%;
  row-gap: 1rem;
}
.contact-form-12 > input {
  border: 1px solid #d7f6ff;
}
.contact-form-12 > textarea {
  border: 1px solid #d7f6ff;
  resize: none;
}

@media (max-width: 992px) {
  .contact-form-1 {
    width: 100%;
  }
  .contact-form-img {
    width: 100%;
  }
  .contact-form-img > img {
    width: 60%;
    height: 80%;
  }
} */

.contact-form {
  gap: 1rem;
}

.contact-form-1 {
  gap: 2rem;
}

.contact-form-1>div {
  width: calc(50% - 1rem);
}

.contact-form-12 label {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.05rem;
}

.contact-form-12 input {
  width: 100%;
  border: 1px solid #d7d7d7;
  background-color: #fafafd;
  padding: .3rem .9rem;
  border-radius: .3rem;
}

.contact-form-12 select {
  width: 100%;
  border: 1px solid #d7d7d7;
  background-color: #fafafd;
  padding: .3rem .9rem;
  border-radius: .3rem;
  font-family: 'Open Sans', sans-serif;
}

.contact-form-12 select option {
  font-family: 'Open Sans', sans-serif;
}

.contact-form-12 select option {
  color: black;
}

.contact-form-12 select option:first-child {
  color: #b3b2b2;
}

.contact-form-12 textarea {
  width: 100%;
  border: 1px solid #d7d7d7;
  background-color: #fafafd;
  padding: .3rem .9rem;
  border-radius: .3rem;
}

.contact-form-12 small {
  color: red;
}

.contact-form>#applySubmitBtn {
  font-family: 'Open Sans', sans-serif;
}

/* .contact-form> #applySubmitBtn{
  background-color: #31b4cb;
  padding: .3rem 1rem;
  border-radius: .3rem;
  font-family: 'Open Sans', sans-serif;
  color: white;
}
.contact-form> #applySubmitBtn:hover{
  background-color: #0199b4;
} */
@media (max-width:572px) {
  .contact-form-1 {
    gap: 1rem;
  }

  .contact-form-1>div {
    width: 100%;
  }
}


.location-zettabolt {
  position: relative;
  /* margin-top: -1.5rem; */
}

.location-zettabolt>iframe {
  width: 100%;
  border-radius: 1rem;
}

.location-details-1 {
  /* width: 33%; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 0.6rem;
  max-width: 19rem;
  /* border: 1px solid black; */
  /* margin: 0 auto; */
}

.location-details-1>img {
  width: 1rem;
  object-fit: contain;
  -o-object-fit: contain;
}



@media (max-width: 768px) {
  .location-details {
    row-gap: 2rem;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .location-details-1 {
    width: 40%;
    margin: 0 auto;
  }
}

@media (max-width: 572px) {
  .location-details-1 {
    width: 22rem;
  }
}

/*========================================================================
 CONTACT END 
 =========================================================================*/

/*========================================================================
 RESOURCE START
 =========================================================================*/

.resource-page-header {
  background: url(../images/resources/resources-back-img.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 5% 0 40% 0;
  height: 100%;
}

.filter-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.filter-btn>div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding-bottom: 0.5rem;
}

.filter-btn>div>h5 {
  color: #606060;
  font-size: 1.1rem;
  font-weight: bolder;
}

.filter-btn>div>div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.filter-btn>div span {
  width: 1.3rem;
  height: 2px;
  border-radius: 2px;
  background-color: #606060;
}

.filter-btn-click {
  width: 6.5rem;
  padding: 0;
  list-style: none;
  position: absolute;
  /* left: 8rem; */
  border-radius: .3rem;
  z-index: 3;
  display: none;
  -webkit-animation: down 0.3s linear 1;
  animation: down 0.3s linear 1;
  background-color: #e0e0e0a9;
}

.filter-btn:hover .filter-btn-click {
  display: block;
}

.filter-btn-1 {
  padding: 0.5rem 1rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  /* font-size: .95rem; */

}

.filter-btn-1:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.176);
}

.filter-btn-1:hover {
  /* color: #31b4cb; */
  font-weight: bold;
}

.filter-btn-click>hr {
  margin: 0 !important;
}

.resource-blog-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 2rem auto 2rem auto;
  grid-template-columns: auto auto auto;
  /* justify-content: space-between; */
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 3rem;
}

.resource-blog {
  width: calc (33% - 2rem / 3);
  height: 100%;
  /* max-height: 25rem; */
  cursor: pointer;


}

.resource-blog-img {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  place-items: center;
  background-color: #ffffff;
  overflow: hidden;
  height: 20rem;
  min-height: 20rem;
  border-radius: 1rem;
  /* border: 1px solid #a2a2a2; */
  -webkit-box-shadow: 2px 2px 5px #949494;
  box-shadow: 2px 2px 5px #949494;
}

.resource-blog-img img {

  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  scale: 1;
  -webkit-transition: scale 0.2s linear;
  -o-transition: scale 0.2s linear;
  transition: scale 0.2s linear;
}

.resource-blog:hover .resource-blog-img>img {
  scale: 1.05;
}

.resource-blog-img>iframe {
  width: 100%;
  height: 100%;
  /* max-width: 935px; */

}

.resource-blog-text {
  padding: 0.5rem 0;
}

.resource-blog-text>p {
  color: black;
  font-weight: 700;
  /* font-family: Lato-Regular; */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
}

@media (max-width:992px) {
  .resource-blog-container {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    row-gap: 8rem;
  }
}

@media (max-width:572px) {
  .resource-blog-container {
    -ms-grid-columns: 80%;
    grid-template-columns: 80%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 5rem;
  }

  .resource-blog-img {
    height: 18rem;
    min-height: 15rem;
  }
}


/************** Jobs page style *******************************************/
.jobs-page {
  padding: 20px;
}

.jobs-page .banner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.jobs-page .banner-img {
  width: 48%;
  height: auto;
  margin: 0 10px;
  /* Added margin */
}

.jobs-page h5 {
  text-align: center;
  margin-bottom: 40px;
}

.job-listings {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.job-listing {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.job-listing h3 {
  margin-top: 0;
  color: #333;
}

.job-listing p {
  margin: 10px 0;
  color: #666;
}

@media (max-width: 992px) {
  .jobs-page .banner {
    flex-direction: column;
  }

  .jobs-page .banner-img {
    width: 100%;
    margin: 10px 0;
    /* Adjusted for mobile view */
  }
}


/* Apply now button */

.apply-now-button {
  background-color: #005B96;
  /* Dark blue background */
  color: #FFFFFF;
  /* White text */
  padding: 10px 20px;
  /* Button padding */
  border: none;
  /* Remove default border */
  border-radius: 5px;
  /* Rounded corners */
  cursor: pointer;
  /* Pointer cursor on hover */
  text-decoration: none;
  /* Remove underline */
  font-size: 16px;
  /* Font size */
}

.apply-now-button:hover {
  background-color: #004080;
  /* Darker blue on hover */
}


/* Supply Chain Dashboard Section Start*/
.supply-chain-dashboard {
  margin-top: 0rem;
  margin-bottom: 3rem;
  max-width: 1200px;
  /* Consistent with other sections */
}

.supply-chain-dashboard .d-flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.supply-chain-dashboard .w-80 {
  width: 80%;
  max-width: 800px;
  /* Limit intro text width */
}

.section-content p,
.section-content li,
.section-content em {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  color: #000000;
  /* Matches text-dark-light */
  line-height: 1.5;
}

.section-title {
  font-family: "Catamaran", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #0f4761;
  /* Matches document color */
  /*margin-bottom: 15px;*/
}

.sub-section-title {
  font-family: "Catamaran", sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  /*margin-bottom: 10px;*/
}

.section-content ul {
  padding-left: 20px;
  /*margin-bottom: 15px;*/
}

.section-content ul li {
  /*margin-bottom: 8px;*/
}

.section-content .sub-list {
  padding-left: 30px;
  list-style-type: circle;
}

.section-content table {
  width: 100%;
  /*margin-bottom: 15px;*/
}

.section-content table th,
.section-content table td {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.9rem;
  color: #000000;
  padding: 10px;
  vertical-align: middle;
}

.section-content table th {
  background-color: #f5f5f5;
  color: #000000;
  font-weight: 600;
}

.section-content table td strong {
  color: #000000;
}

.dashboard-screenshot img {
  width: 100%;
  max-width: 601px;
  /* Original width from document */
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.supply-chain-cta {
  /*margin-top: 2rem;*/
}

.supply-chain-cta p {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  color: #000000;
  /*margin-bottom: 15px;*/
}

.btn-primary-cta {
  background-color: #28ABE3;
  /* Primary color from your site */
  border: none;
  border-radius: 20px;
  transition: background-color 0.3s ease;
}

.btn-primary-cta:hover {
  background-color: #1e87b3;
  /* Darker shade on hover */
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .dashboard-screenshot img {
    max-width: 100%;
    /* Full width on smaller screens */
  }
}

/* Supply Chain Dashboard Section Start*/
/*========================================================================
 RESOURCE END 
 =========================================================================*/