@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/*! ======================================================== */
/*! DEFAULT CSS */
/*! ======================================================== */
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Montserrat", sans-serif;
     --themeColor1: #0193de;
     --themeColor2: #f8c301;
     --themeColor3: #85c226;
     --themeColor1-30: #0193de30;
     --themeColor2-30: #f8c30130;
     --themeColor3-30: #85c22630;
     --themeGradient2: linear-gradient(180deg, var(--themeColor2-30) 0%, var(--white) 100%);
     --boxShadow1: #0003 0 12px 28px, #0000001a 0 2px 4px, #ffffff0d 0 0 0 1px inset;
     --black: #212121;
     --white: #ffffff;
}

div,
span,
font,
strong,
h1,
h2,
h3,
h4,
p,
h6,
h5,
a {
     font-family: "Montserrat", sans-serif !important;
}

a,
a:hover {
     text-decoration: none;
     transition: all 0.3s linear;
     color: var(--black);
}

input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
     outline: 0;
     border: 0;
     box-shadow: unset;
}

.limit-line {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
}

.one-line {
     line-clamp: 1;
     -webkit-line-clamp: 1;
}

.two-line {
     line-clamp: 2;
     -webkit-line-clamp: 2;
}

.three-line {
     line-clamp: 3;
     -webkit-line-clamp: 3;
}

.cursor-pointer {
     cursor: pointer;
}

.text-theme1 {
     color: var(--themeColor1);
}

.text-theme2 {
     color: var(--themeColor2);
}

.text-theme3 {
     color: var(--themeColor3);
}

.head .text-theme1,
.head .text-theme2,
.head .text-theme3 {
     color: var(--bs-black);
}

.bg-theme1 {
     background: var(--themeColor1);
}

.bg-theme2 {
     background: var(--themeColor2);
}

.bg-theme3 {
     background: var(--themeColor3);
}

.border-theme1 {
     border-color: var(--themeColor1) !important;
}

.border-theme2 {
     border-color: var(--themeColor2) !important;
}

.border-theme3 {
     border-color: var(--themeColor3) !important;
}

.fw-600 {
     font-weight: 600;
}

.fw-500 {
     font-weight: 500;
}

body.vscomp-popup-active {
     overflow: unset !important;
}

.vscomp-ele {
     max-width: unset;
}

.vscomp-toggle-button {
     border-radius: var(--bs-border-radius) !important;
}

.vscomp-value {
     white-space: unset;
     display: -webkit-box;
     line-clamp: 1;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}

li.splide__slide>*:not(.event-card) {
     height: 100%;
}

.investor-relation {
     -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
     transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
     -moz-transition: all 0.3s linear 0s;
     -ms-transition: all 0.3s linear 0s;
     -o-transition: all 0.3s linear 0s;
     overflow: hidden;
}

.investor-relation h3 {
     background: var(--themeColor2-30);
     font-size: 1.25rem;
     padding: 0.5rem 1rem;
     margin-bottom: 0;
}

.investor-relation ul {
     padding: 0 15px;
     margin-bottom: 0;
}

.investor-relation ul li {
     list-style-type: none;
     border-bottom: 1px solid #f0efe9;
}

.investor-relation ul li:last-child {
     border-bottom: none;
}

.investor-relation ul li a {
     color: var(--bs-gray);
     text-decoration: none;
     padding: 0.5rem 0;
     display: block;
     position: relative;
     padding-left: 1.5rem;
}

.investor-relation ul li a::before {
     content: '\F133';
     font-family: "bootstrap-icons";
     position: absolute;
     left: 0;
     font-size: 1.1rem;
     color: var(--bs-gray);
}

.investor-relation ul li:hover a,
.investor-relation ul li a:hover::before {
     color: var(--maincolor);
}

.investor-relation ul li.active a {
     color: var(--maincolor);
     font-weight: 500;
}

.investor-relation ul li.active a::before {
     color: var(--maincolor);
}

.investor {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     background: #fff;
     padding: 0.75rem 1rem;
     margin-bottom: 0.5rem;
     box-shadow: var(--boxShadow1);
     padding-right: 60px;
     position: relative;
}

.investor p {
     margin: 0.25rem 0;
     font-weight: 700;
}

.investor .view-download {
     margin: 0.25rem 0;
     margin-left: auto;
     position: absolute;
     right: 12px;
}

.investor .view-download a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: var(--themeColor2);
     color: var(--white);
     transition: all 0.3s linear;
}

.investor .view-download a:hover {
     background: var(--themeColor1);
}

.investor .view-download a i {
     color: var(--maincolor);
}

@media screen and (max-width: 768px) {
     body {
          padding-bottom: 40px;
     }
}

/*! ======================================================== */
/*! FILE INPUT BOX */
/*! ======================================================== */
.file-input-box .file-list {
     overflow-y: auto;
     list-style-type: none;
     margin: 0;
     transition: 0.3s all ease-in-out;
     display: grid;
     gap: 10px;
}

.file-input-box .item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border: 1px solid #cacaca;
     border-radius: 5px;
     padding: 10px;
     font-size: 14px;
}

.file-input-box .remove {
     display: grid;
     place-items: center;
     color: #c0392b;
     cursor: pointer;
     transition: 0.3s all ease-in-out;
}

.file-input-box .remove:hover {
     color: #e74c3c;
}

.file-input-box .fade-enter-active,
.file-input-box .fade-leave-active {
     transition: opacity 0.3s ease-in-out;
}

.file-input-box .fade-enter,
.file-input-box .fade-leave-to {
     opacity: 0;
}

/*! ======================================================== */
/*! CUSTOM BUTTON */
/*! ======================================================== */
.custom-button {
     padding: 10px 25px;
     background: var(--themeColor2);
     outline: none !important;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     display: inline-block;
     border: 2px solid rgb(255, 255, 255);
     z-index: 1;
     color: #000000;
}

.custom-button:after {
     position: absolute;
     content: "";
     width: 0;
     height: 100%;
     top: 0;
     left: 0;
     direction: rtl;
     z-index: -1;
     background: var(--themeColor1);
     transition: all 0.3s ease;
}

.custom-button:hover {
     color: var(--white);
}

.custom-button:hover:after {
     left: auto;
     right: 0;
     width: 100%;
}

.custom-button2 {
     padding: 2px 10px;
     background: var(--themeColor2);
     outline: none !important;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     display: inline-block;
     border: 2px solid rgb(255, 255, 255);
     z-index: 1;
     color: #000000;
}

.custom-button2:after {
     position: absolute;
     content: "";
     width: 0;
     height: 100%;
     top: 0;
     left: 0;
     direction: rtl;
     z-index: -1;
     background: var(--themeColor1);
     transition: all 0.3s ease;
}

.custom-button2:hover {
     color: var(--white);
}

.custom-button2:hover:after {
     left: auto;
     right: 0;
     width: 100%;
}

/*! ======================================================== */
/*! MEMBER SHOWCASE MODAL */
/*! ======================================================== */
#showcaseModal .inner-grid {
     display: grid;
     grid-template-columns: 300px 1fr;
     gap: 20px;
}

#showcaseModal .inner-grid img {
     box-shadow: var(--boxShadow1);
}

#showcaseModal .inner-grid .name {
     font-size: 1.5rem;
}

#showcaseModal .inner-grid .member {
     font-size: 1.2rem;
     background: var(--themeColor3-30);
}

/*! ======================================================== */
/*! CUSTOM LINKS */
/*! ======================================================== */
.link-type-1 span {
     z-index: 1;
}

.link-type-1::before {
     width: 30px;
     height: 30px;
     background: var(--themeColor1);
     transition: all 0.2s linear;
     opacity: 0.1;
     z-index: 0;
     left: 0;
     top: 50%;
     transform: translate(0, -50%);
     content: "";
     position: absolute;
     border-radius: 35px;
}

.link-type-1:hover::before {
     width: 100%;
     opacity: 0.3;
     background: var(--themeColor3);
}

/*! ======================================================== */
/*! SPLIDE NAVIGATION */
/*! ======================================================== */
.splide__arrow {
     opacity: 1;
}

.custom-splide-nav .splide__arrow.splide__arrow--prev {
     transform: translate(-28px, -50%);
}

.custom-splide-nav .splide__arrow.splide__arrow--next {
     transform: translate(28px, -50%);
}

/*! ======================================================== */
/*! SVG ROUND LINK */
/*! ======================================================== */
.svg-round-link .link__svg {
     width: 100%;
     height: auto;
     transform-box: fill-box;
     fill: #2b3338;
     stroke: #2b3338;
     stroke-width: 0.05em;
     stroke-linecap: round;
     stroke-linejoin: round;
}

.svg-round-link .link__arrow {
     transform-origin: 50% 50%;
     transition: transform 0.3s / 2 cubic-bezier(0.32, 0, 0.67, 0);
}

