/*=========================================
SECTION TITLE
=========================================*/

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    color:#184FB3;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-title h2{

    font-size:48px;

    margin-top:15px;

    margin-bottom:20px;

}

.section-title p{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:1.8;

}

/*=========================================
JOURNEY
=========================================*/

.journey{

    padding:120px 0;

    background:#ffffff;

}

.journey-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.journey-card{

    background:#ffffff;

    padding:45px 35px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 10px 40px rgba(0,0,0,.08);

    transition:.35s;

    cursor:pointer;

}

.journey-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.journey-icon{

    font-size:60px;

    margin-bottom:25px;

}

.journey-card h3{

    margin-bottom:18px;

}

.journey-card p{

    color:#666;

    line-height:1.8;

}

/*=========================================
WHY BLUE CEYLON
=========================================*/

.why-blue{

    background:#F8F9FA;

    padding:120px 0;

}

.features-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.feature-box{

    background:#ffffff;

    border-radius:20px;

    padding:45px 35px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.feature-box:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.feature-icon{

    font-size:55px;

    color:#184FB3;

    display:block;

    margin-bottom:25px;

}

.feature-box h3{

    margin-bottom:18px;

}

.feature-box p{

    color:#666;

    line-height:1.8;

}
/*==================================================
SRI LANKA EXPERIENCES
==================================================*/

.srilanka{

    padding:120px 0;

    background:#ffffff;

}

.experience-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

    margin-top:70px;

}

.experience-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

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

    transition:.4s;

    text-align:center;

}

.experience-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 70px rgba(0,0,0,.15);

}

.experience-card img{

    width:100%;

    height:300px;

    object-fit:cover;

    transition:.6s;

}

.experience-card:hover img{

    transform:scale(1.08);

}

.experience-card h3{

    margin:25px 20px 15px;

    font-size:30px;

}

.experience-card p{

    width:85%;

    margin:0 auto 30px;

    color:#666;

    line-height:1.8;

}
/*=========================================
INTERNATIONAL
=========================================*/


/*==================================================
INTERNATIONAL DESTINATIONS
==================================================*/

.international{

    padding:120px 0;
    background:#F8FAFC;

}

.destination-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:35px;
    margin-top:70px;

}

.destination-card{

    position:relative;

    overflow:hidden;

    border-radius:25px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    transition:.4s;

    background:#fff;

}

.destination-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 70px rgba(0,0,0,.20);

}

.destination-card img{

    width:100%;

    height:350px;

    object-fit:cover;

    transition:.6s;

    display:block;

}

.destination-card:hover img{

    transform:scale(1.08);

}

.destination-card::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:45%;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );

}

.destination-card h3{

    position:absolute;

    left:0;
    right:0;

    bottom:70px;

    z-index:5;

    color:#fff;

    text-align:center;

    font-size:34px;

    font-weight:700;

    margin:0;

}

.destination-card p{

    position:absolute;

    left:25px;
    right:25px;

    bottom:20px;

    z-index:5;

    color:#fff;

    text-align:center;

    line-height:1.6;

    margin:0;

    font-size:16px;

}
/*=========================================
SERVICES
=========================================*/

/*==================================================
SERVICES
==================================================*/

.services-home{

    padding:120px 0;

    background:#f8fafc;

}

.services-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:35px;

    margin-top:70px;

}

.service-card{

    background:#fff;

    padding:45px;

    border-radius:20px;

    text-align:center;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.service-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.service-card i{

    font-size:55px;

    color:#184FB3;

    margin-bottom:25px;

}

.service-card h3{

    margin-bottom:18px;

}

.service-card p{

    color:#666;

    line-height:1.8;

}
/*=========================================
BLUE AI CONCIERGE
=========================================*/

/*==================================================
BLUE AI
==================================================*/

.ai-section{

    padding:120px 0;

    background:#0F172A;

    color:#fff;

}

.ai-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.ai-text span{

    color:#D4AF37;

    letter-spacing:2px;

    font-weight:600;

}

.ai-text h2{

    margin:20px 0;

    font-size:52px;

}

.ai-text p{

    color:#d8d8d8;

    line-height:1.9;

    margin-bottom:30px;

}

.ai-text ul{

    list-style:none;

    padding:0;

    margin-bottom:35px;

}

.ai-text li{

    margin-bottom:18px;

    font-size:18px;

}

.ai-text i{

    color:#D4AF37;

    margin-right:10px;

}

.ai-image img{

    width:100%;

    border-radius:25px;

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}
/*=========================================
TESTIMONIALS
=========================================*/

/*==================================================
TESTIMONIALS
==================================================*/

.testimonials{

    padding:120px 0;

    background:#ffffff;

}

.testimonial-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

    gap:35px;

    margin-top:70px;

}

