@font-face {
  font-family: 'my-icomoon';
  src:  url('fonts/my-icomoon.eot?qozke4');
  src:  url('fonts/my-icomoon.eot?qozke4#iefix') format('embedded-opentype'),
    url('fonts/my-icomoon.ttf?qozke4') format('truetype'),
    url('fonts/my-icomoon.woff?qozke4') format('woff'),
    url('fonts/my-icomoon.svg?qozke4#my-icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'my-icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xtn-documents:before {
  content: "\e006";
}
.icon-xtn-pictures:before {
  content: "\e010";
}
.icon-xtn-map:before {
  content: "\e025";
}
.icon-xtn-puzzle:before {
  content: "\e026";
}
.icon-xtn-envelope:before {
  content: "\e028";
}
.icon-xtn-streetsign:before {
  content: "\e029";
}
.icon-xtn-pricetags:before {
  content: "\e02f";
}
.icon-xtn-pencil1:before {
  content: "\e032";
}
.icon-xtn-recycle:before {
  content: "\e03e";
}
.icon-xtn-profile-male:before {
  content: "\e040";
}
.icon-xtn-global:before {
  content: "\e052";
}
.icon-xtn-alarmclock:before {
  content: "\e059";
}
.icon-xtn-refresh:before {
  content: "\e05a";
}
.icon-xtn-facebook3:before {
  content: "\e05d";
}
.icon-xtn-twitter2:before {
  content: "\e05e";
}
.icon-xtn-googleplus:before {
  content: "\e05f";
}
.icon-xtn-linkedin3:before {
  content: "\e062";
}
.icon-xtn-tag1:before {
  content: "\e995";
}
.icon-xtn-calendar:before {
  content: "\e998";
}
.icon-xtn-coffee:before {
  content: "\e99a";
}
.icon-xtn-icon-checkmark:before {
  content: "\e99b";
}
.icon-xtn-checkmark-outline:before {
  content: "\e99c";
}
.icon-xtn-cancel:before {
  content: "\e99d";
}
.icon-xtn-cancel-outline:before {
  content: "\e99e";
}
.icon-xtn-plus:before {
  content: "\e99f";
}
.icon-xtn-minus:before {
  content: "\e9a1";
}
.icon-xtn-notice:before {
  content: "\e9a3";
}
.icon-xtn-warning:before {
  content: "\e9a4";
}
.icon-xtn-suitcase:before {
  content: "\e9a6";
}
.icon-xtn-alarmclock1:before {
  content: "\e9a8";
}
.icon-xtn-time:before {
  content: "\e9a9";
}
.icon-xtn-checkmark2:before {
  content: "\e9aa";
}
.icon-xtn-cancel2:before {
  content: "\e9ab";
}
.icon-xtn-comments:before {
  content: "\e9b2";
}
.icon-xtn-chat2:before {
  content: "\e9b4";
}
.icon-xtn-heart4:before {
  content: "\e9b7";
}
.icon-xtn-star2:before {
  content: "\e9b9";
}
.icon-xtn-lock1:before {
  content: "\e9ba";
}
.icon-xtn-location4:before {
  content: "\e9bb";
}
.icon-xtn-mail-envelope-open1:before {
  content: "\e9c1";
}
.icon-xtn-mail-envelope-closed2:before {
  content: "\e9cf";
}
.icon-xtn-star3:before {
  content: "\e9d1";
}
.icon-xtn-star4:before {
  content: "\e9d4";
}
.icon-xtn-search1:before {
  content: "\e9d5";
}
.icon-xtn-search2:before {
  content: "\e9d6";
}
.icon-xtn-printer-text2:before {
  content: "\e9f6";
}
.icon-xtn-tags1:before {
  content: "\e9fe";
}
.icon-xtn-thumb-up:before {
  content: "\ea01";
}
.icon-xtn-thumb-down:before {
  content: "\ea07";
}
.icon-xtn-document-file-pdf1:before {
  content: "\ea0c";
}
.icon-xtn-phone:before {
  content: "\e9b1";
}
.icon-xtn-export:before {
  content: "\ea4c";
}
.icon-xtn-add_circle:before {
  content: "\ea73";
}
.icon-xtn-add_circle_outline:before {
  content: "\ea74";
}
.icon-xtn-airplanemode_on:before {
  content: "\ea7e";
}
.icon-xtn-keyboard_arrow_down:before {
  content: "\ea85";
}
.icon-xtn-keyboard_arrow_left:before {
  content: "\ea86";
}
.icon-xtn-keyboard_arrow_right:before {
  content: "\ea8e";
}
.icon-xtn-keyboard_arrow_up:before {
  content: "\ea97";
}
.icon-xtn-keyboard_backspace:before {
  content: "\ea98";
}
.icon-xtn-keyboard_tab:before {
  content: "\ea9f";
}
.icon-xtn-directions_car:before {
  content: "\eaa4";
}
.icon-xtn-directions_walk:before {
  content: "\eaa5";
}
.icon-xtn-hotel1:before {
  content: "\eaa6";
}
.icon-xtn-local_grocery_store:before {
  content: "\eaab";
}
.icon-xtn-map1:before {
  content: "\eab1";
}
.icon-xtn-arrow_back:before {
  content: "\eab9";
}
.icon-xtn-arrow_forward:before {
  content: "\eabd";
}
.icon-xtn-airline_seat_recline_extra:before {
  content: "\eae1";
}
.icon-xtn-share3:before {
  content: "\eae6";
}
.icon-xtn-thumb_down_alt:before {
  content: "\eae7";
}
.icon-xtn-thumb_up_alt:before {
  content: "\eae8";
}
.icon-xtn-star6:before {
  content: "\eae9";
}
.icon-xtn-autorenew:before {
  content: "\eaea";
}
.icon-xtn-favorite:before {
  content: "\eaec";
}
.icon-xtn-info3:before {
  content: "\eaf2";
}
.icon-xtn-info_outline:before {
  content: "\eaf3";
}
.icon-xtn-accessible:before {
  content: "\eaf5";
}
.icon-xtn-elderly:before {
  content: "\eb0c";
}
.icon-xtn-chevrons-left:before {
  content: "\eb26";
}
.icon-xtn-chevrons-right:before {
  content: "\eb27";
}
.icon-xtn-download6:before {
  content: "\eb2c";
}
.icon-xtn-edit:before {
  content: "\eb2e";
}
.icon-xtn-external-link:before {
  content: "\eb30";
}
.icon-xtn-heart6:before {
  content: "\eb31";
}
.icon-xtn-refresh-cw:before {
  content: "\eb48";
}
.icon-xtn-list:before {
  content: "\eb36";
}
.icon-xtn-people_alt:before {
  content: "\e900";
}
.icon-xtn-aircraft-landing:before {
  content: "\eb69";
}
.icon-xtn-aircraft-take-off:before {
  content: "\eb6a";
}
.icon-xtn-xtn-location-food:before {
  content: "\ebd7";
}
.icon-xtn-facebook:before {
  content: "\ec17";
  color: #1877f2;
}
.icon-xtn-instagram:before {
  content: "\ec1d";
  color: #e4405f;
}
.icon-xtn-linkedin:before {
  content: "\ec21";
  color: #0077b5;
}
.icon-xtn-messenger:before {
  content: "\ec23";
  color: #00b2ff;
}
.icon-xtn-paypal:before {
  content: "\ec27";
  color: #00457c;
}
.icon-xtn-pinterest:before {
  content: "\ec28";
  color: #bd081c;
}
.icon-xtn-telegram:before {
  content: "\ec3a";
}
.icon-xtn-tiktok:before {
  content: "\ec3b";
}
.icon-xtn-tripadvisor:before {
  content: "\ec3e";
  color: #00af87;
}
.icon-xtn-x:before {
  content: "\ec40";
}
.icon-xtn-viber:before {
  content: "\ec42";
  color: #665cac;
}
.icon-xtn-wechat:before {
  content: "\ec45";
  color: #7bb32e;
}
.icon-xtn-whatsapp:before {
  content: "\ec46";
  color: #25d366;
}
.icon-xtn-youtube:before {
  content: "\ec48";
  color: #f00;
}
.icon-xtn-home1:before {
  content: "\f015";
}
.icon-xtn-handshake-o:before {
  content: "\f2b5";
}
.icon-xtn-bath:before {
  content: "\f2cd";
}
.icon-bathtub:before {
  content: "\f2cd";
}
.icon-s15:before {
  content: "\f2cd";
}
.icon-xtn-phone-square:before {
  content: "\f098";
}
*{margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none;}
:root {
    /*Brand Color Palette*/
    --brand-1: #050f00;   
    --brand-2: #afc15f; 
    --brand-2-dark:#8ba129;
    --brand-3: #d93600;    
    /* Neutral Colors*/
    --color-bg: #f9f9f9;
    --color-light: #ffffff;
    --color-text: #050f00;
    --color-text-muted: #6b6b6b;
    --color-border: #e5e5e5;
    /*Border Radius*/
    --radius-sm: 3px;
    --radius-md: 10px;
    --radius-lg: 30px;
    /*Shadows*/
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 2px 5px rgba(0, 0, 0, 0.2);
    /*Transitions*/
    --transition: 0.3s ease-in-out;
}
img{max-width:100%;}
  /* ===Custom Buttons== */
  .btn-primary {background: var(--brand-2-dark);color: var(--brand-1);padding: 12px 20px;border-radius: var(--radius-sm);font-weight: 600;border: none;cursor: pointer; transition:var(--transition);}
  .btn-primary:hover {background: var(--brand-2);}
  .btn-primary-outline {display: inline-block;padding: 12px 28px;background: transparent;color: var(--brand-2-dark);font-weight: 600;border: 1px solid var(--brand-2-dark);border-radius: var(--radius-sm);transition: var(--transition);}
  .btn-primary-outline:hover {color: var(--color-light);background: var(--brand-2-dark);}

  /* Header Wrapper */
  .site-header {background: var(--brand-2);}
  /* Layout */
  .top-header {display: flex;align-items: center;justify-content: space-between;padding: 1rem 0;}
  /* Logo */
  .top-header-logo img {max-height: 55px;}
  /* Search */
  .top-header-search {display: flex;align-items: center;background: var(--color-light);border-radius: var(--radius-sm);border: 1px solid var(--color-border);}
  .top-header-search input {border: none;background: transparent;padding: 0.6rem 1rem;width: 400px;font-size: 0.9rem;}
  .top-header-search input:focus {outline: none;}
  .top-header-search button {background: var(--brand-2);border: none;padding: 0.5rem 0.8rem;color: var(--brand-1);cursor: pointer;transition: var(--transition);font-size: 1.2rem;}
  .top-header-search button:hover {background: var(--brand-2-dark);}
  .social-call-desktop-view{display: flex; justify-content: space-between;gap: 1rem; align-items: center;}
  /* Support */
  .top-header-support {text-align: right;}
  .top-header-support small {display: block;font-size: 0.75rem;color: var(--text-muted);padding-top: 3px;}
  .support-number {display: flex;align-items: center;gap: 0.4rem;font-weight: 600;}
  .support-number a {color: var(--brand-1);}
  .support-icons i {margin-left: 0.4rem;background: var(--color-light);border: none;border-radius: 50px;padding: 5px;}
  /* Social */
  .top-header-socials a {margin-left: 0.6rem;font-size: 1.3rem;}
  .social-call-mobile-view{display:none}
  /* Responsive */
  @media (max-width: 992px) {
    .site-header{background: var(--brand-1);}
    .social-call-desktop-view{display: none;}
    .social-call-mobile-view{display: block; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 10px;}
    .social-call-mobile-view-bg{background: var(--color-border); border: none;border-radius: 50px;padding: 5px;}
    .top-header-logo{display: none;}
    .top-header {flex-wrap: wrap-reverse;justify-content: center;text-align: center;}
    .top-header-search{width: 100%;}
    .top-header-support {text-align: center;}
    .top-header-search input {width: 100%;}
    }
  /* NAV BAR */
  .main-nav {position: sticky;top: 0px; z-index: 9999; background: var(--brand-1);box-shadow: var(--shadow-sm);}
  .nav-wrapper {display: flex;align-items: center; justify-content: space-between;padding: 1rem 0;}
  .top-header-logo-mobile{display: none;}
  /* MENU */
  .menu {display: flex;flex: 1; justify-content: space-between; list-style: none; padding: 0 1rem; margin: 0;}
  .menu a {color: var(--color-light);font-weight: 700;position: relative;}
  .menu a.active {color: var(--brand-2)}
  /* Soft underline */
  .menu a::after {content: "";position: absolute;left: 0;bottom: -6px;width: 0;height: 2px;background: var(--brand-2);transition: var(--transition);}
  .menu a:hover::after {width: 100%;}
  /* MEGA MENU */
  .has-mega {position: relative;}
  .mega-menu {position: absolute;top: 3.3rem;left: 0;width: 640px;background: var(--color-light);padding: 28px;border-bottom-left-radius: var(--radius-sm);border-bottom-right-radius: var(--radius-sm); box-shadow: var(--shadow-md);opacity: 0;visibility: hidden;transform: translateY(20px);transition: var(--transition);z-index: 99;}
  .has-mega:hover .mega-menu {opacity: 1;visibility: visible;transform: translateY(0);}
  /* Mega Header */
  .mega-header h4 {margin: 0;font-size: 18px;font-weight: 700;color: var(--brand-1);}
  .mega-header p {margin: 6px 0 18px;color: var(--color-text-muted);font-size: 14px;}
  /* Mega Grid */
  .mega-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}
  .mega-grid a {display: block;padding: 14px 16px;border-radius: var(--radius-sm);background: var(--color-bg);text-decoration: none;transition: var(--transition);}
  .mega-grid strong {display: block;color: var(--brand-2-dark);font-size: 15px;}
  .mega-grid span {font-size: 12px;font-weight: 500;color: var(--color-text-muted);}
  .mega-grid a:hover {background: rgba(169, 196, 51, 0.15);}
  /* ACTION BUTTONS */
  .nav-actions {display: flex;gap: 12px;}
  .menu-toggle {display: none;background: none;border: none;color: white;font-size: 28px;}
  @media (max-width: 992px) {
  .nav-wrapper {flex-wrap: wrap;gap: 12px; background: var(--brand-2);}
  .mobile-logo-toggle {display: flex;justify-content: space-between;align-items: center;gap: 8rem;margin: 0 auto;padding: 0 1rem; }
  .top-header-logo-mobile {display: block;}
  .top-header-logo-mobile img {max-height: 50px;width: auto;}
  .menu-toggle {display: flex;align-items: center;justify-content: center;font-size: 28px;color: var(--color-light);background: transparent;border: 1px solid var(--color-light);border-radius: var(--radius-sm);padding: 6px 10px;cursor: pointer;transition: var(--transition);position: relative;}
  .menu-toggle i{transition: var(--transition);}
  .menu-toggle .icon-close{display: none;}
  .menu-toggle.active .icon-open{display: none;}
  .menu-toggle.active .icon-close{display: block;}
  .menu-toggle:hover {background: var(--color-light);color: var(--brand-1);}
  .menu {width: 100%;display: none;flex-direction: column;background: var(--brand-1);border-radius: var(--radius-sm);padding: 0;}
  .menu.active {display: flex; gap: 1rem;}
  .menu li {width: 100%;border-bottom: 1px solid rgba(255,255,255,0.08);}
  .menu li:last-child {border-bottom: none;}
  .menu a {display: flex;justify-content: space-between;align-items: center;padding: 3px 20px;font-size: 16px;font-weight: 600;}
  .menu a::after {display: none;}
  .has-mega .arrow {font-weight: 700;padding: 0 7px;border: 1px solid var(--color-light);}
  .mega-menu {position: static;width: 100%;padding: 20px 15px 15px;background: var(--brand-1);border-radius: 0;box-shadow: none;display: none;}
  .has-mega.active .mega-menu {display: block;}
  .mega-header h4 {font-size: 15px;color: var(--brand-3);}
  .mega-header p {font-size: 13px;margin-bottom: 12px;}
  .mega-grid {grid-template-columns: 1fr;gap: 7px;}
  .mega-grid a {background: rgba(255,255,255,0.06);padding: 12px 14px;}
  .mega-grid strong {font-size: 14px;}
  .mega-grid span {font-size: 12px;}
  .nav-actions {width: 100%;flex-direction: column;padding: 12px;gap: 10px;}
  .nav-actions button {width: 100%;padding: 14px;font-size: 15px;border-radius: var(--radius-sm);}
}
/* =====================Main Start================= */
/* Slider Section */
.volunteer-slider {position: relative;width: 100%;overflow: hidden;}
.slider .slide {position: relative;}
.slider img {width: 100%;height: 70vh;object-fit: cover;}
/* Slide Content */
.slide-content {position: absolute;top: 20%;left: 5%;padding: 35px 40px;background: rgba(0, 0, 0, 0.1);color: var(--color-light);}
.slide-content h5 {font-size: 2.6rem;margin-bottom: 7px;font-weight: 800;text-shadow: 2px 2px 10px rgba(0,0,0,1);letter-spacing: 1px;}
.slide-content p {font-size: 1.2rem;font-weight: 700;line-height: 1.6;margin-bottom: 3rem;text-shadow: 1px 1px 3px rgba(0,0,0,2);color: var(--color-border);}
/* Slick Dots Wrapper */
.slick-dots {bottom: -35px;}
.slick-dots li button:before {content: "";width: 15px;height: 15px;display: block;background-color: var(--brand-2);opacity: 0.6;border-radius: var(--radius-sm);}
.slick-dots li.slick-active button:before {background-color: var(--brand-2-dark);opacity: 1;}
@media (max-width: 992px) {.slider img{height: 65vh;}.slide-content {max-width: 100%; top: 20%;}.slide-content h5 {font-size: 2rem;}.slide-content p {font-size: 1.1rem;}}

/* ===== Welcome Section ===== */
.welcome-content h3 {font-size: 1.8rem;font-weight: 700;margin-bottom: 1rem;color: var(--brand-1);font-family: 'mulish' sans-serif;}
.welcome-content h4 {font-size: 1.5rem;color: var(--brand-2-dark);font-weight: 700;font-family: 'Courier New', Courier, monospace;}
.welcome-content p {color: var(--color-text-muted);text-align: justify;line-height: 1.8;margin-bottom: 1rem;}
/* ===== Form Card ===== */
.form-card {background: var(--color-light);padding: 25px;border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);}
.form-title {font-weight: 700;margin-bottom: 1rem;text-align: center;font-family: 'mulish' sans-serif;}
.form-control {border-radius: var(--radius-sm);padding: 10px 14px;border: 1px solid var(--color-border);font-size: 0.95rem;}
.form-control:focus {border-color: var(--brand-2);box-shadow: var(--shadow-sm);}
@media (max-width: 768px) {.welcome-content h3 {font-size: 1.6rem;}}