.svg-round-link .link__arrow {
     stroke-width: 0.075em;
}

.svg-round-link .link__text {
     animation: rotateReverse normal infinite 20s linear;
     transform-origin: 50% 50%;
}

.svg-round-link:hover .link__text {
     animation-play-state: paused;
}

@keyframes rotateReverse {
     to {
          transform: rotate(360deg);
     }
}

/*! ======================================================== */
/*! CUSTOM MODAL */
/*! ======================================================== */
.custom-modal {
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     backdrop-filter: blur(10px);
     z-index: 99;
}

.custom-modal .custom-modal-dialog {
     max-width: 700px;
     box-shadow:
          rgba(0, 0, 0, 0.4) 0px 2px 4px,
          rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
          rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.custom-modal .modal-header {
     grid-template-columns: 1fr 20px;
     font-size: 1.3rem;
}

/*! ======================================================== */
/*! ABOUT HERO SECTION */
/*! ======================================================== */
#about-hero-section {
     background: var(--themeColor2-30);
}

#about-hero-section .inner-grid {
     grid-template-columns: 1fr 1fr;
}

#about-hero-section .head {
     font-size: 3.5em;
     line-height: 5rem;
}

@media screen and (max-width: 991px) {
     #about-hero-section .inner-grid {
          grid-template-columns: repeat(1, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #about-hero-section .head {
          font-size: 3rem;
          line-height: 1.2;
     }
}

@media screen and (max-width: 576px) {
     #about-hero-section .head {
          font-size: 2rem;
     }

     #about-hero-section .text {
          font-size: 0.9rem;
     }
}

/*! ======================================================== */
/*! EVENT HERO SECTION */
/*! ======================================================== */
#event-hero-section {
     background: var(--themeColor2-30);
}

#event-hero-section .heading-block .head {
     font-size: 2.5rem;
}

#event-hero-section .grid-block {
     grid-template-columns: 1fr 1.5fr;
     gap: 30px;
     display: grid;
     align-items: center;
}

#event-hero-section .grid-block img {
     max-width: 500px;
}

@media screen and (max-width: 991px) {
     #event-hero-section .grid-block {
          grid-template-columns: 1fr;
     }

     #event-hero-section .heading-block .head {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 768px) {
     #event-hero-section .grid-block {
          display: flex;
          flex-direction: column-reverse;
     }

     #event-hero-section .heading-block .slogan {
          font-size: 0.9rem;
     }

     #event-hero-section .heading-block .head {
          font-size: 2rem;
     }
}

/*! ======================================================== */
/*! INITIATIVE HERO SECTION */
/*! ======================================================== */
#initiative-hero-section {
     background: var(--themeColor2-30);
}

#initiative-hero-section .head-block .head {
     font-size: 3.5rem;
}

@media screen and (max-width: 991px) {
     #initiative-hero-section .head-block .head {
          font-size: 2.8rem;
     }
}

@media screen and (max-width: 768px) {
     #initiative-hero-section .head-block .head {
          font-size: 2rem;
     }

     #initiative-hero-section .head-block .text {
          font-size: 0.9rem;
     }
}

@media screen and (max-width: 576px) {
     #initiative-hero-section .head-block .text {
          font-size: 0.8rem;
     }
}

/*! ======================================================== */
/*! BLOG HERO SECTION */
/*! ======================================================== */
#blog-hero-section {
     background: var(--themeColor2-30);
}

#blog-hero-section .inner-grid {
     grid-template-columns: 1fr 1.5fr;
     gap: 30px;
}

#blog-hero-section .head {
     font-size: 3rem;
}

#blog-hero-section .image-block {
     padding: 20px 50px;
}

#blog-hero-section .image {
     aspect-ratio: 1 / 1;
     overflow: hidden;
     padding: 20px 20px 50px;
     transform: rotate(-10deg);
     width: calc(100% - 70px);
}

#blog-hero-section .image.top-image {
     transform: rotate(5deg);
     top: 10px;
     left: 50px;
     z-index: 2;
     width: calc(100% - 160px);
}

#blog-hero-section img {
     object-fit: cover;
     object-position: top;
}

@media screen and (max-width: 991px) {
     #blog-hero-section .inner-grid {
          grid-template-columns: 1fr;
     }

     #blog-hero-section .head {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 576px) {
     #blog-hero-section .image-block {
          padding: 15px 30px;
     }

     #blog-hero-section .image {
          padding: 15px 15px 50px;
     }

     #blog-hero-section .image.top-image {
          width: calc(100% - 60px);
     }
}

/*! ======================================================== */
/*! HEADER */
/*! ======================================================== */
header {
     background: var(--white);
}

header .header-top .social-link>* {
     transition: all 0.3s linear;
}

header .header-top .social-link:hover>* {
     color: var(--themeColor1);
     transform: translate(0, -2px);
}

header .header-bottom {
     grid-template-columns: 120px 1fr;
     background: var(--white);
}

header .header-bottom.fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 20;
}

header .right-links .link-item {
     font-size: 0.8rem;
}

header .dropdown-list {
     position: absolute;
     top: 100%;
     right: 0;
     display: none;
     animation: slideDown 0.3s ease-out;
     z-index: 5;
     min-width: 200px;
     width: max-content;
     max-width: 350px;
     box-shadow:
          rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
          rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
          rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

header .dropdown-list a:hover {
     background: var(--themeColor1-30);
}

@keyframes slideDown {
     from {
          opacity: 0;
          transform: translate(0, -10px);
     }

     to {
          opacity: 1;
          transform: translate(0, 0px);
     }
}

@media screen and (max-width: 1200px) {
     header .header-bottom {
          grid-template-columns: 100px 1fr;
     }

     header .right-links .link-item {
          font-size: 0.7rem;
     }
}

@media (min-width: 992px) {
     header .dropdown:hover .dropdown-list {
          display: block;
     }
}

@media screen and (max-width: 991px) {
     header .dropdown.active .dropdown-list {
          display: block;
     }

     header .header-bottom {
          grid-template-columns: 120px 1fr;
     }

     header .right-links .link-item {
          font-size: 0.9rem;
     }

     header .header-bottom .right-links {
          position: fixed;
          right: -300px;
          top: 0;
          height: 100vh;
          width: 300px;
          background: var(--white);
          z-index: 5;
          padding: 15px 20px;
          overflow-y: auto;
          transition: all 0.3s linear;
          box-shadow:
               rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
               rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
     }

     header .header-bottom .right-links.active-menu {
          right: 0;
     }

     header .header-bottom .right-links>*:not(:nth-last-child(1)) {
          margin-bottom: 10px;
     }

     header .header-bottom .right-links a {
          display: block;
     }

     header .header-bottom .right-links .dropdown-button {
          display: flex;
          justify-content: space-between;
     }

     header .dropdown-list {
          position: static;
          box-shadow: unset;
          width: 100%;
          min-width: unset;
          transform: translate(0, 5px);
          animation: unset;
     }

     header .header-bottom .right-links .dropdown.active {
          margin-bottom: 15px;
     }
}

@media (max-width: 768px) {
     header .header-top .d-flex:not(.right-links) a {
          font-size: 0.8rem;
     }

     header .header-top .right-links {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 3;
          background: var(--white);
          box-shadow:
               rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
               rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
               rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
     }

     header .header-top .right-links a {
          flex: 1 1 auto;
          text-align: center;
          padding: 5px;
          color: var(--white);
          display: block;
     }

     header .header-top .right-links a:nth-child(1) {
          background: #1877f2;
     }

     header .header-top .right-links a:nth-child(2) {
          background: #e1306c;
     }

     header .header-top .right-links a:nth-child(3) {
          background: #1da1f2;
     }

     header .header-top .right-links a:nth-child(4) {
          background: #ff0000;
     }

     header .header-top .right-links a:nth-child(5) {
          background: #25d366;
     }
}

/*! ======================================================== */
/*! CUSTOM SECTION HEADING */
/*! ======================================================== */
.custom-section-head .main-title {
     font-size: 5rem;
     opacity: 0.1;
     margin-bottom: -30px;
     position: relative;
     z-index: 0;
}

.custom-section-head .head {
     position: relative;
     z-index: 1;
}

@media screen and (max-width: 991px) {
     .custom-section-head .main-title {
          font-size: 4.5rem;
     }
}

@media screen and (max-width: 768px) {
     .custom-section-head .main-title {
          font-size: 4rem;
     }
}

@media screen and (max-width: 576px) {
     .custom-section-head .main-title {
          font-size: 2.5rem;
          margin-bottom: -20px;
     }
}

/*! ======================================================== */
/*! HOME BANNER */
/*! ======================================================== */
#home-banner img {
     aspect-ratio: 1/0.3;
     min-height: 450px;
    
}

#home-banner .content {
     top: 0;
     left: 0;
     z-index: 1;
   
}

#home-banner .content-wrap {
     max-width: 700px;
     margin: 0 auto;
     text-align: center;
}

