.myBannerSlider {
            width: 100%;
            margin-top: 140px;
        }

        .myBannerSlider img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }

        .swiper-button-next,
        .swiper-button-prev {
            color: #fff;
        }

        .swiper-pagination-bullet-active {
            background: #fff;
        }

        @media(max-width:768px){
            .myBannerSlider img{
                height:250px;
            }
        }

.btn-donate {
    color: #FFF !important;
    padding: 7px 45px !important;
    /* width: 100px; */
    background: #175cdd;
    text-align: center !important;
    letter-spacing: 2px;
    transition: all 0.3s ease;
}

.btn-donate:hover {
    background: #0f4ab7;
    color: #FFF !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(23, 92, 221, 0.3);
}


/* Corousil*/

        .carousel-section{
            padding:60px 0;
            background:#f7f7f7;
        }

        .program-card{
            background:#fff;
            border-radius:10px;
            overflow:hidden;
            box-shadow:0 0 20px rgba(0,0,0,0.1);
            transition:0.3s;
            margin:10px;
        }

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

        .program-card img{
            width:100%;
            height:250px;
            object-fit:cover;
        }
        .program-card h4{
            padding:15px 15px 5px;
        }

        .program-card h4:hover{
            color:#397af3;
        }


        .program-card p{
            padding:0 15px 20px;
            color:#666;
        }
        .program-card a{
            text-decoration:none;
            color:#000;
        }

        .program-card a:hover{
            color:#397af3;
        }
    /* end Corousil*/

    .carousel-control-next-icon, .carousel-control-prev-icon{   
        background-color: #F00;
        border-radius: 15px;
        color:#FFF;
    }



    .video-box{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
    transition:.3s;
}

.video-box img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.4s;
}

.video-box:hover img{
    transform:scale(1.08);
}

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    background:rgba(255,0,0,.9);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.play-btn i{
    font-size:42px;
    color:#fff;
}

.video-box:hover .play-btn{
    transform:translate(-50%,-50%) scale(1.15);
}



.sdg-card{
    padding:20px 10px;
    border-radius:15px;
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
    height:100%;
}

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

.sdg-card img{
    width:100px;
    height:100px;
    object-fit:contain;
    margin-bottom:15px;
}

.sdg-card h5{
    font-size:16px;
    font-weight:600;
    line-height:1.4;
    color:#333;
}






    .events-section {
    padding: 70px 0 90px;
    background: #fff;
}

.events-heading {
    text-align: center;
    margin-bottom: 45px;
}

.events-heading .small-title {
    color: #e89b20;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.events-heading h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
}

.events-heading p {
    max-width: 720px;
    margin: auto;
    color: #666;
    font-size: 16px;
    line-height: 1.7;
}

.event-card {
    height: 100%;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.07);
    transition: all .35s ease;
}

.event-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .13);
}

.event-image {
    height: 270px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.event-card:hover .event-image img {
    transform: scale(1.06);
}

.event-date {
    position: absolute;
    left: 18px;
    bottom: 18px;
    width: 65px;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
}

.event-date .month {
    display: block;
    background: #e89b20;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 2px;
}

.event-date .day {
    display: block;
    color: #222;
    font-size: 24px;
    font-weight: 800;
    line-height: 35px;
}

.event-category {
    position: absolute;
    top: 18px;
    right: 18px;
    background: #e89b20;
    color: #fff;
    padding: 6px 13px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.event-content {
    padding: 24px;
}

.event-content h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #222;
    margin-bottom: 13px;
}

.event-content h3 a {
    color: inherit;
    text-decoration: none;
}

.event-content h3 a:hover {
    color: #e89b20;
}

.event-description {
    color: #666;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 18px;
}

.event-meta {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.event-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #777;
    font-size: 13px;
}

.event-meta i {
    color: #e89b20;
    font-size: 15px;
}

.event-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 15px;
    border-radius: 7px;
    background: #e89b20;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all .3s ease;
}

.event-button:hover {
    background: #cf8210;
    color: #fff;
    transform: translateY(-2px);
}

.upcoming-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #269b59;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.upcoming-label i {
    font-size: 8px;
}

.past-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #888;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
}

@media (max-width: 991px) {

    .events-heading h2 {
        font-size: 32px;
    }

    .event-image {
        height: 250px;
    }

}

@media (max-width: 575px) {

    .events-section {
        padding: 115px 0 90px;
    }

    .events-heading h2 {
        font-size: 27px;
    }

    .event-image {
        height: 240px;
    }

}





.event-details {
  padding: 40px 0 80px;
}

/* Event Label */
.event-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 30px;
  background: rgba(13, 110, 253, 0.08);
  color: #0d6efd;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}

.service-header h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

.service-header .lead {
  max-width: 750px;
  margin: auto;
  color: #777;
}


/* Event Image */
.event-image-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 100%;
  min-height: 430px;
  background: #f5f5f5;
  box-shadow: 0 15px 45px rgba(0,0,0,0.10);
}

.event-image-card img {
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  transition: transform .5s ease;
}

.event-image-card:hover img {
  transform: scale(1.04);
}

.event-image-overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.event-image-overlay span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 30px;
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 14px;
}


/* Event Information */
.event-info-card {
  height: 100%;
  padding: 35px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 12px 40px rgba(0,0,0,.07);
}

.event-info-title h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}

.event-info-title p {
  color: #777;
  line-height: 1.8;
  margin-bottom: 25px;
}

.event-info-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 17px 0;
  border-top: 1px solid #eee;
}

.event-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(13,110,253,.08);
  color: #0d6efd;
  font-size: 20px;
}

.event-info-item span {
  display: block;
  font-size: 13px;
  color: #888;
  margin-bottom: 3px;
}

.event-info-item strong {
  display: block;
  font-size: 15px;
  color: #222;
}


/* Content */
.event-content-card {
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 10px 35px rgba(0,0,0,.06);
}

.section-heading span {
  color: #0d6efd;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.section-heading h2 {
  margin-top: 8px;
  margin-bottom: 25px;
  font-size: 30px;
}

.event-content-card p {
  color: #666;
  line-height: 1.9;
  margin-bottom: 18px;
}


/* Highlights */
.event-highlight {
  height: 100%;
  padding: 30px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #eee;
  text-align: center;
  transition: all .3s ease;
}

.event-highlight:hover {
  transform: translateY(-7px);
  box-shadow: 0 15px 35px rgba(0,0,0,.09);
}

.highlight-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13,110,253,.08);
  color: #0d6efd;
  font-size: 25px;
}

.event-highlight h4 {
  font-size: 20px;
  margin-bottom: 12px;
}

.event-highlight p {
  color: #777;
  line-height: 1.7;
  margin: 0;
}


/* Objective */
.event-objective-card {
  height: 100%;
  padding: 35px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.objective-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.objective-title i {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13,110,253,.08);
  color: #0d6efd;
}

.objective-title h3 {
  margin: 0;
  font-size: 23px;
}

.event-objective-card p {
  color: #666;
  line-height: 1.8;
}

.event-objective-card ul {
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}

.event-objective-card ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
  color: #555;
}

.event-objective-card ul li i {
  color: #0d6efd;
}


/* Contact */
.event-contact {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.event-contact div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.event-contact i {
  color: #0d6efd;
}


/* Location */
.event-location-card {
  padding: 30px 35px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.location-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.location-header span {
  color: #0d6efd;
  font-size: 14px;
  font-weight: 600;
}

.location-header h2 {
  margin: 8px 0 0;
  font-size: 25px;
}

.event-map-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  border-radius: 30px;
  background: #0d6efd;
  color: #fff;
  text-decoration: none;
  transition: .3s;
}

.event-map-btn:hover {
  background: #084298;
  color: #fff;
}

.location-details {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.location-details i {
  color: #0d6efd;
  font-size: 22px;
}

.location-details p {
  margin: 0;
  color: #666;
}


/* CTA */
.event-cta {
  padding: 40px;
  border-radius: 22px;
  background: linear-gradient(135deg, #0d6efd, #1647a5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  box-shadow: 0 20px 45px rgba(13,110,253,.20);
}

.event-cta span {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: .85;
}

.event-cta h2 {
  margin: 7px 0 10px;
  font-size: 28px;
}

.event-cta p {
  margin: 0;
  opacity: .9;
}

.event-donate-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 14px 24px;
  border-radius: 30px;
  background: #fff;
  color: #0d6efd;
  font-weight: 700;
  text-decoration: none;
  transition: .3s;
}

.event-donate-btn:hover {
  transform: translateY(-3px);
  color: #084298;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
}


/* Responsive */
@media (max-width: 991px) {

  .service-header h1 {
    font-size: 34px;
  }

  .event-image-card,
  .event-image-card img {
    min-height: 350px;
  }

  .event-cta {
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (max-width: 767px) {

  .event-details {
    padding-top: 20px;
  }

  .service-header h1 {
    font-size: 28px;
  }

  .event-info-card,
  .event-content-card,
  .event-objective-card {
    padding: 25px;
  }

  .location-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .event-cta {
    padding: 30px 25px;
  }

  .event-cta h2 {
    font-size: 23px;
  }

}






        /* =====================================================
           PUBLICATION DETAILS
        ===================================================== */

        .publication-details-section {

            padding: 60px 0 80px;

            background: #fff;

        }


        /* Book Cover */

        .details-book-cover {

            background: #f7f7f7;

            border-radius: 18px;

            padding: 25px;

            text-align: center;

            box-shadow: 0 10px 35px rgba(0,0,0,.08);

        }


        .details-book-cover img {

            width: 100%;

            max-height: 580px;

            object-fit: contain;

            border-radius: 8px;

        }


        /* Information */

        .details-content {

            padding: 10px 0 10px 20px;

        }


        .publication-type {

            display: inline-flex;

            align-items: center;

            gap: 7px;

            background: #fff1d6;

            color: #df8b0b;

            padding: 7px 15px;

            border-radius: 30px;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 1px;

            margin-bottom: 18px;

        }


        .details-content h1 {

            font-family: "Montserrat", sans-serif;

            font-size: 38px;

            font-weight: 700;

            line-height: 1.3;

            color: #222;

            margin-bottom: 18px;

        }


        .details-intro {

            color: #666;

            font-size: 16px;

            line-height: 1.8;

            margin-bottom: 28px;

        }


        /* Meta */

        .publication-info {

            display: grid;

            grid-template-columns: repeat(2,1fr);

            gap: 14px;

            margin-bottom: 30px;

        }


        .info-box {

            display: flex;

            align-items: center;

            gap: 12px;

            padding: 15px;

            background: #fafafa;

            border: 1px solid #eee;

            border-radius: 10px;

        }


        .info-icon {

            width: 42px;

            height: 42px;

            min-width: 42px;

            display: flex;

            align-items: center;

            justify-content: center;

            background: #fff1d6;

            color: #e89b20;

            border-radius: 8px;

            font-size: 19px;

        }


        .info-text small {

            display: block;

            font-size: 11px;

            text-transform: uppercase;

            color: #999;

            letter-spacing: .5px;

            margin-bottom: 3px;

        }


        .info-text strong {

            display: block;

            font-size: 14px;

            color: #333;

        }


        /* Buttons */

        .publication-buttons {

            display: flex;

            gap: 12px;

            flex-wrap: wrap;

            margin-bottom: 30px;

        }


        .publication-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            padding: 12px 22px;

            border-radius: 7px;

            text-decoration: none;

            font-size: 14px;

            font-weight: 600;

            transition: .3s ease;

        }


        .btn-read {

            background: #e89b20;

            color: #fff;

            border: 1px solid #e89b20;

        }


        .btn-read:hover {

            background: #cf8210;

            color: #fff;

            transform: translateY(-2px);

        }


        .btn-download {

            background: #fff;

            color: #333;

            border: 1px solid #ddd;

        }


        .btn-download:hover {

            background: #333;

            color: #fff;

            border-color: #333;

            transform: translateY(-2px);

        }


        /* Description */

        .publication-description {

            border-top: 1px solid #eee;

            padding-top: 25px;

        }


        .publication-description h3 {

            font-family: "Montserrat", sans-serif;

            font-size: 22px;

            font-weight: 700;

            margin-bottom: 15px;

            color: #222;

        }


        .publication-description p {

            color: #666;

            line-height: 1.85;

            font-size: 15px;

            margin-bottom: 10px;

        }


        /* PDF */

        .pdf-section {

            padding: 0 0 80px;

        }


        .pdf-wrapper {

            background: #fff;

            border-radius: 18px;

            padding: 25px;

            box-shadow: 0 10px 35px rgba(0,0,0,.07);

        }


        .pdf-title {

            margin-bottom: 20px;

        }


        .pdf-title span {

            display: block;

            color: #e89b20;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 1.5px;

            margin-bottom: 5px;

        }


        .pdf-title h2 {

            font-family: "Montserrat", sans-serif;

            font-size: 26px;

            font-weight: 700;

            color: #222;

            margin: 0;

        }


        .pdf-viewer {

            height: 700px;

            width: 100%;

            border: 1px solid #eee;

            border-radius: 10px;

            overflow: hidden;

            background: #f5f5f5;

        }


        .pdf-viewer iframe {

            width: 100%;

            height: 100%;

            border: 0;

        }


        /* Back */

        .back-publications {

            margin-bottom: 25px;

        }


        .back-publications a {

            display: inline-flex;

            align-items: center;

            gap: 7px;

            color: #666;

            text-decoration: none;

            font-size: 14px;

            font-weight: 600;

        }


        .back-publications a:hover {

            color: #e89b20;

        }


        /* Responsive */

        @media(max-width:991px) {

            .details-content {

                padding: 30px 0 0;

            }

            .details-content h1 {

                font-size: 31px;

            }

        }


        @media(max-width:767px) {

            .publication-details-section {

                padding: 40px 0 60px;

            }

            .details-content h1 {

                font-size: 27px;

            }

            .publication-info {

                grid-template-columns: 1fr;

            }

            .publication-buttons {

                flex-direction: column;

            }

            .publication-btn {

                width: 100%;

            }

            .pdf-viewer {

                height: 500px;

            }

        }


/* =========================================================
   CONTACT PAGE
========================================================= */

.contact {
    padding: 50px 0 80px;
}


.contact-label {
    display: inline-block;
    color: #d99a22;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}


.service-header h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}


.service-header .lead {
    color: #777;
    font-size: 16px;
    line-height: 1.8;
    max-width: 700px;
    margin: auto;
}


/* =========================================================
   CONTACT INFORMATION
========================================================= */

.contact-info-wrapper {
    padding-right: 30px;
}


.contact-info-heading {
    margin-bottom: 30px;
}


.contact-info-heading > span {
    color: #831722;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}


.contact-info-heading h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 8px 0 12px;
}


.contact-info-heading p {
    color: #777;
    line-height: 1.8;
}


/* CONTACT CARD */

.contact-info-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}


.contact-icon {
    min-width: 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffe3e3;
    color: #831722;
    border-radius: 12px;
    font-size: 22px;
}


.contact-details h4 {
    margin: 0 0 7px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}


.contact-details p {
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.7;
}


.contact-details a {
    color: #777;
    text-decoration: none;
}


.contact-details a:hover {
    color: #d99a22;
}


/* =========================================================
   CONTACT FORM
========================================================= */

.contact-form-wrapper {
    padding: 35px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
}


.contact-form-heading {
    margin-bottom: 25px;
}


.contact-form-heading h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 8px;
}


.contact-form-heading p {
    color: #777;
    margin: 0;
}


/* FORM GROUP */

.form-group {
    margin-bottom: 20px;
}


.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
}


