.hero-section {
 height: 100vh;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 padding: 0 15px;}
.hero-content {
 z-index: 2;
}
.hero-content h6 {
font-size: 18px;
line-height: 35px;margin-top: 10px; margin-bottom: 20px;

}
.hero-content .btn1 {
    background-color: #40099d;
    color: #fff!important;
    font-size: 14px;
    border: none;
    padding: 10px 20px;
}
.hero-content .btn {
    font-size: 14px;
    padding: 10px 20px;border-color: #40099d; color: var(--color-theme-2);font-weight: 600;
}
.adjust-header-space1 {
    margin-top: 40px;
}
.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #40099d;
    --bs-btn-hover-color: #40099d;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #40099d;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #40099d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #40099d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #40099d;
    --bs-gradient: none;
}
.image-container {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
.image-container .icon-box {
 position: absolute;
 display: flex;
 flex-direction: column;
 align-items: center
}.image-container .icon-box-1{
border-radius: 20px;
background: white;
padding: 20px;width: 132px;height: 132px;
box-shadow: 0px 0px 54px 0px rgba(34, 44, 71, 0.05), 0px 12px 64px 0px rgba(34, 44, 71, 0.03);}
.image-container .icon-box-2{
 border-radius: 20px;
background: white;
 padding: 20px;width: 132px;height: 132px;
 box-shadow: 0px 0px 54px 0px rgba(34, 44, 71, 0.05), 0px 12px 64px 0px rgba(34, 44, 71, 0.03);}
.image-container .icon-box-11{
border-radius: 20px;
background: white;
padding: 15px;width: 96px;height: 96px;
box-shadow: 0px 0px 54px 0px rgba(34, 44, 71, 0.05), 0px 12px 64px 0px rgba(34, 44, 71, 0.03); }
.icon-box img {
width: 60px;
height: 60px;
}
.icon-box-11 img {
 width: 40px;
 height: 40px;
}
.icon-box span {
margin-bottom: 0px;
font-size: 14px;
margin-top: 12px;
text-decoration: none;
font-weight: 600;
line-height: 1;
color: #222c47;}

/* Icon box positions */
.icon-box-1 { top: 12%; left: 9%; }
.icon-box-2 { top: 12%; right: 9%; }
.icon-box-3 { top: 40%; left: 5%; transform: translateY(-50%); }
.icon-box-4 { top: 40%; right: 5%; transform: translateY(-50%); }
.icon-box-5 { top: 50%; left: 20%;}
.icon-box-6 { top: 50%; right: 20%;}
.icon-box-7 { bottom:30%; left: 38%; }
.icon-box-8 { bottom: 30%; right: 38%; }
.brand-wrapper {
    display: none;
}
.image-container {
    display: block;
}
.brand-wrapper .icon-box-brand {
 display: flex;
 flex-direction: column;
 align-items: center
}
.brand-wrapper .icon-box-brand{
border-radius: 20px;
background: white;
padding: 20px;width: 80px;height: 80px;
box-shadow: 0px 0px 54px 0px rgba(34, 44, 71, 0.05), 0px 12px 64px 0px rgba(34, 44, 71, 0.03); }
.icon-box-brand span {
margin-bottom: 0px;
font-size: 12px;
margin-top: 5px;
text-decoration: none;
font-weight: 600;
line-height: 1;
color: #222c47;}
.icon-box-brand img {
width: 30px;height: 30px}
@media (max-width: 991px) {
.image-container {
        display: none;
}
.hero-content h3{
font-size: 35px;
/*font-family: "Neue Montreal", sans-serif;*/
}
.hero-content h6{
font-size: 18px;

}
.brand-wrapper {
        display: block;
    }

}
.testi .card{
	border-radius: 20px;
    border: 1.722px solid #F4F4F6!important;
    background: #FFF;
}
.testi .card {
height: 110px; width: 110px;
}
.testi span{
	font-weight: 600;
}
.horizontal-scroll {
    display: flex;
    gap: 20px; 
    overflow-x: auto; 
    padding: 10px;
    scroll-snap-type: x mandatory; 
}

.blogpost-box-22 {
    flex: 0 0 calc(50% - 10px); 
    scroll-snap-align: start; 
    background: #e5e5e54f;
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    border-radius: 0px;
    min-width: calc(50% - 10px); 
}

.horizontal-scroll::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.horizontal-scroll::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
.blogpost-wrapper-2 {
    display: flex;
    flex-wrap: wrap;
}

.blogpost-box-22 {
    display: flex;
    flex-direction: column;
    height: 100%; 
}

.blogpost-box-2 {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
}

.blog__content {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
}

.blog__button {
    margin-top: auto;
}
@media (max-width: 768px) { 
       .blogpost-box-22 {
    height: 50%; 
    }
    .border-btn2 {
    font-size: 16px;
    padding: 0 10px;
    height: 37px;
  }

}
/* Media Query for Mobile Devices */
@media (max-width: 767px) {
    .blogpost-box-2 {
        flex: 0 0 100%; 
        min-width: 100%; 
        margin: 0 auto; 
    }
}

.centered-button {
      position: absolute;
      top: -35px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #28a745;
      color: white;
      padding: 10px 20px;
      border-radius: 20px;
      border: none;
    }

  .image-container11 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container11 img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: -25px; 
  border: 2px solid white;
}
.plus-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  color: black;
  font-weight: bold;
  border: 2px solid gray; margin-left: -25px;
}
.team-card {
      background: #fff;
      border: none;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, color 0.3s ease;
    }
    
    .team-card img {
      width: 120px;
      height: 120px;
      object-fit: cover;
      border-radius: 50%;
      margin-bottom: 15px;
    }
    .team-card h5 {
      font-size: 24px;
      margin-bottom: 5px;transition: color 0.3s ease;
    }
    .team-card p {
      font-size: 18px;
      color: var(--clr-theme-1);
      transition: color 0.3s ease;
    }
    .team-card:hover {
      background:var(--clr-theme-2);
     border-radius: 25px;
    }
    .team-card:hover h5,
    .team-card:hover p {
      color: #fff; 
    }

   .comform .form-container {
      background: #ffffff;
      padding: 20px;
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      max-width: 350px;
      width: 100%;
    }
    .comform .form-container1 {
      max-width: 500px; 
      width: 100%;
    }


 .comform .form-container h5 {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #3e08a4;
    }
.comform .form-control {
      border-radius: 8px;
      margin-bottom: 15px;
      font-size:16px;
      padding: 10px;
    }
.comform .form-button {
      background-color: #3e08a4;
      color: #ffffff;
      border: none;
      padding: 10px 15px;
      border-radius: 8px;
      font-size: 16px;
      width: 100%;
    }
.comform .form-button:hover {
      background-color: #f95133;
    }
.hero-title span {
      display: inline-block;
      border-bottom: 5px solid #f7c14d;
    }