@font-face {
  font-family: 'xtn-icons';
  src:  url('fonts/xtn-icons.eot?sy7egf');
  src:  url('fonts/xtn-icons.eot?sy7egf#iefix') format('embedded-opentype'),
    url('fonts/xtn-icons.ttf?sy7egf') format('truetype'),
    url('fonts/xtn-icons.woff?sy7egf') format('woff'),
    url('fonts/xtn-icons.svg?sy7egf#xtn-icons') 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: 'xtn-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

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

.icon-xtn-compropago:before {
  content: "\e92b";
  color: #00aaef;
}
.icon-xtn-facebook:before {
  content: "\e92c";
}
.icon-xtn-garmin:before {
  content: "\e92d";
  color: #007cc3;
}
.icon-xtn-instagram:before {
  content: "\e92e";
}
.icon-xtn-linkedin:before {
  content: "\e92f";
}
.icon-xtn-messenger:before {
  content: "\e930";
}
.icon-xtn-star-color:before {
  content: "\e931";
}
.icon-xtn-shopify:before {
  content: "\e932";
  color: #7ab55c;
}
.icon-xtn-tiktok:before {
  content: "\e933";
}
.icon-xtn-tripadvisor:before {
  content: "\e934";
  color: #00af87;
}
.icon-xtn-x:before {
  content: "\e935";
}
.icon-xtn-viber:before {
  content: "\e936";
  color: #665cac;
}
.icon-xtn-whatsapp:before {
  content: "\e937";
}
.icon-xtn-youtube:before {
  content: "\e938";
}
.icon-xtn-zingat:before {
  content: "\e939";
}
.icon-telegram:before {
  content: "\ec3a";
}
.icon-xtn-map:before {
  content: "\e025";
}
.icon-xtn-mail-open:before {
  content: "\e028";
}
.icon-xtn-streetsign:before {
  content: "\e029";
}
.icon-xtn-pricetags:before {
  content: "\e02f";
}
.icon-xtn-pencil:before {
  content: "\e032";
}
.icon-xtn-caution:before {
  content: "\e03d";
}
.icon-xtn-recycle:before {
  content: "\e03e";
}
.icon-xtn-alarmclock:before {
  content: "\e059";
}
.icon-xtn-refresh:before {
  content: "\e05a";
}
.icon-xtn-googleplus:before {
  content: "\e05f";
}
.icon-xtn-quote:before {
  content: "\e900";
}
.icon-xtn-calendar:before {
  content: "\e901";
}
.icon-xtn-coffee:before {
  content: "\e902";
}
.icon-xtn-checkmark:before {
  content: "\e903";
}
.icon-xtn-cancel:before {
  content: "\e904";
}
.icon-xtn-plus:before {
  content: "\e905";
}
.icon-xtn-minus:before {
  content: "\e906";
}
.icon-xtn-notice:before {
  content: "\e907";
}
.icon-xtn-library:before {
  content: "\e909";
}
.icon-xtn-info:before {
  content: "\e90a";
}
.icon-xtn-pictures:before {
  content: "\e90b";
}
.icon-xtn-heart:before {
  content: "\e90c";
}
.icon-xtn-card:before {
  content: "\e90d";
}
.icon-xtn-mail-open-bold:before {
  content: "\e90e";
}
.icon-xtn-information:before {
  content: "\e90f";
}
.icon-xtn-lock:before {
  content: "\e910";
}
.icon-xtn-lock-open:before {
  content: "\e911";
}
.icon-xtn-thumb-up:before {
  content: "\e912";
}
.icon-xtn-pdf:before {
  content: "\e913";
}
.icon-xtn-global:before {
  content: "\e052";
}
.icon-xtn-directions_walk:before {
  content: "\e914";
}
.icon-xtn-person-seat:before {
  content: "\e915";
}
.icon-xtn-person:before {
  content: "\e916";
}
.icon-xtn-flight_land:before {
  content: "\e917";
}
.icon-xtn-flight_takeoff:before {
  content: "\e918";
}
.icon-xtn-elderly:before {
  content: "\e919";
}
.icon-xtn-arrow-down:before {
  content: "\e91a";
}
.icon-xtn-arrow-left:before {
  content: "\e91b";
}
.icon-xtn-arrow-left-circle:before {
  content: "\e91c";
}
.icon-xtn-arrow-right:before {
  content: "\e91d";
}
.icon-xtn-arrow-right-circle:before {
  content: "\e91e";
}
.icon-xtn-arrow-up:before {
  content: "\e91f";
}
.icon-xtn-play-button:before {
  content: "\e920";
}
.icon-xtn-add-outline:before {
  content: "\e921";
}
.icon-xtn-airplane:before {
  content: "\e922";
}
.icon-xtn-arrow-down-long:before {
  content: "\e923";
}
.icon-xtn-arrow-left-long:before {
  content: "\e924";
}
.icon-xtn-arrow-right-long:before {
  content: "\e925";
}
.icon-xtn-arrow-up-long:before {
  content: "\e926";
}
.icon-xtn-cheveron-down:before {
  content: "\e927";
}
.icon-xtn-cheveron-left:before {
  content: "\e928";
}
.icon-xtn-cheveron-right:before {
  content: "\e929";
}
.icon-xtn-cheveron-up:before {
  content: "\e92a";
}
.icon-xtn-home:before {
  content: "\e93a";
}
.icon-xtn-phone:before {
  content: "\e942";
}
.icon-xtn-clock:before {
  content: "\e94e";
}
.icon-xtn-google-plus-circle:before {
  content: "\ea8d";
}
.icon-xtn-twitter:before {
  content: "\ea96";
}
.icon-xtn-search:before {
  content: "\f002";
}
.icon-xtn-download:before {
  content: "\f019";
}
.icon-xtn-tags:before {
  content: "\f02c";
}
.icon-xtn-list:before {
  content: "\f03a";
}
.icon-xtn-share-square-o:before {
  content: "\f045";
}
.icon-xtn-phone-square:before {
  content: "\f098";
}
.icon-xtn-credit-card:before {
  content: "\f09d";
}
.icon-xtn-briefcase:before {
  content: "\f0b1";
}
.icon-xtn-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-xtn-truck:before {
  content: "\f0d1";
}
.icon-xtn-pinterest-square:before {
  content: "\f0d3";
}
.icon-xtn-google-plus-square:before {
  content: "\f0d4";
}
.icon-xtn-envelope:before {
  content: "\f0e0";
}
.icon-xtn-cutlery:before {
  content: "\f0f5";
}
.icon-xtn-angle-double-left:before {
  content: "\f100";
}
.icon-xtn-angle-double-right:before {
  content: "\f101";
}
.icon-xtn-angle-left:before {
  content: "\f104";
}
.icon-xtn-angle-right:before {
  content: "\f105";
}
.icon-xtn-angle-up:before {
  content: "\f106";
}
.icon-xtn-angle-down:before {
  content: "\f107";
}
.icon-xtn-wifi:before {
  content: "\f1eb";
}
.icon-xtn-visa:before {
  content: "\f1f0";
}
.icon-xtn-mastercard:before {
  content: "\f1f1";
}
.icon-xtn-discover:before {
  content: "\f1f2";
}
.icon-xtn-amex:before {
  content: "\f1f3";
}
.icon-xtn-paypal:before {
  content: "\f1f4";
}
.icon-xtn-street-view:before {
  content: "\f21d";
}
.icon-xtn-bed:before {
  content: "\f236";
}
.icon-hotel:before {
  content: "\f236";
}
.icon-xtn-sticky-note:before {
  content: "\f249";
}
.icon-xtn-handshake-o:before {
  content: "\f2b5";
}
.icon-xtn-bath:before {
  content: "\f2cd";
}
.icon-bathtub:before {
  content: "\f2cd";
}
.icon-s15:before {
  content: "\f2cd";
}
:root {

    /* BRAND COLORS */
    --color-primary: #3ab54a;
    --color-primary-dark: #2e963b;
    --color-primary-light: #6fd37b;

    --color-secondary: #196432;
    --color-secondary-dark: #196432;
    --color-secondary-light: #196432;
    /* NEUTRAL COLORS */
    --color-white: #ffffff;
    --color-black: #000000;

    --color-dark: #111111;
    --color-dark-soft: #1c1c1c;

    --color-gray-100: #f9fafb;
    --color-gray-200: #f3f4f6;
    --color-gray-300: #e5e7eb;
    --color-gray-400: #d1d5db;
    --color-gray-500: #9ca3af;
    --color-gray-600: #6b7280;
    --color-gray-700: #4b5563;
    --color-gray-800: #374151;
    --color-gray-900: #1f2937;

    --color-text: #333333;
    --color-text-light: #6b7280;
    --color-border: #e5e7eb;

    /* BACKGROUND COLORS */
    --bg-body: #ffffff;
    --bg-light: #f9fafb;
    --bg-dark: #111111;
    --bg-gradient-primary: linear-gradient(135deg, #2e963b, #6fd37b);

    /* TYPOGRAPHY */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Inter', sans-serif;

    --font-size-xs: 0.75rem;   
    --font-size-sm: 0.875rem;  
    --font-size-md: 1rem;      
    --font-size-lg: 1.125rem;  
    --font-size-xl: 1.25rem;   
    --font-size-2xl: 1.5rem;   
    --font-size-3xl: 2rem;     
    --font-size-4xl: 2.7rem;   

    --line-height-base: 1.6;
    --line-height-heading: 1.2;

    /* SPACING SYSTEM (8px scale)*/
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* BORDER RADIUS */
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 999px;

    /* SHADOWS */
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.05);
    --shadow-md: 0 8px 20px rgba(0,0,0,0.08);
    --shadow-lg: 0 15px 35px rgba(0,0,0,0.12);
    --shadow-xl: 0 25px 60px rgba(0,0,0,0.18);

    /* TRANSITIONS */
    --transition-fast: 0.2s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --transition-slow: 0.5s ease;

    /* LAYOUT */
    --container-width: 1200px;
    --section-padding: 4rem;

    /* GLASS EFFECT */
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-blur: blur(10px);

}
/* ================= GLOBAL RESET ================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: var(--font-primary);
}

body{
    background: var(--bg-body);
    color: var(--color-text);
    font-family: var(--font-secondary);
    font-size: var(--font-size-md);
    line-height: var(--line-height-base);
}
h1, h2, h3, h4, h5, h6, .logo, .btn-primary {
    font-family: var(--font-primary);
}
/* ============================================= */
/* -------- Custom Buttons ------ */
.cut-btn {position: relative;display: inline-block;padding: 10px 30px;border: 2px solid var(--color-primary);border-radius: var(--radius-sm); color: var(--color-primary);font-weight: 600;text-transform: uppercase;background: transparent;transition: var(--transition-normal);}
.cut-btn::before {content: "";position: absolute;width: 18px;height: 18px;top: 0;right: 0;background: var(--color-primary);border: 1px solid var(--color-primary);clip-path: polygon(0 0, 100% 0, 100% 100%);}
.cut-btn::after {content: "";position: absolute;width: 18px;height: 18px;bottom: 0;left: 0;background: var(--color-primary);border: 1px solid var(--color-primary);clip-path: polygon(0 0, 0 100%, 100% 100%);}
.cut-btn:hover {background: var(--color-primary);color: var(--color-white);}
.cut-btn:hover::before,.cut-btn:hover::after {background: var(--color-primary);}
/* ---------- Custom-button --------- */
.custom-read-more-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color: var(--color-primary);font-weight:600;letter-spacing:1px;font-size:14px;position:relative;white-space:nowrap;transition:all 0.4s ease;}
.custom-read-more-link-text{position:relative;z-index:2;transition:transform 0.4s ease;text-transform: uppercase;}
.custom-read-more-link-line{display:flex;align-items:center;}
.custom-read-more-link-line svg{width:40px;height:20px;}
.custom-read-more-link-line line{stroke:currentColor;stroke-width:2;fill:none;stroke-dasharray:60;transition:stroke-dashoffset 0.5s ease;}
.custom-read-more-link-left-line line{stroke-dashoffset:60;}
.custom-read-more-link-right-line line{stroke-dashoffset:0;}
.custom-read-more-link:hover{letter-spacing:2px; color: var(--color-secondary);}
.custom-read-more-link:hover .custom-read-more-link-right-line line{stroke-dashoffset:-50;}
.custom-read-more-link:hover .custom-read-more-link-left-line line{stroke-dashoffset:0;}
.custom-read-more-link:hover .custom-read-more-link-text{transform:translateX(25px); }

