/* =====================================================
                TORA TRAILS V2
        STYLE.CSS (PART 4A)
===================================================== */

/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* =============================
        ROOT VARIABLES
============================= */

:root{

--primary:#4F8DFF;
--secondary:#8B5CF6;

--background:#F5F8FC;
--section:#EDF4FF;

--glass:rgba(255,255,255,.45);
--glass-border:rgba(255,255,255,.55);

--text:#202124;
--text-light:#6B7280;

--shadow:0 20px 45px rgba(80,100,140,.12);

--radius:28px;

--transition:.35s ease;


}.container{
    width:min(1280px,92%);
    margin:0 auto;
}

/* =============================
        RESET
============================= */

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

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

background:var(--background);

color:var(--text);

overflow-x:hidden;

}

/* =============================
        BACKGROUND
============================= */

.background{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:

radial-gradient(circle at 15% 15%,rgba(79,141,255,.18),transparent 35%),

radial-gradient(circle at 80% 25%,rgba(139,92,246,.14),transparent 35%),

radial-gradient(circle at 50% 85%,rgba(255,255,255,.75),transparent 40%),

linear-gradient(180deg,#F7FAFF,#EEF5FF);

z-index:-2;

}

/* Floating Blob */

.background::after{

content:"";

position:absolute;

width:650px;
height:650px;

border-radius:50%;

background:#A5C8FF;

filter:blur(180px);

opacity:.18;

right:-180px;

top:-120px;

animation:floatBlob 12s ease-in-out infinite;

}

@keyframes floatBlob{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(45px);

}

100%{

transform:translateY(0px);

}

}

/* =============================
        CONTAINER
============================= */

.container{

width:min(1200px,92%);

margin:auto;

}

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

section{

padding:120px 0;

position:relative;

}

/* =============================
        HEADINGS
============================= */

h1,
h2,
h3,
h4{

font-family:'Space Grotesk',sans-serif;

font-weight:700;

line-height:1.15;

color:var(--text);

}

h2{

font-size:52px;

margin-bottom:18px;

}

.section-heading{

max-width:700px;

margin:0 auto 70px;

text-align:center;

}

.section-heading span{

display:inline-block;

padding:10px 20px;

background:rgba(79,141,255,.12);

border-radius:50px;

color:var(--primary);

font-weight:600;

font-size:14px;

letter-spacing:1px;

margin-bottom:20px;

}

.section-heading p{

font-size:19px;

line-height:1.8;

color:var(--text-light);

}

/* =============================
        PARAGRAPH
============================= */

p{

font-size:18px;

line-height:1.8;

color:var(--text-light);

}

/* =============================
        LINKS
============================= */

a{

text-decoration:none;

color:inherit;

transition:var(--transition);

}

/* =============================
        IMAGES
============================= */

img{

width:100%;

display:block;

}

/* =============================
        GLASS CARD
============================= */

.glass{

background:var(--glass);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

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

box-shadow:var(--shadow);

border-radius:var(--radius);

}

/* =============================
        BUTTONS
============================= */

.primary-btn{

display:inline-flex;

justify-content:center;

align-items:center;

padding:18px 36px;

border-radius:50px;

background:

linear-gradient(
135deg,
var(--primary),
var(--secondary)
);

color:white;

font-weight:600;

font-size:17px;

box-shadow:

0 18px 40px rgba(79,141,255,.28);

transition:var(--transition);

}

.primary-btn:hover{

transform:translateY(-6px);

box-shadow:

0 30px 60px rgba(79,141,255,.35);

}

.secondary-btn{

display:inline-flex;

justify-content:center;

align-items:center;

padding:18px 36px;

border-radius:50px;

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

border:1px solid rgba(255,255,255,.75);

backdrop-filter:blur(20px);

color:var(--text);

font-weight:600;

font-size:17px;

transition:var(--transition);

}

.secondary-btn:hover{

background:white;

transform:translateY(-6px);

}

/* =============================
        SCROLLBAR
============================= */

::-webkit-scrollbar{

width:12px;

}

::-webkit-scrollbar-track{

background:#EEF3FA;

}

::-webkit-scrollbar-thumb{

background:linear-gradient(

180deg,

var(--primary),

var(--secondary)

);

border-radius:50px;

}