#home-banner .content .head {
     font-size: 3rem;
}

@media screen and (max-width: 768px) {
     #home-banner .content .head {
          font-size: 3rem;
     }

     #home-banner img {
          min-height: 100%;
     }
     button.btn.btn-light.hc-booknow-btn.custom-button {
    padding: 5px !important;
    margin-top: 10px !important;
    font-size: 10px !important;
}
}

@media screen and (max-width: 576px) {
     #home-banner .content .head {
          font-size: 2rem;
     }

     #home-banner .content .fs-5 {
          font-size: 1rem !important;
     }
}

/*! ======================================================== */
/*! HOME SECTION 2 */
/*! ======================================================== */
#home-section-2 .section-content .mile-grid {
     grid-template-columns: repeat(3, 1fr);
}

#home-section-2 .section-content .mile-item:not(:nth-last-child(1)) {
     border-right: 2px solid #000000;
}

#home-section-2 .section-content .mile-item .icon {
     width: 70px;
     top: 50%;
     left: 0;
     transform: translate(0, -50%);
     z-index: -1;
     opacity: 0.2;
}

@media screen and (max-width: 768px) {
     #home-section-2 .section-content .mile-grid {
          grid-template-columns: 1fr;
     }

     #home-section-2 .section-content .mile-item:not(:nth-last-child(1)) {
          border-right: 0;
          border-bottom: 2px solid #000000;
     }
}

/*! ======================================================== */
/*! HOME SECTION 3 */
/*! ======================================================== */
#home-section-3 {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left;
}

#home-section-3 .link {
     width: 7rem;
     height: 7rem;
     display: inline-block;
     font: 300 1.55rem/1.4 "Josefin Sans";
     text-transform: uppercase;
     letter-spacing: 0.25em;
     word-spacing: 0.7em;
     text-decoration: none;
}

/*! ======================================================== */
/*! HOME SECTION 4 */
/*! ======================================================== */
.membership-card::before {
     content: "";
     width: 150px;
     height: 150px;
     position: absolute;
     bottom: 0;
     right: 0;
     background: var(--black);
     border-radius: 50%;
     transform: translate(50%, 50%);
     opacity: 0.1;
     transition: all 0.3s linear;
}

.membership-card.theme-1:before {
     background: var(--themeColor1);
}

.membership-card.theme-2:before {
     background: var(--themeColor2);
}

.membership-card.theme-3:before {
     background: var(--themeColor3);
}

.membership-card .head {
     height: 60px;
}

.membership-card .text {
     height: 63px;
}

.membership-card:hover::before {
     width: 400%;
     height: 400%;
}

/*! ======================================================== */
/*! MID BANNER */
/*! ======================================================== */
.mid-banner img {
    
     object-position: top;
}

.mid-banner .image {
     top: 0;
     right: 0;
     z-index: -1;
}

.mid-banner .content {
     display: flex;
     align-items: center;
     max-width: 800px;
     min-height: 450px;
     margin-left: auto;
}

.mid-banner .head {
     font-size: 3rem;
}



@media screen and (max-width: 768px) {
     .mid-banner .head {
          font-size: 2.5rem;
     }

     .mid-banner .content {
          min-height: 400px;
     }
}

@media screen and (max-width: 576px) {
     .mid-banner .head {
          font-size: 1rem;
     }

     .mid-banner .text-end:not(.head) {
          font-size: 0.8rem;
     }

     .mid-banner .content {
          min-height: 100% !important;
     }
     .mid-banner a.custom-button {
    font-size: 10px;
    padding: 5px;
}
}

/*! ======================================================== */
/*! HOME SECTION 5 */
/*! ======================================================== */
#home-section-5 .knowledge-card img {
     aspect-ratio: 1/1;
}

#home-section-5 .knowledge-card .content {
     top: 0;
     left: 0;
     background: #0000007a;
}

/*! ======================================================== */
/*! HOME SECTION 6 */
/*! ======================================================== */
#home-section-6 .member-card img {
     aspect-ratio: 1/1.1;
     object-fit: cover;
     object-position: top;
}

/*! ======================================================== */
/*! EVENT CARD */
/*! ======================================================== */
.event-card,
.event-card .details {
     border-radius: 15px;
     overflow: hidden;
}

.event-card img {
     aspect-ratio: 16/9;
     object-fit: cover;
}

.event-card .name {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     min-height: 60px;
}

.event-card .venue {
     font-size: 0.9rem;
}

.event-card .content {
     font-weight: 500;
}

.event-card .details {
     margin-top: -15px;
     z-index: 10;
     background: white;
     /* min-height: 276px; */
}

/*! ======================================================== */
/*! IMAGE GALLERY */
/*! ======================================================== */
#image-gallery .image img {
     aspect-ratio: 1/0.9;
}

/*! ======================================================== */
/*! NEWSLETTER */
/*! ======================================================== */
#newsletter .head {
     font-size: 3rem;
}

#newsletter .wheel-image {
     bottom: 0;
     right: 0;
     width: 250px;
     opacity: 0.4;
     z-index: -1;
}

#newsletter .mail-input {
     max-width: 300px;
}

@media screen and (max-width: 991px) {
     #newsletter .head {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 576px) {
     #newsletter .sub-head.fs-5 {
          font-size: 1rem !important;
     }
}

/*! ======================================================== */
/*! FOOTER */
/*! ======================================================== */
footer {
     background: var(--black);
}

footer .logo img {
     max-width: 150px;
     filter: brightness(0) invert(1);
}

footer a:hover {
     color: var(--themeColor2) !important;
}

footer .footer-top .head::after {
     position: absolute;
     top: 100%;
     left: 0;
     width: 30%;
     height: 3px;
     background: var(--white);
     content: "";
     transform: translate(0, 5px);
}

footer .contact-block a span:nth-child(1) {
     transform: translate(0, 1px);
}

/*! ======================================================== */
/*! BREADCRUMB */
/*! ======================================================== */
#breadcrumb {
     --maxHeight: 400px;
}

#breadcrumb .inner-grid {
     max-height: var(--maxHeight);
}

#breadcrumb .image img {
     max-height: var(--maxHeight);
     object-fit: cover;
}

#breadcrumb .content-block {
     position: absolute;
     top: 0;
     left: 0;
     background: #00000050;
}

#breadcrumb .content-block .head {
     font-size: 3rem;
}

@media screen and (max-width: 991px) {
     #breadcrumb .content-block .head {
          font-size: 2.5rem;
     }

     #breadcrumb {
          --maxHeight: 350px;
     }
}

@media screen and (max-width: 768px) {
     #breadcrumb .content-block .head {
          font-size: 2rem;
     }

     #breadcrumb {
          --maxHeight: 300px;
     }
}

@media screen and (max-width: 576px) {
     #breadcrumb {
          --maxHeight: 250px;
     }
}

/*! ======================================================== */
/*! MEMBERSHIP TYPE PAGE */
/*! ======================================================== */
#membership-grid .inner-grid {
     grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 991px) {
     #membership-grid .inner-grid {
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #membership-grid .inner-grid {
          grid-template-columns: 1fr;
     }
}

/*! ======================================================== */
/*! MEMBERSHIP BENEFITS SECTION */
/*! ======================================================== */
/*? BENEFITS SECTION */
#membership-types-page-section .benefits-section .inner-grid {
     grid-template-columns: repeat(3, 1fr);
}

#membership-types-page-section .benefits-section .benefit-card {
     font-weight: 500;
     transition: all 0.3s linear;
}

#membership-types-page-section .benefits-section .benefit-card:hover {
     background: var(--themeColor2-30);
}

#membership-types-page-section .benefits-section .benefit-card .icon {
     width: 45px;
     height: 45px;
     margin: 0 auto 20px;
     border: 2px solid var(--black);
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: var(--white);
     font-size: 1.1rem;
}

#membership-types-page-section .benefits-section .benefit-card:not(:nth-last-child(-n + 3)) {
     border-bottom: 1px solid #21212140;
}

@media screen and (min-width: 991px) {

     #membership-types-page-section .benefits-section .benefit-card:nth-child(3n + 1),
     #membership-types-page-section .benefits-section .benefit-card:nth-child(3n + 2) {
          border-right: 1px solid #21212140;
     }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
     #membership-types-page-section .benefits-section .benefit-card:nth-child(odd) {
          border-right: 1px solid #21212140;
     }

     #membership-types-page-section .benefits-section .benefit-card:nth-last-child(3) {
          border-bottom: 1px solid #21212140;
     }
}

@media screen and (max-width: 991px) {
     #membership-types-page-section .benefits-section .inner-grid {
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width: 576px) {
     #membership-types-page-section .benefits-section .inner-grid {
          grid-template-columns: 1fr;
     }

     #membership-types-page-section .benefits-section .benefit-card:nth-last-child(3),
     #membership-types-page-section .benefits-section .benefit-card:nth-last-child(2) {
          border-bottom: 1px solid #21212140;
     }
}

