/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
 */
 a:focus { outline: none; }
 input:focus { outline: none; }
 input:focus, input[type="text"]:focus, input[type="email"]:focus{
     border:1px solid #c0ccd9 !important;
 }

 #video-preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#video-preloader video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-banner-sec .custom-owl-carousel {
  border-radius: 52px !important;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.home-banner-sec .custom-owl-carousel .slide {
  position: relative;
  height: auto;
  border-radius: 52px !important;
}

.home-banner-sec .custom-owl-carousel .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the container */
  /*transition: transform 30s ease-in-out;*/
}

.home-banner-sec .owl-item.active img {
  transform: scale(1.1);
}

/* Center content vertically and horizontally */
.home-banner-sec .custom-owl-carousel .content {
  position: absolute;
  top: 60%;
  left: 8%;
  transform: translateY(30px) translateY(-50%);
  opacity: 0;
  color: #fff;
  max-width: 650px;
  text-align: left;
  z-index: 2;
  padding: 0px;
  /*border-radius: 10px;*/
  transition: all 1s ease;
}

/* Animation for active content */
.home-banner-sec .owl-item.active .content {
  transform: translateY(0) translateY(-60%);
  opacity: 1;
}

/* Content text styles */
.home-banner-sec .custom-owl-carousel .content h2 {
  font-size: 55px;
  line-height: 1.1em;
  margin: 0 0 10px;
  color: #fff;
  text-transform: capitalize;
}

.home-banner-sec .owl-carousel .content p {
  max-width: 585px;
  font-size: 18px;
  color: #fff;
  margin: 0px 0 10px;
}

.home-banner-sec .custom-owl-carousel .content .btn {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  color: #000;
  background-color: #ffb536;
  text-decoration: none;
  border-radius: 28px;
  border: 1px solid #ffb536;
  transition: background-color 0.3s ease;
}
.home-banner-sec .custom-owl-carousel .content .btn:hover {
  color: #ffb536;
  background-color: #ffffff;
  border: 1px solid #ffb536;
}
.home-banner-sec .custom-owl-carousel .content .btn:hover i {
  color: #ffb536 !important;
}
/* Positioning navigation arrows */
.home-banner-sec .owl-nav button {
  position: absolute;
  top: 50%; /* Center vertically */
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 15px;
  cursor: pointer;
  z-index: 3;
  font-size: 20px;
}

/* Left and right navigation arrows */
.home-banner-sec .owl-nav .owl-prev {
  left: 10px; /* Left of the screen */
}

.home-banner-sec .owl-nav .owl-next {
  right: 10px; /* Right of the screen */
}

/* Customize dot navigation */
.home-banner-sec .owl-dots {
  position: absolute;
  bottom: 20px; /* Move dots to the bottom */
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}

.home-banner-sec .owl-dots button {
  background: transparent;
  border: none;
  outline: none;
}

.home-banner-sec .owl-dots button span {
  background-color: white;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  margin: 5px;
  transition: background-color 0.3s ease;
}

.home-banner-sec .owl-dots .owl-dot.active span {
  background-color: #ffb536;
}
.home-banner-sec a i {
  color: #fff;
}

/* Image Zoom Animation */
@keyframes zoomInImage {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes zoomOutImage {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.2);
  }
}
.zoomInImage {
  animation: zoomInImage 5s ease-in-out forwards;
}

.zoomOutImage {
  animation: zoomOutImage 5s ease-in-out forwards;
}
.home-banner-sec .owl-nav .owl-prev,
.home-banner-sec .owl-nav .owl-next {
  width: 30px !important;
  background: #fff !important;
  height: 30px !important;
  color: #000 !important;
}
.home-banner-sec .owl-nav .owl-prev span,
.home-banner-sec .owl-nav .owl-next span {
  font-size: 30px;
  line-height: 26px;
}

