@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;--timeline-gold:#b59846;--icon-size:80px;--line-offset:30px;--input-bg: #fafafa;--input-border: #dcdcdc;}

/* =====================================================
   Common
===================================================== */
*{box-sizing:border-box;outline:0;padding:0;margin:0;}
body{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-size:14px;font-weight:300;color:#363232;line-height: 1.7;}
.btn,a{transition:all 0.3s linear;}
a{color:#272626;background-color:transparent;text-decoration:none;}
ol,ul{margin:0;padding:0;}
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;color: var(--blackcolor);}
.h1,.h2,.h3,.h4,.h6,.h6{margin:0px;padding:0px;font-family:"Raleway",sans-serif;}
h1{font-size:3rem;font-weight:900;}
h2{font-size:1.3rem;font-weight:bold;margin-bottom: 1rem;}
h3{font-size:1.2rem;font-weight:700;margin-bottom: 1rem;}
h4{font-size:1.1rem;margin-bottom: 1rem;}
h5{font-size:1rem;margin-bottom: 1rem;}
h6{font-size:0.9rem;margin-bottom: 1rem;}

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

/* Desktop Menu Styles */
.site-header{background:#ffffff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;}
.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:5px 0px;}
.logo img{height:70px;width:auto;}

/* Right Side Group Layout */
.header-right-group{display:flex;align-items:center;gap:25px;}

/* Desktop Menu Styles */
.main-nav .menu{list-style:none;display:flex;align-items:center;gap:20px;}
.main-nav .menu li{position:relative;}
.main-nav .menu a{text-decoration:none;color:#333;font-size:14px;font-weight:500;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:color 0.2s;}
.main-nav .menu a:hover{color:var(--maincolor);}
.arrow{font-size:10px;display:inline-block;transition:transform 0.2s ease;}

/* Rotate arrow on Desktop when hovering the parent item */
.main-nav .menu-item-has-children:hover > a .arrow{transform:rotate(180deg);}

/* Rotate arrow on Mobile when the parent item has the 'open' class */
.main-nav .menu-item-has-children.open > a .arrow{transform:rotate(180deg);}

/* Multi-level Dropdown Sub-menus (Desktop) */
.main-nav .sub-menu{list-style:none;position:absolute;top:100%;left:0;background:#ffffff;border-top:3px solid var(--maincolor);box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:220px;display:none;padding:10px 0;z-index:100;}
.main-nav .sub-menu .sub-menu{top:0;left:100%;border-top:none;border-left:3px solid var(--maincolor);}
.main-nav .sub-menu li a{padding:8px 20px;white-space:nowrap;}
.main-nav .sub-menu li a:hover{background:#f9f9f9;color:var(--maincolor);}

/* Mobile responsive menu animation setup */
@media (max-width:992px){
  .main-nav .sub-menu,.main-nav .sub-menu .sub-menu{position:static;box-shadow:none;border:none;background:#f9f9f9;display:none;padding-left:15px;width:100%;}
}
.main-nav .menu-item-has-children:hover > .sub-menu{display:block;}

/* Active Menu Item Styling */
.main-nav .menu li.active > a,.main-nav .sub-menu li.active > a{color:var(--maincolor);font-weight:600;}

/* Optional background indicator for active mobile submenus or items */
@media (max-width:992px){
  .main-nav .menu li.active > a{background:#f1f1f1;}
}

/* Search Box Styling */
.search-container{position:relative;}
.search-toggle-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#333;padding:5px;}
.search-toggle-btn:hover{color:var(--maincolor);}
.search-dropdown{position:absolute;right:0;top:calc(100% + 15px);background:#ffffff;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:10px;display:none;width:260px;z-index:1200;}
.search-dropdown.active{display:block;}
.search-dropdown form{display:flex;background:#fff;border:1px solid #ccc;}
.search-dropdown input{flex:1;border:none;padding:8px 10px;font-size:14px;outline:none;}
.search-dropdown button{background:var(--orangecolor);border:none;color:#fff;padding:0 12px;cursor:pointer;}
.search-dropdown button:hover{opacity:0.9;}

/* Mobile Toggle Button */
.mobile-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:5px;z-index:1100;}
.mobile-toggle span{display:block;width:25px;height:3px;background:#333;transition:0.3s;}

/* Responsive & Mobile Floating Drawer Styles */
@media (max-width:992px){
  .mobile-toggle{display:flex;}
  .main-nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#ffffff;box-shadow:-5px 0 15px rgba(0,0,0,0.1);transition:right 0.3s ease-in-out;overflow-y:auto;padding-top:80px;z-index:1050;}
  .main-nav.active{right:0;}
  .main-nav .menu{flex-direction:column;align-items:flex-start;gap:0;width:100%;}
  .main-nav .menu li{width:100%;border-bottom:1px solid #f0f0f0;}
  .main-nav .menu a{padding:12px 20px;width:100%;}
  .main-nav .sub-menu,.main-nav .sub-menu .sub-menu{position:static;box-shadow:none;border:none;background:#f9f9f9;display:none;padding-left:15px;width:100%;}

  /* Only rotate arrow on mobile when item is open */
  .main-nav .menu-item-has-children.open > a .arrow{transform:rotate(180deg);}
  .mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
  .mobile-toggle.active span:nth-child(2){opacity:0;}
  .mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}
}




/* =====================================================
   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{background-color: rgba(0, 0, 0, 0.6);padding: 10px;width: 30%;margin: 0 auto;border-radius: 4px;}
.hero .carousel-caption h1,.hero .carousel-caption h2{color:#ffffff!important;font-weight:800;font-size: 18px;margin-bottom: 10px;}
.hero .carousel-caption p{font-size: 15px;font-weight: 500;margin: 0px;line-height: 1.4;}
.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%;width: auto;}
   .hero .carousel-caption h1, .hero .carousel-caption h2{font-size: 16px;}
   .hero .carousel-caption p{font-size: 12px;}
   .hero-more a{padding: 6px 12px;font-size: 13px;}
}




/* =====================================================
   Info
===================================================== */
.info-section{padding:80px 0;background:var(--whitecolor);}
.info-section .container{max-width:1200px;margin:0 auto;padding:0 15px;}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}

/* Card */
.info-card{background:var(--whitecolor);border:1px solid var(--border-color-dark);border-radius:8px;padding:40px 30px;box-shadow:var(--box-shadow);position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:all 0.4s ease;animation:fadeUp 0.7s ease forwards;}
.info-card:nth-child(1){animation-delay:0.1s;}
.info-card:nth-child(2){animation-delay:0.25s;}
.info-card:nth-child(3){animation-delay:0.4s;}
@keyframes fadeUp{
  to{opacity:1;transform:translateY(0);}
}
.info-card:hover{transform:translateY(-8px);box-shadow:0px 15px 50px 0px rgba(0,0,0,0.12);border-color:transparent;}

/* Top accent line */
.info-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--maincolor),var(--primary-color-one));transform:scaleX(0);transform-origin:left;transition:transform 0.45s ease;}
.info-card:hover::before{transform:scaleX(1);}

/* Title */
.info-card__title{display:flex;align-items:center;gap:12px;font-family:"Raleway",sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--primary-color-two);margin-bottom:18px;line-height:1.4;}

/* Chevron icon */
.info-card__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(0,123,44,0.1);color:var(--maincolor);flex-shrink:0;transition:all 0.4s ease;}
.info-card:hover .info-card__icon{background:var(--maincolor);color:var(--whitecolor);transform:rotate(90deg);}
.info-card__icon svg{width:14px;height:14px;}

/* Text */
.info-card__text{font-family:"Roboto",sans-serif;font-size:14px;font-weight:300;color:#34495e;line-height:1.8;}

/* Highlighted words */
.info-card__text a{color:var(--orangecolor);font-weight:500;transition:color 0.3s ease;}
.info-card:hover .info-card__text a{color:var(--maincolor);}

/* Responsive */
@media (max-width:991px){
  .info-grid{grid-template-columns:1fr 1fr;gap:25px;}
}
@media (max-width:767px){
  .info-section{padding:30px 0;}
  .info-grid{grid-template-columns:1fr;gap:20px;max-width:520px;margin:0 auto;}
  .info-card{padding:30px 24px;}
  .info-card__title{font-size:0.95rem;}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .info-card{animation:none;opacity:1;transform:none;}
  .info-card:hover{transform:none;}
  .info-card__icon{transition:none;}
}




/* =====================================================
   Special Projects Section with Background Image
===================================================== */
.special-projects-section{position:relative;padding:80px 0;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed; /* Parallax effect on scroll */}

/* Dark/Light semi-transparent gradient overlay to ensure high text contrast over backgrounds */
.section-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.92) 0%,rgba(245,247,250,0.88) 100%);z-index:1;}
.special-projects-section .container{position:relative;z-index:2;}

/* Main Grid Layout Card */
.projects-card-wrapper{display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:40px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0px 20px 40px rgba(0,0,0,0.1);overflow:hidden;border:1px solid rgba(255,255,255,0.6);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s ease;}
.projects-card-wrapper:hover{transform:translateY(-5px);box-shadow:0px 25px 50px rgba(0,0,0,0.15);}

/* Content Column Styling */
.projects-content{padding:50px;}
.projects-content h2{font-size:1.8rem;font-weight:700;color:var(--blackcolor,#000000);margin-bottom:20px;letter-spacing:1px;position:relative;}
.projects-content h2::after{content:'';position:absolute;left:0;bottom:-8px;width:50px;height:3px;background-color:var(--maincolor,#007b2c);transition:width 0.3s ease;}
.projects-card-wrapper:hover .projects-content h2::after{width:80px;}
.projects-content .intro-text,.projects-content .outro-text{font-size:14px;color:#4a5568;line-height:1.8;margin-bottom:20px;}

/* Project List Items with Slide Effect */
.projects-description-content ul{list-style:none;margin-bottom:25px;display:flex;flex-direction:column;gap:12px;}
.projects-description-content ul li a{position: relative;
  display: inline-flex;font-size:15px;font-weight:500;color:#2d3748;padding:10px 24px 10px 31px;background:#f7fafc;border-radius:8px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-left:3px solid transparent;}
.projects-description-content ul li a i{font-size:12px;color:var(--maincolor,#007b2c);transition:transform 0.3s ease;}
.projects-description-content ul li a:hover{background:#f0fdf4;color:var(--maincolor,#007b2c);border-left-color:var(--maincolor,#007b2c);padding-left:20px; /* Animated shift */}
.projects-description-content ul li a:hover i{transform:translateX(4px);}
/* Generate the chevron icon using CSS content */
.projects-description-content ul li a::before{content:"\F285"; /* Bootstrap Icons Unicode for bi-chevron-right */font-family:"bootstrap-icons";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--maincolor,#f56d17);transition:transform 0.2s ease;}




/* Custom Action Buttons */
.projects-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;}
.btn-primary-custom,.btn-secondary-custom{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.btn-primary-custom{background-color:var(--maincolor,#007b2c);color:#ffffff;}
.btn-primary-custom:hover{background-color:#006022;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,123,44,0.25);color:#ffffff;}
.btn-secondary-custom{background-color:var(--orangecolor,#f56d17);color:#ffffff;}
.btn-secondary-custom:hover{background-color:#d85b12;transform:translateY(-2px);box-shadow:0 6px 16px rgba(245,109,23,0.25);color:#ffffff;}

/* Image Column & Zoom Animation */
.projects-image-wrapper{position:relative;height:100%;min-height:480px;overflow:hidden;}
.image-inner{position:absolute;top:0;left:0;width:100%;height:100%;}
.projects-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
.projects-card-wrapper:hover .projects-image-wrapper img{transform:scale(1.06); /* Smooth image zoom */}

/* Responsive Design for Mobile/Tablets */
@media (max-width:992px){
  .projects-card-wrapper{grid-template-columns:1fr;}
  .projects-content{padding:30px 20px;}
  .projects-image-wrapper{min-height:350px;}
  .special-projects-section{background-attachment:scroll; /* Disable parallax on mobile for performance */}
}


/* =====================================================
   Volunteer TYpe
===================================================== */

/* Custom Section Background */
.volunteer-types-section{padding: 80px 0px;}

/* Header Line Accent */
.header-line{width:50px;height:3px;background-color:var(--maincolor,#007b2c);border-radius:2px;}

/* Card Hover & Animation Effects */
.volunteer-card{transition:all 0.35s cubic-bezier(0.4,0,0.2,1);border-color:var(--border-color-dark,#e4e7ee)!important;}
.volunteer-card h3{font-size:1.05rem;}
.volunteer-card:hover{transform:translateY(-8px);box-shadow:0px 15px 35px rgba(0,123,44,0.08)!important;border-color:var(--maincolor,#007b2c)!important;}

/* Toggle Icon Interaction */
.toggle-icon{font-size:13px;color:var(--maincolor,#007b2c);transition:transform 0.3s ease;}
.volunteer-card:hover .toggle-icon{transform:rotate(180deg);}

/* Read More Link Hover Effect */
.read-more-link{color:var(--maincolor,#007b2c);font-size:14px;transition:color 0.3s ease,gap 0.3s ease;}
.read-more-link i{font-size:12px;transition:transform 0.3s ease;}
.read-more-link:hover{color:var(--orangecolor,#f56d17);gap:10px!important; /* Smooth expanding arrow spacing */}
.read-more-link:hover i{transform:translateX(4px);}




/* =====================================================
   Combine Vrijwilligerswerk met Reizen Section
===================================================== */
.combine-travel-section{position:relative;background-size:cover;background-position:top;background-repeat:no-repeat;padding:80px 0;color:#ffffff;background-repeat:no-repeat;}

/* Darkening overlay for text readability over the blue sky background */
.combine-travel-section .section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);z-index:1;}
.combine-travel-section .container{position:relative;z-index:2;}
.combine-travel-content{max-width:650px;}
.combine-travel-content .section-title{font-family:"Raleway",sans-serif;font-size:1.8rem;font-weight:700;color:#ffffff;line-height:1.25;margin-bottom:20px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
.combine-travel-content .section-desc{font-size:15px;color:#f0f0f0;line-height:1.7;margin-bottom:25px;text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.combine-travel-content .section-desc p{font-weight: 600;}
.combine-travel-content .section-desc p a{color: var(--orangecolor);}
.combine-travel-content .inline-link{color:#ffffff;text-decoration:underline;font-weight:500;transition:opacity 0.2s;}
.combine-travel-content .inline-link:hover{opacity:0.8;}

/* Orange Action Button */
.btn-travel-offer{display:inline-flex;align-items:center;gap:8px;background-color:var(--orangecolor,#f56d17);color:#ffffff;padding:10px 20px;font-size:14px;font-weight:600;border-radius:4px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.btn-travel-offer:hover{background-color:#d85b12;transform:translateY(-2px);color:#ffffff;box-shadow:0 6px 16px rgba(245,109,23,0.4);}

/* Responsive Scaling */
@media (max-width:768px){
  .combine-travel-section{padding:30px 0;}
  .combine-travel-content .section-title{font-size:1.4rem;}
}




/* =====================================================
   Onze Projecten Section Styles
===================================================== */
.our-projects-section{padding:80px 0;}
/* Header Styling */
.section-header{text-align:center;margin-bottom:60px;}
.section-header h2{font-family:"Raleway",sans-serif;font-size:2.2rem;font-weight:800;color:var(--blackcolor);margin-bottom:6px;}
.section-header p{font-size:14px;color:#363232;}
.header-line{width:50px;height:3px;background-color:var(--maincolor);margin:15px auto 0 auto;border-radius:2px;}

/* 3-Column Grid Layout */
.projects-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 40px;}

/* Individual Project Card / Box */
.project-box{background:var(--whitecolor);border-radius:10px;box-shadow:0px 5px 20px rgba(0,0,0,0.03);border:1px solid var(--border-color-dark);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;}
.project-link-wrap{display:block;padding:30px;text-decoration:none;color:inherit;height:100%;}
.project-box:hover{transform:translateY(-6px);box-shadow:0px 15px 35px rgba(0,123,44,0.08);border-color:var(--maincolor);}

/* Title & Arrow Animation */
.project-box-title{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.arrow-icon{font-size:13px;color:var(--maincolor);transition:transform 0.3s ease;}
.project-box:hover .arrow-icon{transform:translateX(4px); /* Smooth slide right on hover */}
.project-box-title h3{font-family:"Raleway",sans-serif;font-size:1rem;font-weight:700;color:var(--blackcolor);letter-spacing:-0.2px;transition:color 0.3s ease;}
.project-box:hover .project-box-title h3{color:var(--maincolor);}
.archive-project{padding: 0px 0px 80px 0px;}

/* Description Text */
.project-box-desc{font-size:14px;color:#363232;line-height:1.7;}

/* Responsive Scaling */
@media (max-width:992px){
  .projects-grid-3{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .projects-grid-3{grid-template-columns:1fr;}
}

/* =====================================================
   Single Full-Width Image Banner Styles
===================================================== */
.project-single-image-wrapper{width:100%;border-radius:12px;overflow:hidden;box-shadow:0px 8px 25px rgba(0,0,0,0.06);border:1px solid var(--border-color-dark);margin-top:40px;}
.single-image-inner{width:100%;height:auto;overflow:hidden;}
.single-image-inner img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
.project-single-image-wrapper:hover .single-image-inner img{transform:scale(1.03); /* Subtle zoom effect */}

/* Responsive Scaling */
@media (max-width:992px){
  .projects-grid-3{grid-template-columns:repeat(2,1fr);}
  .single-image-inner{height:250px;}
}
@media (max-width:768px){
  .projects-grid-3{grid-template-columns:1fr;}
  .single-image-inner{height:200px;}
}





/* =====================================================
   Vrijwilligerswerk door heel Nepal Section Styles
===================================================== */
.nepal-regions-section{padding:0 0 80px 0;}

/* Header Styling */
.section-header{text-align:center;margin-bottom:50px;}
.section-header h2{font-family:"Raleway",sans-serif;font-size:1.8rem;font-weight:700;color:var(--blackcolor);margin-bottom:6px;}
.section-header p{font-size:14px;color:#363232;}
.header-line{width:50px;height:3px;background-color:var(--maincolor);margin:15px auto 0 auto;border-radius:2px;}

/* 5-Column Grid Layout */
.regions-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:50px;}

/* Individual Region Card */
.region-card{background:var(--whitecolor);border-radius:10px;padding:25px 18px;box-shadow:0px 5px 20px rgba(0,0,0,0.03);border:1px solid var(--border-color-dark);text-align:center;display:flex;flex-direction:column;align-items:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.region-card:hover{transform:translateY(-6px);box-shadow:0px 15px 35px rgba(245,109,23,0.1);border-color:var(--orangecolor);}

/* Orange Circle Icon Badge */
.region-icon-badge{width:36px;height:36px;background-color:var(--orangecolor);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:14px;box-shadow:0 4px 10px rgba(245,109,23,0.3);transition:transform 0.3s ease;}
.region-card:hover .region-icon-badge{transform:rotate(180deg);}

/* Region Title */
.region-card h3{font-family:"Raleway",sans-serif;font-size:1rem;font-weight:700;color:var(--blackcolor);margin-bottom:15px;}

/* Region Description Text */
.region-card p{font-size:14px;color:#363232;line-height:1.7;text-align:left;}

/* Bottom Gallery Row */
.regions-gallery-row{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;}
.gallery-thumb{width:100%;height:160px;border-radius:8px;overflow:hidden;box-shadow:0px 4px 12px rgba(0,0,0,0.05);border:1px solid var(--border-color-dark);}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.gallery-thumb:hover img{transform:scale(1.08);}

/* Responsive Scaling */
@media (max-width:1200px){
  .regions-grid-5{grid-template-columns:repeat(3,1fr);}
  .regions-gallery-row{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .regions-grid-5{grid-template-columns:1fr;}
  .regions-gallery-row{grid-template-columns:repeat(2,1fr);}
}




/* =====================================================
   Bootstrap Tab Component Customizations
===================================================== */

.header-line{width:50px;height:3px;background-color:var(--maincolor,#007b2c);border-radius:2px;}

/* Custom Tab Navigation Look */
.custom-offer-tabs .nav-link{color:#363232;background-color:transparent;border:1px solid transparent;font-size:14.5px;font-weight:500;padding:10px 20px;transition:all 0.2s ease;}
.custom-offer-tabs .nav-link:hover{color:var(--orangecolor,#f56d17);}
.custom-offer-tabs .nav-link.active{color:var(--blackcolor,#000000);background-color:var(--whitecolor,#ffffff);border-color:var(--border-color-dark,#e4e7ee);border-bottom-color:transparent;font-weight:600;}

/* Tab Content Box */
.offer-tab-content-box{border-color:var(--border-color-dark,#e4e7ee)!important;}

/* Bullet points & Inline Links */
.bullet-dot{width:6px;height:6px;background-color:#363232;border-radius:50%;flex-shrink:0;}
.tab-description-content ul{display: flex !important;flex-direction: column !important;margin: 0 !important;gap: 1rem !important;    padding-left: 0;
    list-style: disc;}
.tab-description-content ul li{font-size:14.5px;color:#333333;list-style-type: disc;}
.tab-description-content ul li a{color:var(--orangecolor,#f56d17);display:inline-flex;align-items:center;gap:3px;transition:opacity 0.2s;}
.tab-description-content ul li a:hover{opacity:0.8;text-decoration:underline!important;}

/* Gallery Thumbnails Row Fix for 5 items */
@media (min-width:1200px){
  .col-xl-2dot4{flex:0 0 auto;width:20%;}
}
.gallery-thumb{height:160px;}
.gallery-thumb img{height:100%;transition:transform 0.5s ease;}
.gallery-thumb:hover img{transform:scale(1.08);}



/* =====================================================
   Wie gingen je voor Section (Testimonials) Styles
===================================================== */
.testimonials-section{padding:80px 0;position:relative;}

/* Header Styling */
.testimonials-section .section-header{text-align:center;margin-bottom:50px;}
.testimonials-section .section-header h2{font-family:"Raleway",sans-serif;font-size:1.8rem;font-weight:700;color:var(--blackcolor,#000000);margin-bottom:6px;}
.testimonials-section .section-header p{font-size:15px;color:#363232;}
.testimonials-section .header-line{width:50px;height:3px;background-color:var(--maincolor,#007b2c);margin:15px auto 0 auto;border-radius:2px;}

/* Testimonial Slider Box */
.testimonial-slider{position:relative;max-width:950px;margin:0 auto 50px auto;padding:0 40px;}
.testimonial-content-box{text-align:center;outline:none;}
.testimonial-text{font-size:14px;color:#363232;line-height:1.7;margin-bottom:25px;font-style:italic;}
.testimonial-author{font-family:"Raleway",sans-serif;font-size:1.15rem;font-weight:700;color:var(--blackcolor,#000000);}

/* Custom Slick Navigation Arrows */
.slick-prev-custom,.slick-next-custom{position:absolute;top:40%;transform:translateY(-50%);background:transparent;border:none;font-size:24px;color:#b0b8c1;cursor:pointer;z-index:10;transition:color 0.3s ease;}
.slick-prev-custom:hover,.slick-next-custom:hover{color:var(--maincolor,#007b2c);}
.slick-prev-custom:hover i,.slick-next-custom:hover i{color: var(--whitecolor);}
.slick-prev-custom{left:-10px;}
.slick-next-custom{right:-10px;}

/* Bottom Gallery/Thumbnails Slider */
.testimonial-thumbs-slider{margin:0 -10px;}
.testimonial-thumbs-slider .thumb-item{padding:0 10px;outline:none;}
.testimonial-thumbs-slider .thumb-item img{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color-dark,#e4e7ee);box-shadow:0px 4px 12px rgba(0,0,0,0.04);transition:transform 0.5s ease;}
.testimonial-thumbs-slider .thumb-item img:hover{transform:scale(1.05);}

/* Responsive Adjustments */
@media (max-width:768px){
  .testimonial-slider{padding:0 20px;}
  .slick-prev-custom{left:-5px;}
  .slick-next-custom{right:-5px;}
}



/* =====================================================
   Ons verlanglijstje Section Styles (Bootstrap 5)
===================================================== */
.wishlist-section{padding-bottom: 80px;}
.header-line{width:50px;height:3px;background-color:var(--maincolor,#007b2c);border-radius:2px;}
.section-intro{max-width:850px;margin:0 auto;}
.section-intro p{font-size:14.5px;line-height:1.7;}

/* Card Zoom Effect */
.wishlist-column{transition:all 0.3s ease;}
.wishlist-column:hover{box-shadow:0px 15px 35px rgba(0,123,44,0.08)!important;border-color:var(--maincolor,#007b2c)!important;}
.wishlist-img-wrap{height:190px;overflow:hidden;}
.wishlist-body h3{font-size: 1rem;}
.wishlist-img-wrap img{transition:transform 0.5s ease;}
.wishlist-column:hover .wishlist-img-wrap img{transform:scale(1.06);}
.inline-orange-link{color:var(--orangecolor,#f56d17);text-decoration:underline;}

/* Bootstrap Accordion Customization */
.wishlist-accordion .accordion-button{font-size:13.5px;background-color:#f8fafc!important;color:#333333!important;}
.wishlist-accordion .accordion-button:not(.collapsed){background-color:#edf2f7!important;color:var(--blackcolor,#000000)!important;box-shadow:none!important;}
.wishlist-accordion .accordion-button:focus{box-shadow:none!important;border-color:inherit;}
.wishlist-accordion .accordion-body{font-size:13px;line-height:1.6;}

/* Footer Action Buttons */
.btn-more{background-color:var(--maincolor,#007b2c);border-right:1px solid rgba(255,255,255,0.2);font-size:11.5px!important;transition:opacity 0.2s;}
.btn-donate{background-color:var(--orangecolor,#f56d17);font-size:11.5px!important;transition:opacity 0.2s;}
.btn-more:hover,.btn-donate:hover{opacity:0.9;color:#ffffff;}




/* =====================================================
   Video Testimonials Section Styles (Full Responsive)
===================================================== */
.video-testimonials-section{padding-bottom:80px;}
.video-testimonials-section .header-line{width:50px;height:3px;background-color:var(--maincolor,#007b2c);border-radius:2px;}
.video-card{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-color:var(--border-color-dark,#e4e7ee)!important;}
.video-card:hover{transform:translateY(-5px);box-shadow:0px 15px 35px rgba(0,123,44,0.08)!important;border-color:var(--maincolor,#007b2c)!important;}

/* Bootstrap 5 Ratio Container Tweaks */
.video-iframe-wrapper iframe{width:100%;height:100%;border:0;}




/* =====================================================
   YouTube Banner Section Styles (Full Responsive)
===================================================== */
.youtube-banner-section{position:relative;padding:120px 0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.youtube-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35); /* Subtle dark overlay for text/button readability */z-index:1;}

/* Call-to-Action Button */
.btn-youtube-channel{display:inline-flex;align-items:center;gap:8px;background-color:var(--orangecolor,#f56d17);color:#ffffff;font-family:"Roboto",sans-serif;font-size:15px;font-weight:600;padding:8px 28px;border-radius:6px;text-decoration:none;box-shadow:0px 6px 20px rgba(0,0,0,0.25);transition:all 0.3s ease;}
.btn-youtube-channel i{font-size:18px;}
.btn-youtube-channel:hover{background-color:#d85b12;transform:translateY(-2px);box-shadow:0px 8px 25px rgba(245,109,23,0.4);color:#ffffff;}

/* Responsive Scaling */
@media (max-width:992px){
  .youtube-banner-section{padding:90px 0;background-attachment:scroll; /* Fix background attachment issues on mobile */}
}
@media (max-width:576px){
  .youtube-banner-section{padding:70px 0;}
  .btn-youtube-channel{font-size:14px;padding:10px 20px;}
}



/* =====================================================
   Interest / Contact Form Section Styles
===================================================== */
.interest-contact-section{padding:80px 0px;}
.interest-contact-section .header-line{width:50px;height:3px;background-color:var(--maincolor,#007b2c);border-radius:2px;}
.interest-form .form-control,.interest-form .form-select{border-color:#d1d5db;font-size:14px;padding:10px 14px;}
.interest-form .form-control:focus,.interest-form .form-select:focus{border-color:var(--maincolor,#007b2c);box-shadow:0 0 0 0.25rem rgba(0,123,44,0.15);}
.btn-submit-custom{background-color:var(--orangecolor,#f56d17);transition:all 0.3s ease;}
.btn-submit-custom:hover{background-color:#d85b12;color:#ffffff;transform:translateY(-1px);}
.contact-person-card{border-color:var(--border-color-dark,#e4e7ee)!important;}
.contact-person-card img{max-width: 80px;float: left;margin-right: 15px;}
.contact-person-card p{font-size: 14px;}
.contact-person-card a{color: var(--orangecolor);}

/* =====================================================
   Footer Section Styles (Full Responsive)
===================================================== */
.footer-section{background-color:#1c1c1c;color:#cccccc;padding-top:70px;position:relative;}
.footer-title{font-family:"Raleway",sans-serif;font-size:0.95rem;font-weight:700;color:#ffffff;letter-spacing:0.5px;margin-bottom:22px;text-transform:uppercase;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:8px;}
.footer-links li a{position:relative;display:inline-flex;align-items:center;padding-left:14px; /* Ruimte vrijmaken voor het pseudo-element pijltje */color:#b0b0b0;text-decoration:none;font-size:13.5px;transition:color 0.2s ease;}

/* Het pijltje genereren via content: "" */
.footer-links li a::before{content:"\f285"; /* Bootstrap Icons Unicode voor bi-chevron-right (of gebruik een pijl teken zoals ">" of "ƒA") */font-family:"bootstrap-icons";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:10px;color:#888888;transition:transform 0.2s ease,color 0.2s ease;}
.footer-links li a:hover{color:var(--orangecolor,#f56d17);text-decoration:underline;}
.footer-links li a:hover::before{color:var(--orangecolor,#f56d17);transform:translateY(-50%) translateX(2px); /* Subtiel effectje naar rechts bij hover */}
.footer-blog-content a:hover{color:var(--orangecolor,#f56d17)!important;}
.text-muted-light{color:#888888;}
.footer-blog-content a{font-size: 14px;color:#b0b0b0 !important;}
.footer-contact-info p,.footer-contact-info p a{color:#b0b0b0 !important;}
.footer-contact-info p a:hover{color: var(--orangecolor);}
.footer-copyright,.footer-powered{color:var(--whitecolor);}

/* Scroll to Top Button */
.scroll-top-btn{position:fixed; /* Vast op het scherm tijdens scrollen */right:30px;bottom:30px;width:40px;height:40px;background-color:#2c2c2c;color:#ffffff;border:none;border-radius:4px;display:none; /* Standaard verborgen tot je scrolt */align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:background-color 0.3s ease,opacity 0.3s ease;}
.scroll-top-btn:hover{background-color:var(--maincolor,#007b2c);}
@media (max-width:992px){
  .scroll-top-btn{right:15px;bottom:20px;}
}
.footer-bottom-bar{background-color:#161616;}



/*--------------------------------------------------------------
# Vrijwilligerswerk Detail
--------------------------------------------------------------*/
/* =====================================================
   Breadcrumb Styles
===================================================== */
.breadcrumb {
  border-color: var(--border-color-dark) !important;
  font-size: 13.5px;
  background-color: #ffffff;
}

.breadcrumb-item a {
  transition: color 0.2s ease;
}

.breadcrumb-item a:hover {
  color: var(--orangecolor) !important;
}
.page-header-bar {
 padding-top: 30px;
}
/* =====================================================
   Project Detail Page Content Styles
===================================================== */
.project-detail-section{padding-bottom:80px;}
.project-title,.project-detail-content h2{font-family:"Raleway",sans-serif;font-size:1.3rem;color:var(--blackcolor);}
.project-detail-content h3{font-family:"Raleway",sans-serif;font-size:1.2rem;color:var(--blackcolor);}
.project-detail-content h4{font-family:"Raleway",sans-serif;font-size:1.1rem;color:var(--blackcolor);}
.project-detail-content h5{font-family:"Raleway",sans-serif;font-size:1rem;color:var(--blackcolor);}
.project-detail-content h2{margin: 15px 0px;}
.block-title{font-family:"Raleway",sans-serif;font-size:1.1rem;letter-spacing:0.5px;border-bottom-color:var(--border-color-dark)!important;}
.project-gallery img{height:140px;transition:transform 0.3s ease;}
.project-gallery img:hover{transform:scale(1.03);}

/* Custom Table Styles */
.table{border-color:var(--border-color-dark);}
.table th{background-color:#f8fafc;color:#333333;}

/* Inline Links & Buttons */
.inline-orange-link{color:var(--orangecolor);text-decoration:underline;}
.btn-submit-custom{background-color:var(--orangecolor);border:none;transition:all 0.3s ease;}
.btn-submit-custom:hover{background-color:#d85b12;color:#ffffff;transform:translateY(-1px);}

/* Sidebar Styling */
.sidebar-widget{border-color:var(--border-color-dark)!important;}
.sidebar-links li a{transition:color 0.2s ease,transform 0.2s ease;}
.sidebar-links li a:hover{color:var(--orangecolor)!important;transform:translateX(3px);}
.sidebar-links li a i{font-size:11px;color:#888888;}

/* Scroll to Top Button */
.scroll-top-btn{position:fixed;right:30px;bottom:30px;width:40px;height:40px;background-color:#2c2c2c;color:#ffffff;border:none;border-radius:4px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:background-color 0.3s ease,opacity 0.3s ease;}
.scroll-top-btn:hover{background-color:var(--maincolor);}

/* Responsive Tweaks */
@media (max-width:768px){
  .project-gallery img{height:90px;}
  .project-title{font-size:1.4rem;}
  .scroll-top-btn{right:15px;bottom:20px;}
}

/* Breadcrumb Header Bar */
.page-header-bar{border-bottom-color:var(--border-color-dark)!important;}
.breadcrumb-text{font-size:13px;}
.breadcrumb-text a:hover{color:var(--orangecolor)!important;}

/* Slick Slider Customization */
.project-slick-slider img{height:180px;object-fit:cover;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.06);}
.slick-prev-custom,.slick-next-custom{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,0.5);color:#fff;border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;}
.slick-prev-custom:hover,.slick-next-custom:hover{background:var(--orangecolor);}
.slick-prev-custom{left:-10px;}
.slick-next-custom{right:-10px;}

/* Buttons & Sidebar */
.btn-submit-custom{background-color:var(--orangecolor);border:none;transition:background 0.3s;}
.btn-submit-custom:hover{background-color:#d85b12;}
.sidebar-widget{border-color:var(--border-color-dark)!important;}

/* Scroll to top */
.scroll-top-btn{position:fixed;right:30px;bottom:30px;width:40px;height:40px;background-color:#2c2c2c;color:#ffffff;border:none;border-radius:4px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:999;}
.scroll-top-btn:hover{background-color:var(--maincolor);}




/* =====================================================
   Aanbod
===================================================== */
.aanbod-page-section{padding-bottom: 80px;}
/* Header Breadcrumb Bar */
.page-header-bar{border-bottom-color:var(--border-color-dark)!important;}
.breadcrumb-text a:hover{color:var(--orangecolor)!important;}

/* =====================================================
   Exact Timeline / Connector Design
===================================================== */
.timeline-container{position:relative;padding-left:var(--line-offset);}

/* Verticale doorlopende stippellijn achter de iconen */
.timeline-container::before{content:"";position:absolute;top:calc(var(--icon-size) / 2);bottom:70px;  /* Formule: Afstand vanaf links = offset + helft van de icoonbreedte */left:calc(var(--line-offset) + (var(--icon-size) / 2));width:1px;border-left:1px dashed #b8b8b8;transform:translateX(-50%); /* Garandeert pixel-perfecte centrering */z-index:1;}
.timeline-item{position:relative;}

/* Groot rond gouden icoon zoals in de afbeelding */
.timeline-icon{position:absolute;left:0;top:0;width:90px;height:90px;background-color:var(--timeline-gold);border-radius:50%;z-index:2;}
.timeline-icon i{font-size: 30px;}
/* Horizontale verbindingslijn met stip aan het begin */
.timeline-item::after{content:"";position:absolute;left:-20px; /* Startpunt van het linkerlijntje buiten de container */top:45px; /* Gelijk aan de helft van de hoogte van het icoon (90px / 2) */width:20px;border-top:1px solid var(--timeline-gold);z-index:2;}

/* Het stipje aan het uiterste linker uiteinde van de lijn */
.timeline-item::before{content:"";position:absolute;left:-23px;top:42.5px;width:6px;height:6px;background-color:var(--timeline-gold);border-radius:50%;z-index:3;}
.timeline-content{padding-left:110px!important; /* Zorgt dat tekst netjes rechts van het grote icoon blijft */}
.timeline-content h3{font-family:'Raleway',sans-serif;font-size:1.1rem;}
.timeline-content p{font-size:0.92rem;}

/* =====================================================
   Responsive Adjustments (Mobiel & Tablets)
===================================================== */
@media (max-width:768px){
  :root{--icon-size:55px;--line-offset:15px;}
  .timeline-container{padding-left:10px;}
  .timeline-item{padding-left:calc(var(--icon-size) + 12px);}
  .timeline-content h3{font-size:1rem;}
  .timeline-content p{font-size:0.875rem;}
}

/* Inline Links & Buttons */
.inline-orange-link{color:var(--orangecolor);transition:color 0.2s ease,transform 0.2s ease;}
.inline-orange-link:hover{color:#d85b12;text-decoration:underline!important;transform:translateX(3px);}
.btn-submit-custom{background-color:var(--orangecolor);border:none;transition:background 0.3s ease;}
.btn-submit-custom:hover{background-color:#d85b12;}

/* Sidebar Widgets */
.sidebar-widget{border-color:var(--border-color-dark)!important;}
.sidebar-links li a{transition:color 0.2s ease,transform 0.2s ease;}
.sidebar-links li a:hover{color:var(--orangecolor)!important;transform:translateX(3px);}

/* =====================================================
   Title with Divider Line Design
===================================================== */
.section-heading{display:flex;align-items:center;gap:15px; /* Ruimte tussen de titeltekst en de lijn */font-family:'Raleway',sans-serif;color:#222222;font-size: 18px;}

/* De fijne doorlopende grijze lijn rechts van de titel */
.section-heading::after{content:"";flex:1; /* Vult de resterende breedte op */height:1px;background-color:#e4e7ee; /* Lichte grijze lijnkleur */}



/* =====================================================
   Responsive Tabs Styling
===================================================== */
.locaties-page-section{padding-bottom: 80px;}
.custom-locaties-tabs{border-bottom:1px solid var(--border-color-dark);}
.custom-locaties-tabs .nav-link{color:#555555;background-color:#f1f3f5;border:1px solid var(--border-color-dark);border-bottom:none;margin-right:4px;border-top-left-radius:6px;border-top-right-radius:6px;padding:8px 16px;transition:all 0.2s ease;}
.custom-locaties-tabs .nav-link:hover{color:var(--orangecolor);background-color:#ffffff;}
.custom-locaties-tabs .nav-link.active{color:#222222;background-color:#ffffff;border-color:var(--border-color-dark) var(--border-color-dark) #ffffff;box-shadow:0 -2px 5px rgba(0,0,0,0.03);}

/* Tab Pane Detail met responsieve float voor afbeelding */
.tab-pane-detail img{max-width:220px;float:left;margin-right:20px;margin-bottom:10px;}
@media (max-width:576px){
  .tab-pane-detail img{max-width:100%;float:none;margin-right:0;margin-bottom:15px;}
}

/* =====================================================
   Inline Links & Buttons
===================================================== */
.inline-orange-link{color:var(--orangecolor);transition:color 0.2s ease,transform 0.2s ease;}
.inline-orange-link:hover{color:#d85b12;text-decoration:underline!important;transform:translateX(3px);}
.btn-submit-custom{background-color:var(--orangecolor);border:none;transition:background 0.3s ease;}
.btn-submit-custom:hover{background-color:#d85b12;}

/* =====================================================
   Sidebar Widgets
===================================================== */
.sidebar-widget{border-color:var(--border-color-dark)!important;}
.sidebar-links li a{transition:color 0.2s ease,transform 0.2s ease;}
.sidebar-links li a:hover{color:var(--orangecolor)!important;transform:translateX(3px);}

/* =====================================================
   Responsive Mobile Tabs Scroll Fix
===================================================== */
@media (max-width:768px){
  .table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:5px;}
  .custom-locaties-tabs{flex-wrap:nowrap!important;}
  .custom-locaties-tabs .nav-link{padding:6px 12px;font-size:0.85rem;}
}
.project-text ul,.project-text ul li,.custom-faq-accordion ul,.custom-faq-accordion ul li{list-style-type: disc;}
.project-text ul,.custom-faq-accordion ul{padding-left: 17px;}
.project-text ul li,.custom-faq-accordion ul li{padding: 6px 0px;font-weight: 500;}
/* Our Team */
/* Team Section Styles */
.team-section__title{font-size: 2rem;}
.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;}


/* =====================================================
   Custom FAQ Accordion Styling (Matching Image)
===================================================== */
.faq-page-section{padding-bottom:80px;}
.custom-faq-accordion .accordion-item{border-color:#e4e7ee!important;border-bottom:0!important;}
.custom-faq-accordion .accordion-item:last-child{border-bottom:1px solid #e4e7ee!important;}
.custom-faq-accordion .accordion-button{background-color:#ffffff;color:#555555;box-shadow:none!important;padding-left:15px;position:relative;font-weight: 600 !important;}
.custom-faq-accordion .accordion-button:hover{background-color:#fafafa;color:#222222;}
.custom-faq-accordion .accordion-button:not(.collapsed){background-color:#ffffff;color:#222222;font-weight:500!important;}

/* Verwijder standaard Bootstrap pijl-icoon */
.custom-faq-accordion .accordion-body{background-color:#fdfdfd;}



/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-page-section{padding-bottom: 80px;}
.form-control-custom,.form-select-custom{background-color:var(--input-bg);border:1px solid var(--input-border);font-size:0.875rem;padding:8px 12px;color:#444444;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.form-control-custom:focus,.form-select-custom:focus{background-color:#ffffff;border-color:#a0a0a0;box-shadow:none;}

/* Submit Button & Orange Links */
.btn-submit-custom{background-color:var(--orangecolor);border:none;transition:background 0.2s ease;}
.btn-submit-custom:hover{background-color:var(--maincolor);}
.inline-orange-link{color:var(--orangecolor);transition:color 0.2s ease;}
.inline-orange-link:hover{color:var(--orangecolor-hover);text-decoration:underline!important;}

/* Contact Person Image Styling */
.person-img{max-width:100%;width:180px;height:auto;}
/* =====================================================
   Responsive Adjustments (Mobile & Tablets)
===================================================== */
@media (max-width:991px){
  .contact-content-card{padding:1.5rem!important;}
  .contact-person-wrapper{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color-dark);}
}
@media (max-width:576px){
  .page-main-title{font-size:1.25rem!important;}
  .section-heading{font-size:1.05rem!important;gap:10px;}
  .person-img{max-width:140px;margin-bottom:1rem;}
}



/* =====================================================
 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;}

/* =====================================================
 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:0px 0px 80px 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;}
.news-block-two .inner-box .lower-content .inner{position:relative;background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.1);border-radius:0px;padding:15px;z-index:1;transition:all .5s ease}
.news-block-two .inner-box:hover .lower-content .inner{padding-bottom:102px;margin-top:-30px}
.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;}


/* ================================================================= 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;list-style-type: none;}
.page-numbers li{margin:0px 5px;}
.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;}


.book-numbers{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:2rem 0;gap:8px;}
.book-numbers li{margin:0;}

/* Individual links and spans inside your list */
.book-numbers .page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:50%;background-color:#f8f9fa;color:#333;font-weight:600;text-decoration:none;transition:all 0.2s ease;border:1px solid #eaeaea;box-sizing:border-box;}
.book-numbers .page-numbers:hover{background-color:#e9ecef;color:#000;}
.book-numbers .page-numbers.current{background-color:#ff6600!important;color:#fff!important;border-color:#ff6600!important;}
.book-numbers .page-numbers.dots{background-color:transparent;border:none;min-width:20px;}



/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (min-width:320px) and (max-width:767px){
  .projects-content h2,.volunteer-types-section h2,.section-header h2,.testimonials-section .section-header h2{font-size:1.4rem;}
  .volunteer-card h3,.project-box-title h3{font-size:0.8rem;}
  .project-link-wrap,.region-card{padding:15px;}
  .our-projects-section,.special-projects-section,.volunteer-types-section,.testimonials-section,.interest-contact-section{padding:30px 0px;}
  .nepal-regions-section,.wishlist-section,.video-testimonials-section{padding-bottom:30px;}
  .footer-section{padding-top:30px;}
  .logo img {height: 40px;}
}

/* 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;}
}