#membership-types-page-section .fees-section td,
#membership-types-page-section .fees-section th {
     min-width: 200px;
}

/*? RULES & REGULATIONS */
#membership-types-page-section .rules-regulations-section .categories div {
     white-space: nowrap;
     transition: all 0.3s linear;
     background: var(--white);
}

#membership-types-page-section .rules-regulations-section .categories div:hover,
#membership-types-page-section .rules-regulations-section .categories div.active {
     background: var(--themeColor2-30);
}

#membership-types-page-section .rules-regulations-section .tab-box {
     display: none;
     box-shadow:
          rgba(0, 0, 0, 0.12) 0px 1px 3px,
          rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

#membership-types-page-section .rules-regulations-section .tab-box.active {
     display: block;
}

/*! ======================================================== */
/*! MEMBERSHIP DETAIL PAGE */
/*! ======================================================== */
#membership-detail-page .inner-grid {
     grid-template-columns: 1fr 1.5fr;
     gap: 40px;
}

#membership-detail-page .block .head {
     font-size: 1.5rem;
}

#membership-detail-page .block .content-list img {
     width: 15px;
     transform: translate(0, 2px);
}

#membership-detail-page .form-block {
     background: #0193de10;
     padding: 1.25rem 1.5rem 1.5rem !important;
}

#membership-detail-page .form-block .dual-grid {
     grid-template-columns: 1fr 1fr;
}

#membersform .form-select {
     padding: 1rem .75rem;
     border-radius: 0;
}

#membersform .btn-lg {
     padding: .75rem 1.75rem;
     border-radius: 0;
}

#membersform .form-control:read-only {
     background-color: #e9ecef;
}

#membersform .form-floating>label {
     width: 100%;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
     background-color: transparent;
}

.custom-button:disabled {
     background: #e9ecef;
     border: 1px solid #dee2e6;
}

.profile-status-container {
     padding: 2rem 1.5rem;
     box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
     background: #fff;
}

.profile-status-section .section-caption {
     font-size: 20px;
     font-weight: 700;
}

.profile-status-section .myphead {
     font-weight: 600;
}

.breadcrumb-wrap .breadcrumb li {
     position: relative;
     margin-right: 24px;
}

.breadcrumb-wrap .breadcrumb li:last-child {
     margin-right: 0;
}

.breadcrumb-wrap .breadcrumb li:before {
     content: '';
     width: 1px;
     height: 19px;
     position: absolute;
     right: -14px;
     top: 3px;
     background: #dee2e6;
}

.breadcrumb-wrap .breadcrumb li:last-child:before {
     display: none;
}

.contact-us-info {
     padding-left: 0;
}

.contact-us-info li {
     list-style-type: none;
     margin-bottom: 10px;
     position: relative;
     padding-left: 24px;
}

.contact-us-info li .icon {
     position: absolute;
     left: -2px;
     top: -2px;
}

.contact-us-info li .icon img {
     width: 18px;
     transform: translate(0, 2px);
}

.change-password-form {
     box-shadow: var(--bs-box-shadow);
     background: #fff;
     padding: 1.25rem 1.5rem 1.5rem;
}

.contact-info {
     padding-left: 0;
}

.contact-info li {
     list-style-type: none;
     margin-bottom: 10px;
     position: relative;
     padding-left: 24px;
}

.contact-info li i {
     position: absolute;
     left: 0;
     top: 4px;
     color: var(--themeColor3);
     font-size: 16px;
}

.update-profile-container {
     padding: 2rem 1.5rem;
     box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
     background: #fff;
}

.update-profile-section .section-caption {
     font-size: 20px;
     font-weight: 700;
}

.thank-you {
     padding: 2rem 1.5rem;
     box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
     background: #fff;
     text-align: center;
}

.thank-you .icon {
     font-size: 2.5rem;
     width: 64px;
     height: 64px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     color: var(--bs-success);
     border: 1px solid var(--bs-success);
     border-radius: 50%;
     margin-bottom: 1.25rem;
}

@media screen and (max-width: 991px) {
     #membership-detail-page .inner-grid {
          grid-template-columns: 1fr;
                  display: block !important;
     }
     #membership-detail-page .form-block{
          display: block !important;
     }
}

@media screen and (max-width: 768px) {
     #membership-detail-page .form-block .dual-grid {
          grid-template-columns: 1fr;
     }

     #membership-detail-page .block .head {
          font-size: 1.3rem;
     }
}

/*! ======================================================== */
/*! ABOUT PAGE */
/*! ======================================================== */
/*? ABOUT SECTION 2 */
#about-page .about-section-2 .inner-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 40px;
}

#about-page .about-section-2 .block .top-block {
     grid-template-columns: 1fr 50px;
}

#about-page .about-section-2 .block .head {
     font-size: 2.5rem;
     line-height: 3rem;
}

#about-page .about-section-2 .block .icon i {
     font-size: 2rem;
     /* transform: rotate(45deg); */
}

@media screen and (max-width: 991px) {
     #about-page .about-section-2 .inner-grid {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px;
     }
}

@media screen and (max-width: 768px) {
     #about-page .about-section-2 .block .head {
          font-size: 2rem;
          line-height: 1.2;
     }
}

@media screen and (max-width: 576px) {
     #about-page .about-section-2 .block .head {
          font-size: 1.6rem;
     }

     #about-page .about-section-2 .block .content {
          font-size: 0.9rem;
     }
}

/*? ABOUT SECTION 3 */
#about-page .about-section-3 {
     background-repeat: no-repeat;
     background-size: 50%;
     background-position: bottom right;
}

#about-page .about-section-3 .inner-grid {
     grid-template-columns: 1fr 1.4fr;
     gap: 40px;
}

#about-page .about-section-3 .head {
     font-size: 3em;
     line-height: 4rem;
}

@media screen and (max-width: 991px) {
     #about-page .about-section-3 .inner-grid {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px;
     }
}

@media screen and (max-width: 768px) {
     #about-page .about-section-3 .head {
          font-size: 2.5em;
          line-height: 1.2;
     }
}

@media screen and (max-width: 576px) {
     #about-page .about-section-3 .head {
          font-size: 2rem;
     }

     #about-page .about-section-3 .content {
          font-size: 0.9rem;
     }
}

/*? ABOUT SECTION 4 */
#about-page .about-section-4 .inner-grid {
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
}

#about-page .about-section-4 .mile-item .number {
     font-size: 11rem;
     line-height: 1;
     font-weight: 700;
     opacity: 0.1;
     z-index: 1;
}

#about-page .about-section-4 .mile-item .text {
     font-size: 1.5rem;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 2;
}

@media screen and (max-width: 991px) {
     #about-page .about-section-4 .inner-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 30px;
     }
}

@media screen and (max-width: 768px) {
     #about-page .about-section-4 .mile-item .number {
          font-size: 9em;
          line-height: 1.2;
     }

     #about-page .about-section-4 .mile-item .text {
          font-size: 1rem;
     }
}

@media screen and (max-width: 768px) {
     #about-page .about-section-4 .inner-grid {
          gap: 20px;
     }

     #about-page .about-section-4 .mile-item .number {
          font-size: 7em;
          line-height: 1.2;
     }
}

/*? ABOUT SECTION 5 */
#about-page .about-section-5 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
}

#about-page .about-section-5 .light-bg {
     background: #21212190;
}

#about-page .about-section-5 .section-content {
     max-width: 900px;
}

#about-page .about-section-5 .head {
     font-size: 4rem;
}

#about-page .about-section-5 .content {
     font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
     #about-page .about-section-5 .head {
          font-size: 3rem;
     }

     #about-page .about-section-5 .content {
          font-size: 1rem;
     }
}

@media screen and (max-width: 576px) {
     #about-page .about-section-5 .head {
          font-size: 2.5rem;
     }

     #about-page .about-section-5 .content {
          font-size: 0.9rem;
     }
}

/*? ABOUT SECTION 6 */
#about-page .about-section-6 {
     height: 100vh;
}

#about-page .about-section-6 .inner-grid {
     grid-template-columns: 1fr 1fr;
     gap: 40px;
}

#about-page .about-section-6 .head {
     font-size: 3em;
     line-height: 4rem;
}

#about-page .about-section-6 .image {
     width: 80%;
     padding: 30px 30px 100px;
}

#about-page .about-section-6 .image.back-image {
     transform: rotate(-10deg) translate(0, 50px);
}

#about-page .about-section-6 .image.front-image {
     transform: rotate(10deg) translate(-50%, -35%);
     top: 50%;
     left: 50%;
}

@media screen and (max-width: 991px) {
     #about-page .about-section-6 {
          height: unset;
     }

     #about-page .about-section-6 .inner-grid {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px;
     }

     #about-page .about-section-6 .image-block {
          margin: 2rem 0 6rem;
     }
}