/* ================= HEADER ================= */
.header-main{position: relative;height: 100vh;background:linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.45)),url('../images/top-bg-img.jpg') no-repeat center/cover;padding: 0 var(--space-3xl);}
.header-main-top{ display: flex;align-items: flex-start;justify-content: space-between;}
.header-main-second{background: var(--bg-light);height: 100%;}
/*  LOGO BOX  */
.header-logo-box{background: var(--bg-light);padding: 10px 5px;border-bottom-left-radius: var(--radius-md);border-bottom-right-radius: var(--radius-md);transition: var(--transition-normal);}
.header-logo-box img{height: 120px;display: block;}
/*  HEADER ACTIONS  */
.header-actions{display: flex;align-items: center;gap: var(--space-lg);background: var(--bg-light);margin-top: var(--space-xl);padding: var(--space-md) var(--space-lg);border-radius: var(--radius-md);}
.header-actions-second{background: var(--color-secondary);;}
.header-actions-second .header-signin{color: var(--color-white);}
.header-actions-second .header-signin:hover{color: var(--color-primary-light);}
.header-actions-second .header-menu-btn:hover{background: var(--color-primary-dark);}
/*  SIGN IN  */
.header-signin{display: flex;align-items: center;gap: var(--space-sm);color: var(--color-primary);font-weight: 600;cursor: pointer;transition: var(--transition-normal);}
.header-signin i{font-size: var(--font-size-2xl);}
.header-signin:hover{color: var(--color-secondary);}