.input-wrapper {
    position: relative;
}


.input-wrapper > i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #831722;
    font-size: 17px;
    z-index: 2;
}


.input-wrapper .form-control {
    min-height: 52px;
    padding: 12px 15px 12px 45px;
    border: 1px solid #dddddd;
    border-radius: 9px;
    box-shadow: none;
    font-size: 14px;
}


.input-wrapper .form-control:focus {
    border-color: #d99a22;
    box-shadow: 0 0 0 3px rgba(217, 154, 34, 0.10);
}


.textarea-wrapper > i {
    top: 20px;
    transform: none;
}


.textarea-wrapper textarea {
    min-height: 150px;
    resize: vertical;
}


/* SUBMIT */

.form-submit {
    margin-top: 10px;
}


.contact-submit {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 25px;
    border: 0;
}


/* =========================================================
   MAP
========================================================= */

.map-wrapper {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
}


.map-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
}


.map-heading span {
    color: #d99a22;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}


.map-heading h3 {
    margin: 5px 0 0;
    font-size: 25px;
    font-weight: 700;
}


.map-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 17px;
    border: 1px solid #d99a22;
    color: #d99a22;
    border-radius: 7px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}


.map-button:hover {
    background: #d99a22;
    color: #ffffff;
}


.map-container {
    width: 100%;
    line-height: 0;
}


.map-container iframe {
    width: 100%;
    border: 0;
}


/* =========================================================
   CTA
========================================================= */

.contact-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px;
    background: #fff8eb;
    border-radius: 18px;
}


.cta-icon {
    min-width: 60px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d99a22;
    color: #ffffff;
    border-radius: 50%;
    font-size: 24px;
}


.cta-content {
    flex: 1;
}


.cta-content h3 {
    margin: 0 0 5px;
    font-size: 21px;
    font-weight: 700;
}


.cta-content p {
    margin: 0;
    color: #777;
    font-size: 14px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .contact-info-wrapper {
        padding-right: 0;
    }


    .service-header h2 {
        font-size: 34px;
    }

}


@media (max-width: 767px) {

    .contact {
        padding: 35px 0 60px;
    }


    .contact-form-wrapper {
        padding: 25px;
    }


    .map-heading {
        display: block;
        padding: 20px;
    }


    .map-button {
        margin-top: 15px;
    }


    .contact-cta {
        display: block;
        text-align: center;
    }


    .cta-icon {
        margin: 0 auto 15px;
    }


    .cta-button {
        margin-top: 20px;
    }

}


@media (max-width: 575px) {

    .service-header h2 {
        font-size: 28px;
    }


    .contact-info-heading h3 {
        font-size: 25px;
    }


    .contact-form-heading h3 {
        font-size: 23px;
    }


    .contact-form-wrapper {
        padding: 20px;
    }

}


/* =========================================================
   FAQs
========================================================= */


    .modern-faq-section {

        padding: 80px 0;

        background: #f7f9fc;

        position: relative;

    }


    /* Heading */

    .faq-heading {

        max-width: 720px;

        margin: 0 auto 45px;

    }


    .faq-small-title {

        display: inline-flex;

        align-items: center;

        gap: 7px;

        padding: 7px 15px;

        border-radius: 30px;

        background: rgba(13, 110, 253, .08);

        color: #0d6efd;

        font-size: 13px;

        font-weight: 700;

        margin-bottom: 15px;

    }


    .faq-heading h2 {

        margin: 0 0 12px;

        font-size: 38px;

        line-height: 1.2;

        font-weight: 800;

        color: #202632;

    }


    .faq-heading h2 span {

        color: #0d6efd;

    }


    .faq-heading p {

        margin: 0;

        color: #7c8592;

        font-size: 15px;

        line-height: 1.7;

    }


    /* FAQ ITEM */

    .modern-faq-item {

        background: #fff;

        border: 1px solid #e8ebf0;

        border-radius: 14px;

        margin-bottom: 14px;

        overflow: hidden;

        transition: all .3s ease;

    }


    .modern-faq-item:hover {

        border-color: rgba(13, 110, 253, .25);

        box-shadow:
            0 8px 25px rgba(31, 45, 61, .07);

        transform: translateY(-1px);

    }


    .modern-faq-item.active {

        border-color: rgba(13, 110, 253, .25);

        box-shadow:
            0 10px 30px rgba(31, 45, 61, .08);

    }


    /* QUESTION */

    .modern-faq-question {

        width: 100%;

        border: 0;

        outline: none;

        background: transparent;

        padding: 20px 22px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        cursor: pointer;

        text-align: left;

    }


    .faq-question-left {

        display: flex;

        align-items: center;

        gap: 15px;

        min-width: 0;

    }


    /* NUMBER */

    .faq-number {

        min-width: 40px;

        height: 40px;

        border-radius: 10px;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #f1f5fb;

        color: #7d8795;

        font-size: 12px;

        font-weight: 700;

        transition: all .3s ease;

    }


    .modern-faq-item.active .faq-number {

        background: #0d6efd;

        color: #fff;

        box-shadow:
            0 5px 12px rgba(13, 110, 253, .20);

    }


    /* QUESTION TEXT */

    .faq-question-text {

        color: #252b35;

        font-size: 15px;

        font-weight: 700;

        line-height: 1.5;

        transition: color .3s ease;

    }


    .modern-faq-item:hover .faq-question-text,

    .modern-faq-item.active .faq-question-text {

        color: #0d6efd;

    }


    /* ICON */

    .faq-icon {

        min-width: 36px;

        height: 36px;

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #f4f6f9;

        color: #596372;

        font-size: 14px;

        transition: all .35s ease;

        margin-left: 15px;

    }


    .modern-faq-item.active .faq-icon {

        background: #0d6efd;

        color: #fff;

        transform: rotate(45deg);

    }


    /* ANSWER */

    .modern-faq-answer {

        display: grid;

        grid-template-rows: 0fr;

        transition:
            grid-template-rows .35s ease;

    }


    .modern-faq-item.active .modern-faq-answer {

        grid-template-rows: 1fr;

    }


    .faq-answer-content {

        overflow: hidden;

        min-height: 0;

    }


    .faq-answer-content p {

        margin: 0;

        padding: 0 22px 22px 77px;

        color: #737d8b;

        font-size: 14px;

        line-height: 1.8;

    }


    /* MOBILE */

    @media (max-width: 767px) {

        .modern-faq-section {

            padding: 55px 0;

        }


        .faq-heading {

            margin-bottom: 30px;

        }


        .faq-heading h2 {

            font-size: 28px;

        }


        .faq-heading p {

            font-size: 14px;

        }


        .modern-faq-question {

            padding: 16px;

        }


        .faq-question-left {

            gap: 11px;

        }


        .faq-number {

            min-width: 34px;

            height: 34px;

            border-radius: 8px;

        }


        .faq-question-text {

            font-size: 14px;

        }


        .faq-icon {

            min-width: 32px;

            height: 32px;

        }


        .faq-answer-content p {

            padding:
                0 16px 18px 61px;

            font-size: 13px;

        }

    }


    @media (max-width: 450px) {

        .faq-question-text {

            font-size: 13px;

        }


        .faq-answer-content p {

            padding-left: 16px;

        }

    }


/* product details */

.swechha-page {
    --sw-orange: #f28c28;
    --sw-dark: #252a2e;
    --sw-text: #70777d;
    --sw-light: #f7f8f9;
    --sw-border: #e8eaec;
    background: #fff;
}


/* HERO */

.swechha-hero {
    position: relative;
    overflow: hidden;
    padding: 95px 0;
    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(242,140,40,.16),
            transparent 32%
        ),
        #252a2e;
}

.swechha-hero::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -150px;
    top: -170px;
    border: 70px solid rgba(242,140,40,.08);
    border-radius: 50%;
}

.swechha-hero-content {
    position: relative;
    z-index: 2;
    /*max-width: 850px; */
}

.swechha-label {
    color: #ffae61;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
}

.swechha-hero h1 {
    margin: 12px 0 20px;
    color: #fff;
    font-size: clamp(48px, 7vw, 78px);
    font-weight: 800;
}

.swechha-hero h1 span {
    color: var(--sw-orange);
}

.swechha-hero p {
    max-width: 820px;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.9;
}

.swechha-date {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 15px;
    padding: 11px 17px;
    border-radius: 30px;
    background: rgba(255,255,255,.07);
    color: #ffb16c;
    font-size: 11px;
    font-weight: 700;
}


/* INTRO */

.swechha-intro {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    margin: -35px auto 25px;
    padding: 30px;
    max-width: 1000px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 15px 50px rgba(0,0,0,.09);
}

.swechha-intro-icon {
    min-width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    background: #fff1e3;
    color: var(--sw-orange);
    font-size: 25px;
}

.swechha-intro h2 {
    margin: 0 0 8px;
    color: var(--sw-dark);
    font-size: 24px;
}

.swechha-intro p {
    margin: 0;
    color: var(--sw-text);
    font-size: 16px;
    line-height: 1.7;
}


/* SECTION */

.swechha-section {
    padding: 10px 0;
}

.swechha-grey {
    background: var(--sw-light);
}


/* SECTION HEADING */

.swechha-section-heading {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
}

.swechha-section-heading > span {
    color: #eceeef;
    font-size: 55px;
    line-height: 1;
    font-weight: 800;
}

.swechha-section-heading .cnt {
    color: #eceeef;
    font-size: 55px;
    line-height: 1;
    font-weight: 800;
}