@media screen and (max-width: 768px) {
     #about-page .about-section-6 .head {
          font-size: 2.5rem;
          line-height: 1.2;
     }
}

@media screen and (max-width: 576px) {
     #about-page .about-section-6 .image {
          width: 80%;
          padding: 15px 15px 50px;
     }

     #about-page .about-section-6 .image-block {
          margin: 1rem 0 4rem;
          padding-right: 2rem;
     }
}

/*! ======================================================== */
/*! STORY PAGE */
/*! ======================================================== */
/*? HERO SECTION */
#story-page .hero-section {
     background: var(--themeColor2-30);
}

#story-page .hero-section .inner-grid {
     grid-template-columns: 1.5fr 1fr;
     gap: 40px;
}

#story-page .hero-section .heading-block .head {
     font-size: 2.5rem;
     line-height: 1.2;
     font-weight: 700;
}

#story-page .hero-section .bottom-grid {
     grid-template-columns: 400px 1fr;
}

#story-page .hero-section .bottom-grid .link {
     width: 7rem;
     height: 7rem;
     display: inline-block;
     font: 300 1.55rem/1.4 "Josefin Sans";
     text-transform: uppercase;
     letter-spacing: 0.25em;
     word-spacing: 0.7em;
     text-decoration: none;
}

#story-page .hero-section .left-image img {
     max-width: 400px;
     aspect-ratio: 1/1.3;
     object-fit: cover;
     border-radius: 200px 200px 0 0;
}

#story-page .hero-section .right-block {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

#story-page .hero-section .right-image img {
     max-width: 400px;
     border-radius: 50%;
     object-fit: cover;
     aspect-ratio: 1/1;
}

/*? STORY SECTION */
#story-page .story-section .section-content {
     padding: 50px 0 50px 50px;
     border-left: 5px solid var(--themeColor1);
}

#story-page .story-section .story-item .head::before {
     position: absolute;
     top: 50%;
     left: 0;
     height: 5px;
     width: 50px;
     transform: translate(-50px, -50%);
     content: "";
     background: var(--themeColor1);
}

/*? THIRD SECTION */
#story-page .third-section {
     background: var(--themeColor1-30);
}

#story-page .third-section .video-block {
     padding: 30px;
}

#story-page .third-section .video-block .play-icon {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 1.5rem;
     width: 60px;
     height: 60px;
     padding-left: 4px;
}

#story-page .third-section .video-block .play-icon:before,
#story-page .third-section .video-block .play-icon:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border: solid 3px var(--white);
     border-radius: 50%;
     background: #ffffff50;
}

#story-page .third-section .video-block .play-icon:before {
     animation: ripple 2s linear infinite;
}

#story-page .third-section .video-block .play-icon:after {
     animation: ripple 2s 1s linear infinite;
}

@keyframes ripple {
     to {
          transform: scale(3);
          opacity: 0;
     }
}

#story-page .third-section .video-block .heading {
     font-size: 2rem;
}

@media screen and (max-width: 991px) {
     #story-page .hero-section .inner-grid {
          grid-template-columns: 1fr;
     }

     #story-page .hero-section .right-block .content {
          font-size: 0.85rem;
     }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
     #story-page .hero-section .right-block {
          display: grid;
          grid-template-columns: 1fr 1.5fr;
          gap: 20px;
          align-items: center;
     }
}

@media screen and (max-width: 768px) {
     #story-page .hero-section .right-block {
          flex-direction: column-reverse;
          gap: 30px;
     }

     #story-page .third-section .video-block .image img {
          min-height: 250px;
     }

     #story-page .third-section .video-block .heading {
          font-size: 1.5rem;
     }

     #story-page .third-section .video-block .content {
          font-size: 0.85rem;
     }
}

@media screen and (max-width: 576px) {
     #story-page .hero-section .heading-block .head {
          font-size: 2.5rem;
     }

     #story-page .hero-section .bottom-grid {
          grid-template-columns: 1fr;
     }

     #story-page .story-section .section-content {
          padding: 30px 0 30px 0px;
     }
     .resources-inner-hero-section .grid-block{
               display: block !important;
     }
     #story-page .story-section .story-item .head::before {
          width: 30px;
          transform: translate(-30px, -50%);
     }
}

/*! ======================================================== */
/*! EVENTS LISTING PAGE */
/*! ======================================================== */

#women-collective .event-listing .event-grid,
#events-listing-page .event-listing .event-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

#women-collective .event-listing .event-card,
#events-listing-page .event-listing .event-card {
     box-shadow: var(--boxShadow1);
}

@media screen and (max-width: 991px) {

     #women-collective .event-listing .event-grid,
     #events-listing-page .event-listing .event-grid {
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width: 768px) {

     #women-collective .event-listing .event-grid,
     #events-listing-page .event-listing .event-grid {
          grid-template-columns: 1fr;
     }
}

/*! ======================================================== */
/*! EVENTS DETAILS PAGE */
/*! ======================================================== */
#event-details-page {
     background-color: var(--themeColor2-30);
     background-image: var(--themeGradient2);
}

#event-details-page .main-head {
     font-size: 3rem;
}

#event-details-page .head-block {
     grid-template-columns: 1fr 200px;
}

#event-details-page .head-block .heading {
     font-size: 1.5rem;
}

#event-details-page .head-block .link {
     width: 7rem;
     height: 7rem;
     display: inline-block;
     font: 300 1.55rem/1.4 "Josefin Sans";
     text-transform: uppercase;
     letter-spacing: 0.25em;
     word-spacing: 0.7em;
     text-decoration: none;
}

#event-details-page iframe {
     height: 550px;
}

/*? SIMILAR EVENTS */
#similar-events .event-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

#similar-events .event-card {
     box-shadow: var(--boxShadow1);
}

@media screen and (max-width: 991px) {
     #similar-events .event-grid {
          grid-template-columns: repeat(2, 1fr);
     }

     #event-details-page iframe {
          height: unset;
          aspect-ratio: 16/9;
     }

     #event-details-page .main-head {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 768px) {
     #similar-events .event-grid {
          grid-template-columns: 1fr;
     }

     #event-details-page .main-head {
          font-size: 2rem;
     }

     #event-details-page .head-block {
          grid-template-columns: 1fr;
     }
}

@media screen and (max-width: 576px) {
     #event-details-page .head-block .heading {
          font-size: 1.3rem;
     }
}

/*! ======================================================== */
/*! COMMENT SECTION */
/*! ======================================================== */
#comment-section {
     background: var(--themeColor2-30);
     font-weight: 500;
}

#comment-section .head-block .head {
     font-size: 2.5rem;
}

#comment-section .head-block .content {
     font-size: 1.1rem;
}

#comment-section .inner-grid {
     grid-template-columns: 1fr 2fr;
     gap: 30px;
}

#comment-section .dual-grid {
     grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
     #comment-section .inner-grid {
          grid-template-columns: 1fr;
     }
}

@media screen and (max-width: 768px) {
     #comment-section .dual-grid {
          grid-template-columns: 1fr;
     }
}

/*! ======================================================== */
/*! MEMBER LOGIN PAGE */
/*! ======================================================== */
#member-login-page {
     grid-template-columns: 1fr 1fr;
     background: var(--themeGradient2);
}

#member-login-page .form-block .head {
     font-size: 2rem;
}

#member-login-page .group-input {
     grid-template-columns: 100px 1fr;
}

@media screen and (max-width: 768px) {
     #member-login-page {
          grid-template-columns: 1fr;
     }

     #member-login-page .image {
          display: none;
     }
}

/*! ======================================================== */
/*! CONTACT US PAGE */
/*! ======================================================== */
/*? CONTACT DETAILS */
#contact-us-page .contact-details {
     background: var(--themeColor2-30);
}

#contact-us-page .contact-details .inner-grid {
     grid-template-columns: 1fr 2fr;
     gap: 30px;
}

#contact-us-page .contact-details .details-grid {
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}

#contact-us-page .contact-details .block .head {
     font-size: 1.3rem;
}

#contact-us-page .contact-details .block .link {
     font-weight: 600;
}

#contact-us-page .contact-details .block .link div:nth-child(2) {
     border: 1px solid var(--themeColor3);
     height: 40px;
     width: 40px;
     display: grid;
     place-items: center;
     transform: rotate(45deg);
     transition: all 0.3s linear;
}

#contact-us-page .contact-details .block .link:hover div:nth-child(2) {
     transform: rotate(90deg);
}

#contact-us-page .contact-details .block .text a {
     font-weight: 500;
}

/*? IMAGE BANNER */
#contact-us-page .image-banner {
     background-attachment: fixed;
     background-repeat: no-repeat;
}

#contact-us-page .image-banner .image-banner-bg {
     background: #21212170;
}

#contact-us-page .image-banner .section-content {
     max-width: 1000px;
}

#contact-us-page .image-banner .head {
     font-size: 3rem;
}