.testimonial-card{

    background:#fff;

    padding:40px;

    border-radius:20px;

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

    transition:.35s;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.stars{

    color:#D4AF37;

    font-size:24px;

    margin-bottom:20px;

}

.testimonial-card p{

    color:#555;

    line-height:1.9;

    margin-bottom:30px;

    font-style:italic;

}

.testimonial-card h4{

    margin-bottom:5px;

}

.testimonial-card span{

    color:#184FB3;

    font-weight:600;

}
/*=========================================
BLOG
=========================================*/

/*==================================================
BLOG
==================================================*/

.blog-home{

    padding:120px 0;

    background:#f8fafc;

}

.blog-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

    gap:35px;

    margin-top:70px;

}

.blog-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

}

.blog-card:hover{

    transform:translateY(-10px);

}

.blog-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.blog-content{

    padding:30px;

}

.blog-content h3{

    margin-bottom:15px;

}

.blog-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:20px;

}

.blog-content a{

    color:#184FB3;

    font-weight:600;

    text-decoration:none;

}
/*=========================================
CALL TO ACTION
=========================================*/

/*==================================================
CALL TO ACTION
==================================================*/

.footer{

    background:#0F172A;

    color:#fff;

    padding:90px 0 30px;

}

.footer-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:40px;

}

.footer-logo{

    width:180px;

    margin-bottom:25px;

}

.footer h3{

    margin-bottom:20px;

}

.footer ul{

    list-style:none;

    padding:0;

}

.footer li{

    margin-bottom:12px;

}

.footer a{

    color:#ddd;

    text-decoration:none;

}

.footer a:hover{

    color:#fff;

}

.footer hr{

    border-color:rgba(255,255,255,.15);

    margin:60px 0 30px;

}

.copyright{

    text-align:center;

    color:#aaa;

}
/*=========================================
PAGE HERO
=========================================*/

.page-hero{

    background:url("../assets/images/about/about-hero.png") center/cover no-repeat;

    min-height:55vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#fff;

    position:relative;

}

.page-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

}

.page-hero .container{

    position:relative;

    z-index:2;

}

.page-hero h1{

    font-size:64px;

    margin-bottom:20px;

}

.page-hero p{

    max-width:850px;

    margin:auto;

    font-size:22px;

}

/*=========================================
ABOUT
=========================================*/

.about-story{

    padding:100px 0;

}

.about-story img{

    border-radius:25px;

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.about-story h2{

    font-size:46px;

    margin-bottom:25px;

}

.about-story p{

    line-height:1.9;

    color:#555;

}
/*==================================================
ABOUT CTA
==================================================*/

.about-cta{

    padding:100px 0;

    background:#184FB3;

    text-align:center;

    color:#fff;

}

.about-cta h2{

    font-size:48px;

    margin-bottom:20px;

}

.about-cta p{

    max-width:700px;

    margin:0 auto 35px;

    line-height:1.8;

    font-size:18px;

}
/*==================================================
MISSION • VISION • VALUES
==================================================*/

.mvv-section{

    padding:110px 0;

    background:#F8FAFC;

}

.mvv-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

    margin-top:60px;

}

.mvv-card{

    background:#ffffff;

    padding:45px;

    border-radius:20px;

    text-align:center;

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

    transition:.35s;

}

.mvv-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.mvv-card i{

    font-size:52px;

    color:#184FB3;

    margin-bottom:25px;

}