.swechha-section-heading small {
    color: var(--sw-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.swechha-section-heading .smallheadding {
    color: var(--sw-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.swechha-section-heading h2 {
    margin: 5px 0 0;
    color: var(--sw-dark);
    font-size: 34px;
    font-weight: 800;
}


/* FEATURE BOX */

.swechha-feature-box {
    padding: 35px;
    border: 1px solid var(--sw-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(0,0,0,.04);
}

.swechha-feature-icon {
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff1e3;
    color: var(--sw-orange);
    font-size: 22px;
}

.swechha-feature-icon.boys {
    background: #eaf3ff;
    color: #4385c7;
}

.swechha-feature-icon.women {
    background: #fff0f4;
    color: #d75b7d;
}

.swechha-feature-box p {
    margin-bottom: 18px;
    color: var(--sw-text);
    font-size: 15px;
    line-height: 1.9;
}

.swechha-feature-box p:last-child {
    margin-bottom: 0;
}


/* WHY */

.swechha-why-title {
    margin: 45px 0 22px;
}

.swechha-why-title span {
    color: var(--sw-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.swechha-why-title .smallheadding {
    color: var(--sw-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.swechha-why-title h3 {
    margin: 6px 0 0;
    color: var(--sw-dark);
    font-size: 23px;
    font-weight: 800;
}


/* LIST GRID */

.swechha-list-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.swechha-list-card {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 20px;
    border: 1px solid var(--sw-border);
    border-radius: 15px;
    background: #fff;
    transition: .3s ease;
}

.swechha-list-card:hover {
    transform: translateY(-4px);
    border-color: rgba(242,140,40,.35);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.swechha-list-card i {
    min-width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff1e3;
    color: var(--sw-orange);
    font-size: 10px;
}

.swechha-list-card p {
    margin: 0;
    color: #6f767b;
    font-size: 16px;
    line-height: 1.7;
}


/* QUESTION HEADER */

.swechha-question-header {
    max-width: 800px;
    margin: 70px auto 30px;
    text-align: center;
}

.swechha-question-header > span,
.swechha-awareness-heading > span,
.swechha-method-heading > span {
    color: var(--sw-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.swechha-question-header > small {
    color: var(--sw-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.swechha-question-header h3 {
    margin: 10px 0;
    color: var(--sw-dark);
    font-size: 28px;
    line-height: 1.4;
}

.swechha-question-header p {
    color: var(--sw-text);
    font-size: 15px;
}


/* QUESTIONS */

.swechha-questions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

.swechha-question {
    display: flex;
    gap: 13px;
    padding: 18px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--sw-border);
    transition: .3s ease;
}

.swechha-question:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,.06);
}

.swechha-question span {
    color: var(--sw-orange);
    font-size: 11px;
    font-weight: 800;
}

.swechha-question .cnt {
    color: var(--sw-orange);
    font-size: 11px;
    font-weight: 800;
}

.swechha-question .checkbox{border-radius: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 4px;
    background: #ff942a;
    color: #FFF;}


.swechha-question p {
    margin: 0;
    color: #666d72;
    font-size: 15px;
    line-height: 1.7;
}


/* AWARENESS */

.swechha-awareness {
    margin-top: 70px;
}

.swechha-awareness-heading {
    margin-bottom: 25px;
}

.swechha-awareness-heading h3 {
    margin: 7px 0 0;
    color: var(--sw-dark);
    font-size: 26px;
    font-weight: 800;
}

.swechha-awareness-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.swechha-awareness-card {
    padding: 25px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--sw-border);
}

.swechha-awareness-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
}

.swechha-awareness-card b {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 10px;
    background: var(--sw-orange);
    color: #fff;
    font-size: 13px;
}

.swechha-awareness-card strong {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 10px;
    background: var(--sw-orange);
    color: #fff;
    font-size: 13px;
}

.swechha-awareness-card h4 {
    margin-bottom: 8px;
    color: var(--sw-dark);
    font-size: 16px;
}

.swechha-awareness-card p {
    margin: 0;
    color: var(--sw-text);
    font-size: 13px;
    line-height: 1.7;
}

.swechha-awareness-title {
    text-align: center;
    margin-bottom: 45px;
}

.swechha-awareness-title h3 {
    position: relative;

    display: inline-block;

    margin: 0;
    padding-bottom: 14px;

    color: #17324d;

    font-size: 32px;
    font-weight: 800;

    line-height: 1.2;
}


/* Main underline */

.swechha-awareness-title h3::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 55px;
    height: 4px;

    transform: translateX(-50%);

    background: #e67e22;

    border-radius: 10px;

    transition:
        width 0.4s ease,
        background 0.4s ease;
}


/* Small decorative line */

.swechha-awareness-title h3::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 1px;

    width: 10px;
    height: 10px;

    transform: translateX(-50%);

    background: #ffffff;

    border: 2px solid #e67e22;

    border-radius: 50%;

    z-index: 2;

    transition:
        left 0.4s ease;
}


/* Heading hover */

.swechha-awareness-title h3:hover::after {
    width: 110px;
}

.swechha-awareness-title h3:hover::before {
    left: calc(50% + 45px);
}


/* =========================================
   CARD TITLE
========================================= */

.swechha-awareness-card h4 {
    position: relative;

    display: inline-block;

    margin: 0 0 18px;

    padding-bottom: 9px;

    color: #17324d;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.4;

    transition: color 0.3s ease;
}


/* Title underline */

.swechha-awareness-card h4::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 35px;
    height: 3px;

    background: #e67e22;

    border-radius: 10px;

    transition:
        width 0.4s ease;
}


/* Hover underline */

.swechha-awareness-card:hover h4::after {
    width: 100%;
}


/* Title color on hover */

.swechha-awareness-card:hover h4 {
    color: #e67e22;
}


/* =========================================
   CARD TEXT
========================================= */

.swechha-awareness-card p {
    margin: 0;

    color: #687887;

    font-size: 15px;

    line-height: 1.8;
}



/* HIGHLIGHT */

.swechha-highlight {
    margin-top: 35px;
    padding: 25px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    border-left: 4px solid var(--sw-orange);
    border-radius: 10px;
    background: #fff4e8;
}

.swechha-highlight i {
    margin-top: 3px;
    color: var(--sw-orange);
}

.swechha-highlight p {
    margin: 0 0 5px;
    color: #666;
    font-size: 15px;
    line-height: 1.7;
}

.swechha-highlight strong {
    color: var(--sw-dark);
    font-size: 15px;
}


/* METHOD */

.swechha-method-heading {
    margin-bottom: 40px;
    text-align: center;
}

.swechha-method-heading h2 {
    margin: 10px 0 0;
    color: var(--sw-dark);
    font-size: 35px;
    font-weight: 800;
}

.swechha-method-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.swechha-method-card {
    position: relative;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--sw-border);
    border-radius: 20px;
    background: #fff;
    transition: .3s ease;
}

.swechha-method-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,.07);
}

.method-number {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #f0f1f2;
    font-size: 45px;
    font-weight: 800;
}

.method-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1e3;
    color: var(--sw-orange);
    font-size: 19px;
}

.swechha-method-card h3 {
    margin-bottom: 12px;
    color: var(--sw-dark);
    font-size: 16px;
    font-weight: 800;
}

.swechha-method-card p {
    margin: 0;
    color: var(--sw-text);
    font-size: 14px;
    line-height: 1.8;
}



/* ---------------------------------------------------------
   FACTS
--------------------------------------------------------- */

.pct-program-facts {

    position: relative;

    margin-top: -15px;

    padding-bottom: 70px;

}


.pct-facts-card {

    position: relative;

    z-index: 2;

    background: #fff;

    border-radius: 20px;

    box-shadow:
        0 15px 50px rgba(0,0,0,.08);

}


.pct-fact {

    min-height: 100px;

    padding: 25px;

    display: flex;

    align-items: center;

    gap: 15px;

    border-right: 1px solid #eee;

}


.pct-fact-icon {

    width: 48px;

    min-width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #fff4e8;

    color: #f28c28;

    font-size: 19px;

}


.pct-fact strong {

    display: block;

    margin-bottom: 3px;

    color: #252a2f;

    font-size: 15px;

    font-weight: 800;

}


.pct-fact span {

    display: block;

    color: #888;

    font-size: 11px;

}


/* RESPONSIVE */

@media(max-width: 991px) {

    .swechha-questions {
        grid-template-columns: repeat(2, 1fr);
    }

    .swechha-awareness-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .swechha-method-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}



@media(max-width: 767px) {

    .swechha-hero {
        padding: 65px 20px;
    }

    .swechha-hero h1 {
        font-size: 48px;
    }

    .swechha-section {
        padding: 60px 15px;
    }

    .swechha-intro {
        margin: -25px 15px 45px;
        padding: 22px;
        align-items: flex-start;
    }

    .swechha-section-heading h2 {
        font-size: 27px;
    }

    .swechha-section-heading > span {
        font-size: 42px;
    }

    .swechha-list-grid,
    .swechha-questions,
    .swechha-awareness-grid,
    .swechha-method-grid {
        grid-template-columns: 1fr;
    }

    .swechha-feature-box {
        padding: 25px;
    }

    .swechha-question-header h3 {
        font-size: 22px;
    }

    .swechha-method-heading h2 {
        font-size: 28px;
    }

}




/* =========================================================
   PCT - TAKE ACTION SECTION
   ========================================================= */

.pct-action-section {
    position: relative;
    padding: 30px 0 70px;
}


/* ---------- Heading ---------- */

.pct-action-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 45px;
}

.pct-action-heading > strong {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #e67e22;
    margin-bottom: 10px;
}

.pct-action-heading h3 {
    margin: 0 0 12px;
    font-size: 34px;
    font-weight: 800;
    color: #17324d;
}

.pct-action-heading p {
    margin: 0;
    color: #687789;
    font-size: 15px;
    line-height: 1.8;
}


/* ---------- Grid ---------- */

.pct-action-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}


/* ---------- Card ---------- */

.pct-action-card {
    position: relative;
    overflow: hidden;
    min-height: 480px;
    padding: 35px 30px 30px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(20, 50, 80, 0.08);
    box-shadow: 0 12px 40px rgba(25, 55, 85, 0.10);
    transition: all 0.4s ease;

    display: flex;
    flex-direction: column;
}

.pct-action-card::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    right: -80px;
    top: -80px;
    opacity: 0.08;
    transition: all 0.5s ease;
}

.pct-action-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 55px rgba(25, 55, 85, 0.16);
}

.pct-action-card:hover::before {
    transform: scale(1.5);
}


/* ---------- Number ---------- */

.pct-action-number {
    position: absolute;
    right: 25px;
    top: 22px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #a5afb8;
}


/* ---------- Main Icon ---------- */

.pct-action-icon {
    width: 78px;
    height: 78px;

    border-radius: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 28px;

    font-size: 30px;

    transition: all 0.4s ease;
}

.pct-action-icon > div {
    line-height: 1;
}

.pct-action-card:hover .pct-action-icon {
    transform: rotate(-5deg) scale(1.08);
}


/* ---------- Content ---------- */

.pct-action-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    flex: 1;
}

.pct-action-content h4 {
    margin: 0 0 15px;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 800;

    color: #17324d;
}

.pct-action-content p {
    margin: 0 0 22px;

    font-size: 16px;
    line-height: 1.8;

    color: #667382;
}


/* ---------- Highlight ---------- */

.pct-action-highlight {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 25px;
    padding: 11px 13px;

    border-radius: 10px;

    background: rgba(0, 0, 0, 0.035);

    font-size: 12px;
    color: #596775;
}

.pct-action-highlight > div {
    font-size: 14px;
    flex-shrink: 0;
}

.pct-action-highlight strong {
    font-weight: 600;
}


/* ---------- Button ---------- */

.pct-action-btn {
    margin-top: auto;

    width: 100%;
    min-height: 50px;

    padding: 12px 18px;

    border-radius: 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    text-decoration: none !important;

    font-size: 13px;
    font-weight: 700;

    transition: all 0.3s ease;
}

.pct-action-btn > div {
    font-size: 15px;
    transition: transform 0.3s ease;
}

.pct-action-btn:hover > div {
    transform: translateX(5px);
}


/* =========================================================
   SCHOLARSHIP
   ========================================================= */

.pct-scholarship {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffaf3 100%
    );
}

.pct-scholarship::before {
    background: #e67e22;
}

.pct-scholarship .pct-action-icon {
    background: #fff0dc;
    color: #e67e22;
}

.pct-scholarship .pct-action-highlight > div {
    color: #e67e22;
}

.pct-scholarship .pct-action-btn {
    background: #e67e22;
    color: #ffffff;
}

.pct-scholarship .pct-action-btn:hover {
    background: #cf6d16;
    color: #ffffff;
}


/* =========================================================
   DONATE
   ========================================================= */

.pct-donate {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fff5f5 100%
    );
}

.pct-donate::before {
    background: #e74c3c;
}

.pct-donate .pct-action-icon {
    background: #ffe5e2;
    color: #e74c3c;
}

.pct-donate .pct-action-highlight > div {
    color: #e74c3c;
}

.pct-donate .pct-action-btn {
    background: #e74c3c;
    color: #ffffff;
}

.pct-donate .pct-action-btn:hover {
    background: #cf3c30;
    color: #ffffff;
}


/* =========================================================
   VOLUNTEER
   ========================================================= */

.pct-volunteer {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f2f9ff 100%
    );
}

.pct-volunteer::before {
    background: #2980b9;
}

.pct-volunteer .pct-action-icon {
    background: #e3f2ff;
    color: #2980b9;
}

.pct-volunteer .pct-action-highlight > div {
    color: #2980b9;
}

.pct-volunteer .pct-action-btn {
    background: #2980b9;
    color: #ffffff;
}