/*? FORM SECTION */
#contact-us-page .form-section .inner-grid {
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}

#contact-us-page .form-section .content-block .head {
     font-size: 3rem;
}

#contact-us-page .form-section .form-block {
     background: var(--themeColor3-30);
}

@media screen and (max-width: 991px) {

     #contact-us-page .contact-details .inner-grid,
     #contact-us-page .form-section .inner-grid {
          grid-template-columns: 1fr;
     }

     #contact-us-page .form-section .content-block .head,
     #contact-us-page .image-banner .head {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 768px) {
     #contact-us-page .contact-details .details-grid {
          grid-template-columns: 1fr;
     }

     #contact-us-page .form-section .content-block .head,
     #contact-us-page .image-banner .head {
          font-size: 2rem;
     }
}

/*! ======================================================== */
/*! BLOGS LISTING PAGE */
/*! ======================================================== */
/*? BLOG LIST */
#blogs-listing-page .blog-list .inner-grid {
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

#blogs-listing-page .blog-list .blog-card {
     border: 2px dashed var(--black);
}

#blogs-listing-page .blog-list .blog-card .date {
     font-weight: 500;
}

#blogs-listing-page .blog-list .blog-card .head {
     font-size: 1.3rem;
     height: 62px;
}

#blogs-listing-page .blog-list .blog-card .image img {
     aspect-ratio: 1 / 0.75;
     object-fit: cover;
}

#blogs-listing-page .blog-list .blog-card .content {
     height: 63px;
}

@media screen and (max-width: 991px) {
     #blogs-listing-page .blog-list .inner-grid {
          grid-template-columns: 1fr 1fr;
     }
}

@media screen and (max-width: 768px) {
     #blogs-listing-page .blog-list .inner-grid {
          grid-template-columns: 1fr;
     }
}

/*! ======================================================== */
/*! BLOGS DETAILS PAGE */
/*! ======================================================== */
/*? BLOG DETAIL */
#blog-details-page {
     background-color: var(--themeColor2-30);
     background-image: var(--themeGradient2);
}

#blog-details-page .blog-detail .inner-grid {
     grid-template-columns: 2.5fr 1fr;
     gap: 30px;
}

#blog-details-page .blog-detail .blog-content .title {
     font-size: 2.5rem;
}

#blog-details-page .blog-detail .blog-content .image {
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#blog-details-page .blog-detail .head {
     font-size: 1.2rem;
}

#blog-details-page .blog-detail .similar-blogs .main-head {
     font-size: 1.5rem;
}

#blog-details-page .blog-detail .similar-blogs .similar-blog-grid {
     gap: 20px;
}

#blog-details-page .blog-detail .similar-blogs .similar-blog-card {
     border: 2px dashed var(--black);
     grid-template-columns: 100px 1fr;
     gap: 10px;
}

#blog-details-page .blog-detail .similar-blogs .similar-blog-card .date {
     font-size: 0.7rem;
}

@media screen and (max-width: 991px) {
     #blog-details-page .blog-detail .inner-grid {
          grid-template-columns: 1fr;
     }

     #blog-details-page .blog-detail .similar-blogs .similar-blog-grid {
          grid-template-columns: 1fr 1fr;
     }
}

@media screen and (max-width: 768px) {
     #blog-details-page .blog-detail .similar-blogs .similar-blog-grid {
          grid-template-columns: 1fr;
     }

     #blog-details-page .blog-detail .blog-content .title {
          font-size: 2rem;
     }
}

@media screen and (max-width: 576px) {
     #blog-details-page .blog-detail .blog-content .title {
          font-size: 1.5rem;
     }

     #blog-details-page .blog-detail .blog-content .date {
          font-size: 0.9rem;
     }
}

/*! ======================================================== */
/*! LEADERSHIP TEAM PAGE */
/*! ======================================================== */
/*? TEAM BLOCK */
#leadership-team-page .team-block .head-block {
     font-size: 3rem;
}

.team-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

.team-card {
     padding: 20px 0 0 20px;
}

.team-card .image::after {
     position: absolute;
     top: -20px;
     left: -20px;
     border: 4px solid var(--black);
     content: "";
     width: 100%;
     height: 100%;
     z-index: 1;
}

.team-card .image img {
     aspect-ratio: 1/1;
     object-fit: cover;
     object-position: top;
}

.team-card .name {
     font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
     .team-grid {
          grid-template-columns: repeat(2, 1fr);
     }

     #leadership-team-page .team-block .head-block {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 768px) {
     .team-grid {
          grid-template-columns: repeat(1, 1fr);
     }

     #leadership-team-page .team-block .head-block {
          font-size: 2rem;
     }
}

/*! ======================================================== */
/*! PARTNERS PAGE */
/*! ======================================================== */
#partners-page .section-content {
     grid-template-columns: repeat(5, 1fr);
     gap: 30px;
}

#partners-page .partner-card {
     font-weight: 500;
}

#partners-page .partner-card .image img {
     max-width: 80px;
     border-radius: 50%;
     object-fit: contain;
     aspect-ratio: 1/1;
     box-shadow:
          rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
          rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

@media screen and (max-width: 991px) {
     #partners-page .section-content {
          grid-template-columns: repeat(4, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #partners-page .section-content {
          grid-template-columns: repeat(3, 1fr);
     }
}

@media screen and (max-width: 576px) {
     #partners-page .section-content {
          grid-template-columns: repeat(2, 1fr);
     }
}

/*! ======================================================== */
/*! MEMBERSHIP DIRECTORY PAGE */
/*! ======================================================== */
#membership-directory-page .filter-bar {
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
}

#membership-directory-page .filter-bar .block {
     grid-template-columns: 20px 1fr;
     gap: 10px;
}

#membership-directory-page .member-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
}

#membership-directory-page .member-card {
     grid-template-columns: 1fr 2fr;
     gap: 20px;
     border-radius: 10px;
     font-weight: 500;
     box-shadow: var(--boxShadow1);
}

#membership-directory-page .member-card img {
     aspect-ratio: 1/1;
     object-fit: contain;
     border-radius: 50%;
     border: 5px solid var(--themeColor2);
     box-shadow:
          rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
          rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

#membership-directory-page .member-card .details>div:nth-child(1) {
     font-size: 1.2rem;
}

@media screen and (max-width: 991px) {
     #membership-directory-page .filter-bar {
          grid-template-columns: repeat(2, 1fr);
     }

     #membership-directory-page .member-grid {
          grid-template-columns: repeat(1, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #membership-directory-page .filter-bar {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
}

@media screen and (max-width: 576px) {
     #membership-directory-page .member-card {
          grid-template-columns: 1fr;
     }

     #membership-directory-page .member-card img {
          max-width: 200px;
     }
}

/*! ======================================================== */
/*! OUR INITIATIVE PAGE */
/*! ======================================================== */
/*? INITIATIVE SECTION 1 */
#our-initiative-page .initiative-section-1 .head-block .head {
     font-size: 2.5rem;
}

#our-initiative-page .initiative-section-1 .inner-grid {
     grid-template-columns: 1fr 2fr;
     gap: 30px;
}

/*? INITIATIVE SECTION 3 */
#our-initiative-page .initiative-section-3 .head-block .head {
     font-size: 3rem;
}

#our-initiative-page .initiative-section-3 .head-block .head div:nth-child(2) {
     clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

#our-initiative-page .initiative-section-3 .inner-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

#our-initiative-page .initiative-section-3 .block-card .icon {
     font-size: 2rem;
}

#our-initiative-page .initiative-section-3 .block-card .head {
     font-size: 1.3rem;
}

@media screen and (max-width: 991px) {
     #our-initiative-page .initiative-section-1 .inner-grid {
          grid-template-columns: 1fr;
     }

     #our-initiative-page .initiative-section-3 .head-block .head {
          font-size: 2rem;
     }

     #our-initiative-page .initiative-section-3 .head-block .text {
          font-size: 0.9rem;
     }

     #our-initiative-page .initiative-section-3 .inner-grid {
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #our-initiative-page .initiative-section-3 .head-block .head {
          font-size: 1.5rem;
     }

     #our-initiative-page .initiative-section-3 .inner-grid {
          grid-template-columns: repeat(1, 1fr);
     }

     #our-initiative-page .initiative-section-1 .head-block .head {
          font-size: 2rem;
     }
}

@media screen and (max-width: 576px) {
     #our-initiative-page .initiative-section-1 .head-block .head {
          font-size: 1.5rem;
     }

     #our-initiative-page .initiative-section-3 .head-block .head {
          font-size: 1.2rem;
     }

     #our-initiative-page .initiative-section-3 .head-block .text {
          font-size: 0.8rem;
     }
}

/*! ======================================================== */
/*! NEWS & CIRCULARS PAGE */
/*! ======================================================== */
#resources-listing-page .inner-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

