@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

body {
   font-family: "Inter", sans-serif;
}
* {
  margin: 0;
  box-sizing: border-box;
}
:before,
:after {
  box-sizing: border-box;
}
.container { 
  margin: auto;
}
.container {
        width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}
 
.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

header#fixed_header {
    padding: 15px 0px;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.v-center {
  align-items: center;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
/* header */
.header {
  display: block;
  width: 100%;
  position: relative;
  z-index: 99;
  padding: 15px;
}
.header .item-left {
  flex: 0 0 17%;
}
.header .logo a {
  font-size: 30px;
  color: #000000;
  font-weight: 700;
  text-decoration: none;
}
.header .item-center {
  flex: 0 0 71%;
}
.header .item-right {
  flex: 0 0 12%;
  display: flex;
  justify-content: flex-end;
}
.logo {
    width: 200px;
}

.logo img {
    width: 100%;
}

ul.menu-main {
    text-align: right;
}
 
.header .menu > ul > li {
  display: inline-block;
  line-height: 50px;
  margin-left: 30px;
}
.header .menu > ul > li > a {
  font-size: 1rem;
  font-weight: 500; 
  color: #000 !important;
  position: relative;
  text-transform: capitalize;
  transition: color 0.3s ease;
}
.header .menu > ul > li > a:hover { 
color: #000 !important;
}
.header .menu > ul > li .sub-menu {
  position: absolute;
  z-index: 500;
  background-color: #ffffff;
  box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
  padding: 20px 30px;
  transition: all 0.5s ease;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
}
.desk_none {
    display: none;
  }
@media (min-width: 992px) {
 
  .header .menu > ul > li.menu-item-has-children:hover .sub-menu {
    
    visibility: visible;
    opacity: 1;
  }
}
.header .menu > ul > li .sub-menu > ul > li {
  line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a {
  display: inline-block;
  padding: 14px 0;
  font-size: 1rem;
  color: #555555;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu {
  min-width: 220px;
  max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {
  line-height: 1;
  display: block;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
  padding: 10px 0;
  display: inline-block;
  font-size: 1rem;
  color: #555555;
  transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu {
  left: 50%;
  transform: translateX(-50%);
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 {
  max-width: 1400px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 35px 25px;
  margin-top: 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
  flex: 0 0 25%;
  padding: 0 20px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {
  font-size: 1rem;
  color: #0b5eec;
  font-weight: 500;
  line-height: 1;
  padding: 10px 0;
}
.header
  .menu
  > ul
  > li
  .sub-menu.mega-menu-column-4
  > .list-item.text-center
  .title {
  text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  margin-top: 10px;
  height: 300px;
  object-fit: cover;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a {
  color: #fff;
}
/* banner section */
.banner-section {
  background-image: url("../img/banner.jpg");
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger {
  display: none;
}

/*responsive*/
@media (max-width: 991px) {
   
  .header .item-center {
    order: 3;
    flex: 0 0 100%;
  }
  .header .item-left,
  .header .item-right {
    flex: 0 0 auto;
  }
  .v-center {
    justify-content: space-between;
  }
  .header .mobile-menu-trigger {
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .header .mobile-menu-trigger span {
    display: block;
    height: 2px;
    background-color: #fff;
    width: 24px;
    position: relative;
  }
  .header .mobile-menu-trigger span:before,
  .header .mobile-menu-trigger span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }

header.header.fixed-header .mobile-menu-trigger span {
    background-color: #000;
}

header.header.fixed-header .mobile-menu-trigger span:before, header.header.fixed-header .mobile-menu-trigger span:after {
    background-color: #000;
}
.header .menu > ul > li > a {
    color: #000 !important;
    text-align: left;
}

 
  .header .mobile-menu-trigger span:before {
    top: -6px;
  }
  .header .mobile-menu-trigger span:after {
    top: 6px;
  }
  .header .item-right {
    align-items: center;
  }

  .header .menu {
    position: fixed;
    width: 320px;
    background-color: #ffffff;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    transition: all 0.5s ease;
    z-index: 1099;
  }
  .header .menu.active {
    transform: translate(0%);
  }
  .header .menu > ul > li {
    line-height: 1;
    margin: 0;
    display: block;
  }
  .header .menu > ul > li > a {
    line-height: 50px;
    height: 50px;
    padding: 0 50px 0 15px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .header .menu > ul > li > a i {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
    transform: rotate(-90deg);
  }
  .header .menu .mobile-menu-head {
    display: flex;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: sticky;
    background-color: #ffffff;
    top: 0;
  }
  .header .menu .mobile-menu-head .go-back {
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
            color: #fff !important;
        background-color: #404e72;
    font-size: 1rem;
    display: none;
  }
  .header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu {
    padding-bottom: 100px !important;
}
  .header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu {
    padding-bottom: 85px;
    bottom: 36px !important;
}


  .header .menu .mobile-menu-head.active .go-back {
    display: block;
  }
  .header .menu .mobile-menu-head .current-menu-title {
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
  }
  .header .menu .mobile-menu-head .mobile-menu-close {
    height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    background-color: #f04f40;
  }
  .header .menu .menu-main {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .header .menu > ul > li .sub-menu.mega-menu,
  .header .menu > ul > li .sub-menu {
    visibility: visible;
    opacity: 1;
    position: absolute;
    box-shadow: none;
    margin: 0;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    max-width: none;
    min-width: auto;
    display: none;
    transform: translateX(0%);
    overflow-y: auto;
  }
  .header .menu > ul > li .sub-menu.active {
    display: block;
  }
  @keyframes slideLeft {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  @keyframes slideRight {
    0% {
      opacity: 1;
      transform: translateX(0%);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {
    margin-top: 0;
  }
  .header
    .menu
    > ul
    > li
    .sub-menu.mega-menu-column-4
    > .list-item.text-center
    .title {
    margin-bottom: 20px;
  }
  .header
    .menu
    > ul
    > li
    .sub-menu.mega-menu-column-4
    > .list-item.text-center:last-child
    .title {
    margin-bottom: 0px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
    flex: 0 0 100%;
    padding: 0px;
  }
  .header .menu > ul > li .sub-menu > ul > li > a,
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    display: block;
  }
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 15px;
  }
  .menu-overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
  }
  .menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 600px) {
.header-item.item-right a, .header-item.item-left {
    zoom: 70%;
}
}





.list-item {
    text-align: left;
}

.header .menu > ul > li .single-column-menu {
    text-align: left;
}
 
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	color: #000 !important;
}
.header .menu > ul > li .sub-menu > ul > li > a {
    color: #000 !important;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title a {
    color: #0b5eec;
    line-height: 25px;
    font-size: 1rem;
}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    font-size: 1rem;
    line-height: 26px;
    padding: 6px 0px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title:nth-child(3) {
    margin-top: 35px;
}
  
.header .menu > ul > li > a i {
    font-size: 13px;
    padding-left: 1px;
}
.row.v-center {
    padding: 0px 0px;
}
 
header.header.fixed-header {
    position: fixed;
    background-color: #fff;
}

header.header.fixed-header .header-item.item-center a {
    color: #000;
}

header.header  {
    box-shadow: 0px 0px 9px rgb(0 0 0 / 17%);
}
header.header .logo1{
  opacity: 1;
}
 
header.header.fixed-header  .logo1{
      opacity: 0;
}
header.header.fixed-header .logo2 {
      opacity: 1;
}
 .logo img {
    position: absolute;
    top: -21px;
}

.logo {
    position: relative;
}
 

.logoss img {
    width: 100%;
}




 /* Hero Section */
    .hero {
      position: relative; 
      display: flex;
      align-items: center;
      justify-content: left;
      text-align: left;
      padding: 0px 0px;
    }
section.hero {
        color: #fff;
    height: 100%;
    position: relative;
    overflow: hidden; 
}
 
    .hero video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -100; 
    }

    .hero-content {
      flex: 1;
      max-width: 60%;
    }
.right_img {
    display: none;
}
    .hero-content h4 {
      font-size: 18px;
      font-weight: 400;
      margin-bottom: 10px;
    }

    .hero-content h1 {
    font-size: 44px;
    letter-spacing: 1px;
      line-height: 1.3;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .hero-content p {
      font-size: 18px;
      margin-bottom: 25px;
    }
 a.blue, a.red {
     padding: 10px 25px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s;
    font-size: 1rem; 
    color: #fff;
    text-align: center;
    min-width: 140px !important;
    max-width: 225px;
    display: block;
    line-height: 25px;
    }

    a.blue {
      background: #0F72B9;
      color: #fff;
    }
    a.blue:hover {
      background: #0b6ca9;
    }
    a.red {
      font-weight: 400; 
      background-color: #f04f40; 
    }

    a.red:hover {
      background: #d93b2d;
    }
.header-item.item-right a {
    min-width: 100px;
    line-height: 30px;
}
    /* Features Box */
    .features {
      background: #fff;
      color: #000;
      border-radius: 15px;
      padding: 40px;
      max-width: 500px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px 20px;
      margin-left: 40px;
    }

    .feature {
      text-align: left;
    }

    .feature h3 {
      font-size: 18px;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .feature p {
      font-size: 14px;
      color: #444;
    }

    /* Counters Section */
    .counters {
      position: relative;
      background: #1d34e561;
      padding: 40px 10%;
      display: flex;
      justify-content: space-around;
      text-align: center;
      backdrop-filter: blur(6px);
    }

    .counter-box {
      flex: 1;
    }

    .counter {
      font-size: 32px;
      font-weight: bold;
    }

    .counter-text {
      font-size: 16px;
      margin-top: 10px;
    }
.hero-content {
    position: relative;
    z-index: 9;
}

.features {
    position: relative;
    z-index: 9999999;
}

.hero-content {
    color: #fff;
}

.hero-content h1 {
    margin: 20px 0px;
}

.hero-content p {
    font-size: 1.3rem;
    margin-bottom: 30px;
    width: 70%;
    line-height: 30px;
}

 
section.hero {
        color: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, #2b14ebd9, #972be94a);
 
}

 

section.counters {
    z-index: 999;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background-color: transparent !important;
    padding: 25px 10px;
}

.counter {
    letter-spacing: 2px;
}
.banner_sec {
    height: 100vh;
}
section.hero {
padding-top: 7rem;
    padding-bottom: 16rem;
}

.hero-content {
    zoom: 110%;
}
.counter-text {
    text-align: center;
}
.counter_percent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter_percent span {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    top: -3px;
}
.counter_percent.first span {
    top: 0px;
}
.right_img {
    flex: 1;
    max-width: 50%;
}

.right_img img {
    width: 100%;
}
section.hero .container {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    padding: 0px 0px;
    height: 100%;
        width: 100%;
}
 
.counters {
    padding: 0px !important;
}

.counters .container {
    position: relative;
    padding: 25px 0px !important;
    display: flex;
    justify-content: space-around;
    text-align: center;
    color: #fff;
    width: 100%;
}

.counters {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgb(20 115 199 / 22%);
}
 .textcenter {
    text-align: center;
}

.testimonial-quote {
    font-size: 1rem;
}
    /* Responsive */
    @media (max-width: 900px) {
      .left_content {
    position: unset !important;
      }
      .hero {
        flex-direction: column;
        padding: 20px;
        height: auto;
      }
      .hero-content, .features {
        max-width: 100%;
        margin: 20px 0;
      }
      .features {
        grid-template-columns: 1fr;
      }
    }
 
@media screen and  (min-width: 1650px) and (max-width: 2000px)  {

  .container {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto
  }
.header .menu > ul > li .sub-menu.mega-menu-column-4 {
  max-width: 1500px;
   margin-top: 15px !important;
}
 h3.mediamsize {
     line-height: 55px;
 }

  .hero-content {
    zoom: 120%;
  }
  a.red {
  zoom: 110%;
  }
  .hero-content .red {
    max-width: 240px !important;
    line-height: 28px;
}
  .hero-content a {
  zoom: 90%;
  }

  .header .menu > ul > li > a {
  font-size: 1rem;
  }
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title, .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
  font-size: 1rem;
}
  .header-item.item-right a {
  zoom: 100%;
  }

  .feature-card {
    grid-template-columns: 2fr 1fr !important;
    text-align: left;
}
.feature-card.right { 
    grid-template-columns: 1fr 2fr !important;
    text-align: left;
}

}

@media screen and  (min-width: 1200px) and (max-width: 1450px)  {

  .container {
  width: 100%; 
  margin-left: auto;
  margin-right: auto;
  zoom: 85%;
  } 

section.hero {
    padding-top: 10rem;
    padding-bottom: 11rem;
}

}

@media screen and  (min-width: 1450px) and (max-width: 1550px)  {

  .container {
  width: 100%; 
  margin-left: auto;
  margin-right: auto;
  zoom: 95%;
  } 

section.hero {
    padding-top: 12rem;
    padding-bottom: 13rem;
}

}






/* Aboutus Section */
.aboutus {
align-items: center;
gap: 75px;
padding: 120px 0px 80px;
display: grid;
grid-template-columns: 1fr 1fr;
}

.aboutus iframe {
    height: 420px;
    padding: 10px;
    box-shadow: 0 0 10px 1px #ccc;
    border-radius: 8px;
}

.about_content {
    color: #1B1C1E;
}

h6.small_word {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

 h3.mediamsize {
    font-size: 2.4rem;
    margin-bottom: 25px;
    line-height: 50px;
    font-weight: 600;
}

 p.lightsize {
    font-size: 1.4rem;
        font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
    text-align: justify;
}

section.core_features p.lightsize {
    text-align: center;
}

.card h3.mediamsize {
    font-size: 1.8rem;
}
     /* Core Section */

     
    .core_features h2 {
      font-size: 2rem;
      text-align: center;
      margin-bottom: 0.5rem;
    }

    p.subtitle {
      text-align: center;
      font-size: 1rem;
      margin-bottom: 3rem;
      color: #555;
    }

    .feature-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 2rem;
      background: var(--bg-light);
      border-radius: var(--radius);
      padding: 2rem;
      margin-bottom: 2rem;
      box-shadow: var(--shadow);
    }

    .feature-card img {
      width: 100%;
      border-radius: var(--radius);
    }

    .feature-content h3 {
      font-size: 1.8rem;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .feature-content p {
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 1.5rem;
    }

     
    .specialized h4 {
      font-size: 1.1rem;
      margin-bottom: 0.5rem;
    }

    .specialized ul {
      list-style: none;
      padding: 0;
      margin: 0;
     column-count: 2;
      gap: 0.5rem;
    }

    .specialized ul li {
      font-size: 0.95rem;
      position: relative;
      padding-left: 1rem;
    }

    .card-content p {
    font-size: 18px !important;
    text-align: justify !important;
}

.card {
    box-shadow: 0 0 6px 2px #cccccc69 !important;
    border-radius: 17px !important;
}

.card .specialized ul {
    column-count: 1;
}
section.card_sectn {
    padding-bottom: 100px;
}


    .btn {
      display: inline-block;
      padding: 0.8rem 1.5rem;
      background: #ef4444;
      color: #fff;
      text-decoration: none;
      border-radius: 0.5rem;
      font-size: 1rem;
      transition: background 0.3s;
    }

    .btn:hover {
      background: #dc2626;
    }
section.core_features {
    text-align: center;
}

.feature-card {
    box-shadow: 0 0 20px 1px #dadada;
    border-radius: 15px;
    padding: 50px;
    gap: 70px;
    grid-template-columns: 1.5fr 1fr;
    text-align: left;
}
.feature-card.right { 
    grid-template-columns: 1fr 1.5fr ;
    text-align: left;
}


.feature-card p, .feature-card li {
    font-size: 18px !important;
    text-align: justify !important;
}
 
h3.lightsize b {
    font-family: "Inter", sans-serif;
    font-weight: 600;
}
.small_img {
    height: 65px;
    width: 65px;
    background-color: #8881DF;
    padding: 15px;
    border-radius: 50%;
    margin-bottom: 15px;
}
.feature-card.right .small_img {
    background-color: #ECD071; 
}
.specialized ul li {
    line-height: 35px;
}
.specialized ul li {
    list-style: none;
    margin-left: 0px;
}
.specialized ul li:before {
    content: "\f111";
    position: absolute;
    font-size: 8px;
    font-family: FontAwesome;
    color: #647088;
    left: 0;
}
.feature-content p.lightsize b {
    font-weight: 600;
}

.feature-content p.lightsize {
    margin-bottom: 12px;
}
section.core_features h3.mediamsize {
    margin-bottom: 18px !important;
}
 
section.core_features {
    padding: 70px 0px 0px;
}

.feature-card {
    margin-top: 60px;
    margin-bottom: 80px;
}
.feature-card {
    background-image: linear-gradient(
182deg, #e8f1ee00, #EFEFFF, #EFEFFF);
}

.feature-card.right {
    background-image: linear-gradient(182deg, #e8f1ee00, #FFFAED, #FFFAED);
}

.feature-card.last {
    background-image: linear-gradient(
253deg, #e8f1ee00, #E8F3FF, #E8F3FF);
}

.feature-card.last  .small_img {
    background-color: #64a9ef;
}
 /* Card View */

 .card-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 3rem;
      margin: 0 auto;
    }

    .card {
      background: var(--bg-light);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card:hover {
      transform: translateY(-0.5rem);
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    }

    .card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .card-content {
      padding: 2rem;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
 
    .card-content p {
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 1rem; 
    }

    .specialized h4 {
      font-size: 1.1rem;
      margin-bottom: 0.5rem;
    }

    .specialized ul {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem 0;
    }

    .specialized ul li {
      font-size: 0.95rem; 
      position: relative;
      padding-left: 1.2rem;
      font-size: 18px !important;
    text-align: justify !important;
    }
 

    /* Responsive */
    @media (max-width: 900px) {
      .feature-card {
        grid-template-columns: 1fr !important;
      }
    }









    

.cta-section {
      text-align: center;
      padding: 20px 20px 85px; 
    }

    .cta-section h2 {
      font-size: 2.4rem;
      margin-bottom: 15px;
      color: #fff;
          line-height: 50px;
    font-weight: 600;
    }

    .cta-section p {
      font-size: 1.4rem;
    margin-bottom: 35px;
    line-height: 1.6;
    color: #fff;
    margin-top: 25px;
        font-weight: 300;
    }
.bg_img {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/Landing/10.+Landing_CTA_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 50px 15px;
    background-color: #ffffff00;
    border-radius: 25px;
}
    .cta-buttons {
      display: flex;
      justify-content: center;
      gap: 15px;
    }
.bg_img h3 {
    color: #fff;
}
   







    .portfolio-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
      padding: 60px 20px; 
      flex-wrap: wrap;
      
    }
    .portfolio_section {
      padding: 60px 20px;
      background: linear-gradient(to bottom right, #0d47a1, #1976d2);
      color: #fff;
    }

    .portfolio-text {
      flex: 1 1 45%;
    }

    .portfolio-text h5 {
      font-size: 1rem;
      margin-bottom: 10px;
      opacity: 0.8;
    }

    .portfolio-text h2 {
      font-size: 1.8rem;
      margin-bottom: 15px;
      font-weight: bold;
    }

    .portfolio-text p {
      margin-bottom: 15px;
      font-size: 1rem;
    }

    .portfolio-btn {
      background: #f44b2e;
      border: none;
      padding: 12px 20px;
      color: #fff;
      font-size: 1rem;
      border-radius: 5px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .portfolio-btn:hover {
      background: #d93a21;
    }

    .portfolio-image {
      flex: 1 1 45%;
      text-align: center;
    }

    .portfolio-image img {
      width: 100%;
      max-width: 420px;
      border-radius: 12px;
    }
.portfolio-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.portfolio-section p.lightsize {
    line-height: 32px;
    font-weight: 400;
    font-size: 18px;
}

.portfolio-section a.red {
    margin-top: 30px;
}

.portfolio-image {
    flex: unset;
}

.portfolio-image img {
    max-width: 85%;
}
.portfolio-text a.red {
max-width: 280px;
}

    /* Trusted Logos Section */

.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  background: #fff;
  padding: 20px 0;
}
.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  background: #fff; /* optional */
  padding: 20px 0;
}

.logo-track {
  display: inline-flex;
  animation: scroll-left 40s linear infinite;
}

.logo-track img {
  height: 60px;
  margin: 0 30px;
  transition: transform 0.3s ease; 
  filter: grayscale(100%); 
}

.logo-track img:hover {
  transform: scale(1.05); /* zoom on hover */
   filter: grayscale(0%);
}

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


    .trusted-section {
      text-align: center;
      padding: 60px 20px  60px;
      background: #fff;
    }
 
    .logoss {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 20px;
      align-items: center;
      justify-items: center;
    }
.logoss {
    display: flex;
    flex-wrap: wrap;
    gap: 75px;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    margin-bottom: 50px;
}

.logoss img {
    width: 175px;
    max-height: 75px; 
}

.logoss img {
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
  transform: scale(1);
  transition: all .3s;
}

.logoss img:hover {
  filter: grayscale(0%);
  transform: scale(1.1);
}
    

    @media (max-width: 768px) {
      .portfolio-section {
        flex-direction: column;
        text-align: center;
      }
      .portfolio-text, .portfolio-image {
        flex: 1 1 100%;
      }
    }









 /* Our process */
.process-section {
  display: flex;
     padding: 35px 0px 120px;
    gap: 70px;
  align-items: center;
}

.process-intro {
  flex: 1.3;
}

.process-intro h2 {
  font-size: 2rem;
  margin-bottom: 16px;
  font-weight: 700;
}
 

.process-steps {
  flex: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  gap: 38px;
}

.process-step {
  background: #f9f6f3;
  border-radius: 28px;
  padding: 28px 22px;
  box-shadow: 0 2px 5px 0px rgb(0 0 0 / 7%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.process-step h3 {
  font-size: 1.16rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.process-step h3 {
    font-size: 22px !important;
    text-align: center;
    margin-bottom: 20px;
}

.process-step {
    text-align: center !important;
    align-items: center;
}

.process-step p {
    text-align: center;
    font-weight: 300;
    margin-bottom: 0px;
        font-size: 20px;
    line-height: 30px;
    color: #4c5567;
}


.step1 { background: #FFF5EF; }
.step2 { background: #F2FFEF; }
.step3 { background: #EEFCFE; }
.step4 { background: #F0EFFF; }
.step5 { background: #FAF2FF; }
.step6 { background: #FFF2F6; }

.differentiators-section {
  margin-top: 35px;
  padding: 40px 20px 75px;
  background: #fff;
  text-align: center;
}

  
.diff-header {
  text-align: center;
  margin-bottom: 60px;
}
.diff-header p {
    text-align: center;
}

.diff-header h3.mediamsize {
    margin-bottom: 16px;
} 
.diff-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px;
  justify-items: center;
  margin-top: 18px;
}

.diff-card { 
  border-radius: 18px; 
  padding: 36px 20px 30px 20px;
  width: 90%;
  max-width: 280px;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.diff-card:hover {
    box-shadow: 0 1px 8px rgb(53 105 196 / 26%);
}
.diff-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
  border-radius: 12px;
  background: #0969e6;
  display: flex;
  align-items: center;
  justify-content: center;
}
 .icon_bg {
     background: linear-gradient(135deg, #1769ee 0%, #0353c7 100%);
    border-radius: 16px;
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_bg img {
    width: 100%;
    padding: 15px;
}
.diff-card h5 {
  
    font-size: 1.1rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 11px;
}

.diff-card p {
      font-size: 1rem;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .mobile_none a {
    display: none;
  }
  .desk_none {
    position: inherit;
    bottom: 0px;
    z-index: 9999999999;
    display: block;
    min-width: 100% !important;
    width: 95% !important;
    margin: 0 auto;
}

.desk_none a {
    color: #fff !important;
}

.desk_none {
    padding: 20px 0px;
    background-color: #fff;
}
    .desk_none a {
        display: block;
        min-width: 85% !important;
        padding: 12px 10px !important;
        margin: 0 auto;
    }
    header#fixed_header {
    padding: 20px 0px;
}
  .process-section {
    flex-direction: column;
    gap: 32px;
    padding: 36px 3vw;
  }
  .process-intro p {
    max-width: 100%;
  }
  .process-steps {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .diff-cards {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, 1fr);
    gap: 26px;
  }
}

@media (max-width: 700px) {
  .process-section, .differentiators-section {
    padding: 20px 2vw;
  }
  .process-intro h2, .diff-header h2 {
    font-size: 1.3rem;
  }
  .diff-cards {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 16px;
  }
}















.testimonials-section {
  background: linear-gradient(180deg, #fff 0%, #e7effa 100%);
  padding: 60px 0 80px 0;
}
 
.testimonials-header {
  text-align: center;
  margin-bottom: 65px;
}
.testimonials-header p {
    text-align: center;
        font-size: 22px;
    line-height: 35px;
}

.testimonials-header h3.mediamsize {
    margin-bottom: 16px;
} 

.testimonials-slider-wrapper {
  overflow: hidden;
  max-width: 1440px;
  margin: 0 auto;
}

.testimonials-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.testimonial-slide {
  display: flex;
  gap: 30px;
  min-width: 100%;
  justify-content: space-between;
      padding: 10px;
}

.testimonial-card {
  background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 18px 1px #e8e8e8;
    padding: 40px;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.testimonial-role {
    margin-top: 8px;
}
.testimonials-nav {
    margin-top: 65px;
}
.testimonial-stars {
      color: #ffd900;
    font-size: 2em;
    margin-bottom: 18px;
    text-align: center;
    align-items: center;
    width: 100%;
}

.testimonial-quote {
  color: #222;
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.6;
  text-align: center;
}

.testimonial-user {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  justify-content: center;
    width: 100%;
}

.testimonial-img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(90, 130, 180, 0.09);
}

.testimonial-name {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 2px;
}

.testimonial-role {
  color: #888;
  font-size: 0.98rem;
}

.testimonials-nav {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 30px;
}

.nav-dot {
  display: inline-block;
  width: 22px;
  height: 9px;
  border-radius: 6px;
  background: #B2BAC8;
  transition: background 0.3s, width 0.3s;
  cursor: pointer;
}

.nav-dot.active {
  background: #fd574a;
  width: 45px;
}

/* Responsive */
@media (max-width: 1024px) {
  .testimonial-slide {
    gap: 20px;
  }
  .testimonial-card {
    padding: 28px 22px 22px 22px;
  }
}

@media (max-width: 768px) {
  .testimonials-slider-wrapper {
    max-width: 100%;
  }
  .testimonial-slide {
    flex-direction: column;
  }
  .testimonial-card {
    width: 100%;
    margin-bottom: 20px;
  }
  .testimonials-nav {
    margin-top: 20px;
  }
}







section.testimonials-section.contract {
    background: linear-gradient(
2deg, #fff 40%, #e7effa 100%);
}




 .certificates {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 20px;
      margin-bottom: 40px;
    }

    .certificate-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #e1e5ed;
      padding: 20px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
    }

    .certificate-card img {
      max-width: 100%;
      height: auto;
    }
.certificates {
    max-width: 800px;
    margin: 0 auto;
    gap: 60px;
}

.certificate-card {
    background-color: transparent;
    padding: 0px !important;
    border-radius: 0px;
    justify-content: flex-start;
    gap: 18px;
}

.certificate-card span {
    font-size: 20px;
    font-weight: 600;
}


    .blog .card-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
          gap: 60px;
    max-width: 100%;
      margin: 0 auto;
    }

    .blog .card {
      background: #fff;
      border-radius: 12px;
      
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease;
      border-radius: 0px !important;
      text-align: center;
      align-items: center;
    }

    .card:hover {
      transform: translateY(-5px);
    }

     .blog  .card h3 {
      font-size: 22px;
      margin-bottom: 25px;
      font-weight: bold;
      color: #000;
      line-height: 30px;
    }

    .blog  .meta {
      display: flex;
      gap: 20px;
      font-size: 14px;
      margin-bottom: 25px;
      color: #555;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    .blog  .meta span {
      display: flex;
      align-items: center;
      gap: 6px;
      font-weight: 400;
      color: #000;
          font-size: 16px;
    }

    .blog  .meta img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }

    .blog  .card p {
      font-size: 18px;
      line-height: 1.6;
      margin-bottom: 30px;
      color: #000;
      font-weight: 400;
    }
 
.meta span img {
    width: 28px;
    height: 28px;
    border: 1px solid #ccc;
}

.blog .diff-header a {
    margin: 0 auto;
}
span.underline {
    font-weight: 500;
    font-style: italic;
    text-decoration: underline;
    color: #000 !important;
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
}
.blogspace {
    padding: 30px 35px 30px;
    position: relative;
        height: 100%;
            min-height: 345px;
}

.blog .card {
    position: relative;
    border-radius: 15px !important;
}

section.blog a.red {
    margin: 0 auto;
    max-width: 180px;
}

section.blog {
    padding-bottom: 120px;
}

.blog .card-container {
    margin-bottom: 50px;
}

.blog .card h3 {
    margin-bottom: 15px;
}



    /* Downloads Section */
    
    .btn-group {
      display: flex;
      gap: 15px;
      margin-bottom: 30px;
    }

   .btn-group .btn {
      padding: 12px 22px;
      border: none;
      border-radius: 6px;
      font-size: 17px;
      cursor: pointer;
      transition: 0.3s ease;
    }

    .btn-red {
      background: #f2574a;
      color: #fff;
    }
    .btn-red:hover { background: #d94539; }

    .btn-blue {
      background: #007bff;
      color: #fff;
    }
    .btn-blue:hover { background: #0067d3; }

    /* Certifications Logos */
    .certifications {
      margin-bottom: 40px;
    }

    .certifications h4 {
      margin-bottom: 20px;
    }

    .cert-logos {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      align-items: center;
    }

    .cert-logos img { 
      width: auto;
      object-fit: contain;
    }
 .cert-logos.widthh img {
    max-width: 200px;
    height: 160px;
}

.cert-logos.widthh {
    gap: 40px;
}
.capability .testimonials-header {
    text-align: left !important;
}

.capability p.lightsize {
    text-align: left;
    margin-bottom: 20px;
}

.certifications h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
}

.cert-logos img {max-width: 80px;max-height: unset;}
.cert-logos img:last-child {
    max-width: 150px;
}
.cert-logos {
    width: 100%;
}

.logo-slider {
    margin: 50px 0px 0px;
}

.capability { 
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
}
.capability-slides a:nth-child(2) {
    display: none;
}

.capability-slides {
    width: 85%;
    cursor: zoom-in;
}

a.glightbox {
    cursor: zoom-in;
}
.left_content {
    position: sticky;
    top: 7rem;
}
    /* Capability Statement Preview */
    
    .capability-preview img {
      max-width: 600px;
      border: 1px solid #ddd;
      border-radius: 6px;
      box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    }
.capability {display: grid;grid-template-columns: 1fr 1fr;gap: 100px; }

.capability-preview {
    text-align: center;
    align-items: center;
}
section.testimonials-section.capability_section {
    background: #FFF;
}
.capability-preview img {
    width: 100%;
}
    @media(max-width: 768px) {
      .capability-section {
        flex-direction: column;
        align-items: center;
      }
      .btn-group { flex-direction: column; }
    }


.capability-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.capability-preview {
  position: relative;
  max-width: 90%; 
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.capability-slider {
  position: relative;
  width: 100%;
  height: 100%;
}

.capability-slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.capability-slides img {
  width: 100%;
  border-radius: 8px; 
  max-width: 100% !important; 
}
 

.cap-prev, .cap-next {
     position: relative;
    transform: translateY(-50%);
    background: #0f72b9;
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 0px;
    font-size: 20px;
    z-index: 999999999999;
    right: -25px !important;
    left: unset !important;
}

.cap-prev { left: 10px; }
.cap-next { right: 10px; }

.cap-prev:hover, .cap-next:hover {
  background: rgba(0,0,0,0.7);
}





.inner_banner {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/About+Us/Company+Overview/16.+About_Company_Banner.png');
    height: 350px;
    background-size: cover;
}
.inner_banner.partner {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/About+Us/Partnership/02.+About_Partnership_Bannerimage.png');
    height: 350px;
}
.inner_banner.portfolio {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/About+Us/Portfolio/27.+About_Portfolio_Banner.png');
    height: 350px;
}

.inner_banner.capabilities {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/About%2BUs/Our%2BCapabilities/01.+About_OurCapabilities_Banner.png');
    height: 350px;
}
.inner_banner.contactus {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/Contact+Us/04.+Contactus_Banner.png');
    height: 350px;
}

.inner_banner.scheduledemo {
    background-image: url('https://if2025.s3.us-east-1.amazonaws.com/assets/Schedule+Demo/02.+1200_Schedule_Demo_Banner.png');
     
}
section.bg_image {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to right, #22236adb, #22236acf);
}
 
.inner_banner .hero-content {
    zoom: 100%;
    text-align: center;
    width: 100% !important;
    display: block;
    max-width: 100%;
}

.overviews {
    display: grid;
    align-items: center;
    padding: 0px;
    grid-template-columns: 1fr 1fr;
    gap: 75px;
    padding: 10px 0px 20px;
}

.info-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 40px;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
    }

    .info-card {
      padding: 25px;
      border-radius: 10px;
      text-align: center;
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      min-height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    .info-card span {
      display: block;
      font-weight: 700;
      font-size: 20px;
      margin-bottom: 5px;
    }

    .duns { background: #fde9cb; }
    .cage { background: #d6ebff; }
    .gsa  { background: #dbffe3; }
    .uei  { background: #ffdada; }


.leftcontent {
    text-align: left;
}

.leftcontent p {
    text-align: left !important;
}

.leftcontent {
      margin: 20px 0;
    }

.leftcontent .iconss a {
      display: inline-block;
      font-size: 20px;
      text-decoration: none;
    }


.leftcontent a i {
    display: flex;
    margin-right: 5px;
    font-size: 20px;
    color: #294887;
    border: 1px solid #294887;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 44px;
    text-align: center;
    transition: 0.3s;
    align-items: center;
    justify-content: center;
}

.iconss {
    margin-bottom: 25px;
}

section.core_features.about {
    padding-bottom: 80px;
}
.ai-boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-bottom: 35px;
}

.ai-box {
  background: #fff;
  border-radius: 10px;
  padding: 26px 35px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ai-box:hover { 
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.ai-box h3 {
  font-size: 19px;
  margin-bottom: 12px;
  font-weight: 600;
}

.ai-box p {
  color: #000 !important;
  margin-bottom: 0px;
  text-align: left !important;
  font-weight: 400 !important;
}













.section-container {
      background: linear-gradient(to right, #0052cc, #1976d2);
      padding: 80px 20px;
      text-align: center;
    }
section.section-container.bgimg {
    background: url('https://if2025.s3.us-east-1.amazonaws.com/assets/About+Us/Company+Overview/17.+About_Company_VideoBG.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
    .section-container .cards-wrapper {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 150px; 
      margin: 0 auto;
    }

   .section-container .card {
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.7);
      border-radius: 12px;
         padding: 50px 50px;
    color: #fff;
    flex: 1 1 400px;
    max-width: 50%;
    box-shadow: unset !important;
    border: 3px solid;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

  .section-container  .card:hover {
      transform: translateY(-5px);
      box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3);
    }

   .section-container .icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 15px;
      color: #1976d2;
      font-size: 28px;
    }

  .section-container  .card h3 {
      margin-bottom: 15px;
      font-size: 25px;
      font-weight: bold;
          margin-top: 8px;
    }

.youtube_video {
    position: relative;
    padding: 0px 0px;
}

.youtube_video iframe {
    position: absolute;
    bottom: -176px;
    left: 0;
    box-shadow: 0 0 12px 1px #0000002e;
    padding: 14px;
    background-color: #fff;
    border-radius: 35px;
        height: 600px;
}

.youtube_video {
    width: 1000px;
    margin:  0 auto;
}

.container.absolutee {
    padding-bottom: 280px;
}

section.section-container {
    margin-top: 330px;
}

.section-container .icon img {
    width: 100%;
    height: 100%;
}

.section-container .icon {
    margin-bottom: 8px;
}

.section-container .card p {
    margin: 0px;
    text-align: center;
}

section.portfolio_section.color_bg {
    background: linear-gradient(180deg, #fff 0%, #e7effa 100%);
}

.color_bg .portfolio-text {
    color: #000;
}
 
.color_bg a.blue {
    max-width: 200px;
}






/* Form CSSSS */

.form_fields { 
    background: #fff;
    padding: 30px;
    border-radius: 5px; 
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}
h3.capability_stmt {
        color: #222 !important;
    font-weight: 700;
    font-size: 26px;
    line-height: 45px;
    margin: 0px 0px 30px 0px;
}
 

.form_fields {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: rgb(0 0 0 / 15%) 0 3px 16px 0
}

.form_fields p {
	margin-bottom: 25px;
	color: #555;
	font-size: 16px;
	font-weight: 600
}

.form_fields h4 { 
	color: #222;
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 12px
}

.form_fields label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #111
}

.form_fields .form-control {
	width: 100%;
	height: 45px;
	padding: .375rem .75rem;
	font-size: 13px;
	font-weight: 500;
	color: #555;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d6d6d6;
	border-radius: 5px
}

.form_fields .form-control:focus {
	box-shadow: 0 0 0 .2rem rgb(0 123 255 / 0%) !important
}

.form_fields textarea {
	height: 80px !important;
	resize: none
}

.all-btn-submit {
	background: #f04f40;
	border-radius: 6px;
	margin-top: 30px;
}
.all-btn-submit input {
    padding: 12px 18px !important;
    background: no-repeat;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
}

.hide-robot {
    display: none;
}

.form_fields .form-group {
    margin-bottom: 14px;
}

.form_fields label span {
    color: red;
}

.captcha-fake-field {
    background: 0 0;
    bottom: 0;
    border: none;
    display: block;
    height: 1px;
    left: 28px;
    width: 1px;
    position: absolute;
    z-index: -1;
}
section.portfolio_section.color_bg .portfolio-section {
    gap: 75px;
}



section.contact_us .form_fields h3 {
    text-align: left !important;
    margin-bottom: 20px;
}

section.contact_us p.lightsize {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #000 !important;
    font-weight: 400;
}

section.contact_us .form_fields {
    box-shadow: 0px 0px 6px rgb(0 0 0 / 17%);
    border-radius: 0px;
}


section.contact_us  .form_fields h6 {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
}
 

.cust-ratio-form {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 12%);
    border: 0px;
}
 
.label-ratio-form .form-check {
    display: flex;
    align-items: center;
    gap: 7px;
}

.label-ratio-form label {
    font-size: 15px;
    font-weight: 500;
    color: #636363;
    margin-bottom: 0px !important;
}
 
.label-ratio-form {
    display: flex;
    align-items: center;
    gap: 15px;
}

section.contact_us .form_fields label {
    margin-bottom: 10px;
     font-size: 15px;
}

section.contact_us .form_fields .form-control {
        border-radius: 0px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 12%) !important;
    border: 0px;
    outline: none;
    font-size: 15px;
    font-family: "Inter", sans-serif;
        padding: 15px 20px;
}
section.contact_us .form_fields textarea {
    min-height: 110px;
    max-height: 100px !important;
    resize: none;
}

/* Our People */

.people-section {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; 
      margin: auto;
      flex-wrap: wrap;
    } 
.people-section {
    display: grid;
    grid-template-columns: 2fr  1fr;
}
    
    .point {
      margin-bottom: 25px;
    }

     
    .point h3 span {
      display: inline-block;
      margin-right: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #0073e6;
    }
  
    .people-image img {
      max-width: 100%;
      border-radius: 12px;
      box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
    }
.point span {
    font-size: 25px;
    font-weight: 600;
    color: #0f72b9;
    line-height: 35px;
    margin-bottom: 6px;
    display: block;
}

.point p.lightsize {
    margin-bottom: 6px;
    line-height: 28px;
}

.point p.lightsize b {
    font-weight: 600;
}

.people-section { 
    gap: 90px;
}

.people-image {
    width: 100%;
}

.people-image img {
    width: 100%;
}
.icon_bg {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
 
section.differentiators-section.ourculture .diff-cards {
    grid-template-columns: repeat(3, 1fr);
}

section.differentiators-section.ourculture .diff-card {
    width: 100% !important;
    max-width: 450px;
    padding: 15px 50px;
}
section.differentiators-section.ourculture {
    margin-top: 0px;
}
 





.achievements {
  background: linear-gradient(90deg, #1e90ff, #0000cc);
  color: #fff;
  text-align: center;
  padding: 100px 20px 80px; 
}
 

.achievements .stats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.achievements .stat-box {
   padding: 20px 30px;
   width: 220px;
   transition: transform 0.3s ease;
}
 

.achievements .icon {
  font-size: 28px;
  margin-bottom: 10px;
}

.achievements .stat-box h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.achievements .stat-box p {
  margin: 5px 0 0;
  font-size: 14px;
  opacity: 0.85;
}

.achievements .icon img {
    width: 100%;
}

.achievements .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 15px;
    background: rgb(255 255 255 / 21%);
    padding: 15px;
    border-radius: 10px;
}






    .creativity {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 50px 0px;
}

.creativity div {
    flex: 1;
}

.creativity img {
    width: 100%;
}
 
 
section.testimonials-section.contract.teamwork {
    padding: 100px 0px 80px;
}

section.testimonials-section.contract.teamwork .testimonials-header {
    margin-bottom: 0px !important;
}
section.testimonials-section.contract.teamwork .testimonials-header p {
    margin-bottom: 10px;
}









section.differentiators-section.ourteam .diff-cards {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}

section.differentiators-section.ourteam .diff-cards {
    width: 100% !important;
}
 

section.differentiators-section.ourteam .diff-card {
    width: 100% !important;
    max-width: 450px;
        box-shadow: unset;
}

section.differentiators-section.ourteam .diff-cards .icon_bg {
    height: 200px;
    width: 200px;
    background: transparent !important;
    border: 1px solid #cccccc82;
}

section.differentiators-section.ourteam .diff-cards .icon_bg img {
    padding: 0px;
    border-radius: 16px;
}

.ourteam .diff-cards h5 {
    font-size: 22px;
}

p.designations {
    margin-bottom: 15px;
}

.linkedin i {
    font-size: 30px;
}

.linkedin {
    padding-top: 20px;
}

.linkedin a {
    color: #0077B7 !important;
}

.ourteam .diff-header {
    margin-bottom: 30px;
}

section.differentiators-section.ourteam .diff-card {
    box-shadow: 0 0 5px rgb(150 150 150 / 74%) !important;
    min-height: 670px !important;
    position: relative;
    max-width: 500px;
    padding: 50px 50px;
}

section.differentiators-section.ourteam .diff-card p {
    margin-bottom: 20px;
}

p.designations {
    margin-bottom: 15px !important;
}

.ourteam .diff-cards h5 {
    margin-bottom: 6px;
}

.linkedin {
    position: absolute;
    bottom: 25px;
}

section.differentiators-section.ourteam .diff-cards {
    margin-top: 55px !important;
    gap: 80px;
}







section.differentiators-section.partnerus .diff-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 50px;
}
 

section.differentiators-section.partnerus .diff-card {
    padding: 45px 75px;
    max-width: 95%;
    width: 100% !important;
    box-shadow: 0 1px 8px rgb(53 105 196 / 26%);
    border-radius: 10px;
}
 
section.differentiators-section.partnerus .diff-card p {
    font-size: 1.4rem;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}
.partnerus .diff-card h3.mediamsize {
    font-size: 1.5rem;
    line-height: 30px;
    margin-bottom: 10px;
}
 
section.differentiators-section.partnerus {
    padding-bottom: 100px;
}


section.partnertype .stat-box {
    max-width: 33%;
    width: 30%;
    padding: 30px 30px;
    border-radius: 8px;
}

section.partnertype .stats {
    gap: 5%;
}

section.commitment {
    padding: 60px 0px 60px;
}
 
section.commitment .creativity { 
    gap: 120px;
}

section.commitment p.lightsize {
    margin-bottom: 20px;
}
 
section.partnertype .stat-box:hover {
    box-shadow: 0 0 7px 1px #fff;
}

section.partnertype .stat-box p {
    line-height: 22px;
    font-size: 16px;
    opacity: .9;
}

section.partnertype .stat-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
















.portfolio_sec {  
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: -1px 0px 10px rgb(0 0 0 / 24%);
      padding: 0px 0px !important;
    }
    .section-header {
      width: 100%;
      height: 180px;  }
    .section-body {
      display: flex;
      justify-content: space-between;
      padding: 30px;
    }
    .left-content {
      flex: 2;
      padding-right: 20px;
    }
    .right-content {
      flex: 1;
      border-left: 1px solid #eee;
      padding-left: 20px;
    }
     
    .tech-stack h4 {
      font-size: 18px;
      margin-bottom: 15px;
    }
    .tech-item {
      display: flex;
      align-items: center;
      margin-bottom: 12px;
    }
    .tech-item img {
      width: 36px;
      height: 36px;
      margin-right: 10px;
    }

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
     box-shadow: -1px 0px 5px 1px #d6c3c3;
}

.section-header.reverse {
  flex-direction: row-reverse;
}

.header-content {
      width: 50% !important;
  padding: 20px;
  display: flex;
  justify-content: left;
    padding-left: 50px;
  align-items: center;
}
 
.header-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.portfolio_list {
    padding: 20px 0px 80px;
}

.header-content.right {
    padding: 0px;
}

.header-content.left h3 {
    margin: 0px;
}

.section-header {
    margin: 0px;
    border-radius: 15px;
    border-bottom-right-radius: 0px; 
        border-bottom-left-radius: 0px;   
}

.section-body {
    padding: 0px;
}

.left-content {
    padding: 40px;
}

.right-content {
    border: 0px;
    box-shadow: 0px 5px 7px 0px #e5e5e5;
}

p.bold {margin-bottom: 8px;}
.tech-stack {
    padding: 40px;
}

.tech-item {
    padding: 15px 0px;
}
.tech-item img {
    box-shadow: 0 0 10px 1px #e1e1efbf;
    border-radius: 18px;
    border: 1px solid #d8d8d8;
}

section.portfolio_list.mt-10 { 
        padding-bottom: 10px !important;
}
.rowflex {
    display: flex;
    gap: 50px;
        flex-wrap: wrap;
}

.portfolio_sec.newsec {
    margin-bottom: 15px;
}













section.contact_us {
    padding: 70px 0px 60px;
}

section.contact_us h3.mediamsize {
    text-align: center;
    margin-bottom: 30px;
}

 .lets_connect {
    text-align: left;
}
.lets_connect .leftcontent {
  margin: 0px;
}
.contact_form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 40px 0px;
    gap: 120px;
}

.leftcontent h3 {
    text-align: left !important;
    margin-bottom: 18px !important;
    font-size: 28px;
}

section.contact_us h3.mediamsize {
    font-size: 28px;
}

 .contact-card {
      display: flex;
      align-items: center;
      background: #fff;
      padding: 30px;
      margin-bottom: 35px;
      border-radius: 0px;
      box-shadow: 0px 0px 6px rgb(0 0 0 / 17%);
      min-height: 150px;
    }

    .icon-box {
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: linear-gradient(to right, #4836eb, #0b2db8);
      color: #fff;
      font-size: 28px;
      margin-right: 20px;
    }

    .contact-text h3 {
      margin-bottom: 10px;
      font-size: 19px;
      font-weight: bold;
      color: #000;
    }

    .contact-text p {
      margin: 5px 0 0;
      font-size: 18px;
      color: #000;
      line-height: 26px;
    }
 
.contact_list {
    margin-top: 45px;
}

.differentiators-section.contactuss {
    background-color: #F9F9FB;
    padding: 100px 0px 100px;
    margin-top: 0px;
}

.differentiators-section.contactuss .diff-card {
    text-align: left !important;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 17%) !important;
    border-radius: 0px !important;
    background-color: #fff;
    align-items: flex-start;
    padding: 40px 60px   !important;
        min-height: 160px;
}
 
.differentiators-section.contactuss .diff-card h3.mediamsize {
    text-align: left !important;
}
 
.differentiators-section.contactuss .diff-card p {
    line-height: 30px !important;
}






.portfolio_sec .specialized ul {
    column-count: 1;
}

.highlight {
    display: flex;
    gap: 20px;
}
.highlight {
    margin-bottom: 20px;
}

.highlight p {
    font-size: 18px;
}

 

.portfolio_sec .specialized ul li:before {
    content: unset;
    font-size: 20px;
    font-weight: bold;
    left: -10px;
    color: #0f7dcc;
}
.portfolio_sec .specialized ul li {
    padding-left: 0px;
}

.portfolio_sec .specialized ul {
    margin-left: 0px !important;
}

.portfolio_sec .specialized ul li span {
    width: 30px;
    display: inline-block;
}
.measure ul li {
    padding-left: 0px !important;
}

.portfolio_sec .specialized ul li {
    font-size: 17px !important;
}
.portfolio_sec .specialized ul {
    margin-left: 12px;
}

.portfolio_sec .specialized ul li {
    margin-bottom: 8px;
        text-align: left !important;
}

.portfolio_sec .specialized {
    margin-top: 10px;
}

@media screen and  (min-width: 900px) and (max-width: 1024px)  {
  .mobile_none a {
    display: block;
  }
  .desk_none {
display: none;
  }
  .container {
    max-width: 990px;
}

 h6.small_word {
    font-size: 1rem;
    margin-bottom: 12px;
}

h3.mediamsize {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

p.lightsize {
    font-size: 1rem !important;
}

a.blue, a.red {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 20px;
}

section.core_features h3.mediamsize {
    margin-bottom: 12px !important;
}

.feature-card p, .feature-card li {
    font-size: 16px !important;
    text-align: left !important;
}

.specialized ul li {
    font-size: 16px !important;
    line-height: 28px;
    text-align: left !important;
}

.card h3.mediamsize {
    font-size: 1.4rem;
    line-height: 32px;
}

.card-content p {
    font-size: 16px !important;
    text-align: left !important;
}

.card-container {
    gap: 2rem;
}

.card-content {
    padding: 1rem;
} 

section.cta-section {
    padding: 20px 20px 20px;
}

.card-content p {
    font-size: 16px !important;
    text-align: left !important;
}
section.core_features {
    padding: 20px 0px 0px;
}

section.card_sectn {
    padding-bottom: 50px;
}

.process-steps {
    grid-template-columns: 1fr 1fr;
}

.portfolio-section {
    padding: 0px 0px;
}

.testimonial-quote {
    font-size: 1rem;
    text-align: center;
}

section.differentiators-section.blog {
    margin: 0px;
}

.header .menu > ul > li {
    margin-left: 15px;
    line-height: 35px;
}
 
.header .item-center {
    flex: 0 0 66.5%;
}

.header .item-right {
    flex: 0 0 15%;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 {
    max-width: 950px;
}

.header .item-left {
    flex: 0 0 15%;
    align-items: center;
}

.logo {
    width: 175px;
}

.logo img {
    top: -13px;
}

.header-item.item-right a {
    padding: 5px 5px;
    min-width: 115px !important;
}

.footer-col ul li a {
    font-size: 15px;
    line-height: 20px;
}

.site-footer p, .footer-bottom a {
    font-size: 15px;
}

.blog .card p {
    font-size: 1rem;
}

.counters .counter-box {
    zoom: 85%;
}

section.trusted-section {
    padding: 65px 20px 10px;
}





.youtube_video {
    width: 100%;
}
 
section.differentiators-section.ourculture .diff-cards {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

section.differentiators-section.ourculture .diff-card {
    padding: 20px;
}

.achievements .stats {
    gap: 20px;
}

.achievements .stat-box {
    width: 185px;
}
.section-container .cards-wrapper {
    gap: 50px;
}

.ourteam .diff-header br {
    display: none;
}


}


@media screen and  (min-width: 300px) and (max-width: 768px)  {
.ourteam .diff-header br {
    display: none;
}
 
.diff-cards {
    flex-direction: column;
}

  .container {
    max-width: 100%;
}

 h6.small_word {
    font-size: 1rem;
    margin-bottom: 12px;
}

h3.mediamsize {
    font-size: 1.6rem;
    margin-bottom: 15px;
    line-height: 30px;
}

p.lightsize {
    font-size: 1rem !important;
    line-height: 26px;
    margin-bottom: 20px;
}

a.blue, a.red {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 20px;
}

section.core_features h3.mediamsize {
    margin-bottom: 12px !important;
}

.feature-card p, .feature-card li {
    font-size: 16px !important;
    text-align: left !important;
}

.specialized ul li {
    font-size: 16px !important;
    line-height: 28px;
    text-align: left !important;
}

.card h3.mediamsize {
    font-size: 1.4rem;
    line-height: 32px;
}

.card-content p {
    font-size: 16px !important;
    text-align: left !important;
}

.card-container {
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.card-content {
    padding: 2rem;
}

section.cta-section {
    padding:  0px ;
}

section.core_features {
    padding: 20px 0px 0px;
}

section.card_sectn {
    padding-bottom: 50px;
}

.process-steps {
    grid-template-columns: 1fr 1fr;
}

.portfolio-section {
  padding: 0px 0px;
  grid-template-columns: 1fr;
  gap: 40px;
  text-align: center !important;
}

.testimonial-quote {
    font-size: 1rem;
    text-align: center;
}

section.differentiators-section.blog {
    margin: 0px;
}

.header .menu > ul > li {
    margin-left: 15px;
    line-height: 35px;
}

header.header.fixed-header .header-item.item-center a {
    font-size: 15px !important;
}
  
 
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    display: none;
}
.logo img {
    top: -13px;
}

.header-item.item-right a {
    padding: 5px 15px;
    min-width: 115px !important;
}

.footer-col ul li a {
    font-size: 15px;
    line-height: 20px;
}

.site-footer p, .footer-bottom a {
    font-size: 15px;
}

.blog .card p {
    font-size: 1rem;
}
 
section.trusted-section {
    padding: 65px 20px 10px;
}


.hero-content h1 {
    font-size: 30px;
}

section.hero {
    padding-top: 7rem;
    padding-bottom: 9rem;
} 
.counters .counter-box {
    zoom: 65%;
}

section.trusted-section {
    padding: 65px 20px 10px;
}

.process-section {
    padding: 30px 0px;
}
 
.portfolio-section p.lightsize {
    text-align: center;
}

.portfolio-text a.red {
    margin: 0 auto;
}

.portfolio-image img {
    max-width: 100%;
}
 
.testimonial-card {
    margin: 20px;
    margin-bottom: 0px;
    width: 95%;
    text-align: center;
}

.testimonial-card p.testimonial-quote {
    text-align: center !important;
    width: 100%;
}

.capability {
    grid-template-columns: 1fr;
    gap: 20px;
}

section.testimonials-section.contract {
    padding-bottom: 20px;
}

.btn-group {
    flex-direction: row;
}

section.testimonials-section.capability_section {
    padding-bottom: 20px;
}

.aboutus {
    padding: 50px 0px 50px;
    gap: 30px;
}

.feature-card {
    margin-bottom: 15px;
}

.card-container {
    gap: 40px !important;
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
}

.youtube_video iframe {
    height: 500px;
}

section.section-container.bgimg {
    margin-top: 200px;
}

.container.absolutee {
    padding-bottom: 250px;
}

.section-container .cards-wrapper {
    gap: 50px;
}

.section-container .card {
    width: 100%;
    max-width: 100%;
}

.portfolio-text {
    text-align: center;
}
 
section.portfolio_section.color_bg a.blue {
    margin: 0 auto;
}

.form_fields label {
    text-align: left;
}

.form_fields .form-group {
    text-align: left;
} 
section.our_people_section .people-section {
    flex-direction: column;
    display: flex;
    gap: 30px;
    text-align: left; 
}

.creativity {
    padding: 20px 0px;
    gap: 30px;
}

.creativity h3.mediamsize {
    font-size: 1.6rem;
}

section.testimonials-section.contract.teamwork {
    padding-bottom: 25px;
    padding-top: 35px;
}

section.achievements {
    padding: 50px 20px;
}

section.differentiators-section.ourculture .diff-card {
    padding: 15px 15px !important;
}

.inner_banner {
    height: 350px !important;
}
.mailicon p {
    display: none;
}
}
 
 @media (max-width: 900px) {
      .people-section {
        flex-direction: column;
        text-align: center;
      }

      .people-content {
        order: 2;
      }

      .people-image {
        order: 1;
      }

      
.youtube_video {
    width: 100%;
}
 
section.differentiators-section.ourculture .diff-cards {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

section.differentiators-section.ourculture .diff-card {
    padding: 20px;
}

.achievements .stats {
    gap: 20px;
}

.achievements .stat-box {
    width: 185px;
}
    }

@media (max-width: 550px) {


.counters {position: relative; }

section.hero .container {
    flex-wrap: wrap;
    gap: 20px;
}

section.hero .container .counter-box {
    min-width: 100%;
}

section.hero {
    padding-bottom: 2rem;
}

.counters .counter-box {
    zoom: 100%;
}



.aboutus {grid-template-columns: 1fr;}

.specialized ul {
    column-count: 1;
}

.feature-card {
    padding: 25px 25px;
}

.feature-card.right {
    margin-bottom: 38px;
}

.process-steps {
    grid-template-columns: 1fr;
}

.diff-card {
    padding: 20px 12px;
}

.certificates {
    gap: 20px;
}

.btn-group {
    flex-direction: column;
}

.btn-group a {
    text-align: center;
}

.certifications h4 {
    margin-bottom: 30px;
    text-align: center;
}

.cert-logos {
    justify-content: center;
}

.certifications {
    margin-bottom: 5px;
    margin-top: 50px;
}

.blog .card {
    padding: 30px 20px;
}

.diff-header {
    margin-bottom: 20px;
}

.process-step p {
    margin-bottom: 5px;
}

.process-step h3 {
    font-size: 18px !important;
}
.blog .meta {
    flex-direction: column;
    gap: 15px;
}

.blog .card h3 {
    font-size: 18px;
}



 
section.differentiators-section.ourculture .diff-cards {
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
}

.overviews {
    grid-template-columns: 1fr;
    gap: 25px;
}
 
div#g-recaptcha {
    zoom: 80%;
}
 
.form_fields {
    padding: 22px;
}

section.portfolio_section.color_bg {
    padding: 60px 0px;
}

.creativity {
    flex-direction: column;
    gap: 10px;
    padding: 10px 0px;
}

.creativity:nth-child(3) {
    flex-direction: column-reverse;
}

footer.site-footer.newclr {
    padding-top: 60px;
}
}






.portfolio_sec.newsec {
        width: 85%;
    margin: 0 auto;
}

.portfolio_sec.newsec .header-content {
    width: 100% !important;
}

.portfolio_sec.newsec .header-content img {
    width: 100%;
    object-fit: cover;
    max-height: 200px;
}

.portfolio_sec.newsec .section-header {
    height: auto;
}

.portfolio_sec.newsec .left-content {
    padding: 20px;
    flex: unset;
    width: 100%;
}

.portfolio_sec.newsec h3.mediamsize {
    font-size: 24px;
    margin-bottom: 12px;
}

.two_cols {
    display: flex;
    justify-content: space-between;
    gap: 35px;
}
 
.two_cols .leftcol {
    flex: 1;
}

.rightcol {
    flex: 1;
}

.simple-info div {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 20px;
  color: #5e5e5e;
}

.icon {
  font-size: 20px;
  color: #555;
}


.simple-info {
    display: flex;
    gap: 20px;
    margin: 5px 0px;
}

.portfolio_sec.newsec .tech-stack {
    padding: 0px;
}

.portfolio_sec.newsec .tech-stack img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 30px;
}

.measure .specialized ul li:before {
    content: unset;
    position: absolute;
    font-size: 8px;
    font-family: FontAwesome;
    color: #647088;
    left: 0;
}

.measure .specialized ul {
    column-count: 1;
    margin-left: 0px;
}




.hero-content h1 {
    position: relative; 
    font-size: 36px;
}


.clientschoice .page {
    display:flex;
    gap: 32px;
    padding: var(--page-pad);
    box-sizing:border-box;
  }

.clientschoice .left {
    width: 30%;
    display:flex;
    align-items:center;
    padding-left: 16px;
  }
 
 .clientschoice .right {
    flex:1;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    /* make grid's height fill the viewport minus page padding so scrollable areas work */
    min-height: 360px;
  }

  .clientschoice .column {
    display:flex;
    flex-direction: column;
    /* column will occupy full available height from .right */
    background: transparent;
  }
 .clientschoice .col-header {
    flex: 0 0 auto; /* do not shrink or grow */
    background: #F04F40;
    color: #fff;
    padding: 14px 25px;
    border-radius: 10px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
    font-size: 18px;
        min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* The scrollable area inside each column */
  .clientschoice .col-body {
    margin-top: 12px;
    flex: 1 1 auto;     
    overflow-y: auto;   
    padding-right: 8px; 
    max-height: 450px;
  }
 
  .clientschoice .item {
    background: transparent;
    border-radius: 15px;
    padding: 22px 20px;
    margin: 2px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 4px 0px #a9a9a9;
    color: #000;
    line-height: 22px;
    text-align: center;
  }
  .clientschoice .item small {display:block;color: #000;margin-top:6px;font-weight: 400;font-size: 16px;}

  /* Optional nicer thin scrollbar for webkit */
  .clientschoice .col-body::-webkit-scrollbar 
{ width: 0px; }
  .clientschoice .col-body::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.08);
    border-radius: 8px;
  }

  /* Responsive: stack columns on smaller screens */
  @media (max-width: 900px) {
   .clientschoice  .page { padding:20px; }
  .clientschoice   .left { width:100%; margin-bottom:12px; }
   .clientschoice  .right { grid-template-columns: 1fr; height: calc(100vh - 220px); }
  }

.clientschoice .page {
    align-items: center;
}

.clientschoice {
    padding: 100px 0px 100px;
    background-color: #EDF0F9;
}

.clientschoice .item strong {
    font-size: 16px;
}

section.portfolio_list.mt-10 {
        padding-top: 90px;
    padding-bottom: 80px !important;
   background: linear-gradient(180deg, #fff 0%, #e7effa 100%);
}

.clientschoice {
    background-color: #fff !important;
}
.clientschoice.homepage {
    background-color: transparent !important;
    padding-top: 130px !important;
    padding-bottom: 30px;
}
 
.highlight {
    justify-content: space-between;
}

.portfolio_sec.newsec .left-content {
    padding: 40px;
}

.simple-info {
    gap: 30px;
}

.tech-item {
    padding: 0px !important;
}

.lastcol {
    flex: 1;
}

.portfolio_sec .specialized ul {
    margin-bottom: 0px;
}


















.choose_section {
      text-align: center;
      padding: 20px 20px;
    }
 
    .content-container {
    position: relative;
    min-height: 580px;
    margin-top: 70px;
    }

    .content-container img {
      border-radius: 20px;
      object-fit: cover;
    }

    .features-box {
      background: #F04F40;
      color: #fff;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 70px 30px;
      border-radius: 20px;
      flex: 1;
      margin-left: -30px;
      z-index: 1;
      gap: 35px;
    }

    .choose_section .feature {
      flex: 1;
      padding: 0 15px;
      text-align: left;
    }

    .choose_section .feature h3 {
      font-size: 23px;
      margin-bottom: 20px;
      line-height: 30px;
      font-weight: 600;
    }

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

   .choose_section .feature ul li {
      margin-bottom: 14px;
      position: relative;
      padding-left: 30px;
      line-height: 25px;
      font-weight: 400;
    }

    .choose_section .feature ul li::before {
      content: "\f05d";
      position: absolute;
      left: 1px;
      top: 3px;
      color: #fff;
      font-size: 14px;
      font: normal normal normal 14px / 1 FontAwesome;
      font-size: 19px;
    }

    /* Responsive */
    @media (max-width: 900px) {
      .content-container {
        flex-direction: column;
        align-items: center;
      }
     .choose_section .features-box {
        margin-left: 0;
        margin-top: 20px;
        flex-direction: column;
        text-align: center;
      }
     .choose_section .feature {
        padding: 15px 0;
      }
    }

.position_img {
    width: 65%;
    position: absolute;
    left: 0;
}

.features-box {
    width: 65%;
    position: absolute;
    z-index: 9999;
    right: 0;
    bottom: 0;
    max-height: 400px;
    min-height: 400px;
}

.position_img img {
    width: 100%; 
    max-height: 420px;
    min-height: 420px;
}










.topbar {
    background-image: linear-gradient(to right, #2513cb, #34237b);
    padding: 10px 0px;
    margin-bottom: 10px;
}

.topbar .container { 
    display: flex;
    align-items: center;
    justify-content: space-between; 
}

header#fixed_header {
    padding-top: 0px;
}

.mailicon {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #fff;
   line-height: 36px;
}

.left_sec {
    display: flex;
    gap: 30px;
    align-items: center;
}

.right_sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.right_sec li {
    list-style: none;
    color: #fff;
}

.right_sec li:marker {
    display: none;
}

.right_sec li a {
    color: #fff;
}

.right_sec a.red {
        padding: 8px 8px;
    max-width: 100px !important;
    min-width: 120px !important;
    font-size: 15px;
}

header#fixed_header {
    background-color: #fff !important;
    background-image: unset !important;
    z-index: 99999;
}

header.header.fixed-header {
    background-color: #fff !important;
    background-image: unset !important;
}

header .row.v-center {
    padding-top: 10px;
}

header .row.v-center {
    padding-top: 10px;
    padding-bottom: 15px;
}
 

header#fixed_header {
    padding: 0px !important;
}

.banner_sec {
    height: calc(100vh - 140px);
        transition: all .3s;
}













 .demo-section {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      padding: 100px 0px;
    }

    .demo-container {
      display: grid;
      grid-template-columns: .5fr 1fr; 
      width: 100%;
      gap: 100px;
    }

    /* Left Content */
    .demo-text h2 {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 40px;
    }

    .demo-text p {
      margin: 0px 0px 30px;
      line-height: 1.6;
      font-size: 18px;
    }

    /* Right Form */
    .demo-form {
      background: #fff;
      color: #000;
      padding: 40px;
      border-radius: 30px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }

    .demo-form h3 {
      margin: 0 0 15px;
      font-size: 28px;
    }

    .demo-form p {
      margin: 0 0 25px;
      font-size: 18px;
      color: #000;
    }
  .inner_banner.scheduledemo {
    height: auto;
}


 
.contact-form-bg .form-control {
    width: 100%;
    height: 45px;
    font-weight: 500;
    color: #555;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 12%) !important;
    border: 0px;
    outline: none;
    font-size: 15px;
    font-family: "Inter", sans-serif;
    padding: 12px 20px;
}
  
.contact-form-bg .form-group label {
    display: inline-block;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
    font-size: 15px;
}

.contact-form-bg .form-group label span {
    color: red;
}

form#form1 {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

form#form1 .form-group {
    width: 48%;
}

.form-group.fullwidth {
    width: 100% !important;
}

.form-group.fullwidth textarea#message {
    min-height: 100px;
    max-height: 100px;
    resize: none;
}

.all-btn-submit {
    width: 100%;
    margin-top: -22px;
}

.form-group.p-relative {
    height: 0px !important;
    width: 0px !important;
    visibility: hidden;
}

section.bg_image.schedule {
    height: auto !important;

}




section.core_features.about .overviews {
    gap: 100px;
    padding: 0px;
}
 
section.core_features.about  h3.mediamsize {
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 25px !important;
}
 
section.core_features.about .rightcontent {
    padding: 20px 40px; 
}

section.core_features.about .rightcontent img {
    width: 100%;
    box-shadow: 0px 0px 20px 3px rgb(158 158 158 / 25%);
    border-radius: 12px;
}



.partnerus .process {
  display: flex;
  flex-direction: column;
  gap: 45px;
  align-items: flex-start;
  padding: 0px 20px;
  justify-content: center;
  width: 70%;
  margin: 0 auto;
}

.step-item {
  display: flex;
  align-items: center;
  gap: 150px;
  text-align: left;
}

.step-muted {
  min-width: 70px;
  color: #bfc2cb;
  font-size: 28px;
  font-weight: 600;
  margin-top: 2px;
  letter-spacing: 0.5px;
  transition: all .3s;
}

.step-active {
  min-width: 70px;
  color: #18181a;
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 2px;
  letter-spacing: 0.5px;
}

.step-title {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin-bottom: 10px !important;
  display: block;
}

.step-desc {
  font-size: 18px;
  color: #000;
  margin-top: 4px;
}

.partnerus .process h2 {
    text-align: center;
    align-items: center;
    margin: 0 auto;
    font-size: 28px;
    margin-bottom: 0;
}

section.differentiators-section.partnerus .diff-header {
    margin-bottom: 0px !important;
}
 

.step-item:hover .step-muted {
    color: #000;
}


.stats-section {
  background: #F9FAFB;
  padding: 50px 0;
  width: 100%;
  margin: 0 auto;
}

.stats-container {
  display: flex;
  justify-content: space-between;
  align-items: center; 
  margin: 0 auto;
  gap: 100px;
}
.stats-item em p {
    text-align: left;
}
.stats-item {
  text-align: center;
  flex: 1;
}

.stats-container .mediamsize {
  font-weight: 700 !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: 1px;
  text-align: left;
  color: #1B1C1E;
}

.stats-container .lightsize {
  font-size: 20px !important;
  font-weight: 350 !important;
  color: #1B1C1E;
  margin-bottom: 10px !important;
}

.stats-item p b {
  font-weight: 600;
  color: #000;
}


.partnrr .clientschoice .item {
    padding: 22px 35px; 
}

 
.demo-text .mailicon {
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}

.demo-text .mailicon p {
    margin-bottom: 0px;
}

.demo-text .mailicon i {
    background-color: #fff;
    height: 45px;
    width: 45px;
    color: #f04f40;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
}












.partnership-section {
  padding: 60px 20px 100px;
  text-align: center;
}

.section-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

.partnership-card {
  border-radius: 12px;
  padding: 50px 120px;
  margin: 0 auto;
  box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.08);
  text-align: left;
  background-image: linear-gradient(77deg, #E9F3FF, #FEFFFF );
}

.partnership-card .card-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0px;
  position: relative;
}

.partnership-card .card-left {
  width: 100%;
}

.partnership-card .card-rightlogo {
  width: auto;
  position: absolute;
  right: 0;
  top: 15px;
}

.partnership-card .partner-logo {
  width: 250px;
  height: auto;
}

.partnership-card .card-subtitle {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 26px;
}

.partner-name {
  color: #2B64F2;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 18px;
}

p.partnership-details {
  font-style: italic;
  margin-bottom: 25px !important;
  font-size: 20px !important;
  font-weight: 600;
}

.partnership-card .card-left p.description {
  margin-bottom: 30px !important;
  line-height: 30px;
  font-size: 18px !important;
}

.capabilities-markets {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.capabilities, .markets {
  flex: 1 1 45%;
}

.capabilities h4, .markets h4 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 30px;
}

.capabilities ul, .markets ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.capabilities li, .markets li {
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 30px;
}

.capabilities li::before, .markets li::before {
  color: #000;
  left: 0;
  top: 4px;
  content: "\f05d";
  position: absolute;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 21px;
}
 



.partners-container {
      display: flex;
      justify-content: center;
      gap: 50px;
      margin-bottom: 60px;
    }

    .capabilitiesbox {
      border-radius: 22px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.09);
      max-width: 33%;
          width: 33%;
      padding: 50px 42px;
      color: #fff;
      text-align: left;
      display: flex;
      flex-direction: column;
      background: linear-gradient(349deg, #2B64F2, #2A61F1);
      border: 1px solid #7B9EF6;
    }

    .capabilitiesbox h4 {
      color: #fff;
      font-size: 26px;
      margin-bottom: 18px;
      font-weight: 600;
      letter-spacing: 1px;
    }

    .capabilitiesbox .desc {
      font-size: 18px;
      margin-bottom: 25px;
      font-weight: 400;
      color: #fff;
      line-height: 1.7;
    }


section.achievements.partnershipss {
    background: linear-gradient(90deg, #2137E8, #2B62F2);
    padding: 80px 20px 50px;
}

.partnershipss .capabilities li::before {
  color : #0DFAEF
}

.partnershipss .capabilities li {
    font-size: 18px;
}





.subcontracting-block {
  margin-top: 25px;
}
.subcontracting-card {
  border-radius: 12px;
  box-shadow: -1px -2px 18px rgb(78 93 120 / 4%);
  padding: 50px 75px;
  background-image: linear-gradient(
1deg, #F1F0FF, #FFFFFF);
}
  
.opertunity .partnership-card {
    box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(
354deg, #F1F0FF, #FFFFFF);
padding: 50px 75px;
}

.subcontracting-card h3.card-subtitle {
    margin-bottom: 15px;
}

.partnership-card .subcontracting-card p.description {
    margin-bottom: 15px !important;
} 
.subcontracting-card ul {
    column-count: 2;
}
.opertunity h2.partner-name {
    color: #6B64C8;
}

section.consulting .partnership-card {
    background-image: unset;
    background-color: #fff;
    padding: 55px 60px;
    border-radius: 55px;
}
 
section.consulting .card-left {
    width: 50%;
} 
.consulting-image {
    width: 40%;
} 
section.consulting .partnership-card .card-content {
    flex-direction: unset;
    gap: 100px;
} 
.consulting-image img {
    width: 100%;
    box-shadow: 0 4px 16px 9px rgb(195 195 195 / 38%);
    border-radius: 20px;
}

section.consulting .capabilities-markets ul {
    column-count: 2;
}

.models-panel {
    background-image: linear-gradient(354deg, #E9F3FF, #E9F3FF);
    padding: 40px;
    border-radius: 30px;
    border-left: 5px solid #3167EC;
    margin-top: 30px;
    box-shadow: 0 4px 12px 3px rgb(195 195 195 / 38%);
}

section.partnership-section.consulting {
    padding: 20px 20px 50px;
}

.partnership-section.opertunity .capabilities-markets {
    gap: 220px;
}

.partnership-section.opertunity .capabilities-markets .capabilities {
    flex: unset !important;
}

.partnership-section.opertunity .capabilities-markets .markets {
    flex: unset !important;
}

.subcontracting-card {
    padding-bottom: 20px;
}

















  /* Left sidebar */
    .sidebar {
      width: 280px;
      background: #f8f9fa;
      position: sticky;
      top: 140px;
      height: 300px;
      padding: 20px;
      border-right: 1px solid #ddd;
    }

    .sidebar h3 {
      background: #2563eb;
      color: #fff;
      padding: 12px;
      border-radius: 6px;
      margin-bottom: 20px;
    }

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

    .sidebar ul li {
      margin: 12px 0;
    }

    .sidebar ul li a {
      text-decoration: none;
      color: #333;
      font-weight: 500;
      transition: 0.3s;
    }

    .sidebar ul li a.active {
      color: #2563eb;
      font-weight: bold;
    }

    /* Right content */
     section.technology  .content {
      flex: 1;
      padding: 40px;
    }

    .section {
      background: #f9fafb;
      border-radius: 8px;
      padding: 60px 50px;
      margin-bottom: 60px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    .section h2 {
      margin-top: 0;
      margin-bottom: 16px;
      font-size: 20px;
    }

    .highlight-box {
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 6px;
      padding: 15px;
      margin-top: 15px;
    }
    section.technology .container {
    display: flex;
}
   .sidebar {
    padding: 0px;
    width: 360px;
    min-height: 450px;
    max-height: 450px;
    border: 0px;
    padding-top: 40px;
    background-color: transparent;
}

   .sidebar ul li {
    margin: 0px;
    background-color: #F9F9F9;
}

  .sidebar ul li a.active {
    background-color: #2B64F2;
    color: #fff !important;
}

   .sidebar ul li a {
    width: 100%;
    display: block;
    padding: 20px 30px;
    font-size: 20px;
    font-family: "Inter", sans-serif;
    line-height: 26px;
    font-weight: 400 !important;
}
 

div#section1 {
    background-color: #F8F9FF;
}

.section {
    box-shadow: 0 0 11px rgb(0 0 0 / 23%);
}

 
section.technology .diff-header {
    margin-bottom: 25px;
}

h3.card-subtitle {
   font-weight: 600;
    margin-bottom: 26px;
    font-size: 30px;
}

section.technology h4 {
    margin-bottom: 20px;
}

section.technology .highlight-box {
        padding: 30px 100px;
    box-shadow: 0 0 11px rgb(174 170 170 / 9%);
    margin-top: 50px;
}





 
    .case-slide {
      padding: 20px 40px;
    }

    .case-card {
      background: #fff;
      border-radius: 16px;
      padding: 40px 55px;
      min-height: 350px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    }

    .case-card h3 {
      margin-bottom: 18px;
      font-size: 22px;
      font-weight: 600;
      color: #111827;
    }
 

    .results-box {
      background: #f9fafb;
      border: 1px solid #e5e7eb;
      padding: 15px 18px;
      margin-top: 18px;
      border-radius: 12px;
    }
 
    /* Slick dots customization */
    .slick-dots {
      bottom: -55px !important;
    }
    .slick-dots li button:before {
      font-size: 12px !important;
      color: #bbb;
    }
    .slick-dots li.slick-active button:before {
      color: #ef4444 !important; /* active red */
      font-size: 12px !important;
    }

.case-card p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

.case-card h4 {
    font-size: 20px !important;
}
 
section.govermentslider {
    padding: 100px 20px 50px;
        background: linear-gradient(180deg, #fff 0%, #edf0f9 100%);
}
div#section1 {
    background: #F1F3FA;
}
div#section2 {
    background: #FFFCF8;
}

div#section3 {
    background: #F8FFF9;
}

div#section4 {
    background: #FCF8FF;
}
.capabilities.bgclr {
    background-color: #FCF8FF;
    padding: 20px 23px;
    margin: 0px -23px;
    border-radius: 12px;
        box-shadow: 0 0 5px rgb(150 150 150 / 32%);
            margin-top: 18px;
}
section.govermentslider .diff-header {
    margin-bottom: 40px;
}
.capabilities.bgclr.bgcll2 {
    background-color: #FFFBF8;
}


.opertunity.govenment h2.subname {
    font-size: 23px !important;
    font-weight: 600;
    color: #C10154;
    margin-bottom: 18px;
}

.opertunity.govenment h3.partner-name {
    color: #6B64C8;
}

section.contractss {
    padding: 100px 20px 60px;
}

.image_container {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
}
.image_container img {
    max-height: 115px;
}

.consulting  .models-panel h4 {
    color: #2B64F2;
}


section.govermentslider .capabilities li {
    margin-bottom: 10px;
}

.capabilities.bgclr {
    padding-bottom: 10px;
}

.image_container {
    flex-wrap: wrap;
    gap: 55px;
}

.image_container img {
       max-height: 120px;
    padding: 12px;
    box-shadow: 0 0 5px rgb(150 150 150 / 32%);
}








 
.section-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #111;
}

.apart-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
  gap: 100px;
}

.apart-left {
  display: flex;
  align-items: center;
  min-width: 35%; /* keeps numbers + title aligned in one column */
  gap: 100px;
}

.number {
  font-weight: 400;
  color: #1B1C1E;
  margin-right: 25px;
  font-size: 40px;
  line-height: 55px;
}

.title {
  font-size: 22px;
  font-weight: 600;
  color: #1B1C1E;
  white-space: nowrap;
}

.apart-right {
  flex: 1;
}

.apart-right p {
  color: #1B1C1E;
  margin: 0;
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
}

.apart-item:last-child {
  margin-bottom: 0;
}


section.sets-us-apart {
    background-color: #EDF0F9;
    padding: 70px 20px 70px;
}
section.sets-us-apart h3.mediamsize {
    margin-bottom: 50px;
}

.apart-left span.number {
    width: 70px;
}

.achievements.partnertype p.lightsize {
    margin-bottom: 15px;
}

p.lightsize.lightt {
    font-weight: 200;
}

section.achievements.partnertype {
    background: linear-gradient(181deg, #2A5EF1, #0000cc);
}

section.achievements.partnertype .icon {
    background-color: transparent;
    padding: 5px;
}

section.partnertype .stat-box {
    background: #2B64F2;
    width: 22%;
    border: 1px solid #859dd6;
    max-width: 25%;
    border-radius: 30px;
}

section.partnertype .stats {
    gap: 4%;
}
section.partnertype .stat-box h3 
 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

 


.info-box {
  background: #2B64F2; /* Blue color */
  color: #fff;
  padding: 90px 30px;
  border-radius: 16px;
  text-align: center;
   /* adjust as needed */
}

.info-top h3 {
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 8px;
}

.info-top p {
  font-size: 15px;
  margin: 0;
  opacity: 0.9;
}

.info-box hr {
  border: none;
  border-top: 3px solid rgba(255, 255, 255, 0.5);
  margin: 30px 0;
}

.info-bottom h4 {
  font-size: 26px;
  margin: 0 0 8px;
  font-weight: 600;
}

.info-bottom p {
  font-size: 15px;
  margin: 0;
  opacity: 0.9;
}


.creativity-right {
    width: 65%;
    flex: unset !important;
}

.creativity-left {
    width: 35%;
    flex: unset !important;
}







.locations {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
}

.locations i {
    font-size: 70px;
}

.locations span.iconss {
    margin: 0px;
}

.locations h3.mediamsize {
    margin: 0px;
}

.people-section {
    align-items: flex-start;
}

section.our_people_section {
    padding: 100px 0px 100px;
}

section.our_people_section  p.lightsize {
    margin-bottom: 25px !important;
}
.our_people_section  li {
    font-size: 20px !important;
    line-height: 32px;
}

section.our_people_section p.lightsize {
    font-size: 20px;
    line-height: 32px;
}

.our_people_section li::before {
    top: 6px;
}






















section.opertunity.genai h2.partner-name {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

section.opertunity.genai .capabilities ul {
    column-count: 1;
}

section.opertunity.genai .card-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
        gap: 60px;
}

section.opertunity.genai .card-right img {
    width: 100%;
}

section.opertunity.genai .card-left {
    width: 100%;
}
section.opertunity.genai .subcontracting-card {
    padding: 40px 60px;
}

.partnership-card.rightt .card-content {
    grid-template-columns: 1fr 2fr !important;
}

section.opertunity.genai .partnership-card {
    margin-bottom: 80px;
}


.partnership-card.rightt {
    background: #fff !important;
} 

section.opertunity.genai .subcontracting-card {
    background: #fff;
    box-shadow: 0px 0px 9px 1px rgb(78 93 120 / 16%);
}

section.opertunity.genai .card-right img {
    box-shadow: -1px -2px 18px rgb(78 93 120 / 22%);
}

h5.smallsize {
    font-size: 25px;
    margin-bottom: 15px;
    color: #F04F40;
    font-weight: 600;
}

section.consulting.gen_ai h2.partner-name {
    font-size: 22px;
    margin-bottom: 22px;
}

section.consulting.gen_ai .capabilities li {
    margin-bottom: 35px;
}

 section.consulting.gen_ai .partnership-card .card-content {
    gap: 75px !important;
    display: grid;
    grid-template-columns: 2fr 1.3fr;
}
 
section.consulting.gen_ai .card-left {
    width: 100%;
}

section.consulting.gen_ai .consulting-image {width: 100%;}

 section.consulting.gen_ai .partnership-card {
    margin-bottom: 70px;
}

section.consulting.gen_ai .partnership-card.rigtt .card-content {
    grid-template-columns:  1.3fr 2fr;
}

section.consulting.gen_ai .partnership-card .card-content h4 {
    font-weight: 700;
    margin-bottom: 22px;
}

section.consulting.gen_ai .models-panel .capabilities li {
    margin-bottom: 20px;
}

section.partnership-section.consulting.gen_ai {
    padding: 100px 20px 50px;
}

section.opertunity.genai .card-right img {
    border-radius: 20px;
}

.consulting.gen_ai.last_sec {
    padding-top: 0px !important;
}

.consulting.gen_ai.last_sec .partnership-card {
    box-shadow: unset;
    border-radius: unset;
}
 

.consulting.gen_ai.last_sec h2.partner-name {
    color: #F04F40;
    font-size: 24px;
}

.consulting.gen_ai.last_sec h3.mediamsize {
    margin-bottom: 18px;
}

.consulting.gen_ai.last_sec .capabilities li {
    margin-bottom: 18px;
}

.consulting.gen_ai.last_sec .capabilities ul {
    column-count: 1;
}

.consulting.gen_ai.last_sec .models-panel {
    border: 0px;
    box-shadow: unset;
    border-radius: 12px;
    margin-top: 10px;
    padding: 30px;
}

.consulting.gen_ai.last_sec a.red {
    margin-top: 10px !important;
}

.consulting.gen_ai.last_sec .models-panel .capabilities li {
    margin-bottom: 10px;
}

.consulting.gen_ai.last_sec .models-panel .capabilities li strong {
    font-weight: 600;
}

.consulting.gen_ai .capabilities li strong {
    font-weight: 600;
}

.consulting.gen_ai.last_sec .partnership-card {
    padding: 0px;
}

.consulting.gen_ai.last_sec .partnership-card .card-content {
    gap: 150px !important;
}



section.partnership-section.opertunity .subcontracting-card h3.card-subtitle {
    color: #6B64C8;
}

section.testimonials-section.contract .testimonials-header p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
}
section.achievements.partnershipss .capabilities li {
    font-weight: 300;
}

section.achievements.partnershipss .capabilities li strong {
    font-weight: 600;
}





.partnership-card.partialcard {
    padding: 40px 45px;
    background: #fff;
    border-radius: 30px;
}

.partnership-card.partialcard h2.partner-name {
    color: #2B64F2 !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    margin-bottom: 26px !important;
}

.partnership-card.partialcard .capabilities-markets {
    margin-bottom: 5px;
}

.partnership-card.partialcard .card-content {
    grid-template-columns: 1.5fr 1fr !important; 
    align-items: center;
}

.partnership-card.partialcard .capabilities-markets ul {
    column-count: 2 !important;
    gap: 30px;
}

.partnership-card.partialcard .capabilities-markets ul li {
    margin-bottom: 30px;
    font-size: 18px;
}

.partnership-card.partialcard .capabilities-markets ul strong {
    display: block;
    margin-bottom: 5px;
}


.partnership-card.partialcard.rightt .card-content {
    grid-template-columns: 1fr 1.5fr !important;
}

section.partnership-section.opertunity.genai.aimachine {
    padding-top: 100px;
    padding-bottom: 30px;
}


.stats-container .lightsize {
    text-align: left !important;
}









 
.bluee .subcontracting-card {
    background-color: #F4FCFF !important;
}

.genai.newdesign .subcontracting-block {
    margin-top: 15px;
}

.orangee .subcontracting-card {
    background-color: #FCF8F5 !important;
}
.pinkk .subcontracting-card {
    background-color: #FCF4FF !important;
}

.genai.newdesign .subcontracting-card {
    padding: 23px 45px !important;
    padding-bottom: 13px !important;
}
 
.genai.newdesign .subcontracting-card ul {
    column-count: 2 !important;
}
section.opertunity.genai ul.fullwidth {
    column-count: 1 !important;
}
section.opertunity.genai .capabilities ul li {
    margin-bottom: 10px;
}









 section.privacy_policy h1 {
      font-size: 2rem;
      color: #2B64F2;
      margin-bottom: 1rem;
    }
    section.privacy_policy h4 {
      font-size: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    section.privacy_policy p {
      margin-bottom: 1rem;
          font-size: 18px;
    line-height: 30px; 
    }
    section.privacy_policy ul {
      margin-bottom: 20px;
      padding-left: 50px;
      list-style: circle;
    }
    section.privacy_policy li {
      margin-bottom: 0.4em;
      font-size: 18px;
    }
   section.privacy_policy a {
      color: #2b64f2 !important;
      text-decoration: none;
    }
    section.privacy_policy a:hover {
      text-decoration: underline;
    }
   section.privacy_policy .container div{
      margin-bottom: 35px !important;
    }

section.privacy_policy .container div h4:first-child {
    font-size: 24px;
    color: #2B64F2;
    margin-bottom: 20px;
}

section.privacy_policy ul li::marker {
    font-size: 21px;
}

section.privacy_policy {
    padding: 50px 10px;
}
section.privacy_policy  address {
    display: block;
    font-style: normal;
    line-height: 1.5;
    margin-top: 0.5rem;
    margin-bottom: 15px;
  }







.partnership-card.designbullet h2.partner-name {
  line-height: 32px;
}
 
.partnership-card.designbullet ul li {
 margin-bottom: 10px !important;
}
 
.partnership-card.designbullet ul {
 margin-bottom: 22px;
} 
.partnership-card.designbullet h4 {
 margin-bottom: 12px !important;
}
.mailicon a, .contact-item p a{
    color: #fff;
}

.dflxxed {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 5px;
}
 

.ai-box {
    position: relative;
}

section.core_features h3.mediamsize a {
    color: #000;
}
.ai-box a:hover {
   
    color: #f04f40;
}

.ai-box a {
    text-align: right;
    display: block;
    margin-top: 14px;
    font-size: 16px;
    color: #000;
     transition: all .3s;
}

h1.heading {
    text-align: center;
    padding: 10px 10px 30px;
    color: #000 !important;
}

.footer-col h4 a {
    color: #F68A81;
}
.last_update {
    display: flex;
    gap: 20px;
}

.last_update p {
    font-size: 18px !important;
    margin: 0px !important;
}