.pct-volunteer .pct-action-btn:hover {
    background: #206a9b;
    color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .pct-action-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pct-action-card:last-child {
        grid-column: span 2;
        max-width: calc(50% - 12px);
        width: 100%;
        margin: 0 auto;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pct-action-section {
        padding: 20px 0 50px;
    }

    .pct-action-heading {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .pct-action-heading h3 {
        font-size: 27px;
    }

    .pct-action-heading p {
        font-size: 14px;
    }

    .pct-action-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pct-action-card,
    .pct-action-card:last-child {
        grid-column: auto;
        max-width: none;
        min-height: auto;
        width: 100%;
        margin: 0;
    }

    .pct-action-card {
        padding: 28px 24px 24px;
    }

    .pct-action-icon {
        width: 68px;
        height: 68px;
        border-radius: 19px;
        font-size: 27px;
        margin-bottom: 22px;
    }

    .pct-action-content h4 {
        font-size: 21px;
    }

}





/* =========================================================
   PCT FLEXIBLE REACH SECTION
========================================================= */

.pct-flex-reach {
    position: relative;

    padding: 20px 0 10px;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================================
   HEADER
========================================================= */

.pct-flex-reach-header {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 60px;

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #e7ebee;
}


.pct-flex-reach-title {
    flex: 0 0 auto;
}


.pct-flex-reach-label {

    margin-bottom: 12px;

    color: #e67e22;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.pct-flex-reach-title h2 {

    margin: 0;

    color: #17324d;

    font-size: 48px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -1px;
}


.pct-flex-reach-description {

    max-width: 520px;

}


.pct-flex-reach-description p {

    margin: 0;

    color: #71808e;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   FLEXIBLE LIST
========================================================= */

.pct-flex-reach-list {

    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(260px, 1fr)
        );

    gap: 18px;
}


/* =========================================================
   ITEM
========================================================= */

.pct-flex-reach-item {

    position: relative;

    min-height: 300px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 28px;

    overflow: hidden;

    background: #f5f7f8;

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


/* Different corner shapes */

.pct-flex-reach-item:nth-child(3n + 1) {

    border-radius: 35px 8px 35px 8px;

}


.pct-flex-reach-item:nth-child(3n + 2) {

    border-radius: 8px 35px 8px 35px;

}


.pct-flex-reach-item:nth-child(3n + 3) {

    border-radius: 35px;

}


.pct-flex-reach-item:hover {

    transform: translateY(-7px);

    background: #f0f5f7;

}


/* =========================================================
   IMAGE
========================================================= */

.pct-flex-reach-image {

    width: 105px;

    height: 105px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.07);

    transition:
        transform 0.5s ease;
}


.pct-flex-reach-image img {

    width: 75px;

    height: auto;

    display: block;
}


.pct-flex-reach-item:hover
.pct-flex-reach-image {

    transform:
        translateX(8px)
        rotate(-5deg);
}


/* =========================================================
   CONTENT
========================================================= */

.pct-flex-reach-content {

    position: relative;

    z-index: 2;
}


.pct-flex-reach-number {

    margin-bottom: 3px;

    color: #17324d;

    font-size: 42px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: -2px;
}


.pct-flex-reach-content h3 {

    margin: 0 0 7px;

    color: #17324d;

    font-size: 20px;

    font-weight: 800;
}


.pct-flex-reach-content p {

    max-width: 240px;

    margin: 0;

    color: #7a8792;

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.pct-flex-reach-item::before {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -80px;

    top: -80px;

    border-radius: 50%;

    background: rgba(230,126,34,0.10);

    transition:
        transform 0.6s ease;
}


.pct-flex-reach-item:nth-child(3n + 2)::before {

    background: rgba(41,128,185,0.10);

}


.pct-flex-reach-item:nth-child(3n + 3)::before {

    background: rgba(39,174,96,0.10);

}


.pct-flex-reach-item:hover::before {

    transform: scale(1.5);

}


/* =========================================================
   ACCENT LINE
========================================================= */

.pct-flex-reach-item::after {

    content: "";

    position: absolute;

    left: 28px;

    bottom: 0;

    width: 55px;

    height: 4px;

    border-radius: 5px 5px 0 0;

    background: #e67e22;

    transition:
        width 0.4s ease;
}


.pct-flex-reach-item:nth-child(3n + 2)::after {

    background: #2980b9;

}


.pct-flex-reach-item:nth-child(3n + 3)::after {

    background: #27ae60;

}


.pct-flex-reach-item:hover::after {

    width: 100px;

}


/* =========================================================
   LARGE ITEMS
   Automatically creates visual variation
========================================================= */

.pct-flex-reach-item:nth-child(5n + 1) {

    min-height: 340px;

}


.pct-flex-reach-item:nth-child(5n + 4) {

    min-height: 340px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pct-flex-reach {

        padding: 70px 0 80px;

    }


    .pct-flex-reach-header {

        gap: 30px;

    }


    .pct-flex-reach-title h2 {

        font-size: 40px;

    }


    .pct-flex-reach-list {

        grid-template-columns:
            repeat(
                auto-fit,
                minmax(220px, 1fr)
            );

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pct-flex-reach {

        padding: 55px 0 65px;

    }


    .pct-flex-reach-header {

        display: block;

        margin-bottom: 35px;

    }


    .pct-flex-reach-title h2 {

        font-size: 36px;

    }


    .pct-flex-reach-description {

        margin-top: 20px;

    }


    .pct-flex-reach-list {

        grid-template-columns: 1fr;

        gap: 12px;

    }


    .pct-flex-reach-item {

        min-height: 270px !important;

        padding: 25px;

    }


    .pct-flex-reach-number {

        font-size: 38px;

    }

}




/* =========================================
   GK SDG SECTION
========================================= */

.gk-sdg-section {
    position: relative;
    padding: 80px 0;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(0, 160, 220, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(0, 190, 170, 0.08),
            transparent 30%
        ),
        #f7fbfd;

    overflow: hidden;
}


/* Container */

.gk-sdg-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}


/* =========================================
   HEADING
========================================= */

.gk-sdg-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.gk-sdg-heading > span {
    display: inline-block;
    padding: 7px 18px;
    margin-bottom: 14px;

    border-radius: 30px;

    background: rgba(0, 150, 200, 0.09);

    color: #008bb8;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.gk-sdg-heading h2 {
    margin: 0 0 14px;

    color: #123047;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.gk-sdg-heading p {
    max-width: 650px;
    margin: 0 auto;

    color: #6d7f8c;

    font-size: 16px;
    line-height: 1.7;
}


/* =========================================
   GRID
========================================= */

.gk-sdg-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;

    align-items: stretch;
}


/* =========================================
   CARD
========================================= */

.gk-sdg-card {
    --gk-sdg-color: #008bb8;

    position: relative;

    min-height: 330px;

    padding: 28px 22px 24px;

    background: rgba(255, 255, 255, 0.92);

    border: 1px solid rgba(20, 80, 110, 0.08);

    border-radius: 24px;

    text-align: center;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(20, 70, 90, 0.08);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


/* Top colored line */

.gk-sdg-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: var(--gk-sdg-color);
}


/* Background glow */

.gk-sdg-card::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -90px;
    right: -90px;

    border-radius: 50%;

    background: var(--gk-sdg-color);

    opacity: 0.07;

    transition: 0.5s ease;
}


/* Hover */

.gk-sdg-card:hover {
    transform: translateY(-12px);

    border-color: var(--gk-sdg-color);

    box-shadow: 0 22px 50px rgba(20, 70, 90, 0.15);
}

.gk-sdg-card:hover::after {
    width: 260px;
    height: 260px;
}


/* =========================================
   SDG NUMBER
========================================= */

.gk-sdg-number {
    position: absolute;

    top: 18px;
    left: 18px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--gk-sdg-color);

    color: #fff;

    font-size: 13px;
    font-weight: 700;

    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);

    z-index: 2;
}


/* =========================================
   IMAGE
========================================= */

.gk-sdg-image {
    position: relative;

    height: 185px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 25px;

    z-index: 1;
}

.gk-sdg-image img {
    max-width: 160px;
    max-height: 175px;

    width: auto;
    height: auto;

    object-fit: contain;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}

.gk-sdg-card:hover .gk-sdg-image img {
    transform: scale(1.12) translateY(-5px);

    filter: drop-shadow(
        0 12px 12px rgba(0, 0, 0, 0.10)
    );
}


/* =========================================
   CONTENT
========================================= */

.gk-sdg-content {
    position: relative;

    z-index: 2;

    margin-top: 10px;
}

.gk-sdg-content h3 {
    margin: 0 0 10px;

    color: #17384c;

    font-size: 19px;
    font-weight: 700;

    line-height: 1.35;
}

.gk-sdg-content p {
    margin: 0;

    color: #7a8c97;

    font-size: 13px;

    line-height: 1.6;
}


/* =========================================
   ARROW
========================================= */

.gk-sdg-arrow {
    position: absolute;

    bottom: 20px;
    right: 20px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(0, 0, 0, 0.04);

    color: var(--gk-sdg-color);

    font-size: 12px;

    transition: 0.4s ease;
}

.gk-sdg-card:hover .gk-sdg-arrow {
    background: var(--gk-sdg-color);

    color: #fff;

    transform: rotate(-45deg);
}


/* =========================================
   SDG COLORS
========================================= */

.gk-sdg-1 {
    --gk-sdg-color: #e5243b;
}

.gk-sdg-2 {
    --gk-sdg-color: #dda63a;
}

.gk-sdg-3 {
    --gk-sdg-color: #4c9f38;
}

.gk-sdg-4 {
    --gk-sdg-color: #c5192d;
}

.gk-sdg-5 {
    --gk-sdg-color: #ff3a21;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1200px) {

    .gk-sdg-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .gk-sdg-section {
        padding: 55px 15px;
    }

    .gk-sdg-heading {
        margin-bottom: 35px;
    }

    .gk-sdg-heading h2 {
        font-size: 28px;
    }

    .gk-sdg-heading p {
        font-size: 14px;
    }

    .gk-sdg-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .gk-sdg-card {
        min-height: 350px;

        padding: 22px 15px;

        border-radius: 18px;
    }

    .gk-sdg-image {
        height: 155px;
    }

    .gk-sdg-image img {
        max-width: 130px;
        max-height: 145px;
    }

    .gk-sdg-content h3 {
        font-size: 16px;
    }

    .gk-sdg-content p {
        font-size: 12px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .gk-sdg-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gk-sdg-card {
        min-height: 330px;
    }

    .gk-sdg-number {
        width: 35px;
        height: 35px;

        top: 14px;
        left: 14px;

        font-size: 11px;
    }

    .gk-sdg-image {
        height: 145px;
        margin-top: 20px;
    }

    .gk-sdg-image img {
        max-width: 110px;
        max-height: 130px;
    }

    .gk-sdg-content h3 {
        font-size: 15px;
    }

    .gk-sdg-arrow {
        width: 28px;
        height: 28px;

        bottom: 14px;
        right: 14px;
    }

}


      /* =========================================
   GK WEBORBIT PROGRAM REACH
========================================= */

.gkw-reach-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 18px 0;
}


/* Individual card */

.gkw-reach-card {
    position: relative;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 11px 14px;

    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f3fafc 100%
    );

    border: 1px solid rgba(180, 27, 0, 0.12);

    border-radius: 13px;

    overflow: hidden;

    box-shadow: 0 5px 16px rgba(20, 80, 100, 0.06);

    transition: all 0.35s ease;
}


/* Left accent */

.gkw-reach-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 3px;
    height: 100%;

    background: linear-gradient(
        180deg,
        #bb3938,
        #b7302f
    );
}


/* Hover */

.gkw-reach-card:hover {
    transform: translateX(5px);

    border-color: rgba(0, 150, 180, 0.28);

    box-shadow:
        0 10px 25px rgba(20, 80, 100, 0.12);
}


/* Check icon */

.gkw-reach-check {
    flex: 0 0 37px;

    width: 37px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        #bb3938,
        #b7302f
    );

    color: #fff;

    font-size: 12px;

    box-shadow:
        0 5px 12px rgba(8, 169, 204, 0.22);

    transition: all 0.4s ease;
}


/* Icon hover */

.gkw-reach-card:hover .gkw-reach-check {
    transform: rotate(360deg) scale(1.08);
}


/* Text area */

.gkw-reach-details {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;

    gap: 6px;

    line-height: 1.3;
}


/* Number */

.gkw-reach-details strong {
    color: #087d9d;

    font-size: 19px;

    font-weight: 800;

    letter-spacing: -0.3px;
}


/* Title */

.gkw-reach-details span {
    color: #526873;

    font-size: 13px;

    font-weight: 600;

    text-transform: capitalize;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 576px) {

    .gkw-reach-list {
        gap: 7px;
        margin: 15px 0;
    }

    .gkw-reach-card {
        padding: 9px 11px;
        gap: 9px;
        border-radius: 11px;
    }

    .gkw-reach-check {
        flex-basis: 33px;

        width: 33px;
        height: 33px;

        font-size: 10px;
    }

    .gkw-reach-details strong {
        font-size: 17px;
    }

    .gkw-reach-details span {
        font-size: 12px;
    }
}
/* =========================================
   PROGRAM DETAILS BUTTON
========================================= */

.gkw-program-link {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 18px;
    margin-bottom: 18px;
    padding: 11px 18px 11px 20px;

    min-width: 165px;

    border: 1px solid rgba(180, 57, 9, 0.25);
    border-radius: 50px;

    background: #ffffff;

    color: #087d9d !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;

    overflow: hidden;

    box-shadow:
        0 6px 18px rgba(0, 120, 150, 0.08);

    transition:
        color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
}


/* Animated background */

.gkw-program-link::before {
    content: "";

    position: absolute;

    top: 0;
    left: -110%;

    width: 100%;
    height: 100%;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        #bb3938,
        #b7302f
    );

    transition: left 0.4s ease;

    z-index: 0;
}


/* Text */

.gkw-program-link span {
    position: relative;
    z-index: 2;

    white-space: nowrap;

    transition: transform 0.35s ease;
}


/* Arrow circle */

.gkw-program-link i {
    position: relative;
    z-index: 2;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(0, 139, 170, 0.09);

    color: #008baa;

    font-size: 10px;

    transition:
        transform 0.4s ease,
        background 0.35s ease,
        color 0.35s ease;
}


/* =========================================
   HOVER
========================================= */

.gkw-program-link:hover {
    color: #ffffff !important;

    border-color: #b7302f

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(0, 130, 160, 0.20);
}

.gkw-program-link:hover::before {
    left: 0;
}

.gkw-program-link:hover span {
    transform: translateX(2px);
}

.gkw-program-link:hover i {
    background: #ffffff;

    color: #008baa;

    transform: translateX(5px);
}


/* =========================================
   CLICK EFFECT
========================================= */

.gkw-program-link:active {
    transform: translateY(-1px);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 576px) {

    .gkw-program-link {
        min-width: 150px;

        padding: 9px 15px 9px 17px;

        font-size: 12px;

        gap: 8px;
    }

    .gkw-program-link i {
        width: 24px;
        height: 24px;

        font-size: 9px;
    }

}




  /* =====================================================
   GK LATEST UPDATES
===================================================== */

