/**
 * 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/
 */
body {
    overflow-x: hidden;
}
 .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: 55% !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 h1 {
    font-size: 45px;
}

.banner-section h1, .banner-section p {
    color: #fff !important;
}
.load_more_div {
    margin-top:30px;
    text-align: center;
}

@media (max-width: 480px) {
    .banner-overlay h1 {
        font-size: 2.5em!important;
    }

    .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;
    }
}
/*-------------podcasts----------------*/
.banner-section {
    border-radius: 50px;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 460px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    max-width: 1240px;
}
.banner-section .section-container{
    padding: 50px;
}
.banner-section .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1240px !important;
    margin: auto;
    overflow: hidden;
    width: 100%;
    display: block;
}

.banner-section h1,
.banner-section p {
    color: #fff !important;
}

.banner-section h1 {
    font-size: 45px;
}

.podcast-listing-page .box:hover {
    transform: scale(1.05);
}

.podcast-listing-page .box {
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
}

.podcast-listing-page iframe {
    width: 100%;
    max-height: 235px;
    aspect-ratio: 16 / 9;
    border-radius: 12px !important;
}

.box {
    margin-bottom: 20px;
}

.podcast-listing-page .custom-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 375px);
    gap: 20px;
    padding: 20px;
    justify-content: center;
}
.single-portfolio section, .main-page section {
    padding-bottom: 60px;
    padding-top: 60px;
}
.podcast-listing-page .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1240px !important;
    margin: auto;
    overflow: hidden;
    width: 100%;
}

.podcast-listing-page h2.widget-title {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}

.podcast-listing-page .bg-light {
    background: #f9f8f2;
}

.podcast-listing-page .custom-container .box h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 25px;
}
.inner-page-banner-sec .container{
    width:100%;
}
.inner-page-banner-sec .content-lg{
    max-width: 750px;
}
.pagination-box {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    gap: 20px;
}
.slider-item {
    position: relative;
    width: 40%;
    max-width: 300px;
    display: block;
    justify-content: center;
    align-items: center;
}
.slider-item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.center-controls {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
.pagination-box .nav-button {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    color: #333;
    padding: 10px 15px;
}

.custom-button:hover .btn-icon {
    background-color: #e47019;
}
.custom-button .btn-icon {
    background-color: #F58634;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}
.custom-button {
    display: inline-flex;
    align-items: center;
    background-color: #FFB536;
    border-radius: 50px;
    padding: 8px 5px 8px 25px;
    line-height: 28px;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 600;
    gap: 8px;
    transition: background 0.3s;
}
.what-we-do-section .filter-buttons button{
	box-shadow: none;
}
.what-we-do-section .filter-buttons button.active{
	color: #000 !important;
}
.custom-button .btn-text{
    color: #000;
    font-size: 14px;
}
.img-full{
    border-radius:50px;
}

/*--------------custom page Css------------*/
.main-page .section-container {
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
}
.main-page .date {
    font-size: 14px;
}

.date {
    font-size: 12px;
    color: #000000;
}
.news-image img {
    width: 100%;
    border-radius: 10px;
    height: 250px;
    object-fit: cover;
}
.read-more span {
    transform: rotate(45deg);
    margin-left: 5px;
    font-size: 14px;
}
.read-more:hover {
    color: #F1AC35;
}
.main-page .read-more {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.main-page .read-more {
    color: #000000;
    text-decoration: none !important;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.read-more:hover {
    text-decoration: underline;
}
h3.news-title {
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 10px;
}
.tab-slider {
    display: flex !important;
    align-items: center;
}
.tab-slider .tabs-item {
    cursor: pointer;
    border-radius: 28px;
    margin-right: 10px;
     border: 1px solid #ffb536;
    padding: 8px 18px !important;
}
.tab-slider .tabs-item.active {
    background: #ffb536;
    border-color: #ffb536;
    color: #031D4B;
}
.news-item:hover .news-image img, .card:hover .thumb-card img {
    transform: scale(1.05);
}

 .news-image, .thumb-card {
            position: relative;
            overflow: hidden;
        }

        .news-image img, .thumb-card img {
            display: block;
            width: 100%;
            transition: transform 0.6s ease;
        }

        .news-item:hover .news-image img, .card:hover .thumb-card img {
            transform: scale(1.05);
        }

        /* Shine overlay */
        .news-image::before, .thumb-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.15) 45%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.15) 55%, transparent 100% );
            transform: skewX(-20deg);
            z-index: 2;
            opacity: 0;
            pointer-events: none;
        }

        /* Trigger shine animation on hover */
        .news-item:hover .news-image::before, .card:hover .thumb-card::before {
            animation: shine 1s ease-in-out forwards;
            opacity: 1;
        }

        /* Shine keyframes */
        @keyframes shine {
            0% {
                left: -100%;
            }

            100% {
                left: 120%;
            }
        }
