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

.visit-hero{

    padding:0;

    background:var(--background);

}



.visit-hero-grid{

    display:grid;

    grid-template-columns:45% 55%;

    align-items:center;

    min-height:650px;

}

.visit-hero-image{

    z-index:1;

}

.visit-hero-content{

    position:relative;

    z-index:5;

}




.visit-hero-image img{

    width:100%;

    height:650px;

    object-fit:cover;

    display:block;

}

.visit-hero h1{

    color:#2f2927;

}

.visit-hero p{

    font-size:18px;

    line-height:1.8;

    color:#555;

    margin-bottom:18px;

}

.visit-hero .btn-primary{

    display:inline-block;

    margin-top:12px;

}

.visit-hero .section-divider{

    margin-bottom:30px;

}

@media (max-width:992px){

.visit-hero-grid{

    grid-template-columns:1fr;

}

.visit-hero-image{

    order:-1;

}

.visit-hero-image img{

    height:450px;

}

.visit-hero-content{

    max-width:100%;

    padding:60px 20px;

}

}

@media (max-width:768px){

.visit-hero p{

    font-size:16px;

    line-height:1.6;

}

.visit-hero-image img{

    height:380px;

}

}

/*=========================================================
WHY VISIT SAVITUR (EXPECT SECTION)
=========================================================*/

.visit-expect{

    padding:70px 0;
    background:var(--surface);

}

.expect-icons{

    display:grid;

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

    gap:40px;

}

.expect-item{

    text-align:center;

}

.expect-item img{

    width:48px;

    height:48px;

    margin:0 auto 24px;

}

.expect-item h3{

    font-size:18px;

    font-weight:600;

    line-height:1.4;

    margin-bottom:12px;

    color:#2f2927;

}

.expect-item p{

    font-size:15px;

    line-height:1.6;

    color:#6b645f;

}

@media(max-width:992px){

.expect-icons{

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

    gap:30px;

}

}

@media(max-width:768px){

.expect-icons{

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

}

.expect-item h3{

    font-size:16px;

}

}

@media(max-width:480px){

.expect-icons{

    grid-template-columns:1fr;

}

}

/*=========================================================
SOME THINGS ARE BEST EXPERIENCED IN PERSON
=========================================================*/

.visit-experience{

    padding:0;

    background:var(--background);

}

.experience-grid{

    display:grid;

    grid-template-columns:40% 60%;

    gap:80px;

    align-items:flex-start;

}

.experience-image{

    position:relative;

}

.experience-image img{

    width:100%;

    height:420px;

    object-fit:cover;

    display:block;

    border-radius:2px;

}

.experience-content{

    position:relative;

    padding-top:20px;

}

.experience-quote{

    margin-bottom:24px;

    line-height:0;

}

.experience-quote svg{

    opacity:0.3;

}

.experience-content h2{

    font-size:48px;

    line-height:1.2;

    color:#2f2927;

    margin-bottom:24px;

    font-weight:400;

}

.experience-content > p{

    font-size:16px;

    line-height:1.8;

    color:#6b645f;

    margin-bottom:50px;

}

.experience-stats{

    display:grid;

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

    gap:25px;

}

.stat-item{

    text-align:center;

    padding:0;

}

.stat-number{

    font-size:20px;

    font-weight:600;

    color:#b77b6b;

    line-height:1.3;

    margin-bottom:8px;

    display:block;

}

.stat-label{

    font-size:13px;

    line-height:1.5;

    color:#6b645f;

    display:block;

    font-weight:500;

}

@media(max-width:992px){

.experience-grid{

    grid-template-columns:1fr;

    gap:50px;

}

.experience-image img{

    height:350px;

}

.experience-stats{

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

    gap:20px;

}

.experience-content h2{

    font-size:38px;

}

}

@media(max-width:768px){

.experience-grid{

    gap:40px;

}

.experience-content h2{

    font-size:32px;

}

.experience-content > p{

    font-size:15px;

}

.experience-stats{

    grid-template-columns:1fr;

}

.stat-item{

    display:grid;

    grid-template-columns:1fr 1fr;

    text-align:left;

    gap:12px;

}

.stat-number{

    text-align:left;

}

}

/*=========================================================
PLANNING YOUR VISIT (FIND US HERE)
=========================================================*/

.visit-planning{

    padding:80px 0;
    background:var(--surface);

}

.planning-map{

    width:100%;

    overflow:hidden;

    border-radius:4px;

}

.planning-map iframe{

    display:block;

}

@media(max-width:768px){

.planning-map iframe{

    min-height:300px;

}

}

/*=========================================================
CONNECT
=========================================================*/

.visit-connect{

    padding:70px 0;
    background:var(--background);

}

.section-subtitle{

    font-size:17px;

    color:#6b645f;

    margin-top:8px;

}

.connect-grid{

    display:grid;

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

    gap:28px;

}

.connect-card{

    --card-padding:48px 34px;

}

.connect-card img{

    width:36px;

    height:36px;

    margin:0 auto 24px;

}


.connect-card h3{

    font-family:Inter,sans-serif;

    font-size:18px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:18px;

}

.connect-card p{

    font-size:17px;

    line-height:1.8;

    margin-bottom:24px;

}

.connect-card strong{

    display:block;

    font-size:22px;

    color:#3b3532;

    margin-bottom:28px;

}

.connect-card a{

    font-size:13px;

    font-weight:700;

    color:#c97e71;

    letter-spacing:1.6px;

    text-transform:uppercase;

}

@media(max-width:1100px){

.connect-grid{

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

}

}

@media(max-width:768px){

.connect-grid{

    grid-template-columns:1fr;

}

.connect-card{

    --card-padding:40px 28px;

}

}

/*=========================================================
FAQ
=========================================================*/

.visit-faq{

    padding:80px 0;
     background:var(--surface);

}

/*=========================================================
VISIT CLOSING CTA
=========================================================*/

.visit-closing{

    padding:70px 0 90px;
     background:var(--background);

}

.visit-closing-box{

    display:grid;

    grid-template-columns:34% 66%;

    background:var(--surface);

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

    align-items:center;

    overflow:hidden;

}

.visit-closing-image img{

    width:100%;

    height:230px;

    object-fit:cover;

    display:block;

}

.visit-closing-content{

    position:relative;

    padding:50px 70px;

}

.visit-closing-content h2{

    font-size:42px;

    line-height:1.25;

    margin-bottom:18px;

    color:#2f2927;

}

.visit-closing-content p{

    font-size:20px;

    color:#5d5651;

    margin-bottom:32px;

}

.closing-leaf{

    position:absolute;

    right:25px;

    bottom:20px;

    width:90px;

    opacity:.35;

    pointer-events:none;

}

.visit-closing .btn-primary{

    min-width:220px;

}

@media (max-width:992px){

.visit-closing-box{

    grid-template-columns:1fr;

}

.visit-closing-image img{

    height:300px;

}

.visit-closing-content{

    padding:40px;

}

.closing-leaf{

    display:none;

}

}

@media (max-width:768px){

.visit-closing-content h2{

    font-size:32px;

}

.visit-closing-content p{

    font-size:18px;

}

.visit-closing-content{

    text-align:center;

}

}

/*=========================================================
VISIT PAGE SHARED HEADINGS
=========================================================*/

.visit-planning .section-heading,
.visit-connect .section-heading,
.visit-faq .section-heading{

    margin-bottom:55px;

}

.visit-planning .section-heading h2,
.visit-connect .section-heading h2,
.visit-faq .section-heading h2{

    font-size:42px;

    margin-bottom:18px;

}