.gknews-section {
    position: relative;

    padding: 35px 0;

    background:
        radial-gradient(
            circle at 0% 30%,
            rgba(0, 170, 200, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 100% 70%,
            rgba(0, 120, 160, 0.06),
            transparent 30%
        ),
        #f8fcfd;

    overflow: hidden;
}


/* Decorative background */

.gknews-section::before {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    top: -160px;
    right: -100px;

    border-radius: 50%;

    border: 1px solid rgba(0, 150, 180, 0.08);
}

.gknews-section::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    bottom: -120px;
    left: -80px;

    border-radius: 50%;

    border: 1px solid rgba(0, 150, 180, 0.08);
}


/* =====================================================
   CONTAINER
===================================================== */

.gknews-container {
    position: relative;

    width: 100%;
    max-width: 1200px;

    margin: auto;

    padding: 0 15px;

    z-index: 2;
}


/* =====================================================
   HEADING
===================================================== */

.gknews-heading {
    text-align: center;

    max-width: 720px;

    margin: 0 auto 50px;
}


.gknews-heading-line {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-bottom: 13px;
}


.gknews-heading-line span {
    width: 35px;
    height: 2px;

    background: #08a8c7;

    border-radius: 10px;
}


.gknews-heading-line small {
    color: #0085a5;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;
}


.gknews-heading h2 {
    margin: 0 0 12px;

    color: #163b4d;

    font-size: 38px;

    font-weight: 800;

    letter-spacing: -0.5px;
}


.gknews-heading p {
    margin: auto;

    max-width: 620px;

    color: #71848d;

    font-size: 15px;

    line-height: 1.7;
}


/* =====================================================
   CAROUSEL
===================================================== */

.gknews-carousel {
    position: relative;

    padding: 0 45px;
}


/* =====================================================
   GRID
===================================================== */

.gknews-layout {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 25px;
}


/* =====================================================
   UPDATE ITEM
===================================================== */

.gknews-item {
    position: relative;

    min-width: 0;

    border-radius: 22px;

   /* background: #ffffff; */

    overflow: hidden;

    border: 1px solid rgba(20, 80, 100, 0.08);

    box-shadow:
        0 12px 35px rgba(20, 70, 90, 0.07);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}


.gknews-item:hover {
    transform: translateY(-10px);

    box-shadow:
        0 25px 55px rgba(20, 70, 90, 0.14);
}


/* =====================================================
   LINK
===================================================== */

.gknews-link {
    display: block;

    color: inherit !important;

    text-decoration: none !important;
}


/* =====================================================
   IMAGE
===================================================== */

.gknews-media {
    position: relative;

    height: 245px;

    overflow: hidden;
}


.gknews-media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.7s ease;
}


.gknews-item:hover .gknews-media img {
    transform: scale(1.08);
}


/* Image gradient */

.gknews-image-shade {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.03) 20%,
            rgba(0, 0, 0, 0.58) 100%
        );
}


/* =====================================================
   NUMBER
===================================================== */

.gknews-number {
    position: absolute;

    left: 18px;
    bottom: 17px;

    color: rgba(255,255,255,0.8);

    font-size: 38px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: -2px;
}


/* =====================================================
   LABEL
===================================================== */

.gknews-label {
    position: absolute;

    top: 16px;
    right: 16px;

    display: flex;

    align-items: center;

    gap: 6px;

    padding: 7px 12px;

    border-radius: 30px;

    background: rgba(255,255,255,0.94);

    color: #0083a3;

    font-size: 10px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.7px;

    box-shadow:
        0 5px 15px rgba(0,0,0,0.12);
}


.gknews-label i {
    font-size: 9px;

    color: #f3a900;
}


/* =====================================================
   BODY
===================================================== */

.gknews-body {
    position: relative;

    padding: 23px 22px 20px;
}


/* Small vertical accent */

.gknews-body::before {
    content: "";

    position: absolute;

    top: 25px;
    left: 0;

    width: 3px;
    height: 42px;

    background:
        linear-gradient(
            180deg,
            #d45608,
            #9e3500
        );

    border-radius: 0 5px 5px 0;
}


/* =====================================================
   META
===================================================== */

.gknews-meta {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 12px;

    padding-left: 8px;

    color: #ab2e1d;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.7px;
}


.gknews-meta-line {
    width: 20px;
    height: 1px;

    background: #c7dfe5;
}


.gknews-meta span:last-child {
    color: #98aab1;
}


/* =====================================================
   TITLE
===================================================== */

.gknews-title {
    margin: 0 0 13px;

    color: #183c4e;

    font-size: 17px;

    /*font-weight: 750;*/

    line-height: 1.45;

    transition:
        color 0.3s ease;
}


.gknews-item:hover .gknews-title {
    color: #b63410;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.gknews-description {
    height: 54px;

    overflow: hidden;

    color: #74868e;

    font-size: 12px;

    line-height: 1.65;

    text-align: justify;
}


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

.gknews-footer {
    display: flex;
 
    align-items: center;
    justify-content: space-between;

    margin-top: 18px;

    padding-top: 15px;

    border-top: 1px solid #edf3f5;

    color: #b63410;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}


/* Arrow */

.gknews-arrow {
    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf9fb;

    color: #b63410;

    font-size: 11px;

    transition:
        transform 0.4s ease,
        background 0.3s ease,
        color 0.3s ease;
}


.gknews-item:hover .gknews-arrow {
    transform: translateX(5px);

    background: #eb3502; 

    color: #ffffff;
}


/* =====================================================
   CAROUSEL BUTTONS
===================================================== */

.gknews-control {
    position: absolute;

    top: 50%;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #ffffff;

    color: #0083a3;

    opacity: 1;

    box-shadow:
        0 7px 22px rgba(20, 80, 100, 0.13);

    transform: translateY(-50%);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.gknews-control span {
    width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;
}


.gknews-control:hover {
    background: #0083a3;

    color: #ffffff;

    transform:
        translateY(-50%)
        scale(1.08);
}


.gknews-prev {
    left: 0;
}


.gknews-next {
    right: 0;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .gknews-layout {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .gknews-layout .gknews-item:nth-child(3) {
        display: none;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .gknews-section {
        padding: 60px 0;
    }

    .gknews-heading {
        margin-bottom: 35px;
    }

    .gknews-heading h2 {
        font-size: 29px;
    }

    .gknews-heading p {
        font-size: 13px;
    }

    .gknews-carousel {
        padding: 0 10px;
    }

    .gknews-layout {
        grid-template-columns: 1fr;
    }

    .gknews-layout .gknews-item:nth-child(2),
    .gknews-layout .gknews-item:nth-child(3) {
        display: none;
    }

    .gknews-media {
        height: 230px;
    }

    .gknews-body {
        padding: 20px;
    }

    .gknews-title {
        font-size: 17px;
    }

    .gknews-control {
        width: 36px;
        height: 36px;
    }

    .gknews-prev {
        left: -2px;
    }

    .gknews-next {
        right: -2px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {

    .gknews-media {
        height: 205px;
    }

    .gknews-heading h2 {
        font-size: 26px;
    }

}








/* =====================================================
   GK SUCCESS STORIES
   PRIMARY COLOR: #b63410
===================================================== */

.gkstory-section {
    position: relative;

    padding: 45px 0;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(182, 52, 16, 0.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 90%,
            rgba(182, 52, 16, 0.06),
            transparent 30%
        ),
        #fffaf8;

    overflow: hidden;
}


/* Decorative background circles */

.gkstory-section::before {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    top: -210px;
    right: -120px;

    border: 1px solid rgba(182, 52, 16, 0.10);

    border-radius: 50%;
}


.gkstory-section::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    bottom: -150px;
    left: -100px;

    border: 1px solid rgba(182, 52, 16, 0.08);

    border-radius: 50%;
}


/* =====================================================
   CONTAINER
===================================================== */

.gkstory-container {
    position: relative;

    width: 100%;
    max-width: 1200px;

    margin: auto;

    padding: 0 15px;

    z-index: 2;
}


/* =====================================================
   HEADER
===================================================== */

.gkstory-header {
    max-width: 700px;

    margin: 0 auto 55px;

    text-align: center;
}


.gkstory-eyebrow {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-bottom: 15px;

    color: #b63410;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.gkstory-eyebrow-line {
    width: 35px;
    height: 2px;

    border-radius: 10px;

    background: #b63410;
}


.gkstory-header h2 {
    margin: 0 0 14px;

    color: #5f1d0d;

    font-size: 40px;

    font-weight: 800;

    letter-spacing: -1px;
}


.gkstory-header p {
    max-width: 620px;

    margin: auto;

    color: #786c68;

    font-size: 15px;

    line-height: 1.7;
}


/* =====================================================
   STORY GRID
===================================================== */

.gkstory-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 28px;
}


/* =====================================================
   STORY ITEM
===================================================== */

.gkstory-item {
    position: relative;
}


/* =====================================================
   STORY LINK
===================================================== */

.gkstory-link {
    display: block;

    text-decoration: none !important;

    color: inherit !important;
}


/* =====================================================
   MEDIA
===================================================== */

.gkstory-media {
    position: relative;

    height: 330px;

    border-radius: 24px;

    overflow: hidden;

    background: #5f1d0d;

    box-shadow:
        0 15px 35px rgba(95, 29, 13, 0.12);

    transform: translateZ(0);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}


.gkstory-item:hover .gkstory-media {
    transform: translateY(-8px);

    box-shadow:
        0 25px 55px rgba(95, 29, 13, 0.20);
}


/* =====================================================
   IMAGE
===================================================== */

.gkstory-media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s cubic-bezier(
            0.2,
            0.7,
            0.2,
            1
        );
}


.gkstory-item:hover .gkstory-media img {
    transform: scale(1.09);
}


/* =====================================================
   IMAGE OVERLAY
===================================================== */

.gkstory-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(180deg, rgba(182, 52, 16, 0.15) 0%, rgba(182, 52, 16, 0.35) 45%, rgb(19 78 93 / 85%) 100%);

    z-index: 1;

    transition:
        background 0.5s ease;
}


.gkstory-item:hover .gkstory-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(182, 52, 16, 0.25) 0%,
            rgba(182, 52, 16, 0.50) 50%,
            rgba(95, 29, 13, 0.90) 100%
        );
}


/* =====================================================
   NUMBER
===================================================== */

.gkstory-number {
    position: absolute;

    top: 18px;
    left: 20px;

    color: rgba(255, 255, 255, 0.85);

    font-size: 36px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: -2px;
}


/* =====================================================
   TOP TAG
===================================================== */

.gkstory-tag {
    position: absolute;

    top: 18px;
    right: 18px;

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 8px 13px;

    border-radius: 30px;

    background: rgba(255, 255, 255, 0.94);

    color: #b63410;

    font-size: 10px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.14);
}


.gkstory-tag i {
    font-size: 9px;
}


/* =====================================================
   PLAY BUTTON
===================================================== */

.gkstory-play {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 86px;
    height: 86px;

    display: flex;

    align-items: center;
    justify-content: center;

    transform:
        translate(-50%, -50%);

    z-index: 3;
}


/* Outer ring */

.gkstory-play-ring {
    position: absolute;

    width: 86px;
    height: 86px;

    border: 1px solid rgba(255, 255, 255, 0.55);

    border-radius: 50%;

    animation:
        gkstoryPulse 2.2s infinite;
}


/* Play circle */

.gkstory-play-circle {
    position: relative;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding-left: 3px;

    border-radius: 50%;

    background: #b09751d6;

    color: #ffffff;

    font-size: 16px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.25);

    transition:
        transform 0.4s ease,
        background 0.3s ease;
}


.gkstory-item:hover .gkstory-play-circle {
    transform: scale(1.12);

    background: #d34820;
}


/* Pulse */

@keyframes gkstoryPulse {

    0% {
        transform: scale(0.85);
        opacity: 0.8;
    }

    70% {
        transform: scale(1.25);
        opacity: 0;
    }

    100% {
        transform: scale(1.25);
        opacity: 0;
    }

}


/* =====================================================
   WATCH STORY
===================================================== */

.gkstory-watch {
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 18px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    color: #ffffff;

    font-size: 11px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.8px;

    z-index: 3;
}


.gkstory-watch i {
    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    font-size: 10px;

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}


.gkstory-item:hover .gkstory-watch i {
    transform: translateX(5px);

    background: #b63410;
}


/* =====================================================
   CAPTION
===================================================== */

.gkstory-caption {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 17px 8px 5px;
}


.gkstory-caption-line {
    flex: 0 0 3px;

    width: 3px;
    min-height: 35px;

    border-radius: 10px;

    background: #b63410;
}


.gkstory-caption h3 {
    margin: 0;

    color: #5f1d0d;

    font-size: 17px;

    font-weight: 700;

    line-height: 1.45;

    transition:
        color 0.3s ease;
}