/* Modal Styling */
.modal-dialog-centered{background: var(--bg-light);border-radius: var(--radius-md);}
.modal-title {font-weight: 700;font-size: var(--font-size-4xl);}
.modal-title span {color: var(--color-primary);}
.custom-close {position: absolute;right: 15px;top: 15px;color: var(--color-secondary);}
/* Signin Box */
.signin-box {border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 25px 10px;text-align: center;cursor: pointer;transition: 0.3s;background: var(--color-gray-200);}
.signin-box:hover {background: var(--bg-light);box-shadow: var(--shadow-sm);transform: translateY(-4px);}
.signin-box i {font-size: var(--font-size-3xl);margin-bottom: 10px;}
/* Icon Colors */
.google { color: #DB4437; }
.facebook { color: #1877F2; }
.apple { color: #000; }
.email { color: #e6007e; }
.signin-box p {margin: 0;font-size: var(--font-size-md);font-weight: 500;}
.terms p {font-size: var(--font-size-sm);color: var(--color-gray-700);}
.terms a {color: var(--color-primary);text-decoration: none;}

/*  MENU BUTTON  */
.header-menu-btn{background: var(--color-primary);border: none;width: 45px;height: 45px;border-radius: var(--radius-md);color: var(--color-white);font-size: var(--font-size-2xl);cursor: pointer;transition: var(--transition-normal);}
.header-menu-btn:hover{background: var(--color-secondary);}
/* -------- HEADER NAV -------- */
.header-nav {position: absolute;top: 7rem;right: -400px;background: var(--color-white);border-radius: var(--radius-md);padding: var(--space-lg);width: 300px;max-width: 90%;box-shadow: var(--shadow-md);display: none;flex-direction: column;gap: var(--space-lg);transition: right 0.3s ease;z-index: 1000;}
.header-nav.active{right: 20px;display:flex; }
/* LINKS */
.header-nav .nav-links {list-style: none;display: flex;flex-direction: column;gap: var(--space-xs);padding: 0;}
ul{margin-bottom: 0;}
.header-nav .nav-links li a {text-decoration: none;color: var(--color-gray-900);font-weight: 600;display: flex;align-items: center;justify-content: space-between;padding: var(--space-sm);border-radius: var(--radius-sm);transition: var(--transition-normal);font-size: var(--font-size-lg);}
.header-nav .nav-links li a:hover {background: var(--color-gray-200);color: var(--color-primary);}
.header-nav .nav-links li a i {font-size: 14px;color: var(--color-gray-600);}
/* SOCIAL FOLLOW */
.header-nav .nav-follow p {font-weight: 600;margin-bottom: var(--space-sm);}
.header-nav .social-icons {display: flex;gap: var(--space-md);}
.header-nav .social-icons a {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--color-secondary);color: var(--color-white);border-radius: var(--radius-md);transition: var(--transition-normal);text-decoration: none;}
.header-nav .social-icons a:hover {background: var(--color-primary-dark);}
/* APP DOWNLOAD */
.header-nav .nav-apps {display: flex;gap: var(--space-sm);flex-wrap: wrap;}
.header-nav .nav-apps img {width:120px; height: 60px;object-fit: contain;cursor: pointer;transition: transform 0.3s ease; border:1px solid #dfdfdf; border-radius: 4px; padding: 7px 15px;}
.header-nav .nav-apps img:hover {transform: scale(1.02);}
@media(max-width: 768px){
.header-main{height: 100%; padding: 0 20px;}
.header-logo-box{padding: var(--space-md);}
.header-logo-box img{height: 70px;object-fit: cover;}
.header-actions{padding: 10px 15px; gap: var(--space-md); margin: 35px 0;}

}
@media (max-width: 480px) {.header-nav {padding: var(--space-md); width: 100%;}.header-nav .nav-links li a {font-size: var(--font-size-md);}}
/* ============ Booking SECTION ============ */
.header-booking-section{position: relative;top: 40%;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1250px;text-align: center;color: var(--color-white);z-index: 10;}
.header-booking-section h1{font-family: var(--font-primary);text-transform: uppercase;letter-spacing: 0.05em; font-size: var(--font-size-4xl);font-weight: 800;line-height: 1.2;}
.header-booking-section p{margin-top: var(--space-sm);font-size: var(--font-size-2xl); color: var(--color-gray-100);}
/* ------------ CARD ------------ */
.header-booking-card{margin-top: var(--space-xl);background: rgba(255,255,255,0.12);backdrop-filter: blur(1px);border-radius: var(--radius-md);padding: var(--space-md);box-shadow: var(--shadow-xl);}
/* --------- FORM GRID --------- */
.header-booking-form{display: grid;grid-template-columns: repeat(5, 1fr);gap: var(--space-md);align-items: end;}
/* -------- FORM GROUP -------- */
.header-booking-group{display: flex;flex-direction: column;position: relative;}
.header-booking-group label{font-size:var(--font-size-md);margin-bottom: 6px;color: var(--color-white);text-align: left;}
.header-booking-group input,.header-booking-group select{padding: 14px;border-radius: var(--radius-md);border: none;outline: none;font-size: 0.95rem;background: var(--color-white);color: var(--color-text);width: 100%;}
/* -------- GUEST -------- */
.header-booking-guest-group{position: relative;}
.header-booking-guest-input{background: var(--color-white);border-radius: var(--radius-md);padding: 14px;cursor: pointer;font-weight: 500;color: var(--color-text);transition: var(--transition-normal);}
.header-booking-guest-input:hover{background: var(--color-gray-100);}
.header-booking-guest-input i{color: var(--color-primary);font-size: var(--font-size-lg);margin-right: 5px;}
.header-booking-guest-dropdown{position: absolute;top: calc(100% + 10px);left: 0;width: 100%;background: var(--color-white);border-radius: var(--radius-md);padding: 20px;box-shadow: var(--shadow-lg);display: none;z-index: 999;}
/*  GUEST ROW  */
.header-booking-guest-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.header-booking-guest-row:last-child{margin-bottom: 0;}
.header-booking-guest-row h4{font-size: var(--font-size-sm);color: var(--color-text);}
.header-booking-guest-row span{font-size: 0.75rem;color: var(--color-text-light);}
/*  COUNTER  */
.header-booking-counter{display: flex;align-items: center;gap: 10px;}
.header-booking-counter button{width: 34px;height: 34px;border-radius: var(--radius-lg);border: 1px solid var(--color-border);background: var(--color-gray-100);cursor: pointer;font-size: 18px;transition: var(--transition-normal);}
.header-booking-counter button:hover{background: var(--color-gray-200);}
.header-booking-counter strong{min-width: 20px;text-align: center;font-size: 15px;color: var(--color-text);}
/*  BUTTON  */
.header-booking-btn{background: var(--color-primary);color: var(--color-white);border: none;padding: 15px;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: var(--transition-normal);width: 100%;}
.header-booking-btn:hover{background: var(--color-primary-dark);}
.header-booking-btn i{font-size: var(--font-size-sm);margin-right: 5px;}
@media (max-width: 992px){.header-booking-form{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px){
.header-booking-section{padding: 2rem 15px 0;}
.header-booking-section h1{font-size: 1.7rem;}
.header-booking-card{padding: 20px;}
.header-booking-form{grid-template-columns: 1fr;}
.header-booking-btn{margin-top: 10px;}
.header-booking-guest-dropdown{position: relative;top: 10px;}
}
/* -------------- About Sections-------------- */
.about-company img{width: 100%;height: 100vh;}
.about-company{padding: var(--section-padding) 0;}
.about-company h2 {font-family: 'Poppins', sans-serif;color: var(--color-text);font-size: var(--font-size-3xl);font-weight: 700;}
.about-company p {font-family: 'Inter', sans-serif;color: var(--color-text-light);font-size: var(--font-size-lg); line-height: 1.7;text-align: justify;}
.about-company span {letter-spacing: 1px;color: var(--color-primary);font-size: var(--font-size-lg);font-weight: 600;text-transform: uppercase;}
@media (max-width: 991px) {.about-company img{height: 50vh;}.about-company h2 {font-size: var(--font-size-2xl);}.about-company p {font-size: var(--font-size-md);}.about-company span{font-size: var(--font-size-xs);}}

/* ---------- Apartment Section ---------- */
.our-apartment-section {background: var(--bg-light);position: relative;padding: var(--section-padding) 0;}
.section-title {font-size: var(--font-size-4xl);font-weight: 800;font-family: var(--font-primary);background: var(--bg-gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;margin-bottom: var(--space-md);}
.section-subtitle {font-size: var(--font-size-xl);color: var(--color-text-light);text-align: center;margin-bottom: var(--space-2xl);}
/* ---------- Custom Cards ---------- */
.custom-card {background: var(--bg-body);border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-sm);transition: transform var(--transition-normal), box-shadow var(--transition-normal);display: flex;flex-direction: column;}
.custom-card:hover {box-shadow: var(--shadow-md);}
/* Card Image */
.custom-card-img {position: relative;}
.custom-card-img img {width: 100%;height: 220px;object-fit: cover;overflow: hidden;transition: transform var(--transition-normal);}
.custom-card:hover .custom-card-img img {transform: scale(1.08);}
/* Badge */
.custom-card-img .badge {position: absolute;top: var(--space-md);left: var(--space-md);font-size: var(--font-size-xs);padding: 0.35rem 0.7rem;border-radius: var(--radius-md);font-weight: 600;background: var(--color-primary);color: var(--color-white);}
/* Card Body */
.custom-card-body {padding: var(--space-md);flex-grow: 1;display: flex;flex-direction: column;}
.custom-card-body h5 {font-size: var(--font-size-2xl);font-weight: 700;margin-bottom: var(--space-sm);color: var(--color-dark);transition: color var(--transition-normal);cursor: pointer;}
.custom-card-body h5:hover {color: var(--color-primary);}
.custom-card-body p{text-align: justify;}
.custom-card-body-location {font-size: var(--font-size-lg);color: var(--color-text-light);margin-bottom: 0;}
.custom-card-body-location i{color: var(--color-secondary-dark);}
/* Icons */
.custom-card-icons {display: flex;flex-wrap: wrap;justify-content: space-between;margin: var(--space-lg) 0;gap: 10px}
.custom-card-icons span {font-size: var(--font-size-sm);background-color: var(--color-gray-300);color: var(--color-secondary);padding: 0.35rem 0.7rem;border-radius: var(--radius-sm);display: flex;align-items: center;}
.custom-card-body h6 {font-size: var(--font-size-lg);font-weight: 700;color: var(--color-secondary);}
.custom-card-icons i{margin-right: 3px;}
@media (max-width: 992px) {.custom-card-img img {height: 200px;}}
@media (max-width: 768px) {.section-title{font-size: var(--font-size-2xl);}.section-subtitle{font-size: var(--font-size-sm);}.our-apartment-section .row {flex-direction: column;align-items: center;}}

/* ------------------ services SECTION ------------------ */
.services-section{background: var(--bg-light);padding: var(--section-padding) 0;position: relative;overflow: hidden;}
.service-card{background: var(--glass-bg);backdrop-filter: var(--glass-blur);border-radius: var(--radius-md);padding: var(--space-2xl);text-align: center;transition: var(--transition-normal);box-shadow: var(--shadow-md);height: 100%;position: relative;overflow: hidden;}
.service-card:hover{box-shadow: var(--shadow-lg);}
.service-icon{width: 85px;height: 85px;background: var(--color-primary);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 34px;color: var(--color-white);transition: var(--transition-normal);}
.service-card:hover .service-icon{transform: rotate(5deg);}
.service-card h5{font-family: var(--font-primary);font-weight: 600;margin-bottom: 15px;font-size: var(--font-size-2xl);color: var(--color-dark);}
.service-card p{font-family: var(--font-secondary);font-size: var(--font-size-lg);color: var(--color-gray-700);line-height: 1.6;}
@media (max-width: 768px){.services-section::before{display: none;}}
/* --------------------------------------- */
.booking-faqs-section{padding: var(--section-padding) 0;background: var(--bg-light);}
/* -------------- Contact Us --------------- */
.contact-wrapper {background: var(--bg-body); border: 1px solid var(--color-border); border-radius: var(--radius-md);padding: var(--space-xl);box-shadow: var(--shadow-sm);}
.contact-input,.contact-select,.contact-textarea {border-radius: var(--radius-sm);padding: 12px;border: 1px solid var(--color-border);transition: all 0.3s ease;font-size: var(--font-size-lg);}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus {border-color: var(--color-primary);box-shadow: none;}
.contact-label {font-weight: 600;margin-bottom: 6px;color: var(--color-secondary);}
.btn-wrapper {text-align: center;}

/* -------------------- CUSTOM ACCORDION  ---------------------*/
.custom-accordion .accordion-item {border: none;margin-bottom: var(--space-md);border-radius: var(--radius-sm);overflow: hidden;box-shadow: var(--shadow-md);transition: var(--transition-normal);}
.custom-accordion .accordion-item:hover {box-shadow: var(--shadow-lg);}
.custom-accordion .accordion-button {font-weight: 600;font-size: var(--font-size-lg);font-family: var(--font-secondary);color: var(--color-dark);background: var(--color-white);padding: var(--space-lg);border: none;box-shadow: none;transition: var(--transition-normal);}
.custom-accordion .accordion-button.collapsed {background: var(--color-gray-200);}
.custom-accordion .accordion-button:not(.collapsed) {background: var(--color-secondary);color: var(--color-white);}
.custom-accordion .accordion-button::after {filter: brightness(0.6);}
.custom-accordion .accordion-button:not(.collapsed)::after {filter: brightness(5);}
.custom-accordion .accordion-body {background: var(--color-white);color: var(--color-gray-700);font-size: var(--font-size-md);line-height: var(--line-height-base);padding: var(--space-lg);border-top: 1px solid var(--color-border);}

/* ---------------- Reviews Section ---------------- */
.reviews-section {position: relative;background-image: url('../images/img-1.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;padding: 6rem 1rem;text-align: center;color: var(--color-white);overflow: hidden; }
.reviews-section::before {content: "";position: absolute;inset: 0;background: rgba(0, 51, 78, 0.55);z-index: 0;}
.reviews-content {position: relative;z-index: 1;max-width: 700px; margin: 0 auto;}
.reviews-section h2 {font-size: var(--font-size-4xl);font-weight: 700;margin-bottom: 3rem;color: var(--color-white);font-family: var(--font-primary);}
.review-card {background: var(--glass-bg);backdrop-filter: var(--glass-blur);border-radius: var(--radius-md);padding: 2rem 1.5rem;width: 100%; box-shadow: var(--shadow-sm);}
.quote-text {font-size: var(--font-size-lg);line-height: var(--line-height-base);color: var(--color-white);margin-bottom: 1.5rem;font-family: var(--font-secondary);text-align: justify;}
.reviewer-img {width: 120px;height: 120px;border-radius: var(--radius-md);border: 3px solid var(--color-primary);object-fit: cover;margin: 0 auto 0.5rem;display: block;}
.reviewer-name {font-size: var(--font-size-lg);font-weight: 600;margin-bottom: 0.2rem;color: var(--color-white);}
.reviewer-room {font-size: var(--font-size-md);color: var(--color-primary);}
.slick-dots {bottom: -40px;}
.slick-dots li button:before {font-size: 20px;color: var(--color-secondary-dark);opacity: 0.7;}
.slick-dots li.slick-active button:before {color: var(--color-primary-light);opacity: 1;}
@media (max-width: 768px) {.reviews-section {background-attachment: scroll;}}

/* ----------------- Blog Section ---------------*/
.pa-blog-section {background: var(--bg-body);font-family: 'Poppins', sans-serif;padding: var(--section-padding) 0;}
.pa-blog-card {background: var(--bg-light);border-radius: var(--radius-md);overflow: hidden;transition: all 0.4s ease;box-shadow: var(--shadow-md);height: 100%;}
.pa-blog-card:hover {box-shadow: var(--shadow-lg);}
.pa-blog-img {position: relative;overflow: hidden;}
.pa-blog-img img {width: 100%;height: 240px;object-fit: cover;transition: 0.5s ease;}
.pa-blog-card:hover .pa-blog-img img {transform: scale(1.1);}
.pa-blog-badge {position: absolute;top: 15px;left: 15px;background: var(--color-primary);color: var(--color-white);padding: 6px 14px;font-size: 12px;font-weight: 500;border-radius: 50px;}
.pa-blog-content {padding: var(--font-size-md)}
.pa-blog-meta {font-size: var(--font-size-sm);color: var(--color-gray-600);display: flex;justify-content: space-between;margin-bottom: 12px;}
.pa-blog-meta i{font-size: var(--font-size-md); color: var(--color-primary);margin-right: 5px;}
.pa-blog-title,.pa-blog-title a {font-weight: 700;font-size: var(--font-size-2xl);margin-bottom: var(--space-sm);color: var(--bg-dark);transition: var(--transition-normal);text-decoration:none;}
.pa-blog-title:hover{color: var(--color-primary);}
.pa-blog-text {font-size: var(--font-size-md);color: var(--color-gray-700);margin-bottom: var(--space-md);}


/* -------------- FOOTER ------------- */
.footer-section {background: var(--color-secondary);color: var(--color-white);padding-top: var(--section-padding);}
.footer-logo {font-weight: 700;font-size: var(--font-size-3xl);color: var(--color-white);}
.footer-logo span {color: var(--color-primary);}
.footer-about p {font-size: var(--font-size-lg);line-height: 1.7;color: var(--color-gray-400);text-align: justify;}
/* Titles */
.footer-title {color: var(--color-white);font-size: var(--font-size-2xl); font-weight: 600;margin-bottom: var(--space-lg);position: relative;}
.footer-title::after {content: "";width: 40px;height: 3px;border-radius: var(--radius-lg);background: var(--color-primary);position: absolute;bottom: -8px;left: 0;}
/* Links */
.footer-links,.footer-contact {list-style: none;padding: 0;}
.footer-links li,.footer-contact li {margin-bottom: var(--space-sm);font-size: var(--font-size-lg);}
.footer-links a {text-decoration: none;font-size: var(--font-size-lg); color: var(--color-gray-400);transition: 0.3s;}
.footer-links a:hover {color: var(--color-primary);padding-left: 5px;}
/* Contact Icons */
.footer-contact i {margin-right: 5px;color: var(--color-primary);}
/* Social */
.footer-social a {display: inline-block;text-decoration: none; width: 40px;height: 40px;line-height: 40px;text-align: center;background: var(--color-secondary-dark);border: 1px solid var(--color-secondary-dark);border-radius: var(--radius-md);margin-right: 5px;color: var(--color-white);transition: 0.3s;}
.footer-social a:hover {background: var(--color-primary);color: var(--color-white);border-color: transparent;}
/* Associated Logos */
.associated-logos {display: flex;align-items: center;width: 100%;}
.associated-logos img {height: 45px;width: 100%; background: var(--color-white);padding: 3px;border-radius: var(--radius-sm);}
/* Newsletter */
.newsletter-form{border-radius: var(--radius-sm);}.newsletter-form input {background: var(--color-dark);border: none;color: var(--color-gray-400);}
.newsletter-form input::placeholder {color: var(--color-gray-300);}
.newsletter-form button {background: var(--color-primary);border: none;}
.newsletter-form button:hover {background: var(--color-primary-dark);}
@media (max-width: 768px){.associated-logos img{width: auto;}.newsletter-form{width: 75%;}}
/* ------------------- FOOTER BOTTOM ------------------- */
.footer-bottom {border-top: 1px solid var(--color-gray-500);margin-top: var(--space-lg);padding: var(--space-lg) 0;font-family: var(--font-primary);}
.footer-bottom-inner {display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);flex-wrap: wrap;}
.footer-copy p,.footer-credit p {margin: 0;font-size: var(--font-size-md);color: var(--color-gray-500);}
.footer-copy span {color: var(--color-white);font-weight: 600;}
.footer-logo img {height: 100px;width: auto;border-radius: var(--radius-md);transition: var(--transition-normal);}
.footer-logo img:hover {opacity: 1;transform: scale(1.05);}
.footer-credit a {color: var(--color-primary);text-decoration: none;font-weight: 500;transition: var(--transition-normal);}
.footer-credit a:hover {color: var(--color-white);text-decoration: underline;}
@media (max-width: 768px) {.footer-bottom-inner {flex-direction: column;text-align: center;gap: var(--space-sm);}}
/* ----------------- Scroll Top Button --------------------- */
#scrollTopBtn {position: fixed;bottom: 25px;right: 25px;width: 50px;height: 50px;background: var(--color-primary);color: var(--color-white);border: none;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 18px;cursor: pointer;opacity: 0;visibility: hidden;transform: scale(0.8);transition: all 0.4s ease;z-index: 999;}
#scrollTopBtn.show {opacity: 1;visibility: visible;transform: scale(1);}

/* -------------------------------------------------------- */
/* ===== Breadcrumb Section ===== */
.breadcrumb-section {position: relative;display: flex;justify-content: center; align-items: center;text-align: center;color: var(--color-white);height: 50vh; background: url('../images/top-bg-img.jpg') center/cover no-repeat;}
.breadcrumb-section::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);z-index: 0;}
.breadcrumb-container {position: relative;z-index: 1;}
.breadcrumb-section h2 {font-size: var(--font-size-4xl);margin-bottom: 1rem;font-weight: 800;letter-spacing: 1px;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);}
.breadcrumb {display: inline-flex;list-style: none;padding: var(--space-xs) var(--space-md);margin: 0;background: rgba(255, 255, 255, 0.3);border-radius: var(--radius-md);overflow: hidden;backdrop-filter: blur(10px);}
.breadcrumb-item {display: flex;align-items: center;padding: var(--space-sm);transition: all 0.3s ease;}
.breadcrumb-item a {text-decoration: none;color: var(--color-white);font-weight: 600;transition: color 0.3s;}
.breadcrumb-item a:hover {color: var(--color-secondary);}
.breadcrumb-item+.breadcrumb-item::before {content: ">";color: var(--color-white);}
.breadcrumb-item.active a {color: var(--color-secondary);cursor: default;}
@media (max-width: 768px) {
.breadcrumb {margin: 0 var(--space-lg);}
.breadcrumb-section h2 {font-size: 2rem;}
.breadcrumb-item {padding: var(--space-sm);}
.breadcrumb-item+.breadcrumb-item::before {margin: 0 0.1rem;}
}

/* ================================================================ */
/* ----------------- TEAM SECTION ----------------- */
.our-team-section {padding: var(--section-padding) 0;}
.hm-team-card {background: var(--color-white);border-radius: var(--radius-md);overflow: hidden;cursor: pointer;box-shadow: var(--shadow-sm);transition: var(--transition-normal);}
.hm-team-card:hover {box-shadow: var(--shadow-md);}
.hm-team-img {position: relative;overflow: hidden;}
.hm-team-img img {width: 100%;height: 220px;object-fit: cover;transition: var(--transition-slow);}
.hm-team-card:hover .hm-team-img img {transform: scale(1.08);}
.hm-team-overlay {position: absolute;inset: 0;opacity: 1;transition: var(--transition-normal);display: flex;align-items: flex-end;justify-content: center;padding-bottom: var(--space-md);background: linear-gradient(to top,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.05));}
.hm-team-social a {width: 38px;height: 38px;background: var(--color-secondary);color: var(--color-white);border-radius: var(--radius-md);display: inline-flex;align-items: center;justify-content: center;margin: 0 var(--space-sm);transition: var(--transition-fast);font-size: var(--font-size-sm);text-decoration: none;}
.hm-team-social a:hover {background: var(--color-primary);color: var(--color-white);}
.hm-team-info {padding: var(--space-lg);text-align: center;}
.hm-team-info h5 {margin-bottom: var(--space-xs);font-weight: 700;font-size: var(--font-size-xl);color: var(--color-dark);}
.hm-team-info span {font-size: var(--font-size-sm);color: var(--color-text-light);font-weight: 500;}
/* POPUP DESIGN */
.hm-team-popup {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.65);display: none;align-items: center;justify-content: center;z-index: 9999;padding: var(--space-md);}
.hm-popup-content {background: var(--color-white);border-radius: var(--radius-md);padding: var(--space-2xl);max-width: 500px;width: 100%;text-align: center;position: relative;animation: popupFade var(--transition-normal);box-shadow: var(--shadow-lg);}
@keyframes popupFade {from {transform: scale(0.85);opacity: 0;}to {transform: scale(1);opacity: 1;}}
.hm-popup-content img {width: 120px;height: 120px;object-fit: cover;border: 3px solid var(--color-secondary);border-radius: var(--radius-md);margin-bottom: var(--space-md);box-shadow: var(--shadow-sm);}
.hm-popup-role {font-weight: 600;font-size: var(--font-size-lg);color: var(--color-primary);margin-bottom: var(--space-sm);}
.hm-popup-social a {width: 38px;height: 38px;background: var(--color-secondary);color: var(--color-white);border-radius: var(--radius-md);display: inline-flex;align-items: center;justify-content: center;margin: 0 var(--space-sm);transition: var(--transition-fast);font-size: var(--font-size-sm);text-decoration: none;}
.hm-popup-social a:hover {color: var(--color-white);background: var(--color-primary);}
.hm-popup-close {position: absolute;top: var(--space-md);right: var(--space-lg);font-size: var(--font-size-xl);cursor: pointer;color: var(--color-secondary);transition: var(--transition-fast);}
.hm-popup-close:hover {color: var(--color-primary);}

/* ===================================================== */
/* ------------- Gallery-sections --------- */
.our-gallery{background: var(--color-white); padding-bottom: 3rem;}
.gallery-card {position: relative;overflow: hidden;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);cursor: pointer;transition: transform 0.4s ease;}
.gallery-card img {width: 100%;height: 350px;object-fit: cover;transition: transform 0.5s ease;}
.gallery-card:hover img {transform: scale(1.1);}
.gallery-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);opacity: 0;transition: opacity 0.4s ease;display: flex;align-items: flex-end;padding: 20px;}
.gallery-card:hover .gallery-overlay {opacity: 1;}
.gallery-overlay h5 {color: var(--color-white);font-weight: 600;margin: 0;}
.modal-content {background: transparent;border: none;}
.modal-backdrop.show {backdrop-filter: blur(6px);}
.modal-img {width: 100%;object-fit: contain;border-radius: var(--radius-sm);transition: transform 0.3s ease;}
.btn-close {filter: invert(1);}