/* ===== Our Services Section ===== */
.our-services {background: var(--color-bg);}
.section-header h3 {font-weight: 700;font-size: 2rem;margin-bottom: 10px;font-family: 'mulish' sans-serif;color: var(--brand-1);}
.section-header p {max-width: 900px;margin: 0 auto;color: var(--color-text-muted);font-size: 1.1rem; font-family: 'poppins' sans-serif;}
.service-card {background: var(--color-light);border-radius: var(--radius-sm);padding: 30px 22px;height: 100%;text-align: center;box-shadow: var(--shadow-sm);transition: var(--transition);position: relative;overflow: hidden;}
.service-card:hover {box-shadow: var(--shadow-md);}
.service-icon {width: 80px;height: 80px;margin: 0 auto 18px;background: var(--brand-2);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.service-icon img {width: 80px;height: 80px;border-radius: 50%;padding: 5px;}
.service-card h6 {font-weight: 700;font-size: 1.3rem;margin-bottom: 12px;height: 50px;}
.service-card p {font-size: 1rem;color: var(--color-text-muted);line-height: 1.5;text-align: justify;margin-bottom: 20px;}
@media (max-width: 768px) {.section-header h3 {font-size: 1.6rem;}.section-header p{font-size: 0.95rem;}}

/* =====Volunteer Services===== */
.volunteer-card {height: 100%;background: var(--color-light);border-radius: var(--radius-sm);overflow: hidden;box-shadow: var(--shadow-sm);transition: var(--transition), box-shadow var(--transition);display: flex;flex-direction: column;}
.volunteer-card:hover {box-shadow: var(--shadow-md);}
.card-img {position: relative;overflow: hidden;}
.card-img img {width: 100%;height: 270px;object-fit: cover;transition: transform 0.5s ease;}
.volunteer-card:hover img {transform: scale(1.05);}
.card-body {padding: 20px;display: flex;flex-direction: column;}
.card-title {font-size: 1.4rem;font-weight: 700;color: var(--brand-1);margin-bottom: 10px;}
.card-text {font-size: 1.05rem;color: var(--color-text-muted);line-height: 1.6;flex-grow: 1; text-align: justify;}

/* ======== Testimonials ======== */
.testimonials-section {background: var(--color-bg);}
/* Slider Wrapper */
.testimonials-slider {margin: 0 -12px;}
.testimonial-card {background: var(--color-light);border: 2px solid var(--color-border); border-radius: var(--radius-sm);padding: 30px;margin: 0 12px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.testimonial-card-title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.testimonial-card-title h5 {font-weight: 700;margin: 0;font-size: 18px;}
.quote-icon {font-size: 2rem;color: var(--brand-2-dark);}
.testimonial-text {font-size: 15px;text-align: justify; line-height: 1.5;max-height: 150px;overflow-y: auto;padding-right: 1rem; color: var(--color-text-muted);margin-bottom: 20px;}
.testimonial-footer {display: flex;align-items: center;gap: 12px;}
.testimonial-footer img {width: 55px;height: 55px;border-radius: 50%;object-fit: cover;}
.testimonial-footer small {color: var(--color-text-muted);}

/* =====Blogs===== */
.blog-date {color: var(--brand-3);font-size: 0.85rem;}
.blog-btn {font-weight: 600;color: var(--brand-2-dark);transition: var(--transition), color 0.3s ease;}
.blog-btn:hover {transform: translateX(3px);color: var(--brand-2);}

/* =====footer-section-starts==== */
/* ================= NEWSLETTER SECTION ================= */
.footer-1 {background: rgb(230, 236, 192);padding:50px 20px 20px;}
.newsletter-title {text-align: center;color: var(--brand-1);margin-bottom: 25px;font-size: 24px;font-weight: 700;}
.newsletter-form {max-width: 1100px;margin: 0 auto;display: grid;grid-template-columns: repeat(3, 1fr) auto;gap: 15px;}
.newsletter-form input {padding: 14px 16px;border: none;border-radius: var(--radius-sm);font-size: 15px;outline: none;}
.newsletter-form input::placeholder {color: var(--color-text-muted);}
.newsletter-form button {background: var(--brand-2-dark);color: var(--color-light);border: none;padding: 14px 28px;font-size: 15px;font-weight: 700;border-radius: var(--radius-sm);cursor: pointer;transition: background 0.3s ease;}
.newsletter-form button:hover {background: var(--brand-2);}
/* ================= VOLUNTEERING CTA SECTION ================= */
.volunteer-cta {background: var(--brand-2-dark);color: var(--color-light);margin: 3rem 0;padding: 3rem 1rem;border-radius: var(--radius-sm);text-align: center;}
.volunteer-cta p {max-width: 900px;margin: 0 auto 30px;line-height: 1.7;font-size: 0.95rem;font-family: 'Courier New', Courier, monospace;}
.cta-buttons {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}
.cta-buttons a {background: var(--color-light);color: var(--brand-2-dark);padding: 12px 26px;border-radius: var(--radius-sm);font-weight: 700;font-size: 14px;text-decoration: none;transition: var(--transition);}
.cta-buttons a:hover {background: var(--brand-1);color: var(--color-light);}
@media (max-width: 900px) {.newsletter-form {grid-template-columns: 1fr;}.newsletter-form button {width: 100%;}}

/* =======Second Footer====== */
.site-footer {background:var(--color-light);padding: 20px 20px 30px;color: var(--color-text);}
.footer-container {display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
.footer-col h4 {font-size: 1.25rem;margin-bottom: 15px;font-weight: 700; color: var(--brand-1);}
.footer-col ul {padding: 0;}
.footer-col ul li {list-style: none; margin-bottom: 10pz; padding: 5px 0;}
.footer-col ul li a {color: var(--color-text-muted);font-size: 15px;font-weight: 500;transition: var(--transition);}
.footer-col ul li a:hover {color: var(--brand-2-dark);}
/* Bottom Section */
.footer-bottom {padding: 15px;border-top: 1px solid var(--color-border);display: flex;flex-wrap: wrap;gap: 1rem; justify-content: space-between;align-items: center;align-items: center;}
.footer-brand img {max-width: 160px;}
.footer-contact p {font-size: 14px;font-weight: 500;line-height: 1.6;}
.footer-social p {font-size: 14px;margin-bottom: 10px;}
.social-icons a {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;margin-right: 8px;border-radius: var(--radius-sm);color: var(--color-light);font-size: 16px;}
.social-icons a:nth-child(1) {background: var(--color-border) ;}
.social-icons a:nth-child(2) {background: var(--brand-1);}
.social-icons a:nth-child(3) {background: var(--brand-2);}
.social-icons a:nth-child(4) {background: var(--color-border);}
  /* Responsive */
@media (max-width: 992px) {
.footer-container {grid-template-columns: repeat(2, 1fr);}
.footer-bottom {grid-template-columns: repeat(2, 1fr);text-align: center;}
.footer-brand img {margin: auto;}}
@media (max-width: 576px) {.footer-container {grid-template-columns: 1fr;}.footer-bottom {grid-template-columns: 1fr;}}
.footer-last {color: var(--color-text-muted); padding: 20px 10px;font-family: 'Poppins', sans-serif;font-size: 0.95rem;font-weight: 500;}
.footer-last p {margin: 0 0 5px 0;}
.footer-last span a {color: var(--brand-2-dark); font-weight: 600;transition: var(--transition);}
.footer-last span a:hover {color: var(--brand-2);}

/* ===================== Breadcrumb =================*/
.breadcrumb {background: var(--color-bg);border-radius: var(--radius-sm);padding: 3px 1rem; font-family: Arial, sans-serif;font-size: 14px;margin: 2rem 3rem;display: inline-block;}
.breadcrumb a {color: var(--color-text-muted);transition: var(--transition);}
.breadcrumb a:hover {color: var(--brand-3);}
.breadcrumb .separator {margin: 0 5px;color: var(--color-text-muted);}
.breadcrumb .active {color: var(--brand-3);font-weight: bold;}

/* =========Services-Details========= */
.service-details{background: var(--color-bg);}
.service-details-info h2{color: var(--brand-2-dark); font-size: 2.2rem; font-weight: 700; padding-bottom: 5px;}
.service-details-info-icons{display:flex; flex-wrap: wrap; gap: 1rem; padding-bottom: 1rem;}
.service-details-info-icons span{color: var(--brand-1); font-weight: 500;}
.service-details-info-icons i{color: var(--brand-2-dark);}
.service-details-info img{border-radius: var(--radius-sm); object-fit: cover; width: 100%; height: auto;}
.service-details-form{position: sticky;top: 1rem; border: 1px solid var(--color-border);margin-top: 1rem;}
.service-details-form h5{background: var(--brand-2); padding: 12px 0; color: var(--brand-1);}
/* Share Box */
.share-box {border: 1.5px solid var(--brand-2-dark);padding: 25px 20px 20px;padding-bottom: 1rem; width: fit-content;background: var(--color-light);position: relative;}
.share-title {position: absolute;top: -12px;left: 20px;background: var(--color-light);padding: 0 10px;font-size: 13px;font-weight: 700;color: var(--brand-2-dark);letter-spacing: 1px;}
.share-buttons {display: flex;gap: 10px;}
.share-btn {display: inline-flex;align-items: center;gap: 3px;padding: 7px 12px;font-size: 14px;border-radius: var(--radius-sm);font-weight: 600;}
.facebook {color: #1877f2;border: 1px solid #1877f2 ;}
.instagram {color: #e4405f;border: 1px solid #e4405f ;}
.twitter-x {color: var(--brand-1);border: 1px solid var(--brand-1) ;}

/* =================Blog Destails=========== */
.articles-list {list-style: none;padding: 0;margin: 0;}
.articles-list li {display: flex;align-items: flex-start;margin-bottom: 12px;transition: transform var(--transition);}
.articles-list li i {color: var(--brand-2-dark); margin-right: 10px;font-size: 16px;margin-top: 3px;}
.articles-list li a {color: var(--color-text-muted);font-size: 15px;line-height: 1.4;transition: color var(--transition);}
.articles-list li a:hover {color: var(--brand-2-dark);text-decoration: underline;}
.articles-list li:hover {transform: translateX(3px);}

/* ===========Contact-Page============== */
.contact-section {background-color: var(--color-bg);}
.contact-card {background: var(--color-light);padding: 30px;border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);}
.contact-form label {display: block;margin-bottom: 5px;font-weight: 600;}
.contact-form input,.contact-form textarea {width: 100%;padding: 10px 15px;border-radius: var(--radius-sm);border: 1px solid var(--color-border);font-size: 16px;}
.contact-list {list-style: none;padding: 0;margin: 0;}
.contact-list li {display: flex;gap: 15px;margin-bottom: 15px;}
.contact-list .icon {width: 3rem;height: 3rem;background: var(--brand-2);color: var(--color-light);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;flex-shrink: 0;}
.contact-list strong {display: block;font-size: 14px;color: var(--color-text-muted);margin-bottom: 2px;}
.contact-list p,.contact-list a {font-size: 1rem;font-weight: 600;color: var(--color-text);}
.map {margin-top: 3rem;border-radius: var(--radius-sm);overflow: hidden;}

/* =========Vol-Booking Fprm======= */
 .vol-booking-form{background: var(--color-light);padding:1rem 3rem 2rem;border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);}
 .form-row {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 18px;}
.form-group {flex: 1;min-width: 250px;}
  label {display: block;font-size: 14px;font-weight: 600;margin-bottom: 6px;color: var(--secondary);}
  input,select,textarea {width: 100%;padding: 11px 12px;font-size: 14px;border-radius: var(--radius-sm);border: 1px solid var(--color-border);transition: var(--transition);background: var(--color-light);}
  input:focus,select:focus,textarea:focus {outline: none;border-color: var(--brand-2);}
  textarea {resize: vertical;min-height: 90px;}
  .section-title {margin: 1rem 0;font-size: 16px;font-weight: 700;color: var(--brand-2-dark);}
  @media (max-width: 768px) {.vol-booking-form {padding:10px 25px 20px;}}

/* =====Back-to-top==== */
.back-to-top-wrapper {position: fixed;right: 20px;bottom: calc(env(safe-area-inset-bottom, 12px) + 20px);width: 60px;height: 60px;z-index: 1000;opacity: 0;pointer-events: none;transform: translateY(20px) scale(.95);transition: opacity .3s,var(--transition);}
.back-to-top-wrapper.show {opacity: 1;pointer-events: auto;transform: translateY(0) scale(1);}
.progress-ring {position: absolute;inset: 0;transform: rotate(-90deg);}
.progress-ring circle {fill: none;stroke: var(--brand-2-dark);stroke-width: 2px;stroke-linecap: round;stroke-dasharray: 0 999;transition: stroke-dasharray .25s linear;}
.back-to-top {position: absolute;inset: 6px;background: transparent;color: var(--brand-2-dark);border: none;border-radius: 50%;font-size: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background .2s, transform .2s; transform: rotate(90deg);}