.gkstory-item:hover .gkstory-caption h3 {
    color: #b63410;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .gkstory-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 22px;
    }

    .gkstory-media {
        height: 290px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .gkstory-section {
        padding: 25px 0;
    }

    .gkstory-header {
        margin-bottom: 35px;
    }

    .gkstory-header h2 {
        font-size: 30px;
    }

    .gkstory-header p {
        font-size: 13px;
    }

    .gkstory-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }

    .gkstory-media {
        height: 260px;

        border-radius: 20px;
    }

    .gkstory-number {
        font-size: 30px;
    }

    .gkstory-play {
        width: 75px;
        height: 75px;
    }

    .gkstory-play-ring {
        width: 75px;
        height: 75px;
    }

    .gkstory-play-circle {
        width: 52px;
        height: 52px;

        font-size: 14px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {

    .gkstory-media {
        height: 230px;
    }

    .gkstory-header h2 {
        font-size: 27px;
    }

    .gkstory-caption h3 {
        font-size: 15px;
    }

}



/* ==========================================
   LATEST UPDATES - MOBILE SLIDER FIX
   ========================================== */

@media (max-width: 767px) {

    #gknewsCarousel {
        width: 100%;
        overflow: hidden;
    }

    #gknewsCarousel .carousel-inner {
        width: 100%;
        overflow: hidden;
    }

    #gknewsCarousel .carousel-item {
        width: 100%;
    }

    #gknewsCarousel .gknews-layout {
        display: block !important;
        width: 100% !important;
    }

    #gknewsCarousel .gknews-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
    }

    #gknewsCarousel .gknews-link {
        display: block;
        width: 100%;
    }

    #gknewsCarousel .gknews-media {
        width: 100%;
    }

    #gknewsCarousel .gknews-media img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    /* Controls */
    #gknewsCarousel .gknews-control {
        z-index: 20;
    }

    #gknewsCarousel .gknews-prev {
        left: 5px;
    }

    #gknewsCarousel .gknews-next {
        right: 5px;
    }

}




/* =========================================================
   PCT VOLUNTEER SECTION
   ========================================================= */

.pct-volunteer-section {
    position: relative;
    padding: 80px 0;
    background: #fff;
    overflow: hidden;
}

.pct-volunteer-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(41, 161, 227, 0.07);
    top: -180px;
    left: -150px;
}

.pct-volunteer-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(253, 143, 4, 0.07);
    bottom: -160px;
    right: -120px;
}

.pct-volunteer-container {
    position: relative;
    z-index: 2;
}

.pct-volunteer-heading {
    text-align: center;
    margin-bottom: 55px;
}

.pct-volunteer-heading .pct-volunteer-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(253, 143, 4, 0.10);
    color: #b60303;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.pct-volunteer-heading .pct-volunteer-tag i {
    color: #fd8f04;
}

.pct-volunteer-heading h2 {
    font-size: 40px;
    font-weight: 800;
    color: #222;
    margin-bottom: 15px;
}

.pct-volunteer-heading h2 span {
    color: #b60303;
}

.pct-volunteer-heading p {
    max-width: 750px;
    margin: auto;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

/* Main volunteer card */

.pct-volunteer-card {
    position: relative;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0,0,0,0.10);
    border: 1px solid rgba(41,161,227,0.10);
}

.pct-volunteer-image {
    position: relative;
    height: 100%;
    min-height: 530px;
    overflow: hidden;
}

.pct-volunteer-image img {
    width: 100%;
    height: 100%;
    min-height: 530px;
    object-fit: cover;
    display: block;
}

.pct-volunteer-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(182,3,3,0.03) 20%,
        rgba(182,3,3,0.55) 100%
    );
}

.pct-volunteer-image-badge {
    position: absolute;
    z-index: 2;
    left: 25px;
    bottom: 25px;
    background: rgba(255,255,255,0.96);
    padding: 15px 20px;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.pct-volunteer-image-badge strong {
    display: block;
    color: #b60303;
    font-size: 18px;
}

.pct-volunteer-image-badge span {
    font-size: 13px;
    color: #666;
}

/* Content */

.pct-volunteer-content {
    padding: 15px 45px;
}

.pct-volunteer-content h3 {
    color: #b60303;
    font-size: 29px;
    font-weight: 800;
    margin-bottom: 18px;
}

.pct-volunteer-content h4 {
    color: #222;
    font-size: 22px;
    font-weight: 750;
    margin-top: 32px;
    margin-bottom: 15px;
}

.pct-volunteer-content p {
    color: #555;
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 15px;
}

.pct-volunteer-content ul {
    padding-left: 0;
    list-style: none;
}

.pct-volunteer-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #555;
    line-height: 1.7;
}

.pct-volunteer-content ul li::before {
    content: "\f26a";
    font-family: bootstrap-icons !important;
    position: absolute;
    left: 0;
    top: 1px;
    color: #29a1e3;
    font-size: 17px;
    font-weight: bold;
}

/* Register button */

.pct-volunteer-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 15px 28px;
    border: 0;
    border-radius: 50px;
    color: #fff;
    background: linear-gradient(
        135deg,
        #b60303 0%,
        #fd8f04 100%
    );
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(182,3,3,0.22);
    transition: all 0.3s ease;
    cursor: pointer;
}

.pct-volunteer-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(182,3,3,0.30);
}

.pct-volunteer-btn i {
    font-size: 18px;
}

/* Small info cards */

.pct-volunteer-mini-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 25px;
}

.pct-volunteer-mini-card {
    padding: 15px;
    border-radius: 14px;
    background: #f8fbfd;
    border: 1px solid #e8f1f6;
    text-align: center;
}

.pct-volunteer-mini-card i {
    display: block;
    font-size: 25px;
    color: #29a1e3;
    margin-bottom: 7px;
}

.pct-volunteer-mini-card strong {
    display: block;
    color: #333;
    font-size: 13px;
}


/* =========================================================
   VOLUNTEER POPUP
   ========================================================= */

.pct-volunteer-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    inset: 0;
    background: rgba(0,0,0,0.70);
    padding: 20px;
    overflow-y: auto;
}

.pct-volunteer-modal.pct-volunteer-show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pct-volunteer-modal-box {
    position: relative;
    width: 100%;
    max-width: 1050px;
    max-height: 94vh;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(0,0,0,0.30);
    animation: pctVolunteerPopup 0.3s ease;
}

@keyframes pctVolunteerPopup {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Popup header */

.pct-volunteer-modal-header {
    position: relative;
    padding: 25px 65px 25px 30px;
    background: linear-gradient(
        135deg,
        #b60303,
        #fd8f04
    );
    color: #fff;
}

.pct-volunteer-modal-header h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
}

.pct-volunteer-modal-header p {
    margin: 0;
    color: rgba(255,255,255,0.90);
    font-size: 14px;
}

.pct-volunteer-close {
    position: absolute;
    right: 20px;
    top: 17px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    color: #fff;
    font-size: 27px;
    line-height: 38px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.pct-volunteer-close:hover {
    background: #fff;
    color: #b60303;
    transform: rotate(90deg);
}

/* Popup body */

.pct-volunteer-modal-body {
    padding: 30px;
    max-height: calc(94vh - 100px);
    overflow-y: auto;
}

.pct-volunteer-modal-body::-webkit-scrollbar {
    width: 7px;
}

.pct-volunteer-modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.pct-volunteer-modal-body::-webkit-scrollbar-thumb {
    background: #fd8f04;
    border-radius: 10px;
}


/* Form sections */

.pct-volunteer-form-section {
    margin-bottom: 30px;
    padding: 24px;
    border: 1px solid #e8eef2;
    border-radius: 16px;
    background: #fff;
}

.pct-volunteer-form-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding-bottom: 13px;
    border-bottom: 2px solid #f3f3f3;
}

.pct-volunteer-form-section-title .pct-number {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #b60303;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

.pct-volunteer-form-section-title h4 {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 750;
}


/* Form group */

.pct-volunteer-form-group {
    margin-bottom: 22px;
}

.pct-volunteer-form-group:last-child {
    margin-bottom: 0;
}

.pct-volunteer-label {
    display: block;
    margin-bottom: 9px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.pct-required {
    color: #b60303;
    margin-left: 2px;
}

.pct-volunteer-input,
.pct-volunteer-textarea {
    width: 100%;
    border: 1px solid #dfe5e9;
    border-radius: 10px;
    background: #fff;
    padding: 12px 14px;
    font-size: 14px;
    color: #333;
    outline: none;
    transition: all 0.25s ease;
}

.pct-volunteer-input {
    min-height: 47px;
}

.pct-volunteer-textarea {
    min-height: 110px;
    resize: vertical;
}

.pct-volunteer-input:focus,
.pct-volunteer-textarea:focus {
    border-color: #29a1e3;
    box-shadow: 0 0 0 3px rgba(41,161,227,0.10);
}


/* Radio / checkbox options */

.pct-volunteer-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pct-volunteer-option {
    position: relative;
}

.pct-volunteer-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pct-volunteer-option label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #e3e8eb;
    border-radius: 10px;
    background: #fff;
    color: #555;
    font-size: 13px;
    line-height: 1.45;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pct-volunteer-option label::before {
    content: "";
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin-top: 1px;
    border: 2px solid #c9d2d8;
    background: #fff;
    transition: all 0.2s ease;
}

/* Radio */

.pct-volunteer-radio label::before {
    border-radius: 50%;
}

/* Checkbox */

.pct-volunteer-checkbox label::before {
    border-radius: 4px;
}

.pct-volunteer-option input:checked + label {
    border-color: #29a1e3;
    background: rgba(41,161,227,0.06);
    color: #222;
}

.pct-volunteer-radio input:checked + label::before {
    border-color: #29a1e3;
    box-shadow: inset 0 0 0 4px #fff;
    background: #29a1e3;
}

.pct-volunteer-checkbox input:checked + label::before {
    content: "\f26e";
    font-family: bootstrap-icons !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #29a1e3;
    background: #29a1e3;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}


/* Other input */

.pct-volunteer-other-input {
    margin-top: 10px;
    display: none;
}

.pct-volunteer-other-input.pct-active {
    display: block;
}


/* Submit */

.pct-volunteer-submit-wrapper {
    text-align: center;
    padding: 10px 0 5px;
}

.pct-volunteer-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 220px;
    padding: 14px 28px;
    border: 0;
    border-radius: 50px;
    background: linear-gradient(
        135deg,
        #b60303,
        #fd8f04
    );
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 10px 25px rgba(182,3,3,0.20);
}

.pct-volunteer-submit:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(182,3,3,0.28);
}


/* Mobile */

@media (max-width: 991px) {

    .pct-volunteer-content {
        padding: 35px 30px;
    }

    .pct-volunteer-heading h2 {
        font-size: 34px;
    }

    .pct-volunteer-image,
    .pct-volunteer-image img {
        min-height: 400px;
    }
}

@media (max-width: 767px) {

    .pct-volunteer-section {
        padding: 55px 0;
    }

    .pct-volunteer-heading {
        margin-bottom: 35px;
    }

    .pct-volunteer-heading h2 {
        font-size: 28px;
    }

    .pct-volunteer-heading p {
        font-size: 14px;
    }

    .pct-volunteer-image,
    .pct-volunteer-image img {
        min-height: 300px;
    }

    .pct-volunteer-content {
        padding: 28px 22px;
    }

    .pct-volunteer-content h3 {
        font-size: 24px;
    }

    .pct-volunteer-mini-cards {
        grid-template-columns: 1fr;
    }

    .pct-volunteer-options {
        grid-template-columns: 1fr;
    }

    .pct-volunteer-modal {
        padding: 8px;
    }

    .pct-volunteer-modal-box {
        max-height: 97vh;
        border-radius: 14px;
    }

    .pct-volunteer-modal-header {
        padding: 20px 55px 20px 20px;
    }

    .pct-volunteer-modal-header h3 {
        font-size: 20px;
    }

    .pct-volunteer-modal-body {
        padding: 15px;
        max-height: calc(97vh - 85px);
    }

    .pct-volunteer-form-section {
        padding: 17px;
    }

}

    

    
/* =========================================
   PCT NEWSLETTER & PUBLICATIONS
========================================= */

.pct-publication-container {
    width: min(1320px, calc(100% - 40px));
    margin: 0 auto;
}

.pct-publication-hero {
    position: relative;
    isolation: isolate;
    min-height: 400px;
    margin-top: 110px;
    padding: 90px 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 85% 15%, rgba(244, 156, 65, .2), transparent 30%),
        linear-gradient(120deg, #3c0b12 0%, #831722 60%, #a12d30 100%);
}

.pct-publication-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    right: -100px;
    bottom: -220px;
    box-shadow: 0 0 0 45px rgba(255,255,255,.025),
                0 0 0 90px rgba(255,255,255,.025);
}

.pct-publication-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(52,5,12,.18), transparent);
}

.pct-publication-hero-content {
    position: relative;
    z-index: 2;
    color: #fff;
}

.pct-publication-eyebrow,
.pct-publication-small-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #e99a3d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.pct-publication-hero h1 {
    max-width: 700px;
    margin: 22px 0 18px;
    color: #fff;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.13;
}

.pct-publication-hero h1 span {
    color: #ffbd68;
}

.pct-publication-hero-content > p {
    max-width: 600px;
    margin-bottom: 28px;
    color: rgba(255,255,255,.82);
    font-size: 16px;
    line-height: 1.9;
}

.pct-publication-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 23px;
    border-radius: 8px;
    background: #f2a044;
    color: #451019;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: .3s ease;
}

.pct-publication-hero-btn:hover {
    background: #fff;
    color: #831722;
    transform: translateY(-3px);
}