@media only screen and (max-width: 1200px) {
  .home-banner-sec .custom-owl-carousel {
    max-height: 650px !important;
  }
  .home-banner-sec .custom-owl-carousel .content {
    top: 25% !important;
  }
}
@media only screen and (max-width: 767px) {
  .home-banner-sec .custom-owl-carousel .content {
    top: 45% !important;
  }
  .home-banner-sec .custom-owl-carousel .slide {
    position: relative;
    height: 450px;
  }
  .home-banner-sec .custom-owl-carousel .content {
    right: 0px;
    left: 0px;
    max-width: 85%;
    margin: auto;
  }
  .home-banner-sec .owl-nav .owl-prev {
    left: 2px;
  }
  .home-banner-sec .owl-nav .owl-next {
    right: 2px;
  }
  .home-banner-sec .custom-owl-carousel {
    max-height: 450px !important;
  }
  .home-banner-sec .custom-owl-carousel .content h2 {
    font-size: 25px !important;
  }
  .banner-overlay {
    width: 100%;
  }
  .banner-overlay h1 {
    font-size: 1.5em !important;
  }
  .home-banner-sec .owl-nav {
    display: none;
  }
}

/* Banner Section */
.banner-section {
  position: relative;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 500px; /* Adjust as needed */
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 480px) {
  .banner-overlay h1 {
    font-size: 1.5em;
  }
  .hfe-menu-item::after{
      left: 75%;
  }
  .breadcrumb {
    display: none;
    font-size: 0.8em;
  }
  .single-sevice-page h2.widget-title {
    font-size: 25px !important;
  }
  .banner-section {
    min-height: 300px;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
  }
}
.our_team .owl-nav button.owl-prev {
  margin-left: -20px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.our_team .owl-nav button.owl-next {
  margin-right: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 0px;
}
.our_team .owl-nav span {
  /*display: none; */
  font-size: 30px;
  line-height: 35px;
  color: #fff;
}

.our_team.owl-carousel .owl-stage-outer {
  position: relative;
  /*overflow: visible !important;*/
  /*-webkit-transform: translate3d(0, 0, 0);*/
  /*clip-path: polygon(0% 0%, 200% 0%, 200% 100%, 0% 100%) !important;*/
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: #ffffffba !important;
  border: none;
  padding: 0 !important;
}
.our_portfolio.owl-theme .owl-nav span,
.our_team .owl-nav span {
  font-size: 30px;
  line-height: 35px;
  color: #000;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  width: 35px;
  margin: 0px 5px;
  height: 35px;
  border-radius: 50%;
  line-height: 25px !important;
}
/* === Carousel Container === */
.our_team {
  padding: 0px 0;
}

/* === Each Card === */
.our_team .founder-card {
  position: relative;
  text-align: center;
  transition: transform 0.3s ease;
  padding: 0px 10px;
}
.team-sec .elementor-element {
  padding-bottom: 0px !important;
}
.our_team .founder-card img {
  padding-top: 50px;
  width: 100%;
  height: auto;
  border-radius: 6px;
  filter: grayscale(100%);
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* === Top Label (e.g., "Versatile") === */
.our_team .top-label {
  text-transform: capitalize;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  font-weight: 400;
  color: rgb(0 0 0 / 22%);
  opacity: 0.9;
  transition: opacity 0.4s ease;
  z-index: 2;
}

/* === Dotted Line Above Head === */
.our_team .founder-card::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  border-left: 2px dotted #0077ff;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* === Bottom Info Card (hidden initially) === */
.our_team .info-card {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 20px);
  width: 85%;
  background: #001848;
  color: #fff;
  border-radius: 10px;
  padding: 15px 10px;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease;
  text-align: left;
  z-index: 5;
}

.our_team .info-card h4 {
  margin: 0;
  font-size: 28px;
  color: #fff;
  max-width: 75%;
  font-weight: 400;
}

.our_team .info-card p {
  margin: 2px 0 0;
  font-size: 13px;
  color: #ffc82c;
}

.our_team .info-card i {
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 28px;
  color: #ffc82c;
  transform: rotate(300deg);
}

/* === Hover Effects === */
.our_team .founder-card:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
}