::selection{

background:var(--primary);

color:white;

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

header{

position:fixed;

top:20px;

left:0;

width:100%;

z-index:9999;

display:flex;

justify-content:center;

pointer-events:none;

}

.navbar{

width:min(1250px,94%);

height:78px;

display:flex;

justify-content:space-between;

align-items:center;

padding:0 28px;

background:rgba(255,255,255,.52);

backdrop-filter:blur(22px);

-webkit-backdrop-filter:blur(22px);

border:1px solid rgba(255,255,255,.65);

border-radius:100px;

box-shadow:0 20px 50px rgba(60,80,120,.12);

pointer-events:auto;

transition:.4s;

}

/* =============================
LOGO
============================= */

.logo{

display:flex;

align-items:center;

gap:14px;

}

.logo img{

width:72px;

height:72px;

object-fit:cover;

border-radius:50%;

}

.logo span{

font-family:'Space Grotesk',sans-serif;

font-size:28px;

font-weight:700;

background:linear-gradient(135deg,#4F8DFF,#8B5CF6);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/* =============================
NAV LINKS
============================= */

.nav-links{

display:flex;

align-items:center;

gap:42px;

list-style:none;

}

.nav-links a{

font-size:17px;

font-weight:600;

color:var(--text);

position:relative;

}

.nav-links a::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:0;

height:3px;

border-radius:50px;

background:linear-gradient(90deg,#4F8DFF,#8B5CF6);

transition:.35s;

}

.nav-links a:hover::after{

width:100%;

}

.nav-links a:hover{

color:#4F8DFF;

}

/* =============================
MENU BUTTON
============================= */

.menu-btn{

display:none;

font-size:30px;

cursor:pointer;

color:#4F8DFF;

}

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

.hero{

position:relative;

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:140px 0 80px;

overflow:hidden;

}

/* =============================
BACKGROUND IMAGE
============================= */

.hero::before{

content:"";

position:absolute;

inset:0;

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

opacity:.28;

transform:scale(1.08);

z-index:-2;

}

/* =============================
WHITE FADE
============================= */

.hero::after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(

180deg,

rgba(255,255,255,.82),

rgba(245,248,252,.65)

);

z-index:-1;

}

/* =============================
CONTENT
============================= */

.hero-content{

max-width:900px;

text-align:center;

padding:65px;

border-radius:34px;

background:rgba(255,255,255,.42);

backdrop-filter:blur(24px);

border:1px solid rgba(255,255,255,.65);

box-shadow:0 25px 60px rgba(80,100,140,.14);

animation:heroFade 1s ease;

}

@keyframes heroFade{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.hero-tag{

display:inline-block;

padding:12px 24px;

border-radius:50px;

background:rgba(79,141,255,.12);

color:#4F8DFF;

font-weight:600;

margin-bottom:28px;

}

.hero h1{

font-size:82px;

line-height:1.05;

margin-bottom:30px;

}

.hero p{

max-width:700px;

margin:auto;

font-size:22px;

line-height:1.9;

margin-bottom:45px;

}

/* =============================
BUTTONS
============================= */

.hero-buttons{

display:flex;

justify-content:center;

gap:22px;

margin-bottom:65px;

}

/* =============================
STATS
============================= */

.hero-stats{

display:flex;

justify-content:center;

gap:60px;

}

.hero-stats div{

text-align:center;

}

.hero-stats h2{

font-size:52px;

margin-bottom:8px;

background:linear-gradient(135deg,#4F8DFF,#8B5CF6);
-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-stats span{

font-size:16px;

font-weight:500;

color:var(--text-light);

}

/* =============================
SCROLL INDICATOR
============================= */

.scroll-indicator{

position:absolute;

bottom:35px;

left:50%;

transform:translateX(-50%);

font-size:32px;

color:#4F8DFF;

animation:bounce 2s infinite;

}

@keyframes bounce{

0%{transform:translateX(-50%) translateY(0);}

50%{transform:translateX(-50%) translateY(10px);}

100%{transform:translateX(-50%) translateY(0);}

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

.featured-packages{

position:relative;

background:linear-gradient(180deg,#F5F8FC,#EEF5FF);

}

.packages-grid{

display:grid;

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

gap:35px;

}

/* ============================
        PACKAGE CARD
============================ */

.package-card{

position:relative;

overflow:hidden;

border-radius:32px;

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

backdrop-filter:blur(22px);

-webkit-backdrop-filter:blur(22px);

border:1px solid rgba(255,255,255,.75);

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

transition:.45s;

}

.package-card:hover{

transform:translateY(-15px);

box-shadow:0 35px 80px rgba(70,90,140,.18);

}

/* ============================
IMAGE
============================ */

.package-card img{

width:100%;

height:280px;

object-fit:cover;

transition:.6s;

}

.package-card:hover img{

transform:scale(1.08);

}

/* ============================
CONTENT
============================ */

.package-content{

padding:28px;

}

/* ============================
TOP ROW
============================ */

.package-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:22px;

}

.package-top span{

padding:8px 16px;

border-radius:50px;

background:rgba(79,141,255,.12);

color:#4F8DFF;

font-size:14px;

font-weight:600;

}

.rating{

font-size:18px;

letter-spacing:2px;

color:#F8B400;

}

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

.package-card h3{

font-size:30px;

margin-bottom:15px;

}

/* ============================
DESCRIPTION
============================ */

.package-card p{

font-size:17px;

line-height:1.8;

margin-bottom:28px;

}

/* ============================
BOTTOM
============================ */

.package-bottom{

display:flex;

justify-content:space-between;

align-items:center;

}

.duration{

display:flex;

align-items:center;

gap:8px;

font-weight:600;

color:#6B7280;

}

.duration i{

color:#4F8DFF;

}

.package-bottom a{

padding:14px 26px;

border-radius:50px;

background:linear-gradient(

135deg,

#4F8DFF,

#8B5CF6

);

color:white;

font-weight:600;

transition:.35s;

}

.package-bottom a:hover{

transform:translateY(-4px);

}

/* ============================
VIEW ALL BUTTON
============================ */

.center-btn{

display:flex;

justify-content:center;

margin-top:70px;

}

.view-all{

padding:18px 40px;

border-radius:60px;

background:white;

border:1px solid rgba(79,141,255,.18);

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

font-weight:700;

transition:.35s;

}

.view-all:hover{

background:linear-gradient(

135deg,

#4F8DFF,

#8B5CF6

);

color:white;

transform:translateY(-5px);

}

/* =====================================================
                WHY US
===================================================== */

.why-us{

background:#F8FBFF;

}

.why-grid{

display:grid;

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

gap:28px;

}

.why-card{

padding:45px 30px;

text-align:center;

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

backdrop-filter:blur(18px);

border-radius:28px;

border:1px solid rgba(255,255,255,.8);

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

transition:.35s;

}

.why-card:hover{

transform:translateY(-10px);

}

.why-card i{

width:90px;

height:90px;

margin:auto;

display:flex;

justify-content:center;

align-items:center;

border-radius:25px;

font-size:36px;

margin-bottom:28px;

background:linear-gradient(

135deg,

#4F8DFF,

#8B5CF6

);

color:white;

box-shadow:0 20px 40px rgba(79,141,255,.25);

}

.why-card h3{

font-size:24px;

margin-bottom:16px;

}

.why-card p{

font-size:16px;

line-height:1.8;

}
/* =====================================================
                REVIEWS
===================================================== */

.reviews{

background:linear-gradient(180deg,#EEF5FF,#F8FBFF);

}

.reviews-grid{

display:grid;

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

gap:35px;

}

.review-card{

padding:35px;

background:rgba(255,255,255,.58);

backdrop-filter:blur(22px);

border-radius:30px;

border:1px solid rgba(255,255,255,.75);

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

transition:.35s;

}

.review-card:hover{

transform:translateY(-10px);

}

.review-top{

display:flex;

align-items:center;

gap:18px;

margin-bottom:25px;

}

.review-top img{

width:75px;

height:75px;

border-radius:50%;

object-fit:cover;

}

.review-top h3{

font-size:22px;

margin-bottom:5px;

}

.review-top span{

color:#6B7280;

font-size:15px;

}

.review-card p{

font-size:17px;

line-height:1.8;

}

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

.plan-journey{

padding:140px 0;

}

.journey-box{

max-width:1050px;

margin:auto;

padding:80px;

text-align:center;

border-radius:40px;

background:linear-gradient(
135deg,
rgba(79,141,255,.10),
rgba(139,92,246,.12)
);

backdrop-filter:blur(24px);

border:1px solid rgba(255,255,255,.8);

box-shadow:0 25px 60px rgba(60,80,120,.10);

}

.journey-box span{

display:inline-block;

padding:12px 24px;

border-radius:50px;

background:rgba(79,141,255,.15);

color:#4F8DFF;

font-weight:700;

margin-bottom:25px;

}

.journey-box h2{

font-size:56px;

margin-bottom:30px;

}

.journey-box p{

max-width:720px;

margin:auto;

margin-bottom:45px;

font-size:20px;

line-height:1.9;

}

.journey-buttons{

display:flex;

justify-content:center;

gap:20px;

}

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

.contact-home{

background:#F7FAFF;

}

.contact-card{

display:flex;

justify-content:space-between;

align-items:center;

gap:70px;

padding:70px;

background:rgba(255,255,255,.58);

backdrop-filter:blur(20px);

border-radius:35px;

border:1px solid rgba(255,255,255,.75);

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

}

.contact-left{

flex:1;

}

.contact-left h2{

font-size:48px;

margin-bottom:20px;

}

.contact-left p{

font-size:19px;

line-height:1.9;

}

.contact-right{

display:grid;

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

gap:20px;

flex:1;

}

.contact-right a{

display:flex;

align-items:center;

gap:15px;

padding:22px;

background:white;

border-radius:18px;

font-weight:600;

transition:.35s;

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

}

.contact-right a:hover{

transform:translateY(-5px);

background:linear-gradient(
135deg,
#4F8DFF,
#8B5CF6
);

color:white;

}

.contact-right i{

font-size:22px;

}

/* =====================================================
                    FOOTER
===================================================== */

footer{

margin-top:120px;

padding:90px 8% 35px;

background:#EAF2FF;

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1fr;

gap:50px;

padding-bottom:60px;

border-bottom:1px solid rgba(0,0,0,.08);

}

.footer-grid h3{

font-size:34px;

margin-bottom:18px;

}

.footer-grid h4{

font-size:22px;

margin-bottom:20px;

}

.footer-grid p{

line-height:1.9;

}

.footer-grid a{

display:block;

margin-bottom:14px;

color:#5F6673;

transition:.3s;

}

.footer-grid a:hover{

color:#4F8DFF;

padding-left:8px;

}

.footer-bottom{

margin-top:35px;

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

}

.footer-bottom p{

font-size:16px;

}

.footer-bottom a{

font-weight:700;

color:#4F8DFF;

}

.footer-bottom a:hover{

color:#8B5CF6;

}
/* =========================================
        VIEW MORE PACKAGES BUTTON
========================================= */

.view-packages-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:45px;
}

.view-packages-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:16px 30px;

    text-decoration:none;
    font-weight:600;

    color:#1e293b;

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

    border:1px solid rgba(255,255,255,.9);

    border-radius:50px;

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:0 12px 30px rgba(30,41,59,.10);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.view-packages-btn i{
    transition:transform .35s ease;
}

.view-packages-btn:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.8);
    box-shadow:0 18px 40px rgba(30,41,59,.16);
}

.view-packages-btn:hover i{
    transform:translateX(6px);
}

.view-packages-btn:active{
    transform:scale(.97);
}
@media (max-width: 768px) {

    /* Homepage mobile side menu fix */
    .navbar .nav-links {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;

        bottom: 0 !important;
        left: auto !important;

        margin: 0 !important;

        border-radius: 0 !important;
    }

}
/* =====================================================
   TORA TRAILS - DESKTOP NAVBAR FINAL FIX
===================================================== */

@media (min-width: 769px) {

    /* HEADER */

    header {
        top: 20px;
    }


    /* MAIN NAVBAR */

    header .navbar {

        width: min(1280px, 94%);
        height: 78px;

        padding: 0 26px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 25px;

        border-radius: 50px;

        box-sizing: border-box;
    }


    /* =============================
       LOGO
    ============================= */

    header .navbar .logo {

        display: flex;
        align-items: center;

        gap: 12px;

        flex-shrink: 0;

        text-decoration: none;
    }


    header .navbar .logo img {

        width: 58px;
        height: 58px;

        object-fit: cover;

        border-radius: 50%;

        flex-shrink: 0;
    }


    header .navbar .logo span {

        font-size: 26px;

        line-height: 1;

        white-space: nowrap;
    }


    /* =============================
       DESKTOP NAVIGATION
    ============================= */

    header .navbar .nav-links {

        display: flex !important;

        align-items: center;
        justify-content: flex-end;

        flex: 1;

        gap: 0;

        margin: 0;
        padding: 0;

        list-style: none;

        white-space: nowrap;

        background: transparent;

        position: static !important;

        transform: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        height: auto !important;

        width: auto !important;
    }


    header .navbar .nav-links li {

        margin: 0;

        padding: 0;

        list-style: none;
    }


    /* NAV LINKS */

    header .navbar .nav-links a {

        display: flex;

        align-items: center;
        justify-content: center;

        height: 42px;

        padding: 0 15px;

        font-size: 15px;

        font-weight: 600;

        line-height: 1;

        color: var(--text);

        text-decoration: none;

        position: relative;

        transition:
            color 0.3s ease,
            background 0.3s ease,
            transform 0.3s ease;
    }


    /* HOVER */

    header .navbar .nav-links a:hover {

        color: #4F8DFF;

        transform: translateY(-2px);
    }


    /* UNDERLINE */

    header .navbar .nav-links a::after {

        content: "";

        position: absolute;

        left: 15px;
        right: 15px;

        bottom: 0;

        width: auto;

        height: 2px;

        border-radius: 20px;

        background:
            linear-gradient(
                90deg,
                #4F8DFF,
                #8B5CF6
            );

        transform: scaleX(0);

        transform-origin: center;

        transition: transform 0.3s ease;
    }


    header .navbar .nav-links a:hover::after {

        width: auto;

        transform: scaleX(1);
    }


    /* =============================
       HIDE MOBILE MENU BUTTON
    ============================= */

    header .navbar .menu-btn {

        display: none !important;

    }

}


/* =====================================================
   MEDIUM DESKTOP / LAPTOP
   Prevents 5 links from becoming cramped
===================================================== */

@media (min-width: 769px) and (max-width: 1100px) {

    header .navbar {

        width: 96%;

        padding: 0 20px;

        gap: 15px;
    }


    header .navbar .logo img {

        width: 50px;
        height: 50px;
    }


    header .navbar .logo span {

        font-size: 23px;
    }


    header .navbar .nav-links a {

        padding: 0 9px;

        font-size: 13px;
    }

}
/* =========================================
   EXPLORE HIMALAYAS IMAGE EFFECT
========================================= */

.explore-box {
    position: relative;
    overflow: hidden;
    border-radius: 28px;

    /* YOUR BOX CONTROLS THE SIZE */
    height: 100%;
    min-height: 420px;
}


/* BOTH IMAGES FILL THE BOX */

.explore-box .explore-image,
.explore-box .explore-image-blur {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* CLEAR ORIGINAL IMAGE */

.explore-box .explore-image {
    z-index: 0;
}


/* BLURRED COPY */

.explore-box .explore-image-blur {
    z-index: 1;

    filter: blur(18px);
    transform: scale(1.08);

    /*
       Smoothly fade blur from the middle
       towards the bottom
    */

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 35%,
        rgba(0, 0, 0, 0.15) 45%,
        rgba(0, 0, 0, 0.55) 60%,
        black 78%
    );

    mask-image: linear-gradient(
        to bottom,
        transparent 35%,
        rgba(0, 0, 0, 0.15) 45%,
        rgba(0, 0, 0, 0.55) 60%,
        black 78%
    );

    pointer-events: none;
}


/* OPTIONAL SOFT GLASS LAYER */

.explore-box::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 35%,
        rgba(255, 255, 255, 0.03) 55%,
        rgba(255, 255, 255, 0.12) 100%
    );

    pointer-events: none;
}


/* KEEP CONTENT ABOVE IMAGE */

.explore-box .explore-content {
    position: relative;
    z-index: 3;
}
/* =========================================
   EXPLORE HIMALAYAS CONTENT FIX
========================================= */

/* Keep content perfectly centered */

.explore-box .explore-content {
    position: absolute !important;

   /* =========================================
   EXPLORE HIMALAYAS – TOP CENTER CONTENT
========================================= */

.explore-box .explore-content {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100%;
    height: auto;

    transform: none !important;

    z-index: 5;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: flex-start;

    text-align: center;

    padding: 45px 30px 30px;

    box-sizing: border-box;
}

    text-align: center;

    padding: 30px;

    box-sizing: border-box;
}


/* EXPLORE THE HIMALAYAS */

.explore-box .explore-content h1,
.explore-box .explore-content h2,
.explore-box .explore-content h3 {
    color: #ffffff !important;

    text-align: center;

    margin: 0 0 12px 0;

    text-shadow:
        0 2px 15px rgba(0, 0, 0, 0.35);
}


/* DISCOVER THE HIMALAYAS / DESCRIPTION */

.explore-box .explore-content p,
.explore-box .explore-content span {
    color: rgba(255, 255, 255, 0.95) !important;

    text-align: center;

    margin: 0;

    text-shadow:
        0 2px 12px rgba(0, 0, 0, 0.3);
}
.logo-text {
    font-size: 30px !important;
}