.pct-publication-hero-image {
    position: absolute;
    right: 12%;
    top: 50%;
    transform: translateY(-50%);
    width: 190px;
    height: 190px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 8px solid rgba(255,255,255,.15);
    border-radius: 50%;
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.pct-publication-hero-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* NEWSLETTER REGISTRATION */

.pct-newsletter-register-section {
    margin-top:70px;
    padding: 80px 0;
    background: #fffaf5;
}

.pct-newsletter-register-card {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    overflow: hidden;
    border: 1px solid #f0e4dd;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(75, 28, 20, .07);
}

.pct-newsletter-register-info {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 48px 40px;
    background: linear-gradient(145deg, #831722, #54101b);
    color: #fff;
}

.pct-newsletter-register-info h2 {
    margin: 20px 0;
    color: #fff;
    font-size: 35px;
    line-height: 1.3;
    font-weight: 800;
}

.pct-newsletter-register-info h2 span {
    color: #ffbd68;
}

.pct-newsletter-register-info > p {
    margin-bottom: 28px;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.9;
}

.pct-newsletter-benefit {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 17px 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
}

.pct-newsletter-benefit i {
    margin-top: 2px;
    color: #ffbd68;
    font-size: 17px;
}

.pct-newsletter-decoration {
    position: absolute;
    right: -22px;
    bottom: -42px;
    z-index: -1;
    color: rgba(255,255,255,.06);
    font-size: 190px;
    transform: rotate(-15deg);
}

.pct-newsletter-register-form {
    padding: 45px 42px;
}

.pct-newsletter-form-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.pct-newsletter-form-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff0df;
    color: #831722;
    font-size: 23px;
}

.pct-newsletter-form-heading h3 {
    margin: 0 0 7px;
    color: #33141a;
    font-size: 23px;
    font-weight: 800;
}

.pct-newsletter-form-heading p {
    margin: 0;
    color: #81777a;
    font-size: 13px;
}

.pct-newsletter-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 17px;
}

.pct-newsletter-field label {
    display: block;
    margin-bottom: 9px;
    color: #35252a;
    font-size: 12px;
    font-weight: 700;
}

.pct-newsletter-input-wrap {
    height: 49px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 1px solid #e9e1dd;
    border-radius: 9px;
    background: #fff;
    transition: .25s ease;
}

.pct-newsletter-input-wrap:focus-within {
    border-color: #a72c37;
    box-shadow: 0 0 0 4px rgba(131,23,34,.08);
}

.pct-newsletter-input-wrap > i {
    flex-shrink: 0;
    color: #a72c37;
    font-size: 16px;
}

.pct-newsletter-input-wrap input {
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: #33252a;
    font: inherit;
    font-size: 13px;
}

.pct-newsletter-input-wrap input::placeholder {
    color: #aaa1a2;
}

.pct-newsletter-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 22px 0;
    color: #71696a;
    font-size: 12px;
    line-height: 1.7;
}

.pct-newsletter-consent input {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    accent-color: #831722;
}

.pct-newsletter-register-btn {
    width: 100%;
    min-height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(110deg, #831722, #a52b35);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: .3s ease;
}

.pct-newsletter-register-btn:hover {
    background: linear-gradient(110deg, #54101b, #831722);
    box-shadow: 0 10px 25px rgba(131,23,34,.2);
    transform: translateY(-2px);
}

.pct-newsletter-register-btn i {
    transition: transform .3s ease;
}

.pct-newsletter-register-btn:hover i {
    transform: translateX(5px);
}

.pct-newsletter-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 17px 0 0;
    color: #92878a;
    font-size: 11px;
}

.pct-newsletter-privacy i {
    color: #439b68;
    font-size: 15px;
}


/* PUBLICATION SECTION */

.pct-publications-section {
    padding: 85px 0 100px;
    background: #fff;
}

.pct-publications-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 35px;
}

.pct-publications-heading h2 {
    margin: 12px 0;
    color: #31171c;
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 800;
}

.pct-publications-heading h2 span {
    color: #831722;
}

.pct-publications-heading > div:first-child > p {
    margin: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.8;
}

.pct-publications-heading-icon {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 23px;
    background: #fff0e0;
    color: #831722;
    font-size: 36px;
}

.pct-publication-toolbar {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 45px;
    padding: 15px;
    border: 1px solid #eee4df;
    border-radius: 13px;
    background: #fffaf7;
}

.pct-publication-search,
.pct-publication-filter {
    height: 47px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 15px;
    border: 1px solid #e8dfda;
    border-radius: 8px;
    background: #fff;
}

.pct-publication-search {
    flex: 1;
}

.pct-publication-search i,
.pct-publication-filter i {
    color: #831722;
    font-size: 16px;
}

.pct-publication-search input,
.pct-publication-filter select {
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: #44373a;
    font-family: inherit;
    font-size: 13px;
}

.pct-publication-filter {
    width: 210px;
}

.pct-publication-year-group {
    margin-bottom: 55px;
}

.pct-publication-year-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid #eee5e1;
}

.pct-publication-year-kicker {
    color: #c18139;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.pct-publication-year-heading h3 {
    margin: 6px 0 0;
    color: #35191e;
    font-size: 27px;
    font-weight: 800;
}

.pct-publication-year-badge {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    border: 1px solid #f0d9bf;
    border-radius: 30px;
    background: #fff8ee;
    color: #895c2b;
    font-size: 11px;
    font-weight: 700;
}


/* FOUR CARDS PER ROW */

.pct-publication-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.pct-publication-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #eee7e2;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(56,25,22,.035);
    transition: transform .3s ease, box-shadow .3s ease;
}

.pct-publication-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 38px rgba(73,26,24,.12);
}

.pct-publication-cover {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    overflow: hidden;
    padding: 20px;
    background:
        radial-gradient(circle at 100% 0%, #f9d9b1, transparent 48%),
        linear-gradient(145deg, #fff8ef, #f7e9e1);
    text-decoration: none;
}

.pct-publication-cover::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(131,23,34,.10);
    border-radius: 5px;
    pointer-events: none;
}

.pct-publication-cover img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .35s ease;
}

.pct-publication-card:hover .pct-publication-cover img {
    transform: scale(1.045);
}

.pct-publication-file-type {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 15px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 5px;
    background: #831722;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.pct-publication-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 21px 18px 19px;
}

.pct-publication-card-year {
    color: #b17a3e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pct-publication-card-body h4 {
    min-height: 44px;
    margin: 10px 0;
    color: #351a20;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
}

.pct-publication-card-body > p {
    min-height: 42px;
    margin: 0 0 18px;
    color: #817679;
    font-size: 12px;
    line-height: 1.8;
}

.pct-publication-view-link {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid #f0e8e4;
    color: #831722;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.pct-publication-view-link:hover {
    color: #cf7629;
}

.pct-publication-view-link i {
    font-size: 16px;
    transition: transform .25s ease;
}

.pct-publication-view-link:hover i {
    transform: translate(3px, -3px);
}

.pct-publication-no-results {
    display: none;
    padding: 55px 20px;
    border: 1px dashed #e2cfca;
    border-radius: 15px;
    background: #fffaf7;
    text-align: center;
}

.pct-publication-no-results i {
    color: #831722;
    font-size: 45px;
}

.pct-publication-no-results h3 {
    margin: 15px 0 8px;
    color: #35191e;
    font-size: 22px;
}

.pct-publication-no-results p {
    color: #817679;
    font-size: 13px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {
    .pct-publication-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pct-publication-hero-image {
        right: 7%;
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 767px) {
    .pct-publication-container {
        width: min(100% - 30px, 600px);
    }

    .pct-publication-hero {
        min-height: auto;
        margin-top: 90px;
        padding: 65px 0;
    }

    .pct-publication-hero-image {
        top: 24px;
        right: 20px;
        width: 65px;
        height: 65px;
        padding: 10px;
        border-width: 3px;
        transform: none;
    }

    .pct-publication-hero-content {
        padding-right: 5px;
    }

    .pct-publication-hero h1 {
        max-width: 470px;
        padding-right: 25px;
        font-size: 37px;
    }

    .pct-publication-hero-content > p {
        font-size: 14px;
    }

    .pct-newsletter-register-section,
    .pct-publications-section {
        padding: 55px 0;
    }

    .pct-newsletter-register-card {
        grid-template-columns: 1fr;
    }

    .pct-newsletter-register-info {
        padding: 32px 25px;
    }

    .pct-newsletter-register-info h2 {
        font-size: 30px;
    }

    .pct-newsletter-register-form {
        padding: 30px 24px;
    }

    .pct-publications-heading-icon {
        display: none;
    }

    .pct-publications-heading h2 {
        font-size: 31px;
    }

    .pct-publication-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .pct-publication-filter {
        width: 100%;
    }

    .pct-publication-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .pct-publication-cover {
        height: 400px;
        padding: 15px;
    }

    .pct-publication-card-body {
        padding: 17px 13px;
    }

    .pct-publication-card-body h4 {
        font-size: 14px;
    }

    .pct-publication-year-heading h3 {
        font-size: 23px;
    }
}

@media (max-width: 420px) {
    .pct-newsletter-fields {
        grid-template-columns: 1fr;
    }

    .pct-publication-grid {
        grid-template-columns: 1fr;
    }

    .pct-publication-cover {
        height: 400px;
    }

    .pct-publication-card-body {
        padding: 20px;
    }
}





:root {
  --pct-maroon: #831722;
  --pct-maroon-dark: #5f1019;
  --pct-orange: #e96020;
  --pct-text: #30272a;
  --pct-muted: #766b6e;
  --pct-soft: #fff7f3;
  --pct-border: #eee2de;
  --pct-white: #fff;
  --pct-shadow: 0 16px 45px rgba(75, 22, 28, 0.09);
}
.pct-details-page {
  padding: 64px 0 76px;
  overflow: hidden;
}
.pct-container {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}
.pct-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 0 0 24px;
  color: var(--pct-muted);
  font-size: 12px;
}
.pct-breadcrumb a {
  color: var(--pct-maroon);
  font-weight: 700;
}
.pct-breadcrumb i {
  color: #b7a4a4;
}
.pct-page-heading {
  margin-bottom: 30px;
}
.pct-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--pct-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
.pct-page-kicker:before {
  content: "";
  width: 27px;
  height: 2px;
  background: var(--pct-orange);
}
.pct-page-heading h1 {
  font-size: 28px !important;
  /*max-width: 850px; */
  margin: 10px 0 16px;
  color: var(--pct-maroon-dark);
  font-family: Manrope, sans-serif;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1.2px;
}
.pct-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: var(--pct-muted);
  font-size: 12px;
}
.pct-post-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.pct-post-meta i {
  color: var(--pct-orange);
  font-size: 14px;
}
/* Main article introduction: image 40%, content 60% */
.pct-featured-intro {
  display: grid;
  grid-template-columns: 40% minmax(0, 60%);
  margin: 30px 0 44px;
  background: var(--pct-soft);
  border: 1px solid var(--pct-border);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--pct-shadow);
}
.pct-featured-image {
  position: relative;
  min-width: 0;
  min-height: 350px;
  overflow: hidden;
  background: #f2e7e3;
}
.pct-featured-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  cursor: zoom-in;
  transition: transform 0.6s ease;
}
.pct-featured-image:hover img {
  transform: scale(1.035);
}
.pct-image-tag {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 1;
  padding: 7px 12px;
  background: var(--pct-maroon);
  color: #fff;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
}
.pct-featured-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 34px 38px;
}
.pct-category-pill {
  align-self: flex-start;
  margin-bottom: 14px;
  padding: 6px 11px;
  border-radius: 3px;
  background: #ffebe2;
  color: var(--pct-maroon);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.pct-featured-content h2 {
  margin: 0 0 15px;
  color: var(--pct-maroon-dark);
  font-family: Manrope, sans-serif;
  font-size: clamp(23px, 2.5vw, 31px);
  line-height: 1.35;
  font-weight: 800;
}
.pct-featured-content p {
  margin: 17px 0 0;
  color: #6d6265;
  font-size: 15px;
  line-height: 1.95;
}
.pct-intro-rule {
  width: 52px;
  height: 3px;
  margin-top: 5px;
  background: var(--pct-orange);
}
/* Article content */
.pct-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 275px;
  gap: 42px;
  align-items: start;
}
.pct-article-body {
  min-width: 0;
}
.pct-content-section {
  position: relative;
  margin: 0 0 34px;
  padding: 29px 30px;
  background: #fff;
  border: 1px solid var(--pct-border);
  border-radius: 7px;
  box-shadow: 0 8px 28px rgba(75, 22, 28, 0.045);
}
.pct-content-section:nth-child(even) {
  background: #fffaf7;
  border-left: 4px solid var(--pct-orange);
}
.pct-content-section:nth-child(odd) {
  border-top: 3px solid var(--pct-maroon);
}
.pct-section-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  margin-bottom: 13px;
  border-radius: 50%;
  background: var(--pct-maroon);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.pct-content-section h2 {
  margin: 0 0 13px;
  color: var(--pct-maroon-dark);
  font-family: Manrope, sans-serif;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 800;
}
.pct-content-section p {
  margin: 0 0 15px;
  color: #6e6265;
  font-size: 14px;
  line-height: 2;
}
.pct-content-section p:last-child {
  margin-bottom: 0;
}
.pct-content-image {
  position: relative;
  margin: 22px 0 0;
  overflow: hidden;
  border-radius: 5px;
  background: #f4e9e5;
}
.pct-content-image img {
  display: block;
  width: 100%;
  height: 330px;
  object-fit: cover;
  cursor: zoom-in;
  transition: transform 0.5s ease;
}
.pct-content-image:hover img {
  transform: scale(1.025);
}
.pct-image-caption {
  padding: 9px 13px;
  background: #fff3ed;
  color: #806b6c;
  font-size: 11px;
  line-height: 1.6;
}
.pct-inline-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 20px;
}
.pct-inline-gallery .pct-content-image {
  margin: 0;
}
.pct-inline-gallery img {
  height: 205px;
}
/* Sidebar */
.pct-article-sidebar {
  position: sticky;
  top: 22px;
}
.pct-sidebar-card {
  margin-bottom: 22px;
  padding: 24px;
  background: var(--pct-soft);
  border: 1px solid var(--pct-border);
  border-radius: 7px;
}
.pct-sidebar-card h3 {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eadbd6;
  color: var(--pct-maroon-dark);
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 800;
}
.pct-sidebar-card p {
  margin: 0;
  color: var(--pct-muted);
  font-size: 13px;
  line-height: 1.9;
}
.pct-sidebar-list {
  display: grid;
  gap: 12px;
}
.pct-sidebar-list a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #62575a;
  font-size: 14px;
  line-height: 1.65;
}
.pct-sidebar-list a:hover {
  color: #e63e3e;
}
.pct-sidebar-list a.active {
  color: #e63e3e;  
  font-size: 14px;
}