.our_team .founder-card:hover .top-label {
  opacity: 1;
  color: #0e305f;
}

.our_team .founder-card:hover .info-card {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.our_team .founder-card:hover::before {
  opacity: 1;
}
.profile-card-2 {
    position:relative;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}
.profile-card-2 img{
    border-radius: 8px;
}
.profile-img {
    margin-bottom: 20px;
}
.profile-card-2:hover {
  transform: translateY(-10px);
}
.our_team .overlay-icon, .profile-cards .overlay-icon{
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 8px;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.4s ease;
  pointer-events: none;
}
.team_content {
    padding: 0px 12px;
    display: flex;
    text-align: left;
    justify-content: space-between;
}
.our_team .item:hover .overlay-icon, .profile-cards .item:hover .overlay-icon{
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.profile-card-2 h3,
.profile-card h3 {
    font-weight: 400;
    max-width: 80%;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.team-socail-icon {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.our_team .team-socail-icon li {
  display: flex;
  align-items: center;
}

.our_team .team-socail-icon li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.our_team .team-socail-icon i {
  margin-top: -10px;
  transform: none;
}

.our_team .team-socail-icon li img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.our_team .team-socail-icon li .elementor-button-icon {
  display: flex;
  display:none !important;
  align-items: center;
}
/*---------------------------our team--------------*/
.profile-cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.profile-card {
  /*background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;*/
  width: 33.33%;
  max-width: 350px;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
  text-align: center;
  transition: transform 0.3s ease-in-out;
}

.profile-card {
  width: 47.33%;
  max-width: 350px;
}

.profile-card:hover {
  transform: translateY(-10px);
}
.our_team .team-socail-icon li .elementor-button-icon {
  display: flex;
  align-items: center;
}
.our_team p.title {
    font-weight:400;
  color: #ffc63d;
}
span.elementor-button-icon {
  transform: rotate(45deg) !important;
}

.ethos-section {
  text-align: center;
}
.ethos-carousel .ethos-card {
  margin-bottom: 35px;
  background: linear-gradient(45.53deg, #d5dbfd 21%, #ffffff 70.71%);
  border-radius: 22px;
  padding: 20px 25px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  min-height: 220px;
  transform: scale(0.9);
  opacity: 0.4;
  transition: transform 0.6s ease, opacity 0.6s ease, background 0.6s ease;
}

.ethos-carousel .ethos-card.active {
  transform: rotateZ(0deg) scale(1);
  opacity: 1;
  background: url("/wp-content/uploads/2025/07/Banner_.png");
  background-repeat: no-repeat;
  background-position: center;
   background-size: cover;
  background-blend-mode: overlay;
  z-index: 2;
  animation: rollInFromRight 0.8s ease forwards, patternMove 20s linear infinite;
}
.ethos-carousel .ethos-card.active h3, .ethos-carousel .ethos-card.active p{
    color:#fff;
}
@keyframes softGlow {
  0%,
  100% {
    background-blend-mode: overlay;
    opacity: 1;
  }
  50% {
    background-blend-mode: soft-light;
    opacity: 0.95;
  }
}

@keyframes rollInFromRight {
  0% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg) scale(1);
  }
}
.ethos-carousel .owl-item.left-item {
  transform: rotate(-15deg) scale(0.9);
  z-index: 1;
}

.ethos-carousel .owl-item.right-item {
  transform: rotate(15deg) scale(0.9);
  z-index: 1;
}

.ethos-carousel .owl-item.center {
  transform: rotate(0deg) scale(1) !important;
  z-index: 3;
}

.ethos-card h3 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 700;
}

.ethos-card p {
  font-size: 14px;
  color: #000000;
}
.ethos-section .icon img {
  max-width: 80px;
  margin: auto;
  margin-bottom: 20px;
}
/* Responsive */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .profile-cards {
    justify-content: center;
  }

  .profile-card {
    max-width: 100%;
    width: 33.33px;
  }
  .our_team .owl-nav button.owl-prev {
    margin-left: -10px;
  }
}
@media screen and (max-width: 768px) {
  .profile-cards {
    justify-content: center;
  }

  .profile-card {
    max-width: 100%;
    width: 400px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .our_team .owl-nav button.owl-prev {
    margin-left: -10px;
  }
}

@media screen and (max-width: 576px) {
  .our_team .owl-nav button.owl-prev {
    margin-left: -10px !important;
  }
  .our_team .owl-nav button.owl-next {
    margin-right: 0px !important;
  }
}

.custom-testimonial-slider .testimonial-card {
  background: #031d4b;
  color: white;
  border-radius: 20px;
  padding: 0px 20px 20px 20px;
  margin: 10px;
  max-width: 900px;
  min-height:340px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
 .custom-testimonial-slider .banner-cta{
    background:#fff;
    color:#000000;
    border-color:#fff;
}
.card-content {
  display: flex;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}

.image-section {
     max-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.image-section img {
  width: 100%;
  height: 210px;
  border-radius: 12px;
  object-fit: cover;
}

.name-role {
  text-align: left;
  margin-top: 10px;
}

.name-role h3 {
  color: #fff !important;
  margin: 5px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.info-section img {
  max-width: 180px;
}
.name-role span {
  font-size: 14px;
  color: #ffc63d;
  font-weight: 600;
  text-transform:uppercase;
}

.info-section {
  flex: 1;
  min-width: 250px;
}

.logo-img {
  width: 100px;
  margin-bottom: 10px;
}

.desc {
  font-size: 16px;
  line-height: 1.6;
  color: #ffffffdd;
  margin-top:10px;
}

/* Owl Carousel Center Item */
.owl-item.center .testimonial-card {
  transform: scale(1.03);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.custom-testimonial-slider.owl-carousel .owl-stage-outer {
  overflow: visible !important;
}
 .video-banner {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  opacity: 1;
}

.video-banner-content {
  text-align: left;
  padding: 20px;
  z-index: 2;
  max-width: 1240px;
  width:100%;
}

.video-banner-content h1 {
  font-size: 78px;
  font-family: "Raleway", Sans-serif !important;
  margin-bottom: 10px;
  font-weight: 300;
  color:#fff;
}

.video-banner-content p {
  font-family: "Raleway", Sans-serif !important;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.5;
}

.banner-cta {
    font-weight: 300;
  font-family: "Raleway", Sans-serif !important;
  display: inline-block;
  padding: 8px 25px;
  background-color: #61CE7000;
  color: #ffc63d;
  border-radius: 25px;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease;
  border: 1px solid #F6C8C8 !important;
}
.forminator-input, .forminator-textarea{
    background:#fff !important;
    border-color: #B1B1B1 !important;
}
.forminator-button-upload {
    background-color: #031d4b!important;
    border-color: #031d4b!important;
}
.forminator-button-submit {
    background-color: transparent!important;
    color: #031d4b!important;
}
.forminator-button-submit:hover {
    color: #031d4b!important;
}
.pitch-to-us-form .forminator-button-submit{
    width: auto !important;
    display: flex !important;
    justify-content: center;
    margin: auto !important;
}
.forminator-label {
    color: #111827!important;
    font-size: 14px !important;
}
.banner-cta:hover {
     background-color: #FFC63D;
    color: #031D4B;
    border-color: #FFC63D;
}
.profile-cards .profile-card.item {
    padding: 0;
    background: transparent;
} 
.profile-cards span.elementor-button-icon {
    transform: rotate(45deg) !important;
    display: none;
}
.profile-cards .profile-card {
    width: 33.33%;
    max-width: 290px;
}
 .profile-cards p.title {
     font-size: 14px;
     margin-bottom:5px;
    font-weight: 600;
    text-transform:uppercase;
    color: #ffc63d !important;
}
#load-more {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 35px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    border:1px solid #031d4b;
    padding: 12px 25px;
}
#load-more:hover{
     border:1px solid #ffc63d;
}
.post_name.ic img {
    max-width: 200px;
    /*background: #fff !important;*/
    margin: auto;
    text-align: center;
    /*padding: 2px;*/
    /*border-radius: 5px;*/
}

/* Responsive */
@media (max-width: 768px) {
  .video-banner-content h1 {
    font-size: 36px;
  }

  .video-banner-content p {
    font-size: 16px;
  }

  .banner-cta {
    font-size: 15px;
    padding: 8px 20px;
  }
}
/* Responsive */
@media (max-width: 768px) {
  .card-content {
    flex-direction: column;
    text-align: left;
  }

  .image-section img {
    width: 100%;
    height: auto;
  }

  .info-section {
    margin-top: 5px;
  }
 .logo-img{
     margin-bottom: 0px;
 } 
 .top-sticky .elementor-widget-container{
     display: flex;
    flex-wrap: wrap;
    justify-content: center;
 }
}

/*-----Portfolio page CSS------*/
.main-page .bg-sec {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.main-page section {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.single-portfolio section, .main-page section {
    padding-bottom: 60px;
    padding-top: 60px;
}
.main-page .section-container {
    max-width: 1240px;
    margin: 0 auto;
}
.portfolio-section {
    background-color: #f9f9f4;
    padding: 60px 20px;
}
.portfolio-container {
    max-width: 1240px;
    margin: 0 auto;
}
.portfolio-stats {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: start;
}
.portfolio-heading {
    max-width: 850px;
    font-size: 48px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 5px;
}
.single-portfolio .portfolio-heading {
    max-width: 750px;
    font-size: 36px;
    line-height:45px;
}
.portfolio-stats .text-box {
    max-width: 550px;
    margin-right: 80px;
    margin-bottom: 0px;
    font-weight: 600;
    font-family: "Raleway", Sans-serif !important;
    text-transform: capitalize;
}
.main-page .section-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.main-page .sec-title h2 {
    font-size: 48px;
    font-weight: 400;
    align-items: center;
    margin-bottom: 10px;
}
/* Container styling */
.content-grid {
  padding: 15px 0 0 0;
  background: #fff;
  color: #000000;
}

/* Section Heading */
.content-grid h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

/* Filter Buttons */
.content-grid .filter-buttons {
  margin-bottom: 30px;
}
.ekit-wid-con .profile-card, body .profile-card{
    box-shadow:none !important;
}
.content-grid .filter-buttons .custom-btn {
      background-color: #ffffff;
      border: 1px solid #cfcfcf;
      color: #3c3c3c;
      padding: 8px 20px;
      border-radius: 25px;
      margin-right: 10px;
      cursor: pointer;
      font-size: 14px;
      transition: all 0.3s ease;
    }

    .content-grid .filter-buttons button.active {
      background-color: #FFC63D;
      color: #031D4B;
      border-color: #FFC63D;
    }
.filter-buttons button.tab-item.active {
    background: #FFC63D;
    border-color:#FFC63D;
    color: #031D4B;
}
/* Card Layout */
.content-grid .card {
  border-top: 1px solid #e0e0e0;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

/* Left Content (Logo + Partner Info) */
.content-grid .left-content {
  flex: 1 1 280px;
}
.content-grid .left-content ul{
   margin-left:20px;
   margin-bottom: 0px;
}
.content-grid .left-content img.logo {
  max-width: 200px;
  margin-bottom: 15px;
}

.content-grid .partnered {
    font-size: 17px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.6;
}

/* Right Content (Text + Button + Image) */
.content-grid .right-content {
  flex: 1 1 400px;
}

.content-grid .right-content .description {
  margin-bottom: 20px;
  color: #000000;
  text-align: left;
}

.content-grid .right-content .explore-btn, .custom-cta, .story-btn {
    position:relative;
    background: transparent;
    border: 1px solid #031d4b;
    padding: 8px 20px;
    border-radius: 25px;
    color: #031d4b;
    display: inline-block;
    font-weight: 400;
    cursor: pointer;
	    font-size: 15px !important;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}
.custom-cta, .story-btn{
	 text-transform: capitalize;
     background: transparent;
     border: 1px solid #031d4b;
}
.content-grid .right-content .explore-btn:hover, .custom-cta:hover, .story-btn:hover  {
  background: #FFC63D;
  border: 1px solid #FFC63D;
  color: #031D4B;
}

.content-grid .right-content img {
  width: 100%;
  max-width: 500px;
  display: block;
}
.container {
    max-width: 1240px;
    margin: 0 auto;
}
.founders-story {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.story-image {
    flex: 1 1 50%;
    min-width: 300px;
    text-align: center;
}
 .story-content {
    flex: 1 1 50%;
    min-width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.story-content h2 {
    font-size: 45px;
    color: #000000;
    margin-bottom: 10px;
}
.sec-title p{
    font-weight: 700;
    margin-bottom: 5px;
}
.pr-50 {
    padding-right: 50px;
}
 .info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
    max-width: 400px;
    margin-left: auto;
  }

  .info-item {
    display: flex;
    flex-direction: column;
    font-size: 16px;
  }

  .info-label {
    color: #000000CC;
  }

  .info-value {
    font-weight: bold;
    margin-top: 4px;
    color: #000;
  }

  @media (max-width: 600px) {
    .info-grid {
       grid-template-columns: repeat(2, 1fr);
       gap:10px 20px;
      text-align: center;
    }
  }
   .founders-section {
    margin: 0px auto;
    padding: 20px 0;
    border-radius: 16px;
  }

  .founders-image {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
  }

  .founders-image img {
    width: 100%;
    height: auto;
    display: block;
  }
 .founders-image{ 
 margin-top:20px;
 }
  .founders-info {
    display: flex;
    justify-content: space-between;
    /*align-items: start;*/
    margin: 15px 0;
    flex-wrap: wrap;
  }

  .founders-names {
    font-size: 17px;
    font-weight: bold;
    color: #000;
  }

  .founders-names span {
    display: block;
    font-weight: normal;
    margin-top: 2px;
    font-size:15px;
  }

  .founders-social {
    display: flex;
    gap: 10px;
  }

  .founders-social a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
  }

  .founders-description {
    font-size: 17px;
    color: #000000;
    margin-top: 15px;
    line-height: 1.6;
  }
.related-stories-section {
  background: linear-gradient(180deg, rgba(134, 149, 238, 0.42) 0%, #FFFFFF 100%);
  padding: 40px 20px;
  font-family: "Raleway", Sans-serif !important;
}

.related-stories-section h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.related-carousel .story-card {
  /*background: #ffeceb;*/
  padding: 0px;
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
  min-height: 360px;
  /*display: flex;*/
  flex-direction: column;
  justify-content: space-between;
}

.story-logo img {
  max-width: 100%;
  border-radius: 20px;
  height: auto;
  margin-bottom: 15px;
}

.story-card h4 {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5;
}


  @media (max-width: 600px) {
    .founders-info {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }
  }
/* Responsive Layout */
@media (max-width: 768px) {
  .content-grid .card {
    flex-direction: column;
    align-items: flex-start;
  }

  .content-grid .right-content {
    text-align: left;
    margin-top: 20px;
  }
}
@media screen and (max-width: 559px) {
    .portfolio-heading, .main-page .sec-title h2, .main-page .sec-title h1, .banner-section h1{
        font-size: 30px;
    }
}

/* home - our portfolio */
.our_portfolio.home .owl-stage-outer {
	position: relative;
	overflow: visible !important;
	/*clip-path: polygon(0% 0%, 200% 0%, 200% 100%, 0% 100%);*/
}

.our_portfolio.home::before {
	position: absolute;
}

.our_portfolio .owl-item {
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
}

.our_portfolio .owl-stage {
	height: 400px;
	overflow: hidden;
}

.our_portfolio .post_slide {
	position: relative;
	border-radius: 0px;
	margin: 0px 15px 0px 0px;
	overflow: hidden;
}

.our_portfolio .post_slide-2 {
	position: relative;
	border-radius: 0px;
	margin: 0px 5px;
	overflow: hidden;
	z-index:9;
}

.our_portfolio .post_img {
	width: 100%;
}

.close:not(.read) {
	position: absolute;
	top: -10px;
	right: 0.95em;
	z-index: 100;
}

.cta_btn .close.read {
	position: relative;
	display: none;
	float: left;
}

.close,
.close img {
	display: block;
	width: 40px !important;
	height: 40px;
	opacity: 1;
}

/* .our_portfolio .owl-item:hover, */
.our_portfolio .post_slide img.post_img,
.our_portfolio .post_slide-2 img.post_img {
	position: relative;
	height: 400px;
	object-fit: cover;
	object-position: center;
	z-index: 10;
	transition: transform 0.8s ease-in-out;
	/* Increased transition time */
	-webkit-transition: transform 0.8s ease-in-out;
}

.our_portfolio .post_slide:hover img.post_img,
.our_portfolio .post_slide-2:hover img.post_img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.our_portfolio .post_content {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	padding: 1em;
	top: 0;
	left: 0;
	z-index: 100;
	background: transparent;
	transition: opacity 0.8s ease-in-out, background 0.8s ease-in-out;
	-webkit-transition: opacity 0.8s ease-in-out, background 0.8s ease-in-out;
}

.our_portfolio .inner-content {
	width: 100%;
	text-align: left;
	position: relative;
}

.our_portfolio .htitle {
    background: linear-gradient(1.52deg, #00305652 23.73% 23.73%, rgb(112 156 252 / 0%) 99.13% 99.13%);
    padding: 15px 20px;
	display: flex;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	align-items: end;
	justify-content: center;
	transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

/* On hover: .htitle hides smoothly */
.our_portfolio .post_slide:hover .htitle {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.our_portfolio .htitle h2 {
	font-size: 20px;
}

.our_portfolio .post_slide:hover .post_content,
.our_portfolio .post_slide-2:hover .post_content {
	opacity: 1;
	background: linear-gradient(1.52deg, #003056 23.73%, rgba(112, 156, 252, 0) 99.13%);
}

.our_portfolio .owl-item.our_portfolio_expend .post_content {
	opacity: 1;
	background: linear-gradient(320.32deg, rgba(0, 150, 143, 0.8) 21.04%, rgba(133, 255, 249, 0.8) 207.14%);
}

.our_portfolio .post_content .post_name {
	width: 90%;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	line-height: 1.25;
	margin-bottom: 0px !important;
}

.our_portfolio .post_content p {
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	line-height: 1.6;
	margin-bottom:0px !important;
}

.our_portfolio .post_content a, .our_portfolio .post_content .close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px !important;
	height: 30px !important;
	background: #ffc82c;
	font-size: 0.75em;
	font-weight: 700;
	color: #0e305f;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	text-transform: capitalize;
	transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
	/* Slightly smoother transition */
}

.our_portfolio.owl-theme .owl-nav,
.our_team .owl-nav {
	/*display: flex;
	width: 100%;
	position: absolute;
	top: 50%;
	left: auto !important;
	right: 0;
	justify-content: space-between;
	align-items: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-radius: 50px;*/
}

.our_portfolio.owl-theme .owl-nav button.owl-prev,
.our_team .owl-nav button.owl-prev {
	margin-left: -20px;
	position: absolute;
	left:0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

}

.our_portfolio.owl-theme .owl-nav button.owl-next,
.our_team .owl-nav button.owl-next {
	margin-right: -20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right:0px;
}

.our_portfolio.owl-theme .owl-nav span,
.our_team .owl-nav span {
	/*display: none; */
	font-size: 30px;
	line-height: 35px;
	Color: #031d4b;
}

.our_portfolio.owl-theme .owl-nav button {
	margin: 0;
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-color: transparent !important;
}

.our_portfolio .post_slide:hover .htitle,
.our_portfolio .post_slide-2:hover .htitle {
	display: none !important;
}

.our_portfolio.owl-theme .owl-nav button.owl-prev,
.our_portfolio.owl-theme .owl-nav button.owl-next {
	border-radius: 50%;
	    background: #fff !important;
}

.our_portfolio.owl-theme .owl-nav button.owl-next {
	    background: #fff !important;
}

button.close {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin: auto;
	text-align: center;
	padding: 5px;
}

.our_portfolio .post_content a:hover, .our_portfolio .post_content .close:hover {
	color: #0e305f !important;
}

.our_portfolio span.elementor-button-icon i {
	transform: rotate(0deg) !important;
}

.owl-item.active.our_portfolio_expend .htitle {
	display: none;
}
.load_more_div{
    text-align:center;
}
.related-carousel .owl-nav, .ethos-carousel .owl-nav{
    justify-content: center !important;
    display: flex !important;
}
button.tab-item.tabs-item {
    margin-right:10px;
    border-color:#031D4B;
    padding: 8px 18px !important;
}
#load-mores{
    border-color:#031D4B;
}
button.tab-item.tabs-item:hover, #load-mores:hover{
     border-color:#ffc63d !important;
}
.pt-0{
    padding-top:0px !important;
}
.logo-box img {
    margin-bottom:20px;
    max-width: 250px;
}

.left-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Push content to top & bottom */
}
.founders-social a img{
    width:20px;
}
.img-box {
  flex-shrink: 0;
}
.aif-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}
.aif-table td {
  border: 1px solid #031d4b6e;
  padding: 8px 20px;
  color: #000000;
}
.aif-table .label {
  font-weight: 600;
}
.aif-table td:nth-child(1) {
    background-color: #ffc63d26;
}
.aif-table td:nth-child(2) {
    background-color: #e6e9fe;
}
h5 a {
    text-decoration: none !important;
}
.story-image img{
    border-radius: 25px;
}
.founders-description p{
	margin-bottom: 1em;
}
@media only screen and (min-width: 992px){
.time-title i{
	display:none;
}
}
@media only screen and (min-width: 768px)and (max-width: 1200px) {
    .video-banner{
        max-height:600px;
    }
    .ani-video video{
        max-height:350px;
    }
.stat-card {
    max-width: 650px;
}
.single-portfolio .portfolio-heading {
    max-width: 600px;
    font-size: 30px;
    line-height: 40px;
}
.logo-box img {
    margin-bottom: 10px;
    max-width: 230px;
}
.portfolio-container, .section-container{
    padding: 0 15px;
}
.main-page .sec-title h2 {
    font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
    .single-portfolio section, .main-page section {
    padding-bottom: 30px;
    padding-top: 30px;
}
	.story-image{
		display:none !important;
	}
	.pr-50{
		padding-right: 0px;
	}
.single-portfolio .portfolio-heading {
    font-size: 28px;
    line-height: 40px;
}
.logo-box img {
    margin-bottom: 10px;
    max-width: 210px;
}
.hfe-menu-item::after{
   left: 75%;
}
.pt-0 {
    padding-top: 0px !important;
}
.content-grid .partnered{
    margin-top: 10px;
}
.content-grid .left-content {
    flex: 1 1 230px;
}
.content-grid .right-content {
    flex: 1 1 320px;
}
.content-grid .right-content {
    margin-top: 5px;
 }
 .card-content{
     gap:5px;
 }
 .image-section {
    max-width: 100%;
 }
 .image-section {
    height:auto;
 }
 .info-section img {
    max-width: 130px;
}
}

@media only screen and (max-width: 559px) {
.custom-testimonial-slider .testimonial-card{
    min-height:600px !important;
}
.custom-cta{
  margin-bottom:5px !important;  
}
}