/* ================================================================= */
/* ------------------ accommondations-details ---------------- */
.tr-booking-details {background: var(--color-white);padding: var(--section-padding) 0;}
.tr-room-title {font-weight: 700;font-size: var(--font-size-4xl);color: var(--color-dark);margin-bottom: var(--space-md);}
.tr-room-meta {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 30px;}
.tr-meta-item {background: var(--color-gray-200);padding: 8px 15px;border-radius: var(--radius-md);font-size: var(--font-size-sm); font-weight: 500;color: var(--text-muted);display: flex;align-items: center;gap: 7px;}
.tr-meta-item i {color: var(--color-primary);}
.tr-room-slider img {width: 100%;height: 500px;object-fit: cover;border-radius: var(--radius-md);transition: 0.4s ease;}
.tr-room-slider img:hover {transform: scale(1.03);}
.tr-room-section {margin-top: var(--space-xl);}
.tr-room-section p{font-size: var(--font-size-lg);color: var(--color-gray-700);text-align: justify;line-height: 1.7;}
.tr-section-title {font-weight: 700;margin-bottom: var(--space-md);font-size: var(--font-size-3xl);color: var(--color-secondary);position: relative;}
.tr-facility-item {font-size: var(--font-size-lg);font-weight: 500;color: var(--color-gray-700);}
.tr-facility-item i {color: var(--color-primary);margin-right: 8px;}
.tr-terms-list {padding-left: 20px;}
.tr-terms-list li {margin-bottom: 10px;color: var(--color-gray-800);font-size: var(--font-size-lg);}
/* Responsive */
@media (max-width: 768px) {.tr-room-title {font-size: var(--font-size-3xl);}.tr-room-slider img {height: 300px;}.tr-section-title{font-size: var(--font-size-2xl);}}
/* Right-contents */
.room-booking-card {background: var(--bg-body);padding: var(--space-lg);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);position: sticky;top: 20px;border-top: 7px solid var(--color-secondary);}
.room-booking-card h4 {color: var(--color-primary);font-weight:400;font-size: 15px;}
.package-title {font-size: var(--font-size-xl);font-weight: 700;color: var(--color-secondary);margin-top: 10px;}
.company-name {font-size: var(--font-size-md);color: var(--color-gray-900);margin-bottom: 10px;}
.company-duration{color: var(--color-secondary);font-size: var(--font-size-md);font-weight: 600;}
.price-box {text-align: center;margin: 20px 0;}
.old-price {text-decoration: line-through;color: var(--color-gray-700);font-size: var(--font-size-lg);}
.new-price {font-size: var(--font-size-4xl);font-weight: 700;color: var(--color-primary);}
.per-text {font-size: var(--font-size-lg);color: var(--color-secondary);}
.form-label {font-size: var(--font-size-md);letter-spacing: 1px;font-weight: 600;}
.form-control, .form-select {border-radius: var(--radius-sm);padding: 12px;}
/* similar packages */
.apartment-slider .custom-card {
    margin: 15px;
}

