/*====================================
LUXURY KASHMIR THEME
====================================*/

:root{

    --primary:#0F766E;

    --primary-dark:#115E59;

    --navy:#0F172A;

    --navy-dark:#020617;

    --gold:#D4AF37;

    --bg:#F8FAFC;

    --bg-alt:#ECFDF5;

    --white:#FFFFFF;

    --text:#1E293B;

    --text-light:#64748B;

    --border:#E2E8F0;

    --shadow:0 15px 40px rgba(15,23,42,.08);

    --radius:20px;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

    background:var(--bg);

    color:var(--text);

    font-family:'Poppins',sans-serif;

}
#websiteName{

    color: #fff;

    text-shadow: 0 2px 8px rgba(0,0,0,.4);
    margin-left: 130px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: oblique;
    font-size-adjust: var(--gold);

}

h1,h2,h3,h4,h5{

font-family:"Manrope",sans-serif;

}

img{

width:100%;

display:block;

}

a{

text-decoration:none;

color:inherit;

}

ul{

list-style:none;

}

.container{

width:100%;

max-width:1280px;

margin:auto;

padding:0 24px;

}

section{

padding:90px 0;

}

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 30px;

border-radius:14px;

font-weight:600;

cursor:pointer;

transition:.35s;

}

.btn-primary{

background:#0F766E;

color:white;

}

.btn-primary:hover{

background:#14532D;

}

.btn-outline{

border:1px solid white;

color:white;

backdrop-filter:blur(20px);

}

.btn-outline:hover{

background:white;

color:#0F172A;

}
/* ===========================
   NAVBAR
=========================== */

.navbar{

position:absolute;

top:0;

left:0;

width:100%;

z-index:1000;

padding:20px 0;

}

.navbar nav{

display:flex;

align-items:center;

justify-content:space-between;

}

.logo{

display:flex;

align-items:center;

gap:12px;

font-size:24px;

font-weight:800;

color:white;

}

.logo img{

width:42px;

}

.nav-links{

display:flex;

gap:34px;

}

.nav-links a{

color:white;

font-weight:500;

transition:.3s;

}

.nav-links a:hover{

color:#34d399;

}

.active{

color:#34d399 !important;

}

.nav-buttons{

display:flex;

align-items:center;

gap:16px;

}

.login-btn{

color:white;

font-weight:600;

}

.nav-buttons .btn{

padding:12px 26px;

}
/* ===========================
   HERO SECTION
=========================== */

.testimonial-actions{

text-align:center;

margin-top:40px;

}

.review-btn{

display:inline-block;

padding:15px 30px;

background:#0F766E;

color:white;

text-decoration:none;

font-weight:700;

border-radius:12px;

transition:.3s;

}

.review-btn:hover{

background:#115E59;

transform:translateY(-3px);

}
.view-reviews-btn{

display:inline-block;

margin-left:15px;

padding:15px 30px;

background:#ffffff;

color:#0F766E;

border:2px solid #0F766E;

border-radius:12px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.view-reviews-btn:hover{

background:#0F766E;

color:#fff;

}
/*==============================
MOBILE MENU
==============================*/

.footer-links ul li a{

    color:#CBD5E1;

    transition:.3s;

}

.footer-links ul li a:hover{

    color:#14B8A6;

    padding-left:8px;

}
.destination-card,
.package-card,
.review-card,
.feature-card,
.blog-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

}
.primary-btn,
.book-btn,
.explore-btn{

    background:var(--primary);

    color:#fff;

    transition:.3s;

}

.primary-btn:hover,
.book-btn:hover,
.explore-btn:hover{

    background:var(--primary-dark);

    transform:translateY(-3px);

}
.section-title{

    color:var(--navy);

    font-size:42px;

    font-weight:700;

}

.section-subtitle{

    color:var(--primary);

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}