@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{--maincolor:#007b2c;--secondarycolor:#0587db;--blackcolor:#000000;--whitecolor:#ffffff;--greycolor:#f26f15;--orangecolor:#f56d17;--box-shadow:0px 0px 40px 0px rgba(0,0,0,.09);--primary-color-one:#078586;--primary-color-two:#282f3b;--primary-color-three:#f0f3f9;--creote-family-one:"Roboto",sans-serif!important;--creote-family-two:"Roboto",sans-serif!important;--border-color-dark:#e4e7ee;--border-color-dark-two:#373e4a;--border-color-light:#fbfcfe;}

/* =====================================================
   Common
===================================================== */
*{box-sizing:border-box;outline:0;padding:0;margin:0;}
body{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-size:17px;font-weight:300;color:#34495e;line-height: 1.8;}
.btn,a{transition:all 0.3s linear;}
a{color:#272626;background-color:transparent;text-decoration:none;}
ol,ul{margin:0;padding:0 0 0 20px;}
ol{list-style:decimal;}
/*li{list-style:none;}*/
svg:not(:root){overflow:hidden;vertical-align:top;}
img{border:0;outline:0;max-width:100%;height:auto;}
b,strong{font-weight:700;}
em{font-style:italic;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
figure{margin:0px;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-family:"Raleway",sans-serif;}
.h1,.h2,.h3,.h4,.h6,.h6{margin:0px;padding:0px;font-family:"Raleway",sans-serif;}
h1{font-weight:900;}
h2{font-size:2.50rem;font-weight:bold;}
h3{font-size:2.50rem;font-weight:900;}
h4{font-size:1.4rem;}
h5{font-size:1.50rem;}
h6{font-size:1rem;}

/* =====================================================
   HEADER
===================================================== */
.site-header{width:100%;background:#ffffff;position:relative;z-index:9;padding:12px 0px;}
.header-container{height:100%;margin:0 auto;display:flex;align-items:center;}
.logo{width:180px;display:flex;align-items:center;}
.logo a{display:block;}
.logo img{width:70px;height:70px;object-fit:contain;display:block;}
.main-navigation{flex:1;height:100%;display:flex;justify-content:center;align-items:center;}
.menu{height:100%;display:flex;align-items:center;gap:38px;}
.menu-item{height:100%;position:relative;display:flex;align-items:center;}
.menu-item>a{height:100%;display:flex;align-items:center;position:relative;color:#60636a;font-size:13px;font-weight:600;white-space:nowrap;transition:all 0.3s ease;text-transform: uppercase;}
.menu-item>a:hover{color:#111111;}
.menu-item.active>a{color:#111111;}
/*.menu-item.active>a::after{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:#111111;}*/
.menu-item>a i{font-size:14px;margin-left:9px;transition:transform 0.3s ease;}
.sub-menu{position:absolute;top:calc(100% - 8px);left:50%;width:300px;background:#ffffff;border:1px solid #eeeeee;box-shadow:0 10px 35px rgba(0,0,0,0.10);padding:8px 0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,12px);transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease;z-index:9999;}
.sub-menu li{width:100%;}
.sub-menu li a{display:block;width:100%;padding:8px 16px;color:#555555;font-size:13px;font-weight:400;transition:background 0.2s ease,color 0.2s ease,padding 0.2s ease;text-transform: capitalize;}
.sub-menu li a:hover{color:#111111;background:#f7f7f7;padding-left:22px;}
@media (min-width:821px){
   .menu-has-children{position:relative;}
   .menu-has-children > .sub-menu{position:absolute;        /* No gap between parent and submenu */top:100%;left:50%;transform:translateX(-50%) translateY(5px);width:300px;margin:0;padding:8px 0;display:block;background:#fff;border:1px solid #eee;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;visibility:hidden;pointer-events:none;z-index:9999;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;}

   /* Show submenu */
   .menu-has-children:hover > .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
   .menu-has-children:hover > a{color:#111;}
   .menu-has-children:hover > a i{transform:rotate(180deg);}
   .sub-menu li{display:block;width:100%;}
   .sub-menu li a{display:block;padding:8px 16px;color:#555;font-size:13px;}
   .sub-menu li a:hover{background:#f7f7f7;color:#111;}
}
.header-phone{width:250px;display:flex;justify-content:flex-end;align-items:center;}
.header-phone a{display:flex;align-items:center;gap:12px;color:#111111;}
.phone-icon{font-size:22px;display:flex;align-items:center;justify-content:center;}
.phone-number{font-size:13px;font-weight:600;letter-spacing:1.4px;white-space:nowrap;}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:7px;}
.menu-toggle span{display:block;width:27px;height:2px;background:#111111;margin:5px auto;transition:all 0.3s ease;}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle.active span:nth-child(2){opacity:0;}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.demo-content{min-height:500px;padding:100px 20px;text-align:center;}
.demo-content h1{font-size:40px;margin-bottom:15px;}
.demo-content p{color:#777777;font-size:16px;}
@media (max-width:1100px){
   .header-container{width:calc(100% - 40px);}
   .logo{width:130px;}
   .menu{gap:22px;}
   .menu-item>a{font-size:13px;}
   .header-phone{width:190px;}
   .phone-number{font-size:11px;letter-spacing:1px;}
   .phone-icon{font-size:19px;}
}
@media (max-width:820px){
   .site-header{height:auto;padding: 5px 0px;}
   .header-container{width:calc(100% - 25px);height:100%;display:flex;align-items:center;justify-content:space-between;}
   .logo{width:auto;margin:0;}
   .logo img{width:58px;height:58px;object-fit:contain;}
   .header-phone{width:auto;display:flex;align-items:center;margin-left:auto;margin-right:12px;}
   .header-phone a{display:flex;align-items:center;justify-content:center;}

   /* Phone icon */
   .phone-icon{display:flex;align-items:center;justify-content:center;font-size:20px;color:#111111;}

   /* Hide phone number on mobile */
   .phone-number{display:none;}
   .menu-toggle{display:block;width:42px;height:42px;margin:0;padding:6px;border:0;background:transparent;cursor:pointer;}
   .menu-toggle span{display:block;width:25px;height:2px;margin:5px auto;background:#111111;transition:all 0.3s ease;}
   .menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
   .menu-toggle.active span:nth-child(2){opacity:0;}
   .menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
   .main-navigation{position:absolute;top:60px;left:0;right:0;width:100%;height:auto;display:block;background:#ffffff;border:1px solid #eeeeee;border-top:0;box-shadow:0 15px 30px rgba(0,0,0,0.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease;max-height:calc(100vh - 78px);overflow-y:auto;}

   /* OPEN MENU */
   .main-navigation.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
   .menu{display:block;width:100%;height:auto;padding:8px 0 12px;}
   .menu-item{display:block;width:100%;height:auto;}
   .menu-item>a{width:100%;min-height:50px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;}

   /* Remove desktop underline */
   .menu-item.active>a::after{display:none;}
   .menu-item.active>a{font-weight:600;}
   .sub-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;border:0;box-shadow:none;background:#fafafa;padding:0;}
   .menu-has-children.open>.sub-menu{display:block;}
   .menu-has-children.open>a i{transform:rotate(180deg);}
   .sub-menu li a{display:block;padding:11px 20px 11px 40px;font-size:13px;}
}
@media (max-width:480px){
   .header-container{width:calc(100% - 15px);}
   .logo img{width:54px;height:54px;}
   .menu-toggle{width:42px;height:42px;}
   .menu-toggle span{width:25px;}
}


/* =====================================================
   HERO
===================================================== */
.hero{position: relative;}
.hero .carousel-item::before{content: "";background-color: rgba(0, 0, 0, 0.4);position: absolute;left: 0;top: 0;bottom: 0px;right: 0px;height: 100%;width: 100%;}
.hero .carousel-caption h1,.hero .carousel-caption h2{color:#ffffff!important;font-weight:800;}
.hero .carousel-caption p{font-size: 16px;font-weight: 500;}
.hero-more{margin: 10px 0px 30px 0px;}
.hero-more a{border: 2px solid var(--whitecolor);padding: 6px 16px;font-weight: 500;font-size: 16px;color: var(--whitecolor);display: inline-block;}
.hero-more i{padding-left: 6px;}
.hero-more:hover a{background-color: var(--maincolor);border: 2px solid var(--maincolor);}
@media (max-width:480px){
   .hero .carousel-item img{height: 250px;object-fit: cover;}
   .hero .carousel-caption{bottom: 0;left: 10%;right: 10%;}
   .hero .carousel-caption h1, .hero .carousel-caption h2{font-size: 20px;}
   .hero .carousel-caption p{font-size: 12px;}
   .hero-more a{padding: 6px 12px;font-size: 13px;}
}



/* =====================================================
   WELCOME
===================================================== */
/* Block: welcome */
.welcome{background-color:#ffffff;color:#333333;}
.welcome__container{max-width:1200px;}
.welcome__title{font-size:40px;font-weight:700;color: var(--maincolor);margin-bottom:15px;}
.welcome__divider{margin-bottom:25px;}
.welcome__divider-line{width:40px;height:1px;background-color:#777777;}
.welcome__description{text-align:center;color:#6e7b97;font-size:18px;font-weight:400;}

/* Block: card (Reusable Component) */
.card.welcome__card{background:#ffffff;border:1px solid #dcdcdc;border-radius:8px;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow 0.3s ease;width:100%;max-width:380px;box-sizing:border-box;}
.card.welcome__card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.08);border:1px solid var(--maincolor);}
.card__media{margin:0 auto 20px auto;height:80px;display:flex;align-items:center;justify-content:center;}
.card__img{max-height:100%;width:auto;object-fit:contain;}
.card__title{font-size:22px;font-weight:700;color: var(--maincolor);margin-bottom:20px;}
.card__text{font-size:14px;line-height:1.8;color:#555555;margin-bottom:30px;flex-grow:1;}
.card__link{font-size:13px;font-weight:600;color:#333333;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color 0.2s ease;}
.card__link:hover{color: var(--maincolor);}
.card__link-dash{font-weight:bold;}



/* =====================================================
   PROGRAM
===================================================== */
/* Block: programs */
.programs{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden; /* Prevents unwanted horizontal scrolling on mobile */}
.programs__container{width:100%;max-width:1200px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.programs__title{color:var(--maincolor);margin-bottom:15px;font-size:clamp(1.7rem,4vw,2.5rem);font-weight: 700; /* Scales down fluidly on smaller screens */}
.programs__divider{margin-bottom:25px;}
.programs__divider-line{width:40px;height:1px;background-color:#777777;}
.programs__divider-icon{width:20px;height:auto;display:block;}
.programs__description,.programs__subdescription{max-width:900px;font-size:clamp(0.95rem,1.5vw,1.05rem); /* Responsive font sizing */line-height:1.7;color:#4a4a4a;}

/* Block: program-card */
.program-card.programs__card{background:var(--whitecolor);border:1px solid #dcdcdc;border-radius:8px;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow 0.3s ease;box-sizing:border-box;width: 100%;}
.program-card.programs__card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.program-card__media{width:100%;height:320px;overflow:hidden;}
.program-card__img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.program-card.programs__card:hover .program-card__img{transform:scale(1.03);}
.program-card__title{color:var(--blackcolor);padding:18px 20px;margin:0;font-size:clamp(1.1rem,2vw,1.4rem); /* Responsive title sizing */font-weight:600;}
.program-card.programs__card:hover .program-card__title{color:var(--orangecolor);}
.program-card__link{display:block;color:inherit;text-decoration:none;}
.program-card__link:hover{color:inherit;text-decoration:none;}
.program-card__title{margin-bottom:0;}

/* Extra safety rule for extra small devices (phones under 400px) */
@media (max-width:400px){
  .program-card__media{height:200px;}
}




/* =====================================================
   Helping Hand
===================================================== */
/* Block: helping-hand */
.helping-hand{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden;}
.helping-hand__container{max-width:1200px;}

/* Image Collage Layout Styling */
.helping-hand__collage{position:relative;min-height:420px;width:100%;}
.helping-hand__img-wrapper{background:var(--whitecolor);padding:8px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08);position:absolute;}
.helping-hand__img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;}

/* Specific Collage Placements */
.helping-hand__img-wrapper--main{width:75%;height:340px;left:0;top:40px;z-index:2;}
.helping-hand__img-wrapper--top{width:32%;height:140px;right:10%;top:0;z-index:3;}
.helping-hand__img-wrapper--bottom{width:35%;height:130px;left:-15%;bottom:0;z-index:4;}

/* Content Area Styling */
.helping-hand__title{color:var(--maincolor);font-size:clamp(1.7rem,3.5vw,2.75rem);line-height:1.2;font-weight: 700;}
.helping-hand__divider{display:flex;align-items:center;}
.helping-hand__divider-line{width:40px;height:1px;background-color:#777777;}
.helping-hand__divider-icon{width:18px;height:auto;display:block;}
.helping-hand__description{font-size:15px;line-height:1.7;color:#4a4a4a;}
.helping-hand__subtitle{color:var(--maincolor);font-size:1.25rem;font-weight:700;margin-bottom:8px;}
.helping-hand__subtext{font-size:14px;line-height:1.6;color:#555555;margin:0;}

/* Custom Button Styling */
.helping-hand__btn{background-color:var(--blackcolor);color:var(--whitecolor);padding:12px 30px;border-radius:6px;font-weight:600;font-size:14px;text-transform:uppercase;border:none;}
.helping-hand__btn:hover{background-color:var(--maincolor);color:var(--whitecolor);}

/* Responsive adjustments for smaller screens */
@media (max-width:991.98px){
  .helping-hand__collage{min-height:350px;margin-bottom:30px;
    .helping-hand__img-wrapper--bottom{left:0;}
  }
  .helping-hand__img-wrapper--main{height:280px;}
}
@media (max-width:575.98px){
  .helping-hand__collage{min-height:300px;}
  .helping-hand__img-wrapper--main{height:220px;width:80%;}
  .helping-hand__img-wrapper--bottom{left:0;}
}




/* =====================================================
   CTA Banner
===================================================== */
/* Block: cta-banner */
.cta-banner{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;padding:150px 0px;overflow:hidden;background-attachment:fixed;}
.cta-banner__container{position:relative;z-index:2;}
.cta-banner__title{color:var(--whitecolor);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.3;margin:0;}

/* Button styling matching the black box placeholder */
.cta-banner__btn{background-color:var(--blackcolor);color:var(--whitecolor);padding:12px 35px;border-radius:6px;font-weight:600;font-size:14px;text-transform:uppercase;border:none;transition:background-color 0.3s ease,color 0.3s ease;}
.cta-banner__btn:hover{background-color:var(--whitecolor);color:var(--blackcolor);}

/* Responsive padding for smaller devices */
@media (max-width:767.98px){
  .cta-banner{padding:60px 15px;}
}




/* =====================================================
   WHY VSN
===================================================== */
/* Block: why-vsn */
.why-vsn{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden;}
.why-vsn__container{max-width:1200px;}
.why-vsn__title{color:var(--maincolor);margin-bottom:15px;font-size:clamp(2rem,3.5vw,2.75rem);}
.why-vsn__divider{margin-bottom:25px;}
.why-vsn__divider-line{width:40px;height:1px;background-color:#777777;}
.why-vsn__divider-icon{width:18px;height:auto;display:block;}
.why-vsn__subtitle{max-width:700px;font-size:16px;line-height:1.6;color:#4a4a4a;}

/* Bootstrap Nav Tabs Customization via BEM */
.why-vsn__tabs{border:none!important;}
.why-vsn__tab-link{background:transparent!important;border:none!important;font-size:13.5px;font-weight:700;color:var(--maincolor)!important;padding:8px 4px;transition:color 0.3s ease;white-space:normal;}

/* Active tab style matching your design */
.why-vsn__tab-link.active{color:var(--blackcolor)!important;}

/* Tab Text Content Styling */
.why-vsn__tab-content{font-size:13.5px;line-height:1.8;color:#555555;}

/* Image Collage Layout Styling */
.why-vsn__collage{position:relative;min-height:480px;width:100%;}
.why-vsn__img-wrapper{background:var(--whitecolor);padding:6px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.08);position:absolute;}
.why-vsn__img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;}

/* Specific Collage Positions */
.why-vsn__img-wrapper--main{width:55%;height:270px;left:20%;top:60px;z-index:2;}
.why-vsn__img-wrapper--top{width:25%;height:130px;right:5%;top:0;z-index:3;}
.why-vsn__img-wrapper--bottom-left{width:28%;height:130px;left:5%;bottom:42px;z-index:4;}
.why-vsn__img-wrapper--bottom-right{width:28%;height:120px;right:15%;bottom:54px;z-index:4;}

/* Responsive adjustments */
@media (max-width:991.98px){
  .why-vsn__collage{min-height:380px;margin-top:40px;}
}
@media (max-width:575.98px){
  .why-vsn__collage{min-height:320px;}
  .why-vsn__img-wrapper--main{width:65%;height:220px;left:15%;}
}




/* =====================================================
   Hope Section
===================================================== */
/* Block: hope-section */
.hope-section{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden;}
.hope-section__container{max-width:1200px;}
.hope-section__title{color:var(--maincolor);margin-bottom:15px;font-size:clamp(1.7rem,3.5vw,2.75rem);font-weight: 700;}
.hope-section__divider{margin-bottom:20px;}
.hope-section__divider-line{width:40px;height:1px;background-color:#777777;}
.hope-section__divider-icon{width:18px;height:auto;display:block;}
.hope-section__subtitle{max-width:700px;font-size:15px;line-height:1.6;color:#4a4a4a;}

/* Main Split Box Layout */
.hope-box{background:var(--whitecolor);border:1px solid #dcdcdc;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.04);}

/* Left Image Section */
.hope-box__left{min-height:380px;overflow:hidden;}
.hope-box__img{width:100%;height:100%;object-fit:cover;display:block;}

/* Overlay Text Styling */
.hope-box__overlay-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;background:rgba(0,0,0,0.15); /* Soft dim to make the green text readable */}
.hope-box__overlay-text h3{color:var(--whitecolor);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;line-height:1.4;margin:0;}

/* Right Form Section */
.hope-box__right{background-color:var(--whitecolor);}
.hope-form__input{border:1px solid #ced4da;border-radius:6px;padding:12px 15px;font-size:14px;color:var(--blackcolor);background-color:#fff;transition:border-color 0.3s ease,box-shadow 0.3s ease;}
.hope-form__input:focus{border-color:var(--maincolor);box-shadow:0 0 0 0.2rem rgba(0,123,44,0.15);}
.hope-form__textarea{resize:none;}

/* Submit Button Styling */
.hope-form__btn{background-color:var(--blackcolor);color:var(--whitecolor);padding:12px;border-radius:6px;font-weight:600;font-size:14px;text-transform:uppercase;border:none;transition:background-color 0.3s ease;}
.hope-form__btn:hover{background-color:var(--maincolor);color:var(--whitecolor);}

/* Responsive adjustments */
@media (max-width:991.98px){
  .hope-box__left{min-height:300px;}
}




/* =====================================================
   Counter Section
===================================================== */
/* Block: stats-banner */
.stats-banner{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;padding:100px 0;overflow:hidden;}
.stats-banner__container{position:relative;z-index:2;}
.stats-banner__item{padding:15px;}
.stats-banner__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;}
.stats-banner__icon{width:auto;filter:brightness(0) saturate(100%) invert(84%) sepia(34%) saturate(849%) hue-rotate(345deg) brightness(101%) contrast(98%); /* Adjust filter if needed to match yellow/gold icon color */}
.stats-banner__number{font-family:"Roboto",sans-serif;color:#26cc8c; /* Or use custom bright green/yellow from your layout variables */font-size:clamp(2.2rem,4.5vw,4rem);font-weight:700;margin-bottom:5px;line-height:1.2;}
.stats-banner__label{color:#ffcc00; /* Yellow/Gold text label styling matching image */font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin:0;}


/* =====================================================
  Our Impacts
===================================================== */
/* Block: our-impacts */
.our-impacts{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden;}
.our-impacts__container{max-width:1200px;}
.our-impacts__title{color:var(--maincolor);margin-bottom:15px;font-size:clamp(1.7rem,3.5vw,2.75rem);font-weight: 700;}
.our-impacts__divider{margin-bottom:20px;}
.our-impacts__divider-line{width:40px;height:1px;background-color:#777777;}
.our-impacts__divider-icon{width:18px;height:auto;display:block;}
.our-impacts__subtitle{max-width:750px;font-size:16px;line-height:1.6;color:#4a4a4a;}

/* Block: impact-card */
.impact-card{background:var(--whitecolor);border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 5px 20px rgba(0,0,0,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.impact-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.impact-card__media{height:220px;width:100%;overflow:hidden;}
.impact-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
.impact-card:hover .impact-card__img{transform:scale(1.05);}
.impact-card__body{padding:25px 20px;display:flex;flex-direction:column;flex-grow:1;}
.impact-card__title{color:var(--maincolor);font-size:1.35rem;font-weight:700;margin-bottom:12px;}
.impact-card__text{font-size:13.5px;line-height:1.7;color:#555555;margin-bottom:20px;flex-grow:1;}

/* Social Icons Area */
.impact-card__socials{display:flex;gap:10px;margin-top:auto;}
.impact-card__social-link{width:32px;height:32px;background-color:var(--maincolor);color:var(--whitecolor);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;transition:background-color 0.3s ease;}
.impact-card__social-link:hover{background-color:var(--blackcolor);color:var(--whitecolor);}




/* =====================================================
  Learn Nepali Language
===================================================== */
/* Block: learn-nepali */
.learn-nepali{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden;}
.learn-nepali__container{max-width:800px;}
.learn-nepali__title{color:var(--maincolor);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;margin-bottom:0;}
.learn-nepali__divider{display:flex;align-items:center;justify-content:center;}
.learn-nepali__divider-line{width:40px;height:1px;background-color:#777777;}
.learn-nepali__divider-icon{color:var(--maincolor);font-size:16px;display:inline-block;}
.learn-nepali__subtitle{font-size:15px;line-height:1.7;color:#4a4a4a;max-width:650px;}

/* Custom Button Styling */
.learn-nepali__btn{background-color:var(--blackcolor);color:var(--whitecolor);padding:12px 30px;border-radius:6px;font-weight:600;font-size:14px;text-transform:uppercase;border:none;transition:background-color 0.3s ease,color 0.3s ease;}
.learn-nepali__btn:hover{background-color:var(--maincolor);color:var(--whitecolor);}




/* =====================================================
  MEET OUR VOLUNTEER
===================================================== */
/* Block: testimonials */
.testimonials{background-color:var(--whitecolor);overflow:hidden;background-position:right center;background-repeat:no-repeat;background-size:contain;}

/* --- Left Side (Header & Text) --- */
.testimonials__title{color:var(--maincolor);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;text-transform:uppercase;margin-bottom:0;letter-spacing:0.5px;font-weight: 700;}
.testimonials__divider-line{width:25px;height:1px;background-color:#555555;}
.testimonials__divider-icon{color:var(--maincolor);font-size:18px;}
.testimonials__text{color:#666666;font-size:16px;line-height:1.7;max-width:420px;}

/* Decorative Yellow Dot Patterns */
.testimonials__dots{position:absolute;width:80px;height:60px;background-image:radial-gradient(circle,#fff3cd 40%,transparent 40%);background-size:16px 16px;z-index:0;}
.testimonials__dots--top{top:-30px;left:0;}
.testimonials__dots--bottom{bottom:-40px;right:80px;}
.testimonials__title,.testimonials__text,.testimonials__divider{position:relative;z-index:1;}

/* --- Right Side (Sliding Testimonial Box) --- */
.testimonials__box{background-color:#43CC8C; /* Bright green block from design */padding:20px;position:relative;z-index:1;}
.testimonials__quote{color:#ffffff;font-size:18px;font-style:italic;line-height:1.8;margin-bottom:0;font-weight:600;}
.testimonials__author-img{width:55px;height:55px;object-fit:cover;}
.testimonials__author-name,.test-position{color:#ffffff;font-size:15px;font-weight:700;}

/* Customizing Slick Dots to fit nicely inside the green box */
.testimonials__box .slick-dots{bottom:-25px;}
.testimonials__box .slick-dots li button:before{font-size:10px;color:#ffffff;opacity:0.5;}
.testimonials__box .slick-dots li.slick-active button:before{color:#ffffff;opacity:1;}

/* Responsive adjustments */
@media (max-width:991.98px){
   .testimonials__box{padding:40px 30px;}
   .testimonials__dots--bottom{display:none;}
}





/* =====================================================
 News and Blogs
===================================================== */
/* Block: news-blogs */
.news-blogs{background-color:var(--whitecolor);color:var(--blackcolor);width:100%;overflow:hidden;padding: 30px 0px 60px 0px;}
.news-blogs__container{max-width:1200px;}
.news-blogs__title{color:var(--maincolor);margin-bottom:15px;font-size:clamp(1.7rem,3.5vw,2.75rem);font-weight:700;}
.news-blogs__divider{margin-bottom:20px;}
.news-blogs__divider-line{width:40px;height:1px;background-color:#777777;}
.news-blogs__divider-icon{color:var(--maincolor);font-size:16px;display:block;}
.news-blogs__subtitle{max-width:600px;font-size:16px;line-height:1.6;color:#4a4a4a;font-weight:500;}

/* Block: blog-card */
.blog-card{background:var(--whitecolor);border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.08);}
.blog-card__media{height:220px;width:100%;overflow:hidden;}
.blog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
.blog-card:hover .blog-card__img{transform:scale(1.05);}
.blog-card__body{padding:24px 20px;display:flex;flex-direction:column;flex-grow:1;}
.blog-card__title{color:var(--blackcolor);font-size:1.1rem;font-weight:600;line-height:1.5;margin-bottom:25px;flex-grow:1;}

/* Read More Button styling matching the gold/yellow look in the reference */
.blog-card__action{margin-top:auto;}
.blog-card__btn{background-color:#ffcc00; /* Yellow accent color from design */color:#111111;font-size:13px;font-weight:600;padding:8px 20px;border-radius:6px;border:none;text-transform:capitalize;transition:background-color 0.3s ease,transform 0.2s ease;}
.blog-card__btn:hover{background-color:#e6b800;color:#111111;}





/* =====================================================
 Footer
===================================================== */
/* Block: footer */
.footer{background-color:#091122; /* Deep dark navy background from image */color:#b0bec5;font-size:14px;overflow:hidden;}
.footer__container{max-width:1200px;position:relative;z-index:2;}

/* Brand Section */
.footer__logo{max-width:110px;height:auto;display:block;}
.footer__address{color:#e0e0e0;margin-bottom:8px;}
.footer__phone a,.footer__email a{color:#00d289; /* Bright green text accent matching reference */text-decoration:none;transition:opacity 0.2s ease;}
.footer__phone a:hover,.footer__email a:hover{opacity:0.8;}

/* Headings & Lists */
.footer__heading{color:#ffffff;font-size:13px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:20px;}
.footer__list{margin:0;padding:0;}
.footer__list li{margin-bottom:10px;}
.footer__link{color:#b0bec5 !important;text-decoration:none;font-size:13.5px;display:inline-flex;align-items:center;transition:color 0.2s ease;}
.footer__link:hover{color: var(--maincolor) !important;}
.footer__icon{font-size:10px;color:#00d289;margin-right:6px;transition:transform 0.2s ease;}
.footer__link:hover .footer__icon{transform:translateX(3px);}

/* Divider */
.footer__divider{border:0;border-top:1px dashed rgba(255,255,255,0.2);margin:40px 0 25px 0;}

/* Bottom Row Layout */
.footer__copyright{color:#8c9eff; /* Soft grey/blue tone for copyright text */font-size:13px;}

/* Social Media Icons */
.footer__socials{display:inline-flex;gap:20px;}
.footer__social-icon{color:#ffffff;font-size:14px;text-decoration:none;transition:color 0.2s ease;}
.footer__social-icon:hover{color:#00d289;}


/* =====================================================
 Breadcrumb
===================================================== */
/* Block: breadcrumb-section */
.breadcrumb-section{background-color:#f8f9fa; /* Soft neutral background */width:100%;}

/* Customizing Bootstrap Breadcrumb */
.custom-breadcrumb{background-color:transparent;padding:0;margin:0;font-size:14px;}
.breadcrumb-link{color:#555555;text-decoration:none;font-weight:500;transition:color 0.2s ease;display:inline-flex;align-items:center;}
.breadcrumb-link:hover{color:var(--maincolor); /* Uses your primary brand green token */}
.breadcrumb-home-icon{margin-right:5px;font-size:13px;color:var(--maincolor);}

/* Breadcrumb Separator Styling */
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before{content:"/";color:#adb5bd;padding-right:8px;padding-left:8px;}

/* Active current page item */
.custom-breadcrumb .breadcrumb-item.active{color:var(--maincolor);font-weight:600;}


/* =====================================================
 About Page
===================================================== */
/* Block: about-vsn */
.about-vsn{background-color:var(--whitecolor);color:#333333;overflow:hidden;}
.about-vsn__container{max-width:1200px;}
.about-vsn__title{color:#1a1a1a;font-size:clamp(1.75rem,2.5vw,2.2rem);font-weight:600;letter-spacing:-0.5px;}
.about-vsn__text{font-size:14px;line-height:1.75;color:#4f4f4f;margin-bottom:1.25rem;}
.about-vsn__highlight{font-size:14.5px;line-height:1.6;color:#1a1a1a;font-weight:500;}

/* Image Layout Styling */
.about-vsn__images{display:flex;flex-direction:column;}
.about-vsn__img-box{width:100%;overflow:hidden;border-radius:12px;}
.about-vsn__img-box--large{height:260px;}
.about-vsn__img-box--small{height:200px;}
.about-vsn__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
.about-vsn__img-box:hover .about-vsn__img{transform:scale(1.03);}
.about-vsn__content p{font-size:14px;line-height:1.75;color:#4f4f4f;margin-bottom:1.25rem;}
/* Responsive Customization */
@media (max-width:991.98px){
   .about-vsn__img-box--large{height:220px;}
   .about-vsn__img-box--small{height:180px;}
}
/* Our Mission */
/* Block: our-mission */
.our-mission{background-color:#0b132b; /* Deep dark navy background */color:#ffffff;overflow:hidden;}
.our-mission__left-col{  /* background-color: #0b132b; */
position:relative;  /* Adds the faint world map background image matching the design reference */background-image:url('../../assets/images/map.webp');background-position:center center;background-repeat:no-repeat;background-size:cover;}
.our-mission__tag{color:#ff9f1c; /* Orange accent tag color from the layout */font-size:12.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:12px;}
.our-mission__title{color:#ffffff;font-size:clamp(2rem,2.75vw,2.6rem);font-weight:700;line-height:1.25;margin-bottom:0;}

/* Component: mission-card */
.mission-card{display:flex;flex-direction:column;height:100%;}
.mission-card__icon-box{width:64px;height:64px;background-color:#ffcc00; /* Bright gold/yellow badge color */border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.mission-card__icon{color:#111111;font-size:32px;}
.mission-card__title{color:#ffffff;font-size:1.15rem;font-weight:600;margin-bottom:10px;}
.mission-card p{color:#b0bec5; /* Muted light text for readability */font-size:13.5px;line-height:1.65;margin-bottom:0;}

/* Right Image Column */
.our-mission__right-col{display:flex;}
.our-mission__img-box{width:100%;height:100%;min-height:100%;overflow:hidden;}
.our-mission__img{width:100%;height:100%;object-fit:cover;display:block;}

/* Responsive Customizations */
@media (max-width:991.98px){
   .our-mission__right-col{min-height:400px;}
}

/* why Volunteer Society Nepal (VSN) */

/* Block: why-vsn */
/* Block: why-vsn section positioning */
.why-vsn{position:relative;background-color:#fafbfc;overflow:hidden; /* Prevents shapes from overflowing outside the section bounds */}
.why-vsn__container{max-width:1200px;position:relative;z-index:2; /* Keeps content layered above the background shapes */}

/* Left Decorative Shape */
.left-spape-vsn{position:absolute;top:50%;left:0;transform:translateY(-50%);width:180px; /* Adjust size as needed */z-index:1;opacity:0.6;pointer-events:none; /* Ensures shape doesn't block mouse interactions */}
.left-spape-vsn img{width:100%;height:auto;display:block;}

/* Right Decorative Shape */
.right-spape-vsn{position:absolute;top:50%;right:0;transform:translateY(-50%);width:180px; /* Adjust size as needed */z-index:1;opacity:0.6;pointer-events:none;}
.right-spape-vsn img{width:100%;height:auto;display:block;}

/* Hide or scale down decorative shapes gracefully on tablets and mobile */
@media (max-width:1199.98px){
   .left-spape-vsn,.right-spape-vsn{width:120px;opacity:0.3;}
}
@media (max-width:767.98px){
   .left-spape-vsn,.right-spape-vsn{display:none; /* Hidden on mobile to keep text clean and readable */}
}
.why-vsn__container{max-width:1200px;position:relative;z-index:2;}
.why-vsn__tag{color:#222222;font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;display:block;}
.why-vsn__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;}
.why-vsn__title-line{width:50px;height:2px;background-color:var(--maincolor); /* Primary green theme accent */}

/* Component: feature-card */
.feature-card{position:relative;padding:10px 0;z-index:1;}

/* Giant background numbers (01, 02, etc.) */
.feature-card__bg-number{position:absolute;top:-15px;left:-10px;font-size:10rem;font-weight:800;color:var(--whitecolor); /* Subtle watermark layer */z-index:-1;user-select:none;line-height:1;}
.feature-card__icon{color:#ffcc00; /* Signature gold checkmark color */font-size:1.25rem;font-weight:800;display:inline-flex;}
.feature-card__title{color:#1a1a1a;font-size:1.15rem;font-weight:600;}
.feature-card p{color:#555555;font-size:14px;line-height:1.7;margin-bottom:0;}

/* Responsive Customizations */
@media (max-width:991.98px){
   .why-vsn{background-image:none; /* Hide background line art on smaller screens */}
}
/* CTA Page */
/* Block: exciting-world banner */
.exciting-world{position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;padding-top:130px!important;padding-bottom:130px!important;overflow:hidden;}

/* Dark gradient overlay to ensure text contrast over the image */
.exciting-world::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.6) 100%);z-index:1;}
.exciting-world__container{position:relative;z-index:2;}
.exciting-world__title{color:#ffffff;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;letter-spacing:-0.5px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.3);}

/* Call to action button styling */
.exciting-world__btn{background-color:#0b132b; /* Dark navy card/button look */color:#ffffff;border:1px solid rgba(255,255,255,0.3);padding:12px 28px;font-size:14.5px;font-weight:500;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.exciting-world__btn:hover{background-color:#1a2340;color:#ffffff;border-color:rgba(255,255,255,0.6);transform:translateY(-2px);}

/* Responsive spacing adjustments */
@media (max-width:767.98px){
   .exciting-world{padding-top:70px!important;padding-bottom:70px!important;}
}
/* Block: nepal-volunteering */
.nepal-volunteering{background-color:#ffffff;color:#333333;overflow:hidden;}
.nepal-volunteering__tag{color:#0b132b;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;display:block;margin-bottom:8px;}
.nepal-volunteering__title{color:#0b132b; /* Deep primary navy matching brand headers */font-size:clamp(2rem,3vw,2.75rem);font-weight:700;letter-spacing:-0.5px;}
.nepal-volunteering__content p{font-size:14px;line-height:1.75;color:#555555;margin-bottom:1rem;}

/* Bullet list checkmark layout */
.nepal-volunteering__list li{display:flex;align-items:center;font-size:14px;font-weight:500;color:#222222;margin-bottom:12px;}
.nepal-volunteering__icon{color:#ff4500; /* Distinct reddish-orange checkmark icon color from the design */font-size:15px;margin-right:8px;flex-shrink:0;}

/* Video Wrapper Styling */
.nepal-volunteering__video-wrapper{border-radius:8px;overflow:hidden;background-color:#000000;border:4px solid #ffffff;box-shadow:0 10px 25px rgba(0,0,0,0.08);}

/* Block: why-vsn-grid */
.why-vsn-grid{background-color:#f4f6f8; /* Soft neutral background tint */color:#333333;overflow:hidden;}

/* Component: why-card */
.why-card{position:relative;}
.why-card__icon-box{width:32px;height:32px;background-color:#ff5722; /* Vibrant orange circular checkmark container */border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.why-card__icon{color:#ffffff;font-size:1.1rem;font-weight:700;}
.why-card__title{color:#1a1a1a;font-size:1.5rem;font-weight:600;letter-spacing:-0.3px;}
.why-card p{color:#555555;font-size:14px;line-height:1.75;}

/* Block: volunteer-reviews */
.volunteer-reviews{background-color:#ffffff;position:relative;overflow:hidden;padding-top:70px;padding-bottom:50px;}
.volunteer-reviews__container{max-width:1140px;position:relative;z-index:2;}
.volunteer-reviews__tag{color:#ff5722;font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;display:block;margin-bottom:12px;}
.volunteer-reviews__title{color:#1a233a;font-size:clamp(2rem,2.75vw,2.6rem);font-weight:700;line-height:1.25;letter-spacing:-0.5px;}
.volunteer-reviews__divider{width:50px;height:2px;background-color:#ff5722;margin-bottom:200px;}
@media (min-width:992px){
   .border-end-lg{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
}

/* Single Side Image Positioning */
.volunteer-reviews__side-image{position:absolute;top:15px;z-index:1;}
.volunteer-reviews__side-image--left{left:0;width:220px;}
.volunteer-reviews__side-image--right{right:0;width:260px;}
.volunteer-reviews__side-image img{width:100%;height:auto;display:block;}

/* Stat Cards Footer */
.stat-card__number{color: var(--maincolor);font-size:1.55rem;font-weight:700;font-family:"Roboto",sans-serif;f}
.stat-card__label{color:#666666;font-size:10px;font-weight:600;letter-spacing:0.5px;text-transform: uppercase;}
.stat-card__icon i{color: var(--maincolor);}

/* Responsive adjustment for viewports smaller than desktop */
@media (max-width:1399.98px){
   .volunteer-reviews__side-image{display:none;}
}
/* Our Team */
/* Team Section Styles */
.team-card{transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(0,0,0,0.04);}
.team-card:hover{transform:translateY(-6px);box-shadow:0 1rem 2rem rgba(0,0,0,0.08)!important;}
.team-card__img-wrapper{height:240px;overflow:hidden;background-color:#f1f3f5;}
.team-card__img{height:100%;object-fit:cover;transition:transform 0.5s ease;}
.team-card:hover .team-card__img{transform:scale(1.05);}
.team-card__name{letter-spacing:-0.3px;}
.team-card__btn{transition:all 0.2s ease-in-out;}
.team-card__btn:hover{background-color:var(--maincolor);color:#ffffff;}

/* Host Families Section */
.host-families{background-color:#ffffff;}
.host-families__tag{letter-spacing:0.5px;font-size:13px!important;}
.host-families__title{font-size:clamp(2rem,2.5vw,2.5rem);color:#1a233a!important;letter-spacing:-0.5px;}
.host-families__content p{font-size:0.95rem;line-height:1.7;}

/* Checkmark items styling */
.host-families li span{font-size:0.9rem!important;color:#333333;}
.host-families li i{font-size:1rem;}

/* Video wrapper rounded styling */
.host-families__video-wrapper{border:1px solid rgba(0,0,0,0.08);background-color:#000000;}

/* Host Details Section */
.host-details{background-color:#ffffff;}

/* Rounded orange checkmark icon badge */
.host-item__icon-wrapper{width:32px;height:32px;background-color:#ff5722;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* Section Headings */
.host-item__title{font-size:1.45rem;letter-spacing:-0.3px;color:#1a233a!important;}

/* Section Descriptions */
.host-item__desc{font-size:0.95rem;line-height:1.75;color:#555555!important;}

/* Gallery Section Styling */
.hosts-gallery{background-color:#ffffff;padding-bottom:50px;}
.hosts-gallery__heading{color:#1a233a;font-size:clamp(2rem,2.5vw,3.4rem);letter-spacing:-0.5px;}
.hosts-gallery__card{height:250px;background-color:#f8f9fa;text-decoration:none;}
.hosts-gallery__img{height:100%;object-fit:cover;transition:transform 0.4s ease;}

/* Hover Zoom Effect & Overlay */
.hosts-gallery__overlay{background:rgba(0,0,0,0.4);opacity:0;transition:opacity 0.3s ease;top:0;left:0;}
.hosts-gallery__card:hover .hosts-gallery__img{transform:scale(1.06);}
.hosts-gallery__card:hover .hosts-gallery__overlay{opacity:1;}


.host-details--light{background-color: #EFEFEF;}

/* Attractions Section Background & Layout */
.attractions-section{padding:80px 0 160px 0; /* Extra bottom padding so the overlapping card sits nicely */color:#ffffff;position:relative;background-repeat:no-repeat;background-size:auto;background-position:0px 0px;background-color:#F6F8FB;}

/* Header Typography */
.attractions-header{margin-bottom:40px;}
.attractions-subtitle{display:block;font-size:0.75rem;font-weight:700;letter-spacing:2px;color:#e46d30; /* Orange accent matching your color scheme */margin-bottom:10px;text-transform:uppercase;}
.attractions-title{font-size:2.75rem;font-weight:700;line-height:1.2;color:#ffffff;margin-bottom:15px;}
.attractions-desc{font-size:0.95rem;color:#a0aec0;margin-bottom:20px;}
.attractions-divider{width:40px;height:3px;background-color:#26cc8c; /* Teal/Green brand highlight */margin:0 auto;border-radius:2px;}

/* Video Card Container (Overlapping effect) */
.video-card-container{margin:0 auto;background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3);position:relative;    /* Negative margin pulls the card down to overlap the white background section below if needed */margin-bottom:-80px;z-index:10;}

/* Video Wrapper */
.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

/* Bottom Footer Bar */
.video-footer-bar{display:flex;justify-content:center;align-items:center;gap:12px;padding:18px 20px;background-color:#ffffff;border-top:1px solid #edf2f7;flex-wrap:wrap;text-align:center;}
.expert-text{font-size:0.85rem;color:#4a5568;font-weight:400;}
.expert-phone{color:#e46d30;font-weight:700;text-decoration:none;}
.expert-phone:hover{text-decoration:underline;}
.quote-btn{background-color:#0b192c;color:#ffffff;font-size:0.8rem;font-weight:600;padding:8px 16px;border-radius:4px;text-decoration:none;transition:background-color 0.2s ease;}
.quote-btn:hover{background-color:var(--maincolor);color:# var(--white);}
.quote-btn i{padding-left: 6px;}

/* Responsive Styles */
@media (max-width:768px){
   .attractions-title{font-size:2rem;}
   .video-footer-bar{flex-direction:column;gap:8px;padding:14px;}
}



/* =====================================================
 Placements
===================================================== */
/* Page & Typography Customizations */
.internship-page{background-color:#f4f6f9!important;}
.internship-header__lead,.internship-header__text{line-height:1.8;}

/* Beautiful Card Styling */
.intern-card{transition:all 0.35s cubic-bezier(0.165,0.84,0.44,1);box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.04)!important;}
.intern-card:hover{transform:translateY(-8px);box-shadow:0 1rem 2.5rem rgba(0,0,0,0.08)!important;}
.intern-card__img-wrapper{height:230px;overflow:hidden;background-color:#e9ecef;}
.intern-card__img{height:100%;object-fit:cover;transition:transform 0.6s ease;}
.intern-card:hover .intern-card__img{transform:scale(1.06);}
.intern-card__title{letter-spacing:-0.3px;color:#1a233a!important;}

/* Success Button Enhancements */
.intern-card__btn{transition:background-color 0.2s ease,transform 0.2s ease;letter-spacing:0.3px;}
.intern-card__btn:hover{transform:translateY(-2px);}
/* =========================================
   MODERN INTERNSHIP CARDS
========================================= */

.internship-grid{--card-green:#198754;--card-dark:#14251d;--card-text:#66736d;--card-border:#e8eeeb;}

/* Card */
.internship-card{height:100%;background:#ffffff;border:1px solid var(--card-border);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(20,37,29,0.06);transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;}

/* Hover */
.internship-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(20,37,29,0.13);border-color:rgba(25,135,84,0.25);}

/* Image */
.internship-card__image{height:235px;position:relative;overflow:hidden;}
.internship-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease;}
.internship-card:hover .internship-card__image img{transform:scale(1.07);}

/* Gradient */
.internship-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.35),transparent 55%);pointer-events:none;}

/* Badge */
.internship-card__badge{position:absolute;top:16px;left:16px;padding:7px 13px;background:rgba(255,255,255,0.95);color:var(--card-green);border-radius:50px;font-size:12px;font-weight:700;letter-spacing:0.2px;z-index:2;box-shadow:0 4px 15px rgba(0,0,0,0.08);}

/* Content */
.internship-card__content{padding:24px;display:flex;flex-direction:column;flex:1;}

/* Meta */
.internship-card__meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;color:#7b8781;font-size:12px;font-weight:500;}
.internship-card__meta span{display:inline-flex;align-items:center;gap:5px;}
.internship-card__meta i{color:var(--card-green);font-size:13px;}

/* Heading */
.internship-card h3{margin:0 0 11px;color:var(--card-dark);font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-0.3px;}

/* Description */
.internship-card p{margin:0 0 24px;color:var(--card-text);font-size:14px;line-height:1.75;}

/* Button */
.internship-card__link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 11px 7px 14px;color:#ffffff;background:var(--card-green);border-radius:12px;text-decoration:none;font-size:14px;font-weight:600;transition:background 0.3s ease,padding 0.3s ease;}
.internship-card__link:hover{color:#ffffff;background:#146c43;padding-left:20px;}

/* Arrow */
.internship-card__arrow{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.15);border-radius:9px;transition:transform 0.3s ease,background 0.3s ease;}
.internship-card__link:hover .internship-card__arrow{transform:rotate(45deg);background:rgba(255,255,255,0.25);}

/* =========================================
   TABLET
========================================= */
@media (max-width:991.98px){
   .internship-card__image{height:220px;}
   .internship-card__content{padding:22px;}
}

/* =========================================
   MOBILE
========================================= */
@media (max-width:575.98px){
   .internship-card{border-radius:18px;}
   .internship-card__image{height:215px;}
   .internship-card__content{padding:20px;}
   .internship-card h3{font-size:19px;}
   .internship-card p{font-size:13.5px;line-height:1.7;}
}


/* =====================================================
 Placement Detail Page
===================================================== */
.text-orange{color:#e67e22!important;}
.bg-orange{background-color:#e67e22!important;}
.btn-orange{background-color:#e67e22;border-color:#e67e22;transition:background-color 0.2s ease;}
.btn-orange:hover{background-color:#d35400;border-color:#d35400;}
.font-serif{font-family:Georgia,serif;letter-spacing:-0.5px;}
.leading-relaxed{line-height:1.8;}
.cursor-pointer{cursor:pointer;}
.border-dashed{border-style:dashed!important;}

/* Responsive Vertical Timeline Layout */
.tour-timeline-wrapper{position:relative;}
.tour-timeline-line{position:absolute;top:10px;bottom:10px;left:11px;width:2px;background-color:#dcdcdc;z-index:1;}
.timeline-item{position:relative;padding-left:36px;margin-bottom:24px;}
.timeline-dot{position:absolute;left:-3px;top:0px;width:30px;height:30px;background-color:#ffffff;border:2px solid #dcdcdc;border-radius:50%;z-index:2;transition:all 0.2s ease;}
.timeline-item.active-item .timeline-dot{border-color:#e67e22;background-color:#e67e22;box-shadow:0 0 0 3px rgba(230,126,34,0.2);}
.timeline-item.active-item .timeline-title{color:#e67e22!important;}

/* Calendar Dropdown Styling */
.calendar-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#ffffff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,0.1);z-index:1000;padding:12px;display:none;}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px;}
.calendar-day-header{font-size:0.75rem;font-weight:600;color:#6c757d;padding-bottom:4px;}
.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:0.85rem;border-radius:50%;cursor:pointer;color:#212529;transition:all 0.15s ease;}
.calendar-day:hover{background-color:#f8f9fa;color:#e67e22;}
.calendar-day.other-month{color:#adb5bd;}
.calendar-day.selected{background-color:#e67e22!important;color:#ffffff!important;font-weight:600;}
.highlight-box{border:none;box-shadow:none;border-radius:0px;}
.highlight-box ul li i{font-size:20px;}
.timeline-title:hover{color:var(--orangecolor)!important;}

/* Mobile view adjustments for sticky column */
@media (max-width:991.98px){
   .tour-booking-widget{position:relative!important;top:0!important;}
}
#descriptionContent{max-height:160px; /* Adjust this value to control how much text shows initially (~200 words) */overflow:hidden;position:relative;transition:max-height 0.3s ease-in-out;}

/* Optional fading gradient at the bottom when collapsed */
#descriptionContent.collapsed::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(transparent,#ffffff); /* Change #ffffff to match your card/page background color */}
#descriptionContent.expanded{max-height:3000px; /* Set high enough to fit your full backend content */}
.sidebar-booking-wrapper .btn-primary{background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);border:none;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.sidebar-booking-wrapper .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,114,255,0.3)!important;}
.sidebar-booking-wrapper .btn-outline-warning{border-color:#ff9800;color:#ff9800;background-color:#fff;transition:all 0.2s ease;}
.sidebar-booking-wrapper .btn-outline-warning:hover{background-color:#ff9800;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,152,0,0.2);}
.sidebar-booking-wrapper .card{transition:box-shadow 0.3s ease;}
.sidebar-booking-wrapper .card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.07)!important;}

/* Premium Soft Box Background */
.booking-widget-card{background:linear-gradient(135deg,#f8fbf9 0%,#edf5f0 100%);border:1px solid #dbebe2!important;box-shadow:0 10px 30px rgba(0,0,0,0.04);transition:all 0.3s ease;}
.booking-widget-card:hover{box-shadow:0 15px 35px rgba(0,0,0,0.07);}

/* Custom Primary Button (Vibrant Blue with smooth lift) */
.btn-primary-custom{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border:none;color:#ffffff;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,123,255,0.3)!important;color:#ffffff;}

/* Custom Secondary Button (Warm Orange Outline matching your theme) */
.btn-outline-custom{background-color:#ffffff;border:2px solid #ff9800;color:#d97706;transition:all 0.2s ease;}
.btn-outline-custom:hover{background-color:#ff9800;color:#ffffff;border-color:#ff9800;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,152,0,0.25);}
.btncommon{color: var(--whitecolor);font-size: 15px;padding: 8px 16px;}
.bookprogram{background-color: var(--maincolor);border: 1px solid var(--maincolor);}
.customizeprogram{background-color: var(--orangecolor);border: 1px solid var(--orangecolor);}
.bookprogram:hover{background-color:var(--orangecolor);border: 1px solid var(--orangecolor);}
.customizeprogram:hover{background-color: var(--whitecolor);color: var(--blackcolor);}

/* =====================================================
 FAQ
===================================================== */
/* Section Titles */
h2.section-title{font-size:clamp(1.4rem,2.2vw,1.85rem);margin-bottom:1.25rem;margin-top:2.5rem;}
h2.section-title:first-of-type{margin-top:0;}

/* Accordion Custom Styling */
.faq-accordion-container{display:flex;flex-direction:column;gap:12px;margin-bottom:2rem;}
.faq-item{background-color:#f8f9fa; /* Bootstrap light/gray-100 */border:1px solid #dee2e6; /* Bootstrap border color */border-radius:6px;overflow:hidden;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.02);}
.faq-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;background-color:#f8f9fa;transition:background-color 0.2s ease;}
.faq-header:hover{background-color:#e9ecef; /* Bootstrap gray-200 */}
.faq-question{font-size:clamp(0.88rem,1.2vw,0.98rem);font-weight:700;color:#212529;margin:0;display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.faq-question .q-prefix{color:#fd7e14; /* Bootstrap orange */font-weight:900;flex-shrink:0;}
.faq-icon{font-size:1.1rem;font-weight:bold;color:#495057; /* Bootstrap gray-700 */width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:10px;}
.faq-icon i{font-size:22px;}
.faq-body{padding:18px;font-size:clamp(0.85rem,1.1vw,0.92rem);color:#495057;line-height:1.65;display:none; /* Handled by jQuery slideToggle */background-color:#ffffff;border-top:1px solid #dee2e6;}

/* Active State for Accordions */
.faq-item.active .faq-header{background-color:#ffffff;}

/* Sidebar Promotional Banners */

/* Wrapper to contain the overflow safely during zoom */
.promo-banner-wrap{overflow:hidden;border-radius:8px;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,0.08);}

/* Sidebar Promotional Banners */
.promo-banner{border-radius:8px;position:relative;background-size:cover;background-position:center;color:#ffffff;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;min-height:220px;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1);}

/* Zoom effect stays cleanly inside the wrapper bounds */
.promo-banner-wrap:hover .promo-banner{transform:scale(1.08);}
.promo-content{position:relative;z-index:2;}
.banner-badge{font-size:0.85rem;text-transform:uppercase;font-weight:700;margin-bottom:6px;color:var(--blackcolor);}
.banner-title{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:6px;color:#26cc8c;}
.banner-subtitle{font-size:0.85rem;margin-bottom:12px;color:#26cc8c;font-weight:600;}
.banner-link{color:var(--blackcolor);font-weight:700;font-size:0.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s ease;}
.banner-link i{color:#E46D30;}
.banner-link:hover{color:#fd7e14;gap:10px;}
.banner-luxury .promo-content{text-align:right;color:var(--whitecolor);}
.banner-luxury .promo-content .banner-badge{color:var(--whitecolor);}
.banner-luxury .promo-content .banner-title{color:#ECBE1D;}
.banner-luxury .promo-content .banner-subtitle{color:var(--whitecolor);}
.banner-luxury .promo-content .banner-subtitle span{color:#4BD31B!important;}
.banner-luxury .promo-content .banner-link{color:#fff!important;}

/* Responsive adjustments */
@media (max-width:991.98px){
   .sidebar-promo-col{margin-top:2.5rem;}
   .promo-banner{min-height:200px;}
}

/* ================================================================= Global & Typography Styling ================================================================= */

.text-orange{color:#ff6600!important;}
.text-orange:hover{color:#e65c00!important;}

/* ================================================================= Program Cards Styling & Hover Zoom ================================================================= */
.program-card{border:none;background-color:#fff;transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
.program-card h3{line-height:24px;}
.readmorebtn{font-size:13px;}
.program-card:hover{transform:translateY(-4px);box-shadow:0 .5rem 1rem rgba(0,0,0,.08)!important;}
.program-card:hover h3 a{color:var(--orangecolor);}
.program-card-img-wrapper img{object-fit:cover;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}

/* Smooth zoom-in effect on program card hover */
.program-card:hover .program-card-img-wrapper img{-webkit-transform:scale(1.3);transform:scale(1.3);}

/* ================================================================= Asymmetric Location Cards Smooth Animation ================================================================= */
.location-card{background-color:#1a1a1a;cursor:pointer;}

/* First row cards (2 wider cards side-by-side on desktop) */
.location-card-lg{height:340px;}

/* Following row cards (3 regular cards side-by-side on desktop) */
.location-card-md{height:260px;}
.location-card-image-wrapper img{transition:transform 0.6s cubic-bezier(0.25,1,0.5,1);}

/* Image zoom effect on location card hover */
.location-card:hover .location-card-image-wrapper img{transform:scale(1.08);}

/* Gradient Overlay styling: Default vs Hover (darker black background overlay) */
.location-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.55) 100%);transition:background 0.4s ease;}
.location-card:hover .location-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.85) 100%);}
.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,0.6);}

/* Flex Container Alignment Control for Smooth Layout Shifts */
.location-content-wrap{justify-content:flex-end!important; /* Default: title sits near the bottom */padding-bottom:2.2rem!important;transition:justify-content 0.4s cubic-bezier(0.25,1,0.5,1),padding 0.4s cubic-bezier(0.25,1,0.5,1);}
.location-card:hover .location-content-wrap{justify-content:center!important; /* On Hover: shifts contents up to center smoothly */padding-bottom:1.5rem!important;}

/* Smooth Title Transition */
.location-title a{color:#ffffff!important;transition:color 0.3s ease;}
.location-title a:hover{color:#ff6600!important; /* Optional: highlights title on hover */}

/* Smooth Hover Content Fade & Slide Animation */
.location-hover-content{opacity:0;max-height:0;overflow:hidden;transform:translateY(15px);transition:opacity 0.35s ease-in-out,transform 0.35s cubic-bezier(0.25,1,0.5,1),max-height 0.35s ease-in-out;}
.location-card:hover .location-hover-content{opacity:1;max-height:80px;transform:translateY(0);}

/* Animated Orange Divider Line Expansion */
.location-divider{width:0px;height:2px;background-color:#ff6600;transition:width 0.3s cubic-bezier(0.25,1,0.5,1) 0.05s;margin-bottom:6px;}
.location-card:hover .location-divider{width:40px;}
.location-count-text{color:#ffffff!important;}

/* ================================================================= Pagination Styling ================================================================= */
.pagination{display:flex;gap:0.5rem;list-style:none;padding:0;}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f8f9fa;color:#333;font-weight:600;text-decoration:none;transition:all 0.2s ease;border:1px solid #eaeaea;}
.page-numbers:hover{background-color:#e9ecef;color:#000;}
.page-numbers.current{background-color:#ff6600!important;color:#fff!important;border-color:#ff6600!important;}
.page-numbers.dots{background-color:transparent;border:none;}

/* ================================================================= Taxonomy Location Banner Styles ================================================================= */
.taxonomy-banner-section{background-size:cover;background-position:center;min-height:280px;display:flex;align-items:flex-end;}
.taxonomy-banner-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.65) 100%);}

/* ================================================================= Content Layout & Extra Cards ================================================================= */
.extra-description-card{border-color:#eaeaea!important;background-color:#fbfbfc!important;}
.gallery-thumb-wrapper img{transition:transform 0.4s ease-in-out;}
.gallery-thumb-wrapper:hover img{transform:scale(1.08);}
.extra-description-box p{font-size:14px;}
.taxonomy-info-repeater-wrapper{background-color:#eee;padding:15px;}
.taxonomy-info-repeater-wrapper h3{font-size:20px;}
.taxonomy-info-repeater-wrapper p{font-size:14px;}


/* =====================================================
 Apply Now
===================================================== */
/* Section Wrapper */
.apply-section{padding-top:3rem;padding-bottom:3rem;}

/* Container Layout */
.apply-container{max-width:1140px;margin:0 auto;padding:0 15px;color:#333333;}

/* Typography Headings & Paragraphs */
.apply-title{font-size:2rem;font-weight:600;color:var(--maincolor);margin-bottom:16px;}
.apply-desc{font-size:0.95rem;line-height:1.6;color:var(--maincolor);margin-bottom:12px;}
.apply-email{color:var(--maincolor);text-decoration:underline;font-weight:500;}
.apply-subdesc{font-size:0.95rem;line-height:1.5;color:#222222;margin-bottom:30px;}

/* Form Grid Rows */
.apply-form{display:flex;flex-direction:column;gap:20px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.form-row.full-width{grid-template-columns:1fr;}

/* Form Control Groups */
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:0.85rem;font-weight:500;color:#222222;}
.form-group label span{color:#d9534f; /* Red asterisk */}

/* Input Fields and Select Dropdowns */
.form-control{width:100%;padding:11px 14px;font-size:0.9rem;color:#495057;background-color:#ffffff;border:1px solid #ced4da;border-radius:4px;outline:none;transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}
.form-control:focus{border-color:#1a936f;box-shadow:0 0 0 3px rgba(26,147,111,0.15);}

/* Select Styling adjustments */
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=!string!width=!string!height=!string!fill=!string!viewBox=!string!%3E%3Cpath d=!string!/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 14px) center;padding-right:35px;cursor:pointer;}

/* Textareas */
.textarea-control{min-height:110px;resize:vertical;}

/* Submit Button */
.submit-btn{background-color:#ffcc00; /* Amber yellow matching the design */color:#111111;font-weight:600;font-size:0.95rem;padding:10px 30px;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.2s ease;width:fit-content;}
.submit-btn:hover{background-color:#e6b800;}

/* Responsive breakpoint for mobile screens */
@media (max-width:768px){
   .form-row{grid-template-columns:1fr;}
}



/* =====================================================
 Contact
===================================================== */
/* Main Page Background */
.contact-page-main{background-color:#f8f9fa;}

/* Map Wrapper Styling */
.contact-map-wrapper{min-height:450px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);}

/* Form Styles */
.contact-form-wrapper{border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.05);}
.contact-section-title{font-size:1.75rem;font-weight:600;color:#111;}
.contact-page-form .form-label{font-size:0.85rem;font-weight:500;color:#333;}
.contact-page-form .form-label span{color:#d9534f;}
.contact-page-form .form-control{padding:10px 14px;font-size:0.9rem;border:1px solid #ced4da;border-radius:4px;}
.contact-page-form .form-control:focus{border-color:#1a936f;box-shadow:0 0 0 3px rgba(26,147,111,0.15);}
.contact-textarea{min-height:120px;resize:vertical;}
.contact-submit-btn{background-color:#000000;color:#ffffff;font-weight:600;padding:10px 28px;border-radius:4px;border:none;transition:background-color 0.2s ease;}
.contact-submit-btn:hover{background-color: var(--maincolor);color:#fff;}

/* Info Cards Section */
.info-card{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.04);transition:transform 0.2s ease;}
.info-card:hover{transform:translateY(-4px);}
.info-icon{font-size:2.2rem;color:#26cc8c;}
.info-title{font-size:1.1rem;font-weight:700;color:#222;margin-bottom:8px;}
.info-text{font-size:0.85rem;color:#666;line-height:1.5;}

/* Call To Action Banner Section */
.contact-cta-section{padding:120px 0px 120px 0px;margin-top:60px;   /* filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); */background-size:cover;}
.contact-overlay::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:100%;background-color:rgba(0,0,0,0.8);}
.cta-top-text{font-size:1rem;font-weight:700;color:#e46d30;text-transform:uppercase;}
.cta-heading{font-size:2.5rem;font-weight:700;color:#fff;}
.cta-desc{font-size:0.95rem;color:#fff;}
.cta-email-link{display:inline-flex;align-items:center;font-size:1.25rem;font-weight:700;color:#1a936f;text-decoration:none;background:#ffffff;padding:10px 24px;border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.2s ease;}
.cta-email-link:hover{background:#1a936f;color:#ffffff;}

/* Responsive adjustments */
@media (max-width:991.98px){
   .contact-map-wrapper{min-height:350px;}
   .cta-heading{font-size:1.8rem;}
}


/* =====================================================
 Inner Page
===================================================== */
.single-page{padding:50px 0px;}
.single-content h1{font-size:2.2rem;margin-bottom:20px;}
.single-content .page-content h2,.single-content .page-content h3,.single-content .page-content h4,.single-content .page-content h5{font-weight:600;margin-bottom:20px;}
.single-content .page-content h2{font-size:26px;}
.single-content .page-content h3{font-size:24px;}
.single-content .page-content h4{font-size:22px;}
.single-content .page-content h5{font-size:20px;}


/* =====================================================
 Blogs
===================================================== */
.blog-grid,.section-gap{padding:70px 0px;}
.theme-btn-one{position:relative;overflow:hidden;vertical-align:middle;font-size:16px;line-height:24px;font-weight:600;color:#fff!important;text-align:center;padding:18px 40px;text-transform:capitalize;z-index:1;box-shadow:0 30px 30px rgba(0,0,0,.1);border-radius:30px;transition:all .5s ease;}
.news-block-one .inner-box{position:relative;display:block;}
.news-block-one .inner-box:before{position:absolute;content:"";background:#fff;width:100%;height:calc(100% - 110px);left:0;bottom:0;box-shadow:0 20px 80px rgba(0,0,0,.1);border-radius:10px}
.news-block-one .inner-box .image-box{position:relative;display:block}
.news-block-one .inner-box .image-box .image{position:relative;display:block;overflow:hidden;border-radius:10px}
.news-block-one .inner-box .image-box .image img{width:100%;transition:all .5s ease;}
.news-block-one .inner-box:hover .image-box .image img{opacity:.3;transform:scale(1.05)}
.news-block-one .inner-box .image-box h2{position:absolute;right:30px;bottom:-20px;width:80px;height:80px;text-align:center;border-radius:50%;font-size:30px;line-height:18px;font-weight:600;color:#fff;z-index:1;padding:23px 0 10px}
.news-block-one .inner-box .image-box h2 span{display:block;font-size:15px;font-weight:400;font-family:var(--inter);text-transform:uppercase;margin-top:5px}
.news-block-one .inner-box .lower-content{position:relative;display:block;padding:30px;}
.news-block-one .inner-box .lower-content h3{position:relative;display:block;font-size:24px;line-height:30px;font-weight:600;margin-bottom:12px}
.news-block-one .inner-box .lower-content h3 a{display:inline-block;color:#222}
.news-block-one .inner-box .lower-content p{position:relative;display:block;margin-bottom:30px}
.news-block-one .inner-box .lower-content h1{font-size:2.5rem;margin-bottom:25px;}
.news-block-one .inner-box .lower-content .post-info{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #e5e5e5}
.news-block-one .inner-box .post-info li{position:relative;display:block;font-size:16px;padding-left:25px}
.news-block-one .inner-box .post-info li a{display:inline-block;color:#6e6e6e}
.news-block-one .inner-box .post-info li i{position:absolute;left:0;top:0px;font-size:16px;color:var(--maincolor);}
.news-style-two{position:relative}
.news-block-two .inner-box{position:relative;display:block}
.news-block-two .inner-box .image-box{position:relative;display:block;overflow:hidden;background:#000;border-radius:10px}
.news-block-two .inner-box .image-box img{width:100%;border-radius:10px;transition:all .5s ease;height: 330px;object-fit: cover;}
.news-block-two .inner-box:hover .image-box img{opacity:.8;transform:scale(1.05)}
.news-block-two .inner-box .lower-content{position:relative;margin:0 30px}
.news-block-two .inner-box .lower-content .inner{position:relative;background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.1);border-radius:10px;padding:30px 30px 25px;margin-top:-70px;z-index:1;transition:all .5s ease}
.news-block-two .inner-box:hover .lower-content .inner{padding-bottom:102px;margin-top:-147px}
.news-block-two .inner-box .lower-content .post-date{position:relative;display:inline-block;font-size:15px;line-height:30px;font-weight:500;background:rgba(222,44,44,.12);border-radius:5px;padding:0 18px;text-align:center;margin-bottom:13px}
.news-block-two .inner-box .lower-content h3{display:block;font-size:22px;line-height:34px;font-weight:600;margin-bottom:12px}
.news-block-two .inner-box .lower-content h3 a{display:inline-block;color:#222}
.news-block-two .inner-box .lower-content .post-info li{position:relative;display:inline-block;float:left;font-size:16px;line-height:26px;margin-right:40px;padding-left:25px}
.news-block-two .inner-box .lower-content .post-info li:last-child{margin:0}
.news-block-two .inner-box .lower-content .post-info li i{position:absolute;left:0;top:0px;font-size:16px;color:var(--orangecolor);}
.news-block-two .inner-box .lower-content .post-info li a{position:relative;display:inline-block;color:#6e6e6e}
.news-block-two .inner-box .lower-content .post-info li:before{position:absolute;content:"";background:#d9d9d9;width:1px;height:16px;top:5px;right:-21px}
.news-block-two .inner-box .lower-content .post-info li:last-child:before{display:none}
.news-block-two .inner-box .lower-content .post-info{margin-bottom:10px;padding:0px;margin-left:0px;}
.news-block-two .inner-box .lower-content .btn-box{position:absolute;left:30px;bottom:0;opacity:0;transition:all .5s ease}
.news-block-two .inner-box:hover .lower-content .btn-box{opacity:1;bottom:30px}
.news-block-two .inner-box .lower-content .btn-box .theme-btn-one{padding:13px 34px;background-color:var(--maincolor);}
.news-block-two .inner-box .lower-content .btn-box .theme-btn-one:hover{background-color:var(--blackcolor);}
.blog-grid .news-block-two .inner-box{margin-bottom:30px}
.sidebar-page-container{position:relative}
.sidebar-page-container .news-block-one .inner-box .lower-content .post-info{display:block;padding-top:0;border-top:none;margin-bottom:10px}
.sidebar-page-container .news-block-one .inner-box .lower-content .post-info li{float:left;margin-right:40px}
.sidebar-page-container .news-block-one .inner-box .lower-content .post-info li:last-child{margin:0}
.sidebar-page-container .news-block-one .inner-box .lower-content .post-info li:before{position:absolute;content:"";background:#d9d9d9;width:1px;height:20px;top:4px;right:-21px}
.sidebar-page-container .news-block-one .inner-box .lower-content .post-info li:last-child:before{display:none}
.sidebar-page-container .news-block-one .inner-box .lower-content h3{font-size:28px;line-height:38px}
.sidebar-page-container .news-block-one .inner-box .lower-content p{margin-bottom:0}
.sidebar-page-container .news-block-one .inner-box .lower-content{padding-bottom:42px}
.sidebar-page-container .news-block-one .inner-box{margin-bottom:70px}
.sidebar-page-container .news-block-one .inner-box:before{height:calc(100% - 230px)}
.blog-sidebar{position:relative;display:block}
.blog-sidebar .sidebar-widget{position:relative;background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.1);border-radius:10px;margin-bottom:24px;padding:20px}
.blog-sidebar .sidebar-widget:last-child{margin-bottom:0}
.blog-sidebar .search-widget .form-group{position:relative;margin-bottom:0}
.blog-sidebar .search-widget .form-group input[type=search]{position:relative;display:block;width:100%;height:60px;border:1px solid #e5e5e5;border-radius:5px;font-size:16px;color:#6e6e6e;padding:10px 60px 10px 30px;transition:all .5s ease}
.blog-sidebar .search-widget .form-group button{position:absolute;top:18px;right:20px;font-size:18px;color:#222;cursor:pointer;transition:all .5s ease;border:none;background:none;}
.blog-sidebar .widget-title{position:relative;display:block;margin-bottom:22px}
.blog-sidebar .widget-title h3{font-size:24px;line-height:34px;font-weight:600}
.blog-sidebar .category-widget .category-list li{position:relative;display:block;padding:12px 0;border-bottom:1px solid #e5e5e5}
.blog-sidebar .category-widget .category-list li:last-child{border-bottom:none}
.blog-sidebar .category-widget .category-list li a{position:relative;display:block;font-size:16px;color:#222;font-weight:500}
.blog-sidebar .category-widget .category-list li a:before{position:absolute;content: "\f138";font-family: "bootstrap-icons";font-size:12px;top:0;right:0;font-weight:400;opacity:0;transition:all .5s ease}
.blog-sidebar .category-widget .category-list li a:hover:before{opacity:1}
.blog-sidebar .category-widget{padding-top:32px;padding-bottom:22px}
.blog-sidebar .category-widget .widget-title{margin-bottom:13px}
.blog-sidebar .post-widget .post{position:relative;display:block;padding:5px 0 5px 110px;min-height:90px;margin-bottom:30px}
.blog-sidebar .post-widget .post:last-child{margin-bottom:0}
.blog-sidebar .post-widget .post .post-thumb{position:absolute;left:0;top:0;width:90px;height:90px;border-radius:50%}
.blog-sidebar .post-widget .post .post-thumb img{width:100%;border-radius:50%}
.blog-sidebar .post-widget .post h5{display:block;font-size:18px;line-height:24px;font-weight:600;margin-bottom:4px}
.blog-sidebar .post-widget .post h5 a{display:inline-block;color:#222}
.blog-sidebar .post-widget .post .post-date{position:relative;display:block}
.blog-sidebar .tags-widget .tags-list{position:relative;margin:0 -5px;list-style-type: none;padding:0px;}
.blog-sidebar .tags-widget .tags-list li{position:relative;float:left;margin:0 5px 10px}
.blog-sidebar .tags-widget .tags-list li a{position:relative;display:inline-block;font-size:14px;color:#222;border:1px solid #e5e5e5;font-weight:500;border-radius:30px;padding:3px 10px;text-align:center}
.blog-sidebar .tags-widget .tags-list li a:hover{color:#fff;background-color:var(--maincolor);}
.blog-sidebar .tags-widget{padding-bottom:30px}
.sidebar-page-container .news-block-one .inner-box .lower-content h2{display:block;font-size:26px;line-height:50px;font-weight:600;margin-bottom:20px}
.blog-details-content{position:relative;display:block}
.blog-details-content .news-block-one .inner-box .lower-content p{margin-bottom:26px}
.blog-details-content .news-block-one h2{font-size:26px;margin-bottom:20px;font-weight: 600;}
.blog-details-content .news-block-one h3{font-size:24px;margin-bottom:20px;font-weight: 600;}
.blog-details-content .news-block-one h4{font-size:22px;margin-bottom:20px;font-weight: 600;}
.blog-details-content .news-block-one h5{font-size:20px;margin-bottom:20px;font-weight: 600;}
.blog-details-content .news-block-one img{margin:15px 0px;}
.blog-details-content .news-block-one .inner-box blockquote{position:relative;display:block;background:hsla(0,0%,95%,.5);border-radius:10px;padding:50px 50px 44px;margin:60px 0}
.blog-details-content .news-block-one .inner-box blockquote .icon-box{position:relative;display:block;font-size:24px;margin-bottom:18px}
.blog-details-content .news-block-one .inner-box blockquote p{font-size:18px;line-height:28px;color:#222;font-weight:500;margin-bottom:12px}
.blog-details-content .news-block-one .inner-box blockquote h4{position:relative;display:block;font-size:20px;line-height:30px;font-weight:600;padding-left:68px}
.blog-details-content .news-block-one .inner-box blockquote h4:before{position:absolute;content:"";width:50px;height:2px;left:0;top:10px}
.blog-details-content .news-block-one .inner-box .tags-list li{position:relative;display:inline-block;float:left;margin-right:10px}
.blog-details-content .news-block-one .inner-box .tags-list li:last-child{margin:0}
.blog-details-content .news-block-one .inner-box .tags-list li a{position:relative;display:inline-block;font-size:16px;color:#222;font-weight:500;border:1px solid #e5e5e5;border-radius:30px;padding:3px 13px;text-align:center}
.blog-details-content .news-block-one .inner-box .tags-list li a:hover{color:#fff}
.blog-details-content .news-block-one .inner-box .tags-list{padding-top:37px}
.sidebar-page-container .blog-details-content .news-block-one .inner-box .lower-content{padding-bottom:70px}
.sidebar-page-container .news-block-one .inner-box:hover .image-box .image img{opacity:1!important;transform:scale(1)!important}
.blog-details-content .author-box{position:relative;display:block;background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.1);border-radius:10px;padding:45px 50px 45px 200px;margin-bottom:70px}
.blog-details-content .author-box .author-thumb{position:absolute;left:50px;top:50px;width:120px;height:120px;border-radius:50%}
.blog-details-content .author-box .author-thumb img{width:100%;border-radius:50%}
.blog-details-content .author-box h3{display:block;font-size:24px;line-height:34px;font-weight:600}
.blog-details-content .author-box .designation{position:relative;display:block;font-size:16px;line-height:26px;margin-bottom:18px}
.blog-details-content .comment-form-area{position:relative;display:block;background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.1);border-radius:10px;padding:42px 50px 50px}
.blog-details-content .comment-form-area h3{display:block;font-size:28px;line-height:38px;font-weight:600;margin-bottom:32px}
.blog-details-content .comment-form-area .form-inner .form-group textarea{height:150px}
.blog-details-content .comment-form-area .form-inner .form-group{margin-bottom:30px}
.blog-details-content .comment-form-area .form-inner .form-group:last-child{margin-bottom:0}
.blog-details-content .comment-form-area .form-inner .theme-btn-one{padding:13px 47px}
.pagination{position:relative;display:flex;justify-content:center;}
.pagination li{position:relative;display:inline-block;margin-right:7px}
.pagination li:last-child{margin:0!important}
.centred{text-align:center;}
.pt_30{padding-top:30px;}
.pagination li a{position:relative;display:inline-block;font-size:18px;font-weight:500;height:60px;width:60px;line-height:60px;background:#fff;border:1px solid #e5e5e5;text-align:center;color:#222;z-index:1;border-radius:50%;transition:all .5s ease}
.pagination li a.current,.pagination li a:hover{background-color:var(--maincolor);border-color:var(--maincolor);}
.pagination li a.current,.pagination li a:hover{box-shadow:0 15px 40px 10px rgba(0,0,0,.1);color:#fff}
.sec-pad{padding:143px 0 150px}
.news-block-one .inner-box .image-box .image,.news-block-one .inner-box .image-box h2{background:var(--maincolor);}
.news-block-two .lower-content h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;    /* Optional: Set a fixed line-height and height to reserve exact 2-line space */line-height:1.4em;height:2.8em;}


/* ==========================================
   WordPress Comments Area CSS
   ================================---------- */
.comments-area{margin-top:40px;padding-top:30px;border-top:1px solid #e5e5e5;}
.comments-title,.comment-reply-title{font-size:24px;font-weight:700;margin-bottom:25px;color:#111;}

/* Comment List Structure */
.comment-list{list-style:none;padding:0;margin:0 0 40px 0;}
.comment-list .comment{position:relative;list-style:none;margin-bottom:25px;}
.comment-list .children{list-style:none;padding-left:30px;margin-top:20px;border-left:2px solid #f0f0f0;}

/* Comment Body Layout */
.comment-body{position:relative;padding:20px 20px 20px 85px;background:#f9f9f9;border-radius:8px;transition:all 0.3s ease;}
.comment-body:hover{background:#f4f6f8;}

/* Comment Author Avatar */
.comment-body .avatar{position:absolute;left:20px;top:20px;width:50px;height:50px;border-radius:50%;object-fit:cover;}

/* Comment Meta & Author Info */
.comment-meta{margin-bottom:8px;}
.comment-author .fn{font-size:16px;font-weight:600;color:#222;font-style:normal;}
.comment-author .fn a{color:inherit;text-decoration:none;}
.comment-author .fn a:hover{color:var(--theme-color,#ff5e14);}
.comment-metadata{font-size:13px;color:#777;margin-bottom:10px;}
.comment-metadata a{color:#777;text-decoration:none;}
.comment-metadata a:hover{color:var(--theme-color,#ff5e14);}

/* Comment Content Text */
.comment-content p{font-size:15px;color:#555;line-height:1.6;margin-bottom:10px;}

/* Reply Link */
.reply{text-align:right;}
.reply a{display:inline-block;font-size:13px;font-weight:600;color:#333;background:#fff;padding:4px 12px;border-radius:4px;border:1px solid #ddd;text-decoration:none;transition:all 0.2s ease;}
.reply a:hover{background:var(--theme-color,#ff5e14);color:#fff;border-color:var(--theme-color,#ff5e14);}

/* ==========================================
   Comment Form Styling
   ================================---------- */
.comment-respond{background:#f9f9f9;padding:30px;border-radius:8px;margin-top:30px;}
.comment-notes{font-size:14px;color:#666;margin-bottom:20px;}
#commentform{display:flex;flex-wrap:wrap;gap:20px;}
#commentform .comment-form-comment,#commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-url,#commentform .comment-form-cookies-consent{width:100%;margin-bottom:0;}

/* Side-by-side layout for Name and Email on desktop */
@media (min-width:768px){
   #commentform .comment-form-author,#commentform .comment-form-email{flex:1;min-width:calc(50% - 10px);}
}
#commentform label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px;}
#commentform input[type="text"],#commentform input[type="email"],#commentform input[type="url"],#commentform textarea{width:100%;padding:12px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:14px;color:#333;outline:none;transition:border-color 0.3s ease;}
#commentform input:focus,#commentform textarea:focus{border-color:var(--theme-color,#ff5e14);}
#commentform textarea{resize:vertical;min-height:140px;}
.comment-form-cookies-consent{display:flex;align-items:center;gap:8px;}
.comment-form-cookies-consent input[type="checkbox"]{width:16px;height:16px;accent-color:var(--theme-color,#ff5e14);}
.comment-form-cookies-consent label{margin-bottom:0;font-size:13px;color:#666;cursor:pointer;}

/* Submit Button */
#commentform .form-submit{width:100%;margin-top:10px;}
#commentform input[id="submit"],#commentform button[type="submit"]{background:var(--theme-color,#ff5e14);color:#fff;font-weight:600;padding:12px 30px;border:none;border-radius:6px;cursor:pointer;transition:background 0.3s ease;}
#commentform input[id="submit"]:hover,#commentform button[type="submit"]:hover{background:#333;}


/* =====================================================
 Responsive
===================================================== */

/* Custom Responsive py-5 utility */
.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* Tablet Devices */
@media (max-width: 991.98px) {
  .py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .volunteer-reviews__divider{
   margin-bottom: 50px;
  }
}

/* Mobile Devices */
@media (max-width:575.98px) {
   .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
   .news-block-two .inner-box .lower-content { margin: 0px 10px; }
   .news-block-two .inner-box .lower-content .inner { margin-top: -20px; }
   .blog-grid, .section-gap { padding: 30px 0px; }
   .news-block-one .inner-box .lower-content { padding: 15px; }
   .news-block-one .inner-box .lower-content h1 { font-size: 1.7rem; }
   .tour-gallery-carousel-section .carousel-item img{height:300px !important;object-fit: cover;}
   .welcome__title{font-size: 28px;}
}