/* ===================================================================== */
/* ------------------blog-details-------------------- */
.blog-details{padding: var(--section-padding) 0;}
.blog-card {background: transparent;}
.blog-title {font-size: var(--font-size-4xl);font-weight: 800;color: var(--color-dark);}
.blog-meta .meta-item i {color: var(--color-primary);}
.blog-meta span {display: flex;align-items: center;font-size: var(--font-size-sm);color: var(--color-gray-700);}
.blog-meta span i {margin-right: 5px;}
.blog-card img {border-radius: var(--radius-md);}
.blog-content p{text-align: justify;color: var(--color-gray-700);font-size: var(--font-size-lg);line-height: 1.7;}
.blog-content h3 {margin-top: var(--space-xl);font-weight: 800;color: var(--color-secondary);}
.blog-content ul li {margin-bottom: 10px;padding-left: 5px;color: var(--color-gray-700);font-size: var(--font-size-lg);}
blockquote {background: var(--color-gray-300);padding: 25px 30px;border-left: 6px solid var(--color-secondary);border-radius: var(--radius-md);margin: 2rem 0;font-size: var(--font-size-lg); font-style: italic;}
.author-box {display: flex;gap: 18px;background: var(--color-gray-200);padding: 25px;border-radius: var(--radius-md);align-items: center;}
.author-box img {width: 100px;height: 100px;border-radius: var(--radius-md);object-fit: cover;}
.author-box h6{color: var(--color-secondary);font-size: var(--font-size-xl);}
.author-box p{font-size: var(--font-size-md);}
.comment-box {background: var(--color-gray-200);padding: 22px;border-radius: var(--radius-md);margin-top: 22px;display: flex;gap: 15px;}
.comment-box img {width: 80px;height: 80px;border-radius: var(--radius-md);object-fit: cover;}
.comment-box strong{font-size: var(--font-size-lg);color: var(--color-secondary);}
.comment-box div{font-size: var(--font-size-sm);color: var(--color-gray-500);}
.comment-box p{font-size: var(--font-size-md);color: var(--color-gray-800);}
.comment-form {background: var(--color-gray-200);padding: 2rem;border-radius: var(--radius-md);margin-top: var(--section-padding);}
.comment-form h5{color: var(--color-secondary);font-size: var(--font-size-2xl);}
.comment-form input,.comment-form textarea {border-radius: var(--radius-sm);padding: 12px 15px;}
.comment-form input:focus,.comment-form textarea:focus {border-color: var(--color-primary);box-shadow: none;}
/* ================= SIDEBAR ================= */
.blog-sidebar {position: sticky;top: 1rem;}
.sidebar-box {background: transparent;}
.sidebar-search-box {background: var(--color-gray-200);margin-bottom: 1rem; padding: 1rem;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);}
.sidebar-search-box h4 {margin-bottom: 1rem;color: var(--color-secondary);font-size: var(--font-size-2xl);font-weight: 700;}
.search-input {width: 100%;padding: 0.6rem;border-radius: var(--radius-sm);border: 1px solid var(--color-gray-400);}
.sidebar-title {font-weight: 800;font-size: var(--font-size-2xl);letter-spacing: 0.03em; margin-bottom: 20px;background: var(--color-secondary);padding: 12px;color: var(--color-white);border-radius: var(--radius-md);}
.similar-card {display: flex;gap: 14px;margin-bottom: 18px;align-items: center;cursor: pointer;}
.similar-card img {width: 100px;height: 100px;border-radius: var(--radius-sm);object-fit: cover;}
.similar-card h6 a{font-size: var(--font-size-lg);font-weight: 700;margin-bottom: 3px;color: var(--color-secondary);transition: all 0.3s ease;text-decoration:none;}
.similar-card span {font-size: var(--font-size-md);color: var(--color-gray-700);}
.similar-card:hover h6 {color: var(--color-primary);}
/* ------------------Blog Recent Post Card --------------------*/
.blog-recent-post {position: relative;width: 500px;border-radius: var(--radius-md);overflow: hidden;cursor: pointer;}
.blog-recent-posts-section-titles{font-size: var(--font-size-3xl);font-family: 700;color: var(--color-secondary);}
.blog-recent-post img {width: 100%;height: 250px;object-fit: cover;transition: transform 0.5s;}
.blog-recent-post:hover img {transform: scale(1.05);}
.post-overlay {position: absolute;bottom: 0;width: 100%;padding: 20px;background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);color: var(--color-white);text-align: left;transition: all 0.3s;}
.post-overlay h6 {margin: 0 0 5px;font-size: var(--font-size-2xl);font-weight: 700;color: var(--color-white);}
.post-overlay span {font-size: var(--font-size-md);color: var(--color-gray-400);}
.post-nav {position: absolute;top: 15px;left: 15px;font-size: var(--font-size-md);color: var(--color-white);background: var(--color-secondary);padding: 7px 15px;border-radius: var(--radius-md);transition: background 0.3s;}
.blog-recent-posts-wrapper {gap: 20px;}
@media (max-width: 768px) {.blog-title{font-size: 2rem;}.blog-recent-posts-wrapper {flex-direction: column;align-items: center;}.blog-recent-post {width: 90%;}}