#resources-listing-page .news-card {
     border-radius: 10px;
     box-shadow: var(--boxShadow1);
     overflow: hidden;
}

#resources-listing-page .news-card .category {
     background: var(--themeColor3-30);
}

#resources-listing-page .news-card img {
     border-radius: 10px;
     aspect-ratio: 1/0.7;
}

#resources-listing-page .section-caption {
     position: relative;
     padding-left: 65px;
}

#resources-listing-page .section-caption:before,
#resources-listing-page .section-caption:after {
     content: "";
     background-color: var(--themeColor2);
     position: absolute;
     top: 50%;
}

#resources-listing-page .section-caption:before {
     height: 5px;
     left: 50px;
     -webkit-transform: translateY(-50%) rotate(-45deg);
     transform: translateY(-50%) rotate(-45deg);
     width: 5px;
}

#resources-listing-page .section-caption:after {
     height: 2px;
     left: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 50px;
}

#resources-listing-page .news-card .title {
     font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
     #resources-listing-page .inner-grid {
          grid-template-columns: repeat(2, 1fr);
     }

     #resources-listing-page .news-card .title {
          font-size: 1.3rem;
     }
}

@media screen and (max-width: 768px) {
     #resources-listing-page .inner-grid {
          grid-template-columns: repeat(1, 1fr);
     }

     #resources-listing-page .news-card .title {
          font-size: 1.2rem;
     }
}

/*! ======================================================== */
/*! NEWS DETAILS PAGE */
/*! ======================================================== */
#news-details-page {
     background-color: var(--themeColor2-30);
     background-image: var(--themeGradient2);
}

#news-details-page .inner-grid {
     grid-template-columns: 2.5fr 1fr;
     gap: 30px;
}

#news-details-page .blog-content .title {
     font-size: 2.5rem;
}

#news-details-page .blog-content .image {
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#news-details-page .join-box .head {
     font-size: 1.2rem;
}

#news-details-page .similar-news {
     gap: 20px;
}

#news-details-page .similar-news-card {
     grid-template-columns: 120px 1fr;
     gap: 10px;
     box-shadow: var(--boxShadow1);
}

@media screen and (max-width: 991px) {
     #news-details-page .inner-grid {
          grid-template-columns: 1fr;
     }

     #news-details-page .similar-news {
          grid-template-columns: 1fr 1fr;
     }
}

@media screen and (max-width: 768px) {
     #news-details-page .blog-content .title {
          font-size: 2rem;
     }

     #news-details-page .similar-news {
          grid-template-columns: 1fr;
     }
}

@media screen and (max-width: 576px) {
     #news-details-page .blog-content .title {
          font-size: 1.5rem;
     }

     #news-details-page .blog-content .date {
          font-size: 0.9rem;
     }
}

/*! ======================================================== */
/*! VOLUNTEER PAGE */
/*! ======================================================== */
/*? FIRST BLOCK */
#volunteer-page .first-section .first-block {
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-bottom: 30px;
}

#volunteer-page .first-section .first-block .block-card {
     background: var(--themeColor2-30);
     box-shadow: var(--boxShadow1);
}

#volunteer-page .first-section .first-block .block-card:nth-child(2) {
     background: var(--themeColor1-30);
}

#volunteer-page .first-section .first-block .block-card .head {
     font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
     #volunteer-page .first-section .first-block {
          grid-template-columns: 1fr;
     }
}

/*? SECOND BLOCK */
#volunteer-page .first-section .second-block {
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

#volunteer-page .first-section .second-block .block-card {
     box-shadow: var(--boxShadow1);
}

#volunteer-page .first-section .second-block .block-card .icon {
     font-size: 2rem;
}

#volunteer-page .first-section .second-block .block-card .head {
     font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
     #volunteer-page .first-section .second-block {
          grid-template-columns: 1fr 1fr;
     }
}

@media screen and (max-width: 768px) {
     #volunteer-page .first-section .second-block {
          grid-template-columns: 1fr;
     }
}

/*? SECOND SECTION */
#volunteer-page .second-section {
     background: var(--themeColor2-30);
}

#volunteer-page .second-section .inner-grid {
     grid-template-columns: 1.5fr 1fr;
     gap: 30px;
}

#volunteer-page .second-section .content-block .head {
     font-size: 2.5rem;
}

#volunteer-page .second-section .grid-block {
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}

#volunteer-page .second-section .block-card {
     box-shadow: var(--boxShadow1);
}

#volunteer-page .second-section .block-card:nth-child(even) {
     transform: translate(0, 50px);
}

#volunteer-page .second-section .block-card .number {
     font-size: 2rem;
}

@media screen and (max-width: 991px) {
     #volunteer-page .second-section .inner-grid {
          grid-template-columns: 1fr;
     }

     #volunteer-page .second-section .content-block .head {
          font-size: 2rem;
     }

     #volunteer-page .second-section .block-card:nth-child(even) {
          transform: unset;
     }

     #volunteer-page .third-section .text {
          font-size: 0.9rem;
     }
}

@media screen and (max-width: 768px) {
     #volunteer-page .second-section .grid-block {
          gap: 20px;
     }

     #volunteer-page .second-section .content-block .head {
          font-size: 1.5rem;
     }

     #volunteer-page .third-section .text {
          font-size: 0.8rem;
     }
}

/*! ======================================================== */
/*! JOIN US PAGE */
/*! ======================================================== */
/*? FIRST SECTION */
#join-us-page .first-section .head {
     font-size: 3rem;
}

@media screen and (max-width: 768px) {
     #join-us-page .first-section .head {
          font-size: 2.5rem;
     }
}

@media screen and (max-width: 576px) {
     #join-us-page .first-section .head {
          font-size: 2rem;
     }
}

/*? SECOND SECTION */
#join-us-page .second-section {
     background: var(--themeColor2-30);
}

#join-us-page .second-section .section-head .head {
     font-size: 4rem;
}

#join-us-page .second-section .inner-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

#join-us-page .second-section .work-card .icon {
     font-size: 2rem;
     width: 3.5rem;
     height: 3.5rem;
     place-items: center;
     background: var(--themeColor1-30);
}

#join-us-page .second-section .work-card:nth-child(3n + 1) .icon {
     background: var(--themeColor1-30);
}

#join-us-page .second-section .work-card:nth-child(3n + 2) .icon {
     background: var(--themeColor2-30);
}

#join-us-page .second-section .work-card:nth-child(3n + 3) .icon {
     background: var(--themeColor3-30);
}

#join-us-page .second-section .work-card .head {
     font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
     #join-us-page .second-section .inner-grid {
          grid-template-columns: repeat(2, 1fr);
     }

     #join-us-page .second-section .work-card .head {
          font-size: 1.3rem;
     }

     #join-us-page .second-section .section-head .head {
          font-size: 3rem;
     }
}

@media screen and (max-width: 768px) {
     #join-us-page .second-section .inner-grid {
          grid-template-columns: repeat(1, 1fr);
     }
}

/*? THIRD SECTION */
#join-us-page .third-section .job-card {
     grid-template-columns: 1fr 135px;
     align-items: baseline;
     gap: 20px;
}

#join-us-page .third-section .job-card .head-block {
     grid-template-columns: 60px 1fr;
     gap: 20px;
}

#join-us-page .third-section .job-card .image {
     width: 60px;
     height: 60px;
     border-radius: 50%;
}

#join-us-page .third-section .job-card .title {
     font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
     #join-us-page .third-section .job-card .title {
          font-size: 1.1rem;
     }

     #join-us-page .third-section .job-card .detail,
     #join-us-page .third-section .job-card .description {
          font-size: 0.9rem;
     }
}

@media screen and (max-width: 576px) {
     #join-us-page .third-section .job-card {
          grid-template-columns: 1fr;
     }

     #join-us-page .third-section .job-card .title {
          font-size: 1rem;
     }

     #join-us-page .third-section .job-card .detail,
     #join-us-page .third-section .job-card .description {
          font-size: 0.8rem;
     }
}

/*? FOURTH SECTION */
#join-us-page .fourth-section .section-content {
     grid-template-columns: 1fr 1.5fr;
     gap: 30px;
}

@media screen and (max-width: 991px) {
     #join-us-page .fourth-section .section-content {
          grid-template-columns: 1fr;
     }
}

/*! ======================================================== */
/*! MEMBER SHOWCASE PAGE */
/*! ======================================================== */
#member-showcase-grid .inner-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
}

.showcase-card img {
     aspect-ratio: 1/1;
}

.showcase-card .name {
     font-size: 1rem;
}

/*! ======================================================== */
/*! PARTNER SHOWCASE PAGE */
/*! ======================================================== */
.partner-advantage-card .name {
     min-height: 48px;
}

.partner-advantage-card .image img {
     aspect-ratio: 1/1.26;
}

/*! ======================================================== */
/*! RESOURCES INNER PAGE */
/*! ======================================================== */
.resources-inner-hero-section {
     background: var(--themeColor2-30);
}