.pct-sidebar-list i {
  color: var(--pct-orange);
  font-size: 15px;
}
.pct-sidebar-cta {
  padding: 25px;
  background: var(--pct-maroon);
  border-radius: 7px;
  color: #fff;
}
.pct-sidebar-cta h3 {
  margin: 0 0 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  line-height: 1.4;
}
.pct-sidebar-cta p {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  line-height: 1.8;
}
.pct-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--pct-orange);
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  transition: background 0.25s;
}
.pct-cta-link:hover {
  background: #d64e15;
  color: #fff;
}
/* Bottom navigation */
.pct-article-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 15px;
  padding: 22px 0;
  border-top: 1px solid var(--pct-border);
  border-bottom: 1px solid var(--pct-border);
}
.pct-back-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--pct-maroon);
  font-size: 12px;
  font-weight: 800;
}
.pct-share-label {
  color: var(--pct-muted);
  font-size: 12px;
}
.pct-share-links {
  display: flex;
  gap: 8px;
}
.pct-share-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--pct-border);
  border-radius: 50%;
  color: var(--pct-maroon);
  transition: all 0.25s;
}
.pct-share-links a:hover {
  background: var(--pct-maroon);
  color: #fff;
  border-color: var(--pct-maroon);
}
/* Image popup / lightbox */
.pct-image-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: rgba(20, 10, 12, 0.9);
}
.pct-image-modal.is-open {
  display: flex;
}
.pct-modal-image {
  display: block;
  max-width: min(1100px, 92vw);
  max-height: 84vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 15px 55px rgba(0, 0, 0, 0.35);
}
.pct-modal-close,
.pct-modal-prev,
.pct-modal-next {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.pct-modal-close:hover,
.pct-modal-prev:hover,
.pct-modal-next:hover {
  background: var(--pct-orange);
}
.pct-modal-close {
  top: 20px;
  right: 24px;
  width: 45px;
  height: 45px;
  font-size: 26px;
}
.pct-modal-prev,
.pct-modal-next {
  top: 50%;
  width: 44px;
  height: 44px;
  font-size: 24px;
  transform: translateY(-50%);
}
.pct-modal-prev {
  left: 22px;
}
.pct-modal-next {
  right: 22px;
}
.pct-modal-caption {
  position: absolute;
  bottom: 15px;
  left: 70px;
  right: 70px;
  color: #eee;
  text-align: center;
  font-size: 12px;
}
@media (max-width: 900px) {
  .pct-article-layout {
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 24px;
  }
  .pct-featured-content {
    padding: 27px;
  }
  .pct-featured-image {
    min-height: 330px;
  }
  .pct-content-image img {
    height: 280px;
  }
}
@media (max-width: 700px) {
  .pct-details-page {
    padding: 38px 0 50px;
  }
  .pct-container {
    width: min(100% - 28px, 1160px);
  }
  .pct-featured-intro {
    grid-template-columns: 1fr;
  }
  .pct-featured-image {
    height: 270px;
    min-height: 270px;
  }
  .pct-featured-content {
    padding: 25px 22px 28px;
  }
  .pct-article-layout {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pct-article-sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .pct-sidebar-card,
  .pct-sidebar-cta {
    margin: 0;
  }
  .pct-content-section {
    padding: 23px 20px;
  }
  .pct-content-section h2 {
    font-size: 22px;
  }
  .pct-content-image img {
    height: 250px;
  }
  .pct-inline-gallery img {
    height: 170px;
  }
}
@media (max-width: 480px) {
  .pct-page-heading h1 {
    font-size: 30px;
    letter-spacing: -0.6px;
  }
  .pct-post-meta {
    gap: 9px 14px;
  }
  .pct-featured-image {
    height: 235px;
    min-height: 235px;
  }
  .pct-article-sidebar {
    grid-template-columns: 1fr;
  }
  .pct-inline-gallery {
    grid-template-columns: 1fr;
  }
  .pct-inline-gallery img {
    height: 220px;
  }
  .pct-content-image img {
    height: 220px;
  }
  .pct-image-modal {
    padding: 18px;
  }
  .pct-modal-prev {
    left: 8px;
  }
  .pct-modal-next {
    right: 8px;
  }
  .pct-modal-caption {
    left: 45px;
    right: 45px;
    bottom: 8px;
  }
}





/* ==========================================
   PADALA CHARITABLE TRUST - BLOG SECTION
========================================== */

.pct-blog-section {
    --pct-blog-maroon: #831722;
    --pct-blog-maroon-dark: #5f1019;
    --pct-blog-orange: #e96020;
    --pct-blog-text: #29252a;
    --pct-blog-muted: #77717a;
    --pct-blog-light: #fff8f5;

    position: relative;
    padding: 85px 0 90px;
    background:
        radial-gradient(ellipse at 0% 0%, rgba(233, 96, 32, .055), transparent 35%),
        #fff;
    overflow: hidden;
}

.pct-blog-section *,
.pct-blog-section *::before,
.pct-blog-section *::after {
    box-sizing: border-box;
}

.pct-blog-section img {
    max-width: 100%;
}

.pct-blog-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.pct-blog-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
    color: var(--pct-blog-maroon);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.pct-blog-eyebrow-line {
    display: inline-block;
    width: 28px;
    height: 2px;
    background: var(--pct-blog-orange);
}

.pct-blog-heading h2 {
    margin: 0 0 17px;
    color: var(--pct-blog-text);
    font-family: inherit;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.2px;
}

.pct-blog-heading h2 span {
    color: var(--pct-blog-maroon);
    position: relative;
}

.pct-blog-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--pct-blog-muted);
    font-size: 15px;
    line-height: 1.9;
}

/* FEATURED STORY */

.pct-blog-featured {
    display: grid;
    grid-template-columns: 40% minmax(0, 60%);
    align-items: stretch;
    margin-bottom: 55px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee5e3;
    border-radius: 20px;
    box-shadow: 0 15px 45px rgba(68, 29, 29, .07);
}

.pct-blog-featured-image {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 360px;
    height: 100%;
    overflow: hidden;
    padding: 0;
    background: transparent;
}

.pct-blog-featured-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .7s ease;
}

.pct-blog-featured:hover .pct-blog-featured-image img {
    transform: scale(1.045);
}

.pct-blog-image-label {
    position: absolute;
    bottom: 22px;
    left: 22px;
    padding: 10px 15px;
    color: #fff;
    background: var(--pct-blog-maroon);
    border-radius: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.pct-blog-featured-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 38px 38px;
}

.pct-blog-category {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--pct-blog-maroon);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
}

.pct-blog-category i {
    color: var(--pct-blog-orange);
    font-size: 16px;
}

.pct-blog-featured-content h3 {
    margin: 0 0 17px;
    color: var(--pct-blog-text);
    font-family: inherit;
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 800;
    line-height: 1.35;
}

.pct-blog-date {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: var(--pct-blog-muted);
    font-size: 12px;
}

.pct-blog-date i {
    color: var(--pct-blog-orange);
}

.pct-blog-featured-content > p {
    margin: 0 0 25px;
    color: var(--pct-blog-muted);
    font-size: 14px;
    line-height: 1.9;
}

.pct-blog-readmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 13px 21px;
    color: #fff;
    background: var(--pct-blog-maroon);
    border: 1px solid var(--pct-blog-maroon);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .3s ease, transform .3s ease;
}

.pct-blog-readmore:hover {
    color: #fff;
    background: var(--pct-blog-orange);
    border-color: var(--pct-blog-orange);
    transform: translateY(-2px);
}

/* BLOG GRID */

.pct-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.pct-blog-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee7e5;
    border-radius: 13px;
    box-shadow: 0 7px 25px rgba(55, 25, 25, .045);
    transition: transform .35s ease, box-shadow .35s ease,
                border-color .35s ease;
}

.pct-blog-card:hover {
    transform: translateY(-7px);
    border-color: rgba(131, 23, 34, .25);
    box-shadow: 0 20px 42px rgba(78, 23, 30, .11);
}

.pct-blog-card-image {
    position: relative;
    height: 235px;
    overflow: hidden;
    background: #f3e8e4;
}

.pct-blog-card-image::after {
    content: "";
    position: absolute;
    inset: 55% 0 0;
    background: linear-gradient(transparent, rgba(40, 15, 15, .24));
    pointer-events: none;
}

.pct-blog-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .65s ease;
}

.pct-blog-card:hover .pct-blog-card-image img {
    transform: scale(1.07);
}

.pct-blog-number {
    position: absolute;
    z-index: 1;
    right: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    color: #fff;
    background: var(--pct-blog-maroon);
    border: 2px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.pct-blog-card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 24px 26px;
}

.pct-blog-card-category {
    display: inline-block;
    margin-bottom: 13px;
    padding: 7px 10px;
    color: var(--pct-blog-maroon);
    background: #fff2ed;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.pct-blog-card-content h3 {
    margin: 0 0 15px;
    color: var(--pct-blog-text);
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
    transition: color .3s ease;
}

.pct-blog-card:hover .pct-blog-card-content h3 {
    color: var(--pct-blog-maroon);
}

.pct-blog-card-date {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: #8a8185;
    font-size: 11px;
    line-height: 1.6;
}

.pct-blog-card-date i {
    color: var(--pct-blog-orange);
    font-size: 13px;
}

.pct-blog-card-content p {
    margin: 0 0 22px;
    color: var(--pct-blog-muted);
    font-size: 13px;
    line-height: 1.9;
}

.pct-blog-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-bottom: 5px;
    color: var(--pct-blog-maroon);
    border-bottom: 1px solid rgba(131, 23, 34, .35);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: color .3s ease, gap .3s ease;
}

.pct-blog-link i {
    font-size: 15px;
}

.pct-blog-link:hover {
    gap: 16px;
    color: var(--pct-blog-orange);
    border-color: var(--pct-blog-orange);
}

/* BOTTOM CALL TO ACTION */

.pct-blog-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 60px;
    padding: 28px 32px;
    background: var(--pct-blog-light);
    border: 1px solid #f1e3df;
    border-left: 5px solid var(--pct-blog-maroon);
    border-radius: 10px;
}

.pct-blog-bottom-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    color: #fff;
    background: var(--pct-blog-maroon);
    border-radius: 50%;
    font-size: 21px;
}

.pct-blog-bottom-text {
    flex: 1;
}

.pct-blog-bottom-text h3 {
    margin: 0 0 6px;
    color: var(--pct-blog-text);
    font-size: 20px;
    font-weight: 800;
}

.pct-blog-bottom-text p {
    margin: 0;
    color: var(--pct-blog-muted);
    font-size: 13px;
    line-height: 1.7;
}

.pct-blog-donate {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 20px;
    color: #fff;
    background: var(--pct-blog-maroon);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .3s ease, transform .3s ease;
}

.pct-blog-donate:hover {
    color: #fff;
    background: var(--pct-blog-orange);
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 991px) {
    .pct-blog-section {
        padding: 65px 0;
    }

    .pct-blog-featured {
        grid-template-columns: 40% minmax(0, 60%);
    }

    .pct-blog-featured-image {
        min-height: 340px;
    }

    .pct-blog-featured-content {
        padding: 26px;
    }

    .pct-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .pct-blog-bottom {
        flex-wrap: wrap;
    }

    .pct-blog-bottom-text {
        flex-basis: calc(100% - 85px);
    }

    .pct-blog-donate {
        margin-left: 78px;
    }
}

/* MOBILE */

@media (max-width: 575px) {
    .pct-blog-section {
        padding: 48px 0;
    }

    .pct-blog-heading {
        margin-bottom: 30px;
    }

    .pct-blog-eyebrow {
        font-size: 9px;
        letter-spacing: 1.6px;
    }

    .pct-blog-heading h2 {
        font-size: 30px;
        letter-spacing: -.5px;
    }

    .pct-blog-heading p {
        font-size: 13px;
    }

    .pct-blog-featured {
        grid-template-columns: 1fr;
        margin-bottom: 35px;
        border-radius: 12px;
    }

    .pct-blog-featured-image {
        min-height: 245px;
        height: 245px;
    }

    .pct-blog-featured-content {
        padding: 25px 22px 28px;
    }

    .pct-blog-featured-content h3 {
        font-size: 25px;
    }

    .pct-blog-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .pct-blog-card-image {
        height: 235px;
    }

    .pct-blog-card-content {
        padding: 23px 21px 25px;
    }

    .pct-blog-card-content h3 {
        font-size: 20px;
    }

    .pct-blog-bottom {
        gap: 14px;
        margin-top: 38px;
        padding: 23px 18px;
    }

    .pct-blog-bottom-icon {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .pct-blog-bottom-text {
        flex-basis: calc(100% - 65px);
    }

    .pct-blog-bottom-text h3 {
        font-size: 17px;
    }

    .pct-blog-bottom-text p {
        font-size: 12px;
    }

    .pct-blog-donate {
        width: 100%;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pct-blog-section *,
    .pct-blog-section *::before,
    .pct-blog-section *::after {
        transition-duration: .01ms !important;
    }
}