.news-image, .thumb-card {
    position: relative;
    overflow: hidden;
}
.news-title {
    font-size: 18px;
    margin-bottom: 5px;
}
.main-page .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.main-page .content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 15px;
}
/* =========================
   Owl Carousel Navigation
========================= */
.our_team .owl-nav button.owl-prev,
.our_team .owl-nav button.owl-next,
.related-team-carousel .owl-nav button.owl-prev,
.related-team-carousel .owl-nav button.owl-next,
.related-carousel .owl-nav button.owl-prev,
.related-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    color: #000;
    background: #BACC57 !important;
    border: 1px solid #BACC57;
    z-index: 5;
}

.our_team .owl-nav button.owl-prev,
.related-team-carousel .owl-nav button.owl-prev,
.related-carousel .owl-nav button.owl-prev
{
    left: -20px;
}

.our_team .owl-nav button.owl-next,
.related-team-carousel .owl-nav button.owl-next,
.related-carousel .owl-nav button.owl-next
{
    right: -20px;
}

.our_team .owl-nav span, .related-team-carousel .owl-nav span, .related-carousel .owl-nav span {
    font-size: 30px;
    line-height: 35px;
    color: #000;
}
.box-items:hover .elementor-image-box-img img{
    filter: brightness(0.1);
}
/* Make stage overflow visible for design */
.our_team.owl-carousel .owl-stage-outer {
    overflow: visible !important;
}
/* =========================
   Team Social Icons
========================= */
.team-socail-icon {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}

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

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

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

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

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

.our_team span.elementor-button-icon {
    margin-top: 5px;
    transform: rotate(45deg) !important;
}