.resources-inner-hero-section .head-block .head {
     font-size: 3.5rem;
}

@media screen and (max-width: 991px) {
     .resources-inner-hero-section .head-block .head {
          font-size: 2.8rem;
     }
}

@media screen and (max-width: 768px) {
     .resources-inner-hero-section .head-block .head {
          font-size: 2rem;
     }

     .resources-inner-hero-section .head-block .text {
          font-size: 0.9rem;
     }
}

@media screen and (max-width: 576px) {
     .resources-inner-hero-section .head-block .text {
          font-size: 0.8rem;
     }
}

/*? RESOURCES SOP PAGE */
#resources-sop-page .inner-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 40px;
}

#resources-sop-page .block .top-block {
     grid-template-columns: 1fr 50px;
}

#resources-sop-page .block .head {
     font-size: 2.5rem;
     line-height: 3rem;
}

#resources-sop-page .block .icon i {
     font-size: 2rem;
     transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
     #resources-sop-page .inner-grid {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px;
     }
}

@media screen and (max-width: 768px) {
     #resources-sop-page .block .head {
          font-size: 2rem;
          line-height: 1.2;
     }
}

@media screen and (max-width: 576px) {
     #resources-sop-page .block .head {
          font-size: 1.6rem;
     }

     #resources-sop-page .block .content {
          font-size: 0.9rem;
     }
}

/*? ECO CODE OF CONDUCT PAGE */
#resources-code-conduct-page .conduct-block {
     padding: 20px 40px;
}

#resources-code-conduct-page .conduct-block:nth-child(odd) {
     border-left: 5px solid var(--white);
}

#resources-code-conduct-page .conduct-block:nth-child(even) {
     border-right: 5px solid var(--white);
     text-align: right;
}

#resources-code-conduct-page .conduct-block:not(:nth-last-child(1)) {
     border-bottom: 5px solid var(--white);
}

#resources-code-conduct-page .conduct-block .icon {
     top: 50%;
     width: 50px;
     aspect-ratio: 1/1;
     border-radius: 50%;
     display: grid;
     place-items: center;
     font-size: 1.4rem;
}

#resources-code-conduct-page .conduct-block:nth-child(odd) .icon {
     transform: translate(-25px, -50%);
     left: 0;
}

#resources-code-conduct-page .conduct-block:nth-child(even) .icon {
     transform: translate(25px, -50%);
     right: 0;
}

#resources-code-conduct-page .conduct-block .head {
     font-size: 1.3rem;
}

#resources-code-conduct-page .conduct-block .text {
     font-size: 0.9rem;
}

#resources-code-conduct-page .code-conduct-section-1 .head-block {
     font-size: 3rem;
     text-transform: uppercase;
}

#resources-code-conduct-page .code-conduct-section-1 .inner-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
}

#resources-code-conduct-page .code-conduct-section-1 .ethic-card {
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#resources-code-conduct-page .code-conduct-section-1 .ethic-card .head {
     font-size: 1.2rem;
}

#resources-code-conduct-page .code-conduct-section-1 .ethic-card img {
     width: 15px;
     transform: translate(0, 2px);
}

@media screen and (max-width: 991px) {
     #resources-code-conduct-page .code-conduct-section-1 .head-block {
          font-size: 2.5rem;
     }

     #resources-code-conduct-page .code-conduct-section-1 .inner-grid {
          grid-template-columns: repeat(1, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #resources-code-conduct-page .code-conduct-section-1 .head-block {
          font-size: 2rem;
     }
}

@media screen and (max-width: 768px) {
     #resources-code-conduct-page .conduct-block:nth-child(odd) {
          padding: 20px 20px 20px 30px;
          margin-left: 20px;
     }

     #resources-code-conduct-page .conduct-block::after {
          top: 100%;
          right: 0;
          height: 5px;
          background: var(--themeColor2-30);
          width: 20px;
          content: "";
          position: absolute;
     }

     #resources-code-conduct-page .conduct-block:nth-child(odd)::after {
          right: 0;
     }

     #resources-code-conduct-page .conduct-block:nth-child(even)::after {
          left: 0;
     }

     #resources-code-conduct-page .conduct-block:nth-child(even) {
          margin-right: 20px;
          padding: 20px 30px 20px 20px;
     }

     #resources-code-conduct-page .conduct-block .icon {
          width: 40px;
          font-size: 1.2rem;
     }
}

/*? MOT RECOGNITION PAGE */
#resources-recognition-page .recognition-section-1 .link {
     width: 7rem;
     height: 7rem;
     display: inline-block;
     font: 300 1.55rem/1.4 "Josefin Sans";
     text-transform: uppercase;
     letter-spacing: 0.3em;
     word-spacing: 1em;
     text-decoration: none;
}

#resources-recognition-page .recognition-section-1 .top-block {
     grid-template-columns: 1fr 7rem;
     gap: 20px;
}

#resources-recognition-page .recognition-section-1 .bottom-block {
     grid-template-columns: 300px 1fr;
     gap: 20px;
}

@media screen and (max-width: 991px) {
     #resources-recognition-page .recognition-section-1 .bottom-block {
          grid-template-columns: 1fr;
     }
}

@media screen and (max-width: 768px) {
     #resources-recognition-page .recognition-section-1 .top-block {
          grid-template-columns: 1fr;
     }
}

/*! ======================================================== */
/*! AWARDS PAGE */
/*! ======================================================== */
#awards-page .award-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

.award-card {
     border: 3px dashed var(--black);
}

.award-card .title {
     font-size: 1.2rem;
}

.award-card .icon {
     font-size: 6rem;
     line-height: 1;
     top: 0;
     right: 0;
     transform: translate(20px, -20px);
     opacity: 0.3;
}

@media screen and (max-width: 991px) {
     #awards-page .award-grid {
          grid-template-columns: repeat(2, 1fr);
     }
}

@media screen and (max-width: 768px) {
     #awards-page .award-grid {
          grid-template-columns: repeat(1, 1fr);
     }
}

/*! ======================================================== */
/*! NEWSLETTER PAGE */
/*! ======================================================== */
#newsletter-grid .inner-grid {
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

#newsletter-grid .newsletter-card {
     padding: 15px;
     border-radius: 5px;
     display: grid;
     grid-template-columns: 1fr 40px;
     gap: 10px;
     align-items: start;
     box-shadow: var(--boxShadow1);
}

#newsletter-grid .newsletter-card .link {
     aspect-ratio: 1/1;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: var(--themeColor2);
     color: var(--white);
     transition: all 0.3s linear;
}

#newsletter-grid .newsletter-card .link:hover {
     background: var(--themeColor1);
}

@media screen and (max-width: 991px) {
     #newsletter-grid .inner-grid {
          grid-template-columns: 1fr 1fr;
     }
}

@media screen and (max-width: 768px) {
     #newsletter-grid .inner-grid {
          grid-template-columns: 1fr;
     }

     #newsletter-grid .newsletter-card .title {
          font-size: 0.9rem;
     }
}

/*! ======================================================== */
/*! WOMEN COLLECTIVE */
/*! ======================================================== */
#women-collective .events-grid .inner-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
}

.bannercls img {
     width: 100%;
     height: 100%;
}

.inner-banner-section img {
     width: 100%;
     height: 100%;
}

/* start pagination css */
.pagination-wrap {
     background: #fff;
     margin-top: 30px;
     padding: 15px;
     display: flex;
     justify-content: center;
     box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.pagination {
     margin-bottom: 0;
     flex-wrap: wrap;
     justify-content: center;
}

.pagination li {
     margin: 0.25rem 0;
     margin-right: 0.5rem;
}

.pagination li:last-child {
     margin-right: 0;
}

.pagination li a {
     background: #f1f1f1;
     display: block;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 30px;
     color: #000;
     text-decoration: none;
     border-radius: 0.25rem;
}

.pagination li.active a {
     background: var(--themeColor1);
     color: #fff;
}

/* end pagination css */
em {
     color: #ff0000;
}

.member-image-pop img {
     width: 100%;
}

input#captcha {
     font-size: 13px;
     margin-top: 10px;
}

.content {
     text-align: justify !important;
}

.text {
     text-align: justify;
}

.resources-inner-hero-section .grid-block {
     grid-template-columns: 1fr 1.5fr;
     gap: 30px;
     display: grid;
     align-items: center;
}

a.active-color {
     color: #bb960f;
     text-decoration: underline;
}

.event-content div,
span,
font,
strong,
p,
h1,
h2,
h3,
h4,
h6,
h5,
a {
     font-family: "Montserrat", sans-serif !important;
}

.content div,
span,
font,
strong,
h1,
h2,
h3,
p,
h4,
h6,
h5,
a {
     font-family: "Montserrat", sans-serif !important;
}

body {
     font-family: "Montserrat", sans-serif !important;
}