.mvv-card h3{

    margin-bottom:18px;

}

.mvv-card p{

    color:#666;

    line-height:1.8;

}
/*==================================================
WHY CHOOSE US
==================================================*/

.why-about{

    padding:110px 0;

    background:#ffffff;

}

.why-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:35px;

    margin-top:60px;

}

.why-item{

    text-align:center;

    padding:35px;

    border-radius:20px;

    background:#F8FAFC;

    transition:.35s;

}

.why-item:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.why-item i{

    font-size:48px;

    color:#184FB3;

    margin-bottom:20px;

}

.why-item h3{

    margin-bottom:15px;

}

.why-item p{

    color:#666;

    line-height:1.8;

}

/*=========================================
SRI LANKA HERO
=========================================*/

.srihero{

    background:url("../assets/images/sri-lanka/hero.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

/*=========================================
WHY SRI LANKA
=========================================*/

.why-sri-lanka{

    padding:100px 0;

}

.why-sri-lanka h3{

    font-size:54px;

    font-weight:700;

    color:#184FB3;

}

.why-sri-lanka p{

    color:#666;

}

/*==================================================
SIGNATURE EXPERIENCES
==================================================*/

.signature-experiences{

    padding:120px 0;

    background:#F8FAFC;

}



/*==================================================
RAMAYANA TRAIL
==================================================*/

.ramayana-section{

    padding:120px 0;

    background:#ffffff;

}

.ramayana-section img{

    width:100%;

    border-radius:25px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.section-tag{

    display:inline-block;

    background:#184FB3;

    color:#ffffff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.ramayana-section h2{

    font-size:48px;

    margin-bottom:25px;

}

.ramayana-section p{

    color:#555;

    line-height:1.9;

    margin-bottom:20px;

}

/*==================================================
TRAVEL GALLERY
==================================================*/

.travel-gallery{

    padding:120px 0;

    background:#F8FAFC;

}

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:20px;

    margin-top:60px;

}

.gallery-grid img{

    width:100%;

    height:280px;

    object-fit:cover;

    border-radius:20px;

    transition:.4s;

    cursor:pointer;

}

.gallery-grid img:hover{

    transform:scale(1.05);

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

/*==================================================
SRI LANKA CTA
==================================================*/

.sri-cta{

    padding:110px 0;

    background:#184FB3;

    text-align:center;

    color:#fff;

}

.sri-cta h2{

    font-size:50px;

    margin-bottom:20px;

}

.sri-cta p{

    max-width:750px;

    margin:0 auto 35px;

    font-size:20px;

    line-height:1.8;

}

/*=========================================
INTERNATIONAL HERO
=========================================*/

.international-hero{

    background:url("../assets/images/international/hero.png") center center/cover no-repeat;

}

/*=========================================
WHY INTERNATIONAL
=========================================*/

.why-international{

    padding:100px 0;

}

.why-international h3{

    font-size:52px;

    color:#184FB3;

    font-weight:700;

}

.why-international p{

    color:#666;

}

/*==================================================
FEATURED DESTINATIONS
==================================================*/

.featured-destinations{

    padding:120px 0;

    background:#F8FAFC;

}



/*==================================================
CUSTOM HOLIDAYS
==================================================*/

.custom-tour{

    padding:120px 0;

    background:#ffffff;

}

.custom-tour img{

    width:100%;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.tour-list{

    list-style:none;

    padding:0;

    margin:30px 0;

}

.tour-list li{

    margin-bottom:18px;

    font-size:18px;

}

.tour-list i{

    color:#184FB3;

    margin-right:12px;

}

/*==================================================
INTERNATIONAL CTA
==================================================*/

.international-cta{

    padding:110px 0;

    background:#184FB3;

    color:#ffffff;

    text-align:center;

}

.international-cta h2{

    font-size:50px;

    margin-bottom:20px;

}

.international-cta p{

    max-width:720px;

    margin:0 auto 35px;

    font-size:20px;

    line-height:1.8;

}

/*=========================================
SERVICES HERO
=========================================*/

.services-hero{

    background:url("../assets/images/services/hero.png") center center/cover no-repeat;

}

/*==================================================
SERVICES PAGE
==================================================*/

.services-list{

    padding:120px 0;

    background:#F8FAFC;

}

/*==================================================
HOW WE WORK
==================================================*/

.how-we-work{

    padding:120px 0;

    background:#ffffff;

}

.steps-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:30px;

    margin-top:60px;

}

.step-card{

    background:#F8FAFC;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    transition:.35s;

}

.step-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.step-number{

    width:70px;

    height:70px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#184FB3;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-weight:700;

}

.step-card h3{

    margin-bottom:15px;

}

.step-card p{

    color:#666;

    line-height:1.8;

}

/*==================================================
SERVICES CTA
==================================================*/

.services-cta{

    padding:110px 0;

    background:#184FB3;

    color:#ffffff;

    text-align:center;

}

.services-cta h2{

    font-size:48px;

    margin-bottom:20px;

}

.services-cta p{

    max-width:750px;

    margin:0 auto 35px;

    font-size:19px;

    line-height:1.8;

}

/*=========================================
CONTACT HERO
=========================================*/

.contact-hero{

    background:url("../assets/images/contact/hero.png") center center/cover no-repeat;

}

/*==================================================
CONTACT PAGE
==================================================*/

.contact-section{

    padding:120px 0;

}

.contact-info{

    background:#184FB3;

    color:#ffffff;

    padding:40px;

    border-radius:20px;

}

.contact-info p{

    margin-bottom:18px;

}

.contact-info i{

    margin-right:12px;

}

.contact-section input,

.contact-section textarea{

    padding:15px;

    border-radius:10px;

}

.contact-info a{

    color:#ffffff;

    text-decoration:none;

    transition:.3s;

}

.contact-info a:hover{

    color:#D4AF37;

    text-decoration:underline;

}

.contact-info i{

    width:22px;

    display:inline-block;

}/*=========================================
BLOG HERO
=========================================*/

.blog-hero{

    background:url("../assets/images/blog/hero.png") center center/cover no-repeat;

}

/*==================================================
BLOG PAGE
==================================================*/

.blog-page{

    padding:120px 0;

}

.blog-card{

    background:#ffffff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

}

.blog-card:hover{

    transform:translateY(-8px);

}

.blog-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.blog-content{

    padding:25px;

}

.blog-content h3{

    font-size:24px;

    margin-bottom:15px;

}

.blog-content p{

    color:#666;

}

.blog-content a{

    color:#184FB3;

    text-decoration:none;

    font-weight:600;

}



/*=========================================
ACTIVE NAVIGATION
=========================================*/

.main-nav a.active{

    color:#D4AF37;

}

.main-nav a.active::after{

    width:100%;

}

/*==================================================
MOST POPULAR EXPERIENCE
==================================================*/

.popular-experience{

    padding:120px 0;

    background:#F8FAFC;

}

.popular-experience img{

    width:100%;

    border-radius:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.10);

}

.popular-experience h2{

    font-size:46px;

    margin-bottom:20px;

}

.popular-experience p{

    color:#555;

    line-height:1.9;

    margin-bottom:25px;

}/*==================================================
FEATURED HOLIDAY PACKAGES
==================================================*/

.featured-packages{

    padding:120px 0;

    background:#ffffff;

}

.package-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));

    gap:40px;

    margin-top:60px;

}

.package-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.35s;

}

.package-card:hover{

    transform:translateY(-10px);

}

.package-card img{

    width:100%;

    height:280px;

    object-fit:cover;

}

.package-content{

    padding:35px;

}

.package-content h3{

    margin:20px 0 10px;

}

.package-content h5{

    color:#184FB3;

    margin-bottom:20px;

}

.package-content p{

    color:#666;

    line-height:1.8;

}

.package-content ul{

    list-style:none;

    padding:0;

    margin:25px 0;

}

.package-content li{

    margin-bottom:12px;

}

.package-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    color:#fff;

    font-size:13px;

    font-weight:600;

}

.demanded{

    background:#E67E22;

}

.popular{

    background:#184FB3;

}