{"id":8,"date":"2026-05-04T10:45:21","date_gmt":"2026-05-04T10:45:21","guid":{"rendered":"https:\/\/tripinlanka.sathsidu.site\/?page_id=8"},"modified":"2026-05-04T11:35:09","modified_gmt":"2026-05-04T11:35:09","slug":"home","status":"publish","type":"page","link":"https:\/\/tripinlanka.sathsidu.site\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b06b8a1 e-con-full e-flex e-con e-parent\" data-id=\"b06b8a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8646e87 elementor-widget elementor-widget-html\" data-id=\"8646e87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. External Assets: Swiper.js & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- 2. CSS Styles -->\r\n<style>\r\n    :root {\r\n        --primary-gold: #c5a059;\r\n        --white: #ffffff;\r\n        --dark-overlay: rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .ceylon-hero-slider {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100vh; \/* Full screen height *\/\r\n        background-color: #000;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .swiper {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .swiper-slide {\r\n        position: relative;\r\n        background-size: cover;\r\n        background-position: center;\r\n        display: flex;\r\n        align-items: center;\r\n        padding-left: 8%; \/* Side alignment desktop *\/\r\n    }\r\n\r\n    \/* Gradient overlay to make text readable (matching image_9c6b36.jpg) *\/\r\n    .swiper-slide::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-container {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 750px;\r\n        color: var(--white);\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .hero-container h1 {\r\n        font-family: 'Italiana', serif;\r\n        font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n        font-weight: 600;\r\n        line-height: 1.1;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .hero-container h1 span {\r\n        color: var(--primary-gold);\r\n        display: block;\r\n    }\r\n\r\n    .hero-container p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 35px;\r\n        max-width: 500px;\r\n        opacity: 0.95;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .btn-group {\r\n        display: flex;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-main {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        background-color: var(--primary-gold);\r\n        color: #000;\r\n        padding: 16px 32px;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: 0.3s ease;\r\n    }\r\n\r\n    .btn-outline {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        border: 1px solid var(--primary-gold);\r\n        color: var(--white);\r\n        padding: 16px 32px;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    \/* Mobile Responsive Adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .swiper-slide {\r\n            padding-left: 20px; \/* Aligned to side as requested *\/\r\n            padding-right: 20px;\r\n        }\r\n\r\n        .hero-container h1 {\r\n            font-size: 2.8rem;\r\n        }\r\n\r\n        .btn-group {\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n\r\n        .btn-main, .btn-outline {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    \/* Custom Pagination Bullets *\/\r\n    .swiper-pagination-bullet {\r\n        background: var(--white);\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .swiper-pagination-bullet-active {\r\n        background: var(--primary-gold) !important;\r\n        opacity: 1;\r\n    }\r\n<\/style>\r\n\r\n<!-- 3. HTML Layout -->\r\n<div class=\"ceylon-hero-slider\">\r\n    <div class=\"swiper myHeroSwiper\">\r\n        <div class=\"swiper-wrapper\">\r\n            \r\n            <!-- Slide 1 -->\r\n            <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/cdn.atrsafari.com\/cdn\/05explore\/locations-and-lodges\/asia\/srilanka\/sigiriya\/0\/stills\/00page\/01SIGI-IM0001-sigiriya-1920.jpg');\">\r\n                <div class=\"hero-container\">\r\n                    <h1>Tailor-Made <span>Sri Lanka Journeys<\/span><\/h1>\r\n                    <p>Designed around your <strong>travel style<\/strong> with seamless experiences from arrival to departure.<\/p>\r\n                    <div class=\"btn-group\">\r\n                        <a href=\"#\" class=\"btn-main\">Plan Your Journey &rarr;<\/a>\r\n                        <a href=\"#\" class=\"btn-outline\">WhatsApp Us<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 2 -->\r\n            <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/media-cdn.tripadvisor.com\/media\/attractions-splice-spp-674x446\/0a\/02\/9a\/78.jpg');\">\r\n                <div class=\"hero-container\">\r\n                    <h1>Explore <span>Wild Horizons<\/span><\/h1>\r\n                    <p>Experience the thrill of the jungle with our expert-led safari tours.<\/p>\r\n                    <div class=\"btn-group\">\r\n                        <a href=\"#\" class=\"btn-main\">Book Safari &rarr;<\/a>\r\n                        <a href=\"#\" class=\"btn-outline\">Contact Us<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 3 -->\r\n            <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/content.r9cdn.net\/rimg\/dimg\/fc\/17\/07351718-city-36384-1645c1c32eb.jpg?width=1366&height=768&xhint=1943&yhint=1225&crop=true');\">\r\n                <div class=\"hero-container\">\r\n                    <h1>Boutique <span>Stays<\/span><\/h1>\r\n                    <p>Relax in the most exclusive luxury villas and boutique hotels in Sri Lanka.<\/p>\r\n                    <div class=\"btn-group\">\r\n                        <a href=\"#\" class=\"btn-main\">View Stays &rarr;<\/a>\r\n                        <a href=\"#\" class=\"btn-outline\">Inquire Now<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <!-- Pagination -->\r\n        <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- 4. JavaScript Initialization -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n    const swiper = new Swiper(\".myHeroSwiper\", {\r\n        loop: true,\r\n        effect: \"fade\", \/\/ Smooth transition\r\n        fadeEffect: {\r\n            crossFade: true\r\n        },\r\n        autoplay: {\r\n            delay: 5000,\r\n            disableOnInteraction: false,\r\n        },\r\n        pagination: {\r\n            el: \".swiper-pagination\",\r\n            clickable: true,\r\n        },\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-016c7d5 e-con-full e-flex e-con e-parent\" data-id=\"016c7d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5256d62 elementor-widget elementor-widget-html\" data-id=\"5256d62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-gold: #c5a059;\r\n        --dark-text: #1a1a1a;\r\n        --light-gray: #f9f9f9;\r\n    }\r\n\r\n    .destinations-section {\r\n        padding: 60px 5%;\r\n        text-align: center;\r\n        background-color: #fff;\r\n    }\r\n\r\n    .section-subtitle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: var(--primary-gold);\r\n        text-transform: uppercase;\r\n        font-size: 14px;\r\n        letter-spacing: 2px;\r\n        font-weight: 600;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n\r\n    .section-title {\r\n        font-family: 'Italiana', serif;\r\n        font-size: 36px;\r\n        color: var(--dark-text);\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* Grid Setup *\/\r\n    .destinations-grid {\r\n        display: grid;\r\n        \/* Desktop: 6 items in one row *\/\r\n        grid-template-columns: repeat(6, 1fr);\r\n        gap: 20px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .destination-card {\r\n        text-decoration: none;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .destination-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .image-container {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1; \/* Keeps images square *\/\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .image-container img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .destination-name {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        color: var(--dark-text);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Button Style *\/\r\n    .view-all-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background-color: #12211a; \/* Dark green matching image *\/\r\n        color: var(--primary-gold);\r\n        padding: 15px 35px;\r\n        border-radius: 5px;\r\n        text-decoration: none;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        text-transform: uppercase;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .view-all-btn:hover {\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    \r\n    \/* Tablet View (3 by 2 grid) *\/\r\n    @media (max-width: 1024px) {\r\n        .destinations-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    \/* Mobile View (2 by 3 grid) *\/\r\n    @media (max-width: 600px) {\r\n        .destinations-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 28px;\r\n        }\r\n        \r\n        \/* Ensures labels start from side if requested in specific layouts *\/\r\n        .destination-name {\r\n            display: block;\r\n            text-align: center; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"destinations-section\">\r\n    <span class=\"section-subtitle\">Explore<\/span>\r\n    <h2 class=\"section-title\">Popular Destinations<\/h2>\r\n\r\n    <div class=\"destinations-grid\">\r\n        <!-- Sigiriya -->\r\n        <a href=\"#\" class=\"destination-card\">\r\n            <div class=\"image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/whenonearth.net\/wp-content\/uploads\/Sigiriya-Rock-Sri-Lanka.jpg\" alt=\"Sigiriya\">\r\n            <\/div>\r\n            <span class=\"destination-name\">Sigiriya<\/span>\r\n        <\/a>\r\n\r\n        <!-- Ella -->\r\n        <a href=\"#\" class=\"destination-card\">\r\n            <div class=\"image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/lakpura.com\/cdn\/shop\/files\/demodara-nine-arch-bridge-ella-sri-lanka-scaled-1_77c0b1eb-4170-472a-b6df-950903726734.jpg?v=1654085052&width=3840\" alt=\"Ella\">\r\n            <\/div>\r\n            <span class=\"destination-name\">Ella<\/span>\r\n        <\/a>\r\n\r\n        <!-- Kandy -->\r\n        <a href=\"#\" class=\"destination-card\">\r\n            <div class=\"image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.chamilatours.com\/wp-content\/uploads\/2022\/09\/Kandy-Temple-of-Tooth-Relic-2.jpg\" alt=\"Kandy\">\r\n            <\/div>\r\n            <span class=\"destination-name\">Kandy<\/span>\r\n        <\/a>\r\n\r\n        <!-- Yala -->\r\n        <a href=\"#\" class=\"destination-card\">\r\n            <div class=\"image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/dynamic-media-cdn.tripadvisor.com\/media\/photo-o\/2c\/36\/fb\/cb\/yala-national-park-located.jpg?w=1200&h=-1&s=1\" alt=\"Yala\">\r\n            <\/div>\r\n            <span class=\"destination-name\">Yala<\/span>\r\n        <\/a>\r\n\r\n        <!-- Nuwara Eliya -->\r\n        <a href=\"#\" class=\"destination-card\">\r\n            <div class=\"image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn.audleytravel.com\/1050\/750\/79\/15979547-female-worker-at-tea-plantation-nuwara-eliya.webp\" alt=\"Nuwara Eliya\">\r\n            <\/div>\r\n            <span class=\"destination-name\">Nuwara Eliya<\/span>\r\n        <\/a>\r\n\r\n        <!-- South Coast -->\r\n        <a href=\"#\" class=\"destination-card\">\r\n            <div class=\"image-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/beachsrilankatravel.com\/wp-content\/uploads\/2023\/06\/galle-1.jpg\" alt=\"South Coast\">\r\n            <\/div>\r\n            <span class=\"destination-name\">South Coast<\/span>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"view-all-btn\">\r\n        View All Destinations &nbsp; &rarr;\r\n    <\/a>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a45c74 e-con-full e-flex e-con e-parent\" data-id=\"8a45c74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1381fb2 elementor-widget elementor-widget-html\" data-id=\"1381fb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts & Font Awesome Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-gold: #c5a059;\r\n        --dark-heading: #1a1a1a;\r\n        --text-gray: #555555;\r\n    }\r\n\r\n    .why-choose-section {\r\n        padding: 80px 5%;\r\n        background-color: #ffffff;\r\n        text-align: center; \/* Centers titles on desktop *\/\r\n    }\r\n\r\n    \/* Subtitle: Montserrat 600 *\/\r\n    .why-subtitle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        color: var(--primary-gold);\r\n        text-transform: uppercase;\r\n        font-size: 14px;\r\n        letter-spacing: 2.5px;\r\n        display: block;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    \/* Main Title: Italiana 400 *\/\r\n    .why-title {\r\n        font-family: 'Italiana', serif;\r\n        font-weight: 00;\r\n        font-size: 42px;\r\n        color: var(--dark-heading);\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    \/* Grid Layout *\/\r\n    .features-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 30px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .feature-box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Gold Icons *\/\r\n    .icon-wrap {\r\n        font-size: 48px;\r\n        color: var(--primary-gold);\r\n        margin-bottom: 25px;\r\n        height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Feature Titles: Montserrat 700 *\/\r\n    .feature-box h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        color: var(--dark-heading);\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    \/* Body Text: Montserrat 400 *\/\r\n    .feature-box p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: var(--text-gray);\r\n    }\r\n\r\n    \/* --- Responsive Breakpoints --- *\/\r\n\r\n    \/* Tablet View (2 columns) *\/\r\n    @media (max-width: 992px) {\r\n        .features-container {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 50px 30px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile View (1 column, Titles Center) *\/\r\n    @media (max-width: 600px) {\r\n        .why-choose-section {\r\n            padding: 60px 20px;\r\n            text-align: center; \/* Keeps 'Travel with Confidence' centered on mobile *\/\r\n        }\r\n\r\n        .features-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n\r\n        .feature-box {\r\n            align-items: center; \/* Center icons on mobile *\/\r\n            text-align: center; \/* Center text inside boxes on mobile *\/\r\n        }\r\n\r\n        .why-title {\r\n            font-size: 32px;\r\n            margin-bottom: 40px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"why-choose-section\">\r\n    <span class=\"why-subtitle\">Why Choose Us<\/span>\r\n    <h2 class=\"why-title\">Travel with Confidence<\/h2>\r\n\r\n    <div class=\"features-container\">\r\n        <!-- Item 1 -->\r\n        <div class=\"feature-box\">\r\n            <div class=\"icon-wrap\">\r\n                <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n            <\/div>\r\n            <h3>Tailor-Made Itineraries<\/h3>\r\n            <p>Every journey is designed around your preferences, pace, and interests.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Item 2 -->\r\n        <div class=\"feature-box\">\r\n            <div class=\"icon-wrap\">\r\n                <i class=\"fa-solid fa-user-check\"><\/i>\r\n            <\/div>\r\n            <h3>Local Expertise<\/h3>\r\n            <p>Experience Sri Lanka with deep local knowledge and authentic insights.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Item 3 -->\r\n        <div class=\"feature-box\">\r\n            <div class=\"icon-wrap\">\r\n                <i class=\"fa-solid fa-headset\"><\/i>\r\n            <\/div>\r\n            <h3>24\/7 Support<\/h3>\r\n            <p>We're with you every step of the way \u2014 before, during, and after your trip.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Item 4 -->\r\n        <div class=\"feature-box\">\r\n            <div class=\"icon-wrap\">\r\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n            <\/div>\r\n            <h3>Seamless Travel<\/h3>\r\n            <p>From airport pickup to departure, everything is handled for you.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17fea79 e-con-full e-flex e-con e-parent\" data-id=\"17fea79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8103a5 elementor-widget elementor-widget-html\" data-id=\"a8103a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-gold: #c5a059;\r\n        --dark-bg: #12211a;\r\n        --pure-black: #000000;\r\n        --text-gray: #555555;\r\n    }\r\n\r\n    .itinerary-section {\r\n        padding: 80px 5%;\r\n        background-color: #ffffff;\r\n        text-align: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .itinerary-title {\r\n        font-family: 'Italiana', serif;\r\n        font-size: 38px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 10px;\r\n        color: var(--pure-black);\r\n    }\r\n\r\n    .itinerary-subtitle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 16px;\r\n        color: var(--text-gray);\r\n        margin-bottom: 60px;\r\n        display: block;\r\n    }\r\n\r\n    \/* --- Desktop Timeline Style --- *\/\r\n    .timeline-container {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        max-width: 1300px;\r\n        margin: 0 auto 50px auto;\r\n        gap: 15px;\r\n    }\r\n\r\n    .timeline-container::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 35px;\r\n        left: 50px;\r\n        right: 50px;\r\n        height: 2px;\r\n        border-top: 2px dotted var(--primary-gold);\r\n        z-index: 1;\r\n    }\r\n\r\n    .day-card {\r\n        flex: 1;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .day-label {\r\n        width: 70px;\r\n        height: 70px;\r\n        background: white;\r\n        border: 1px solid var(--primary-gold);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0 auto 20px auto;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .day-label span:first-child {\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n        color: #888;\r\n    }\r\n\r\n    .day-label span:last-child {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--pure-black);\r\n    }\r\n\r\n    .day-image {\r\n        width: 100%;\r\n        aspect-ratio: 4\/3;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .day-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .day-card h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        margin-bottom: 8px;\r\n        color: var(--pure-black);\r\n    }\r\n\r\n    .day-card p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: var(--text-gray);\r\n    }\r\n\r\n    \/* --- Button Styling --- *\/\r\n    .customize-btn {\r\n        display: inline-block;\r\n        background-color: var(--dark-bg);\r\n        color: var(--primary-gold);\r\n        padding: 18px 45px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        text-decoration: none;\r\n        border-radius: 5px;\r\n        transition: all 0.3s ease;\r\n        margin-top: 20px;\r\n        border: 1px solid var(--dark-bg);\r\n    }\r\n\r\n    .customize-btn:hover {\r\n        background-color: transparent;\r\n        color: var(--dark-bg);\r\n    }\r\n\r\n    \/* --- Mobile View Logic --- *\/\r\n    @media (max-width: 768px) {\r\n        .itinerary-section {\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .timeline-container {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding-left: 50px;\r\n            gap: 30px;\r\n        }\r\n\r\n        .timeline-container::before {\r\n            top: 0;\r\n            bottom: 0;\r\n            left: 35px;\r\n            width: 2px;\r\n            height: 100%;\r\n            border-top: none;\r\n            border-left: 2px dotted var(--primary-gold);\r\n        }\r\n\r\n        .day-card {\r\n            display: flex;\r\n            align-items: center;\r\n            width: 100%;\r\n            text-align: left;\r\n            background: white;\r\n            border: 1px solid #f0f0f0;\r\n            border-radius: 15px;\r\n            padding: 10px;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n            margin-left: 20px;\r\n        }\r\n\r\n        .day-label {\r\n            position: absolute;\r\n            left: -70px;\r\n            margin: 0;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: white;\r\n            z-index: 3;\r\n        }\r\n\r\n        .day-image {\r\n            width: 100px;\r\n            height: 100px;\r\n            margin-bottom: 0;\r\n            margin-right: 15px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .day-content-text {\r\n            flex: 1;\r\n        }\r\n\r\n        .day-card h3 {\r\n            font-size: 16px;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .day-card p {\r\n            font-size: 12px;\r\n            margin: 0;\r\n        }\r\n\r\n        .itinerary-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .customize-btn {\r\n            display: block; \/* Full width on mobile *\/\r\n            padding: 16px 20px;\r\n            letter-spacing: 1px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"itinerary-section\">\r\n    <h2 class=\"itinerary-title\">Your Sri Lanka Journey<\/h2>\r\n    <span class=\"itinerary-subtitle\">A seamless blend of culture, nature, and relaxation.<\/span>\r\n\r\n    <div class=\"timeline-container\">\r\n        <!-- Day 1 -->\r\n        <div class=\"day-card\">\r\n            <div class=\"day-label\">\r\n                <span>Day<\/span>\r\n                <span>1<\/span>\r\n            <\/div>\r\n            <div class=\"day-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.bucksmore.com\/wp-content\/uploads\/2023\/01\/arrivals-2000x618-1-optimized.jpg\" alt=\"Arrival\">\r\n            <\/div>\r\n            <div class=\"day-content-text\">\r\n                <h3>Arrival<\/h3>\r\n                <p>Warm welcome at the airport and time to relax.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Day 2 -->\r\n        <div class=\"day-card\">\r\n            <div class=\"day-label\">\r\n                <span>Day<\/span>\r\n                <span>2<\/span>\r\n            <\/div>\r\n            <div class=\"day-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.chamilatours.com\/wp-content\/uploads\/2022\/09\/Kandy-Temple-of-Tooth-Relic-2.jpg\" alt=\"Kandy\">\r\n            <\/div>\r\n            <div class=\"day-content-text\">\r\n                <h3>Kandy<\/h3>\r\n                <p>Explore Sri Lanka's cultural heart and iconic landmarks.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Day 3 -->\r\n        <div class=\"day-card\">\r\n            <div class=\"day-label\">\r\n                <span>Day<\/span>\r\n                <span>3<\/span>\r\n            <\/div>\r\n            <div class=\"day-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.stokedtotravel.com\/wp-content\/uploads\/2019\/06\/IMG_6077-1000x667.jpg\" alt=\"Ella\">\r\n            <\/div>\r\n            <div class=\"day-content-text\">\r\n                <h3>Ella<\/h3>\r\n                <p>Scenic train journey and breathtaking mountain views.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Customize Button -->\r\n    <a href=\"#\" class=\"customize-btn\">\r\n        Customize This Journey &nbsp; &rarr;\r\n    <\/a>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25a4130 e-con-full e-flex e-con e-parent\" data-id=\"25a4130\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-709af59 elementor-widget elementor-widget-html\" data-id=\"709af59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts & Font Awesome Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-gold: #c5a059;\r\n        --pure-black: #000000;\r\n        --pure-white: #ffffff;\r\n    }\r\n\r\n    .experiences-section {\r\n        padding: 80px 5%;\r\n        background-color: #ffffff;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Section Title: Italiana 400 *\/\r\n    .exp-title {\r\n        font-family: 'Italiana', serif;\r\n   \r\n        font-size: 32px;\r\n        color: var(--pure-black);\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    \/* Desktop Grid *\/\r\n    .exp-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(5, 1fr);\r\n        gap: 15px;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .exp-card {\r\n        position: relative;\r\n        height: 280px;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        align-items: flex-start;\r\n        padding: 0 0 20px 20px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .exp-bg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        z-index: 1;\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    .exp-card:hover .exp-bg {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .exp-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Experience Labels: Montserrat 600 *\/\r\n    .exp-card h3 {\r\n        position: relative;\r\n        z-index: 3;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        color: var(--pure-white);\r\n        margin: 0;\r\n        text-shadow: 1px 1px 4px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* --- Responsive Logic --- *\/\r\n\r\n    @media (max-width: 1200px) {\r\n        .exp-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    \/* Mobile view matches the uploaded 2x2 + full-width layout *\/\r\n    @media (max-width: 768px) {\r\n        .exp-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        \/* Forces the 5th item to span across both columns *\/\r\n        .exp-card:nth-child(5) {\r\n            grid-column: span 2;\r\n            height: 220px;\r\n        }\r\n\r\n        .exp-card {\r\n            height: 200px;\r\n            border-radius: 12px;\r\n            padding-bottom: 15px;\r\n            padding-left: 15px;\r\n        }\r\n\r\n        .exp-title {\r\n            font-size: 26px;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 35px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"experiences-section\">\r\n    <h2 class=\"exp-title\">Experiences That Define Your Journey<\/h2>\r\n\r\n    <div class=\"exp-grid\">\r\n        <!-- Safari -->\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-bg\" style=\"background-image: url('https:\/\/media-cdn.tripadvisor.com\/media\/attractions-splice-spp-674x446\/15\/b7\/13\/ec.jpg');\"><\/div>\r\n            <div class=\"exp-overlay\"><\/div>\r\n            <h3>Safari Adventures<\/h3>\r\n        <\/div>\r\n\r\n        <!-- Tea Plantation -->\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-bg\" style=\"background-image: url('https:\/\/media-cdn.tripadvisor.com\/media\/attractions-splice-spp-674x446\/12\/37\/69\/b1.jpg');\"><\/div>\r\n            <div class=\"exp-overlay\"><\/div>\r\n            <h3>Tea Plantation Trails<\/h3>\r\n        <\/div>\r\n\r\n        <!-- Train -->\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-bg\" style=\"background-image: url('https:\/\/meetinsrilanka.com\/wp-content\/uploads\/2024\/07\/Ella.jpg');\"><\/div>\r\n            <div class=\"exp-overlay\"><\/div>\r\n            <h3>Scenic Train Journeys<\/h3>\r\n        <\/div>\r\n\r\n        <!-- Culture -->\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-bg\" style=\"background-image: url('https:\/\/assets.roar.media\/Life\/2017\/09\/Featured-Image-e1505121383658.jpg?w=1200');\"><\/div>\r\n            <div class=\"exp-overlay\"><\/div>\r\n            <h3>Cultural Experiences<\/h3>\r\n        <\/div>\r\n\r\n        <!-- Beach (Full Width on Mobile) -->\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-bg\" style=\"background-image: url('https:\/\/www.theglobetrottergp.com\/wp-content\/uploads\/2019\/05\/oDZ1LpuSxCdJQd5UhbjSA_thumb_60bb.jpg');\"><\/div>\r\n            <div class=\"exp-overlay\"><\/div>\r\n            <h3>Beach Escapes<\/h3>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02a1b7e e-con-full e-flex e-con e-parent\" data-id=\"02a1b7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe41b9a elementor-widget elementor-widget-html\" data-id=\"fe41b9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .stay-section {\r\n        padding: 60px 5%;\r\n        background-color: #ffffff;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 40px;\r\n    }\r\n\r\n    \/* Text Content Area *\/\r\n    .stay-content {\r\n        flex: 1;\r\n        text-align: left;\r\n    }\r\n\r\n    .stay-title {\r\n        font-family: 'Italiana', serif;\r\n        font-size: 32px;\r\n   \r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #000000;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .stay-description {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #444444;\r\n        max-width: 400px;\r\n    }\r\n\r\n    \/* Image Grid Area *\/\r\n    .stay-grid {\r\n        flex: 2;\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .stay-img-wrapper {\r\n        width: 100%;\r\n        aspect-ratio: 4\/3;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .stay-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* --- Responsive Logic --- *\/\r\n\r\n    \/* Tablet view *\/\r\n    @media (max-width: 1024px) {\r\n        .stay-section {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .stay-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        .stay-description {\r\n            max-width: 600px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile view: Matches \"image_9b7e95.png\" grid style *\/\r\n    @media (max-width: 600px) {\r\n        .stay-section {\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .stay-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 10px;\r\n        }\r\n\r\n        \/* First image becomes full width above the other two *\/\r\n        .stay-img-wrapper:nth-child(1) {\r\n            grid-column: span 2;\r\n            aspect-ratio: 16\/9;\r\n        }\r\n\r\n        .stay-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .stay-description {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"stay-section\">\r\n    <div class=\"stay-content\">\r\n        <h2 class=\"stay-title\">Stay in Comfort & Style<\/h2>\r\n        <p class=\"stay-description\">\r\n            From boutique hotels to luxury villas, every stay is carefully selected for comfort, location, and experience.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stay-grid\">\r\n        <!-- Main Villa Image -->\r\n        <div class=\"stay-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542314831-068cd1dbfeeb?q=80&w=800\" alt=\"Luxury Villa\">\r\n        <\/div>\r\n        \r\n        <!-- Bedroom Image -->\r\n        <div class=\"stay-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?q=80&w=800\" alt=\"Comfortable Bedroom\">\r\n        <\/div>\r\n        \r\n        <!-- View\/Lounge Image -->\r\n        <div class=\"stay-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520250497591-112f2f40a3f4?q=80&w=800\" alt=\"Scenic Lounge\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c76d26c e-con-full e-flex e-con e-parent\" data-id=\"c76d26c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19b031c elementor-widget elementor-widget-html\" data-id=\"19b031c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts & Font Awesome Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Italiana&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-gold: #c5a059;\r\n        --pure-black: #000000;\r\n        --text-gray: #555555;\r\n        --light-gray: #f9f9f9;\r\n        --card-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .testimonials-section {\r\n        padding: 80px 5%;\r\n        background-color: var(--light-gray);\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Centered Title: Italiana *\/\r\n    .testi-title {\r\n        font-family: 'Italiana', serif;\r\n        font-size: 32px;\r\n        color: var(--pure-black);\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    \/* Testimonial Grid - Desktop: 3 Columns *\/\r\n    .testi-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        max-width: 1200px;\r\n        margin: 0 auto 40px auto;\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .testi-card {\r\n        background: #ffffff;\r\n        padding: 40px 30px;\r\n        border-radius: 12px;\r\n        box-shadow: var(--card-shadow);\r\n        text-align: left;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Gold Quote Icon *\/\r\n    .testi-quote-icon {\r\n        color: var(--primary-gold);\r\n        font-size: 24px;\r\n        margin-bottom: 15px;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    \/* Feedback Text: Montserrat *\/\r\n    .testi-text {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: var(--text-gray);\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    \/* Guest Profile Area *\/\r\n    .testi-user {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .testi-img {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 50%;\r\n        border: 2px solid var(--primary-gold);\r\n        object-fit: cover;\r\n    }\r\n\r\n    .testi-info h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        color: var(--pure-black);\r\n        margin: 0;\r\n    }\r\n\r\n    .testi-info p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 12px;\r\n        color: #888;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Pagination Dots *\/\r\n    .testi-dots {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background: #ddd;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .dot.active {\r\n        background: var(--primary-gold);\r\n    }\r\n\r\n    \/* --- RESPONSIVE LOGIC --- *\/\r\n\r\n    \/* Tablet View: 2 Columns *\/\r\n    @media (max-width: 992px) {\r\n        .testi-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile View: 1 Column *\/\r\n    @media (max-width: 600px) {\r\n        .testimonials-section {\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .testi-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        .testi-title {\r\n            font-size: 26px;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .testi-card {\r\n            padding: 30px 20px;\r\n        }\r\n\r\n        .testi-text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"testimonials-section\">\r\n    <h2 class=\"testi-title\">What Our Guests Say<\/h2>\r\n\r\n    <div class=\"testi-grid\">\r\n        <!-- Testimonial 1 -->\r\n        <div class=\"testi-card\">\r\n            <div class=\"testi-top\">\r\n                <div class=\"testi-quote-icon\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\r\n                <p class=\"testi-text\">\"Everything was perfectly planned. We didn't have to worry about anything.\"<\/p>\r\n            <\/div>\r\n            <div class=\"testi-user\">\r\n                <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Sarah M.\" class=\"testi-img\">\r\n                <div class=\"testi-info\">\r\n                    <h4>Sarah M.<\/h4>\r\n                    <p>United Kingdom<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Testimonial 2 -->\r\n        <div class=\"testi-card\">\r\n            <div class=\"testi-top\">\r\n                <div class=\"testi-quote-icon\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\r\n                <p class=\"testi-text\">\"A seamless and unforgettable experience from start to finish.\"<\/p>\r\n            <\/div>\r\n            <div class=\"testi-user\">\r\n                <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"James & Emily\" class=\"testi-img\">\r\n                <div class=\"testi-info\">\r\n                    <h4>James & Emily<\/h4>\r\n                    <p>Australia<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Testimonial 3 -->\r\n        <div class=\"testi-card\">\r\n            <div class=\"testi-top\">\r\n                <div class=\"testi-quote-icon\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\r\n                <p class=\"testi-text\">\"Highly recommended for anyone looking to explore Sri Lanka in comfort.\"<\/p>\r\n            <\/div>\r\n            <div class=\"testi-user\">\r\n                <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/85.jpg\" alt=\"Michael T.\" class=\"testi-img\">\r\n                <div class=\"testi-info\">\r\n                    <h4>Michael T.<\/h4>\r\n                    <p>Canada<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Dots -->\r\n    <div class=\"testi-dots\">\r\n        <span class=\"dot active\"><\/span>\r\n        <span class=\"dot\"><\/span>\r\n        <span class=\"dot\"><\/span>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tailor-Made Sri Lanka Journeys Designed around your travel style with seamless experiences from arrival to departure. Plan Your Journey &rarr; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":67,"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/tripinlanka.sathsidu.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}