/* =========================
   Profile Card
========================= */
.profile-card-2 {
    text-align: center;  
}
.profile-card-2 .title-box{
    display: flex;
    padding:0px 10px;
    justify-content: space-between;
}
.profile-card-2 img{
border-radius: 8px;
}
.profile-card-2 .title-box .team-socail-icon a, .our-mission-sec .elementor-button-icon{
    width: 35px;
    background: #bacc57;
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 35px;
    justify-content: center;
    margin: auto;
    padding: 0px;
    text-align: left;
    color: #fff;
    margin-top:10px;
    border-radius: 50%;
}
.our-mission-sec .elementor-button-icon{
  margin-top:0px !important;
  background: #F1862F !important;
}
.profile-card-2 .title-box  p.title {
    color: #000000;
    font-size: 15px;
    margin-bottom: 0px;
}
.our_team .title-box span.elementor-button-icon {
    margin-top: 0px;
    transform: rotate(0deg) !important;
}
.our_team .title-box .team-socail-icon i {
    margin-top: 0px;
}
.profile-card-2 .title-box .left {
    text-align: left;
}
.profile-card-2 h3 {
    font-size:18px;
    margin: 10px 0 0 0;
}
.profile-card-2 .left a {
    text-decoration:none !important;
}
.newsroom-section.team-inner{
    background:url(/wp-content/uploads/2025/08/Rectangle-204.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.page-id-14334 .newsroom-section.team-inner{
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.team-inner .team-section {
    display: flex;
    align-items: start;
    padding: 0px;
    gap: 40px;
    max-width:1200px;
    margin:auto;
}
.team-inner .team-socail-icon{
    justify-content: start;
}
.team-inner .team-text {
    margin-bottom:30px;
    flex: 1;
}

.team-inner .team-text h2 {
    text-transform: uppercase;
    color: #535353;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}

.team-inner .team-text .position {
    color: #F5994D;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}

.team-inner .team-text p {
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}

.team-inner .team-image {
    flex: 1;
    text-align: right;
    max-width: 415px;
}

.team-inner .team-image img {
    max-width: 400px;
    border-radius: 8px;
    width: 100%;
}

.team-inner .bottom-slider {
    background: rgba(192, 216, 169, 0.2);
    padding: 20px 0;
}

.team-inner .related-team-carousel .item {
    text-align: center;
}

.team-inner .related-team-carousel .item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 8px;
    margin: auto;
}
.pb-0{
    padding-bottom:0px !important
}
.team-inner .related-team-carousel .item h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 0;
}

.team-inner .related-team-carousel .item span {
    font-size: 14px;
    color: #000;
}

.team-inner .related-team-carousel .owl-nav button {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 50%;
}
.related-team-carousel{
    max-width: 1240px;
    margin: auto;
}
.team-inner.bottom-slider{
    /*margin-top: -248px;*/
    position: relative;
    background: #c7ce9feb;
    padding: 30px 0;
}
.bottom-slider .owl-carousel .owl-stage-outer{
    overflow: visible;
}
.profile-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.team-section h2 {
  max-width:750px;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}

.team-filters {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.filter-btn {
    background: none;
    border: none;
    font-size: 16px;
    padding-left: 2px;
    font-weight: bold;
    text-align: left !important;
    cursor: pointer;
    padding-bottom: 5px;
    border-bottom: 2px solid #8D8D8D;
    border-radius: 0;
    transition: border-color 0.3s;
}

.filter-btn.active {
  border-color: orange;
  color: orange;
}

.team-grid {
  display: grid;
  /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
  grid-template-columns: repeat(auto-fit, 295px);
  justify-content:center;
  gap: 20px;
}

.team-card {
    background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 0px;
}

.team-card img {
  width: 100%;
  border-radius: 8px;
}

.team-card h4 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: bold;
}

.team-card p {
  color: gray;
  font-size: 14px;
}
#podcast-container img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    margin-bottom: 8px !important;
    height: 237px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #000;
    display: block;
    margin: 0 auto;
}
/* =========================
   Responsive Adjustments 
========================= */
@media screen and (max-width: 576px) {
    .our_team .owl-nav button.owl-prev {
        left: -10px;
    }
    .our_team .owl-nav button.owl-next {
        right: -10px;
    }
    .team-inner .team-section{
        display:block;
        padding: 10px;
    }
    .team-inner .team-text{
        padding:15px 0;
    }
    .team-grid, .podcast-listing-page .custom-container{
    grid-template-columns: repeat(auto-fit, 350px);
}
.podcast-listing-page .custom-container{
    padding:0px;
}
}
@media screen and (max-width: 767px) {
  .banner-section {
    min-height: 250px;
    border-radius: 25px;
  }
  .podcast-listing-page .custom-container{
    padding:0px;
}
  .banner-section .section-container {
    padding: 0 15px;
  }
  .team-section h2{
      font-size:30px;
  }
  .container, .section-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .tab-slider .tabs-item {
    margin-right: 5px;
    padding: 5px 10px !important;
  }
  .img-full {
    border-radius: 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .our_team .owl-nav button.owl-prev {
        left: -10px;
    }
    .home-banner-sec .custom-owl-carousel .content h2{
        font-size:30px;
    }
    .home-banner-sec .custom-owl-carousel .content{
        top:35% !important;
    }
    .team-grid, .podcast-listing-page .custom-container{
       grid-template-columns: repeat(auto-fit, 300px); 
    }
    .container, .section-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .our_team .owl-nav button.owl-next {
        right: -10px;
    }
}


.bottom-15{
    padding-bottom:15px !important;
}
.stats-section {
     padding-top: 20px !important;
  padding-bottom: 60px !important;
  /*background: #fff;*/
  text-align: center;
}
.content-part{
    margin-top:10px !important;
}
.related-carousel-sec h2{
    margin-bottom:20px !important;
}
.stats-container-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}

.stats-container-2 .stat-box {
  padding: 30px 20px;
  border-radius: 8px;
  background: #f9f9f9;
  transition: all 0.3s ease;
}

.stats-container-2 .stat-box img {
  width: 60px;
  height: auto;
  margin-bottom: 15px;
}

.stats-container-2 .stat-box h2 {
  font-size: 50px;
  margin: 0;
  color: #BACC57;
  font-weight: 600;
}

.stats-container-2 .stat-box p {
  margin-top: 5px;
   margin-bottom: 5px;
  font-size: 14px;
  color: #656565;
}

.stats-container-2 .stat-box:hover {
    color: #000;
     background: #BACC57;
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}
.stats-container-2 .stat-box:hover h2, .stats-container-2 .stat-box:hover p{
     color: #000;
}
/* Responsive Tweaks */
@media (max-width: 768px) {
  .stats-container-2{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .stats-container-2{
    grid-template-columns: 1fr;
  }
}
.bg-grey{
    background:#EAF0C8 !important;
}

.donut-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.donut-diagram {
  position: relative;
  width: clamp(220px, 60vw, 380px);
  height: clamp(220px, 60vw, 380px);
}

/* Donut */
.donut-diagram .donut {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    #BACC57 0deg 59.5deg,
    white 59.5deg 60deg,
    #BACC57 60deg 119.5deg,
    white 119.5deg 120deg,
    #BACC57 120deg 179.5deg,
    white 179.5deg 180deg,
    #BACC57 180deg 239.5deg,
    white 239.5deg 240deg,
    #BACC57 240deg 299.5deg,
    white 299.5deg 300deg,
    #BACC57 300deg 359.5deg,
    white 359.5deg 360deg
  );
  mask: radial-gradient(circle, transparent 40%, black 41%);
  -webkit-mask: radial-gradient(circle, transparent 40%, black 41%);
  transform: rotate(30deg);
}

/* Icons */
.donut-diagram .icon { position: absolute; }
.donut-diagram .icon img.icon-cir { max-width: 50px;}

.donut-diagram .icon:nth-child(2) { top: 7%; left: 50%; transform: translateX(-50%); }
.donut-diagram .icon:nth-child(3) { top: 25%; right: 12%; }
.donut-diagram .icon:nth-child(4) { bottom: 25%; right: 12%; }
.donut-diagram .icon:nth-child(5) { bottom: 7%; left: 50%; transform: translateX(-50%); }
.donut-diagram .icon:nth-child(6) { bottom: 25%; left: 12%; }
.donut-diagram .icon:nth-child(7) { top: 25%; left: 8%; }

/* Labels */
.donut-diagram .label {
  position: absolute;
  font-size: clamp(10px, 1.8vw, 14px);
  font-weight: 600;
  white-space: normal;   /* allow wrapping */
  text-align: center;    /* center text for better look */
  line-height: 1.2;      /* tighten spacing */
}
.our_partnership_counter{
    max-width:1240px;
}
/* Connector lines */
.donut-diagram .line {
  border-top: 1px dashed #000;
  width: 130%;
  height: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
.donut-diagram .line.vertical {
  border-top: none;
  border-left: 1px dashed #000;
  width: 0;
  height: 35px;
  margin: 5px auto 0 auto;
}
.donut-diagram .label:nth-child(9) .line, 
.donut-diagram .label:nth-child(10) .line { margin-left: -30%; }

/* Label positions */
.donut-diagram .label:nth-child(8)  { top: -40px; left: 50%; transform: translateX(-50%); text-align: center; }
.donut-diagram .label:nth-child(9)  { top: 20%; right: -45%; text-align: left; }
.donut-diagram .label:nth-child(10) { bottom: 20%; right: -45%; text-align: left; }
.donut-diagram .label:nth-child(11) { bottom: -40px; left: 50%; transform: translateX(-50%); text-align: center; }
.donut-diagram .label:nth-child(12) { bottom: 20%; left: -45%; text-align: right; }
.donut-diagram .label:nth-child(13) { top: 20%; left: -45%; text-align: right; }

/* Responsive fix */
@media (max-width: 600px) {
	.donut-diagram .icon img.icon-cir {
    max-width: 30px;
}
.award-slider .owl-dots{
    display:none !important;
}
.single-portfolio section, .main-page section {
    padding-bottom: 30px;
    padding-top: 30px;
}
.livelihood-section .overlay{
    bottom: -10px !important;
}
.livelihood-section{
    height: 300px !important;
}
	.donut-diagram .label:nth-child(9) .line, .donut-diagram .label:nth-child(10) .line{
		margin-left: 0%;
	}
	.donut-diagram .label{
		max-width: 100px
	}
  .donut-diagram .label { font-size: 11px; }
  .donut-diagram  .line { width: 80%; }
  .donut-diagram  .label:nth-child(9),
  .donut-diagram  .label:nth-child(10) { right: -30%; text-align:right; }
  .donut-diagram .label:nth-child(12),
  .donut-diagram .label:nth-child(13) { left: -30%; text-align:left; }
}


.award_caption {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
}
article {
    max-width: 1240px;
    margin: auto;
}
.podcast-details-section ul, .podcast-details-section ul{
    margin: 0 0 0.5em 1.1em !important;
}
.podcast-details-section p{
    margin-bottom:10px;
}
.podcast-details-section h1, .podcast-details-section h2, .podcast-details-section h3, .podcast-details-section h4, .podcast-details-section h5, .podcast-details-section h6{
    margin-bottom:15px;
}
.related-carousel img{
    min-height: 230px;
    object-fit: cover;
    object-position: center;
}