/* ================================================================= */
/* ------------------ CONTACT PAGE ------------------ */
.contact-card {background: var(--bg-light);border-radius: var(--radius-md);padding: var(--space-lg);box-shadow: var(--shadow-sm);height: 100%; border: 1px solid var(--color-border);}
.contact-title {color: var(--color-black); font-weight: 700;font-size: var(--font-size-2xl);margin-bottom: 20px;position: relative;display: inline-block;}
.contact-info-item {display: flex;align-items: flex-start;margin-bottom: 1rem;}
.contact-info-item i {background: var(--color-secondary);color: var(--color-white);width: 45px;height: 45px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin-right: 15px;font-size: var(--font-size-lg);}
.contact-social a {display: inline-flex;width: 40px;height: 40px;font-size: var(--font-size-lg); border-radius: var(--radius-md);align-items: center;justify-content: center;background: var(--color-secondary);color: var(--color-white);margin-right: 8px;transition: 0.3s;text-decoration: none;}
.contact-social a:hover {background: var(--color-primary);transform: translateY(-3px);}
.contact-form-control {border-radius: var(--radius-sm);padding: 12px 15px;border: 1px solid #ddd;}
.contact-form-control:focus {border-color: var(--color-primary);box-shadow: none;}
.contact-map {border-radius: var(--radius-sm);overflow: hidden;margin-top: 2rem;box-shadow: var(--shadow-sm);}
.contact-map iframe {width: 100%;height: 420px;border: 0;}
@media (max-width: 768px){.contact-hero{height: 40vh;padding: 5rem 0;}.contact-hero h1{font-size: 1.7rem;}.contact-hero p{font-size: 0.9rem;}}