:root{
    --primary:#0B3D1E;      /* Dark Green */
    --secondary:#D4AF37;    /* Gold */
    --accent:#F4C542;       /* Mango Gold */
    --light:#F8F7F2;
    --dark:#111111;
    --text:#555;
}



/*========================
TOP HEADER
=========================*/

.top-header{
    background:#0B3D1E;
    color:#fff;
    padding:10px 0;
    font-size:14px;
}

.top-header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.left-info,
.right-info{
    display:flex;
    align-items:center;
    gap:20px;
}

.top-header a,
.top-header span{
    color:#fff;
    text-decoration:none;
}

.top-header i{
    color:#D4AF37;
    margin-right:6px;
}

.social-icons{
    display:flex;
    gap:10px;
}

.social-icons a{
    width:34px;
    height:34px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.social-icons a:hover{
    background:#D4AF37;
    color:#111;
}

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

.custom-navbar{
    background:#fff;
    padding:12px 0;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.navbar-brand img{
    height:90px;
}

.nav-link{
    font-weight:600;
    color:#222;
    margin:0 12px;
    position:relative;
}

.nav-link:hover,
.nav-link.active{
    color:#0B3D1E;
}

.nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#D4AF37;
    transition:.4s;
}

.nav-link:hover::after,
.nav-link.active::after{
    width:100%;
}

.order-btn{
    background:#0B3D1E;
    color:#fff;
    padding:12px 28px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.order-btn:hover{
    background:#D4AF37;
    color:#111;
}

.navbar-toggler{
    border:none;
    font-size:34px;
}

.navbar-toggler:focus{
    box-shadow:none;
}

/*==========================
Mobile Header & Navbar
===========================*/

@media (max-width:991px){


/* Top Header */

.top-header{
    display:block;
    background:#0B3D1E;
    padding:8px 12px;
}

.top-header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
}

.left-info{
    display:flex;
    align-items:center;
    gap:10px;
}

.left-info span{
    display:none;
}

.left-info a{
    font-size:14px;
    color:#fff;
    font-weight:600;
}

.right-info{
    display:flex;
    align-items:center;
    gap:8px;
}

.right-info span{
    display:none;
}

.social-icons{
    display:flex;
    gap:8px;
}

.social-icons a{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
}

/* Navbar */

.custom-navbar{
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    padding:10px 0;
}

.navbar-brand img{
    height:75px;
}

.navbar-toggler{
    border:none;
    padding:0;
}

.navbar-toggler i{
    font-size:34px;
    color:#0B3D1E;
}

.navbar-toggler:focus{
    box-shadow:none;
}

.navbar-collapse{
    margin-top:15px;
    padding:20px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.nav-link{
    padding:12px;
    text-align:center;
    font-size:17px;
}

.order-btn{
    margin-top:15px;
    width:100%;
    display:flex;
    justify-content:center;
}
}




/*=============================
Hero
=============================*/

.hero-section{

position:relative;
min-height:100vh;
display:flex;
align-items:center;
overflow:hidden;

background:url('./img/h1.png') center center/cover no-repeat;

}

.hero-overlay{

position:absolute;
left:0;
top:0;
width:100%;
height:100%;

background:linear-gradient(to right,
rgba(5,35,15,.88),
rgba(5,35,15,.55),
rgba(5,35,15,.20));

}

.hero-content{

position:relative;
z-index:2;
color:#fff;

}

.hero-tag{

display:inline-block;
padding:10px 22px;
background:rgba(255,255,255,.15);
backdrop-filter:blur(10px);

border-radius:50px;

font-weight:600;

margin-bottom:25px;

}

.hero-content h1{

font-size:clamp(54px, 6vw, 92px);

font-weight:700;

line-height:1.05;

font-family:'Cormorant Garamond',serif;

max-width:820px;

}

.hero-content h1 span{

color:#F4C542;

display:block;

}

.hero-content p{

margin:30px 0;

font-size:18px;

line-height:32px;

color:#ddd;

max-width:580px;

}

.hero-list{

list-style:none;

padding:0;

margin-bottom:35px;

}

.hero-list li{

margin-bottom:15px;

font-size:17px;

}

.hero-list i{

color:#F4C542;

margin-right:10px;

}

.hero-btn{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.btn-order{

padding:16px 38px;

background:#25D366;

border-radius:60px;

color:#fff;

text-decoration:none;

font-weight:700;

transition:.4s;

}

.btn-order:hover{

background:#1ea952;

color:#fff;

transform:translateY(-5px);

}

.btn-outline-custom{

padding:16px 38px;

border:2px solid #F4C542;

border-radius:60px;

color:#fff;

text-decoration:none;

transition:.4s;

font-weight:600;

}

.btn-outline-custom:hover{

background:#F4C542;

color:#111;

}

.hero-image{

position:relative;
z-index:2;

animation:float 5s ease-in-out infinite;

}

.hero-image img{

max-width:90%;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

100%{

transform:translateY(0);

}

}

.scroll-down{

position:absolute;

bottom:30px;

left:50%;

transform:translateX(-50%);

font-size:35px;

color:#fff;

animation:move 2s infinite;

z-index:5;

}

@keyframes move{

0%{

transform:translate(-50%,0);

}

50%{

transform:translate(-50%,12px);

}

100%{

transform:translate(-50%,0);

}

}

/*==========================
Mobile
==========================*/

@media(max-width:991px){

.hero-section{

background:url('./img/m1.png') center center/cover no-repeat;

padding:120px 0 60px;

min-height:auto;

}

.hero-overlay{

background:linear-gradient(to bottom,
rgba(5,35,15,.80),
rgba(5,35,15,.55));

}

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:clamp(42px, 13vw, 64px);

}

.hero-content p{

font-size:15px;

line-height:28px;

}

.hero-btn{

justify-content:center;

}

.hero-image{

margin-top:50px;

}

.hero-image img{

width:80%;

}

.hero-tag{

font-size:14px;

}

.hero-list{

text-align:left;

display:inline-block;

}

.scroll-down{

display:none;

}

}

/*=====================================================
PREMIUM MANGO SCROLL SECTION
=====================================================*/

.mango-marquee{

    position:relative;
    overflow:hidden;

    padding:28px 0;

    background:linear-gradient(90deg,#f7c600,#ffd84d,#ffcb05,#ffd84d,#f7c600);

    border-top:6px solid #0B3D1E;
    border-bottom:6px solid #0B3D1E;

    box-shadow:
    inset 0 10px 20px rgba(255,255,255,.35),
    inset 0 -10px 20px rgba(0,0,0,.08),
    0 15px 40px rgba(0,0,0,.15);

}

/* Shine */

.mango-marquee::before{

content:"";

position:absolute;

left:-40%;

top:0;

width:30%;

height:100%;

background:linear-gradient(90deg,
transparent,
rgba(255,255,255,.6),
transparent);

animation:shine 5s linear infinite;

}

@keyframes shine{

100%{

left:140%;

}

}

/*=========================*/

.marquee{

overflow:hidden;

}

.marquee-content{

display:flex;

align-items:center;

width:max-content;

animation:marquee 26s linear infinite;

}

.marquee:hover .marquee-content{

animation-play-state:paused;

}

@keyframes marquee{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

/*=========================*/

.mango-item{

display:flex;

align-items:center;

gap:22px;

margin:0 25px;

padding:18px 30px;

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

backdrop-filter:blur(20px);

border-radius:80px;

border:2px solid rgba(255,255,255,.45);

box-shadow:

0 15px 35px rgba(0,0,0,.15);

transition:.5s;

cursor:pointer;

}

.mango-item:hover{

background:#0B3D1E;

transform:translateY(-10px) scale(1.08);

box-shadow:

0 25px 50px rgba(11,61,30,.35);

}

/*=========================*/

.mango-item img{

width:95px;

height:95px;

border-radius:50%;

object-fit:cover;

padding:5px;

background:#fff;

border:5px solid #fff;

box-shadow:

0 15px 30px rgba(0,0,0,.20);

transition:.6s;

}

.mango-item:hover img{

transform:rotate(360deg) scale(1.1);

}

/*=========================*/

.mango-item span{

font-family:'Cormorant Garamond',serif;

font-size:32px;

font-weight:700;

letter-spacing:1px;

color:#0B3D1E;

white-space:nowrap;

transition:.4s;

}

.mango-item:hover span{

color:#FFD84D;

}

/*=========================
Mobile
=========================*/

@media(max-width:991px){

.mango-marquee{

padding:18px 0;

}

.marquee-content{

animation:marquee 18s linear infinite;

}

.mango-item{

padding:12px 18px;

margin:0 12px;

gap:14px;

border-radius:60px;

}

.mango-item img{

width:65px;

height:65px;

}

.mango-item span{

font-size:20px;

}

}

/*=========================
Premium Mango Image
=========================*/

.mango-img{

    width:110px;
    height:auto;

    min-width:110px;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    padding:6px;

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

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

    transition:.5s;

}

.mango-img img{

    width:100%;
    height:auto;

    object-fit:cover;
    object-position:center;

    border-radius:50%;

    display:block;

    transition:.6s;

}

.mango-item:hover .mango-img{

    transform:scale(1.08);

}

.mango-item:hover .mango-img img{

    transform:scale(1.15) rotate(8deg);

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

.mango-card{

background:#fff;

border-radius:25px;

overflow:hidden;

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

transition:.4s;

height:100%;

}

.mango-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 55px rgba(0,0,0,.18);

}

/*========================*/

.mango-image{

height:auto;

padding:20px;

background:#faf9f5;

}

.mango-image img{

width:100%;

height:auto;

object-fit:contain;

transition:.5s;

}

.mango-card:hover img{

transform:scale(1.08);

}

/*========================*/

.mango-content{

padding:22px;

}

.taste{

display:block;

font-size:15px;

color:#777;

margin-bottom:8px;

}

.mango-content h3{

font-size:28px;

font-weight:800;

font-family:'Cormorant Garamond',serif;

color:#0B3D1E;

margin-bottom:25px;

}

/*========================*/

.card-footer-box{

display:flex;

justify-content:space-between;

align-items:center;

}

.left-text{

font-size:15px;

font-weight:600;

color:#2f7d32;

}

/*========================*/

.order-btn{

background:#0B7A35;

color:#fff;

padding:12px 22px;

border-radius:10px;

text-decoration:none;

font-weight:700;

display:flex;

align-items:center;

gap:8px;

transition:.4s;

}

.order-btn:hover{

background:#D4AF37;

color:#111;

transform:translateY(-3px);

}

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

.section-title{
    position: relative;
    max-width: 750px;
    margin: auto;
}

.sub-title{
    display:inline-block;
    padding:10px 28px;
    background:linear-gradient(135deg,#0B3D1E,#1E6B39);
    color:#fff;
    border-radius:50px;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
    box-shadow:0 10px 25px rgba(11,61,30,.25);
}

.section-title h2{

    font-family:'Cormorant Garamond',serif;
    font-size:56px;
    font-weight:700;
    color:#0B3D1E;
    margin:18px 0;

    position:relative;

}

.section-title h2::after{

content:"";

width:90px;
height:4px;

background:#D4AF37;

display:block;

margin:18px auto 0;

border-radius:20px;

}

.section-title p{

max-width:650px;

margin:auto;

font-size:18px;

line-height:32px;

color:#666;

}


/*=========================================
SPECIAL CARD
=========================================*/

.special-card{

height:100%;

border-radius:28px;

overflow:hidden;

position:relative;

background:linear-gradient(135deg,#0B3D1E,#145A32);

display:flex;

align-items:center;

justify-content:center;

transition:.45s;

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

}

.special-card::before{

content:"";

position:absolute;

top:-80px;
right:-80px;

width:180px;
height:180px;

border-radius:50%;

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

}

.special-card::after{

content:"";

position:absolute;

bottom:-90px;
left:-90px;

width:220px;
height:220px;

border-radius:50%;

background:rgba(212,175,55,.12);

}

.special-card:hover{

transform:translateY(-12px);

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

}

.special-content{

position:relative;

z-index:2;

padding:40px 30px;

text-align:center;

}

.special-content i{

font-size:70px;

color:#FFD84D;

margin-bottom:20px;

display:block;

animation:floatIcon 3s ease-in-out infinite;

}

@keyframes floatIcon{

0%{
transform:translateY(0);
}

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

100%{
transform:translateY(0);
}

}

.special-content h3{

font-family:'Cormorant Garamond',serif;

font-size:34px;

font-weight:700;

color:#fff;

margin-bottom:18px;

}

.special-content p{

color:#f1f1f1;

font-size:16px;

line-height:30px;

margin-bottom:30px;

}

.special-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:16px 32px;

background:linear-gradient(135deg,#25D366,#128C7E);

color:#fff;

font-size:16px;

font-weight:700;

text-decoration:none;

border-radius:50px;

transition:.4s;

box-shadow:
0 15px 35px rgba(37,211,102,.35);

}

.special-btn i{

font-size:20px;

margin:0;

animation:none;

}

.special-btn:hover{

background:linear-gradient(135deg,#FFD84D,#D4AF37);

color:#111;

transform:translateY(-5px);

box-shadow:
0 20px 40px rgba(212,175,55,.35);

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:991px){

.section-title h2{

font-size:38px;

}

.section-title p{

font-size:16px;

line-height:28px;

}

.special-content{

padding:30px 20px;

}

.special-content h3{

font-size:28px;

}

.special-content i{

font-size:55px;

}

.special-btn{

width:100%;

}

}

.mango-image{

    width:100%;
    height:300px;

    overflow:hidden;

    border-radius:25px 25px 0 0;

    background:#f5f5f5;

}

.mango-image img{

    width:100%;
    height:auto;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:.6s ease;

}

.mango-card:hover .mango-image img{

    transform:scale(1.08);

}

.mango-image img{

    width:100%;
    height:auto;

    object-fit:cover;

    transform:scale(1.25);

}

.mango-card:hover .mango-image img{

    transform:scale(1.35);

}

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

.mango-image{

    position: relative;

    width:100%;

    height:auto;

    overflow:hidden;

    background:#fff;

    border-radius:25px 25px 0 0;

}

.mango-image img{

    width:100%;

    height:auto;

    display:block;

    object-fit:cover;

    object-position:center center;

    transition:0.6s ease;

}

.mango-card:hover .mango-image img{

    transform:scale(1.08);

}

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

.why-us{
    background:#f8faf6;
}

.feature-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    height:100%;
    transition:.4s;
    border:1px solid rgba(11,61,30,.08);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.feature-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.feature-icon{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    border-radius:50%;
    background:linear-gradient(135deg,#0B3D1E,#1E7C3A);
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-icon i{
    font-size:40px;
    color:#FFD84D;
}

.feature-card h4{
    font-family:'Cormorant Garamond',serif;
    font-size:28px;
    color:#0B3D1E;
    margin-bottom:15px;
}

.feature-card p{
    color:#666;
    line-height:28px;
    margin:0;
}

@media(max-width:576px){

.feature-card{
    padding:25px 20px;
}

.feature-icon{
    width:70px;
    height:70px;
}

.feature-icon i{
    font-size:30px;
}

.feature-card h4{
    font-size:22px;
}

.feature-card p{
    font-size:14px;
    line-height:24px;
}

}

/*====================================
Gallery
====================================*/

.gallery-section{

    background:#f8faf6;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:20px;

    display:block;

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

}

.gallery-item img{

    width:100%;

    height:280px;

    object-fit:cover;

    transition:.6s;

    display:block;

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:rgba(11,61,30,.75);

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    transition:.5s;

}

.gallery-overlay i{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#D4AF37;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    transform:scale(.5);

    transition:.5s;

}

.gallery-item:hover img{

    transform:scale(1.12);

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-item:hover .gallery-overlay i{

    transform:scale(1);

}

@media(max-width:991px){

.gallery-item img{

    height:230px;

}

}

@media(max-width:576px){

.gallery-item img{

    height:180px;

}

.gallery-overlay i{

    width:55px;

    height:55px;

    font-size:22px;

}

}


/*====================================
ENQUIRY
====================================*/

.enquiry-section{

background:linear-gradient(135deg,#0B3D1E,#1b5e20);

color:#fff;

}

.enquiry-title{

font-family:'Cormorant Garamond',serif;

font-size:52px;

font-weight:700;

margin:15px 0;

}

.enquiry-text{

line-height:32px;

opacity:.95;

margin-bottom:40px;

}

.contact-info{

display:flex;

flex-direction:column;

gap:20px;

}

.info-box{

display:flex;

align-items:flex-start;

gap:18px;

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

padding:18px;

border-radius:18px;

backdrop-filter:blur(8px);

}

.info-box i{

width:60px;

height:60px;

border-radius:50%;

background:#D4AF37;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#fff;

flex-shrink:0;

}

.info-box h6{

margin-bottom:6px;

font-weight:700;

}

.info-box p{

margin:0;

opacity:.9;

}

.enquiry-card{

background:#fff;

padding:40px;

border-radius:30px;

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

}

.enquiry-card .form-control,

.enquiry-card .form-select{

height:58px;

border-radius:14px;

border:1px solid #ddd;

padding-left:18px;

box-shadow:none;

}

.enquiry-card textarea{

height:auto !important;

padding-top:15px;

}

.send-btn{

width:100%;

height:60px;

border:none;

border-radius:15px;

background:#D4AF37;

color:#fff;

font-size:18px;

font-weight:600;

transition:.4s;

}

.send-btn:hover{

background:#F4C542;

transform:translateY(-3px);

}

.send-btn i{

margin-right:10px;

font-size:22px;

}

@media(max-width:991px){

.enquiry-title{

font-size:40px;

}

.enquiry-card{

padding:30px;

margin-top:20px;

}

}

@media(max-width:576px){

.enquiry-title{

font-size:32px;

}

.enquiry-text{

line-height:28px;

}

.enquiry-card{

padding:22px;

}

.send-btn{

font-size:16px;

}

}


/*=========================================
GOOGLE TESTIMONIAL SECTION
Premium CSS
=========================================*/

.testimonial-section{

    position:relative;

    padding:100px 0;

    background:linear-gradient(180deg,#f8fbf6,#ffffff);

    overflow:hidden;

}

.testimonial-section::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(11,61,30,.05);

    border-radius:50%;

    top:-120px;

    left:-120px;

}

.testimonial-section::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:rgba(212,175,55,.08);

    border-radius:50%;

    bottom:-120px;

    right:-100px;

}

.testimonial-section .container{

    position:relative;

    z-index:2;

}

/*----------------------------*/

.section-title h2{

    font-family:'Cormorant Garamond',serif;

    font-size:48px;

    font-weight:700;

    color:#0B3D1E;

}

.section-title p{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:30px;

}

.sub-title{

    display:inline-block;

    padding:8px 20px;

    background:#D4AF37;

    color:#fff;

    border-radius:50px;

    letter-spacing:2px;

    font-size:14px;

    margin-bottom:20px;

}

/*----------------------------*/

.testimonial-card{

    background:#fff;

    border-radius:22px;

    padding:30px;

    margin:15px;

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

    border:1px solid rgba(0,0,0,.05);

    transition:.4s;

    height:100%;

}

.testimonial-card:hover{

    transform:translateY(-10px);

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

}

/*----------------------------*/

.review-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.google-review{

    display:flex;

    align-items:center;

    gap:8px;

    font-weight:600;

    color:#444;

    font-size:15px;

}

.google-review i{

    color:#4285F4;

    font-size:22px;

}

.stars{

    color:#FFC107;

    font-size:18px;

    letter-spacing:3px;

}

/*----------------------------*/

.testimonial-card p{

    color:#555;

    font-size:15px;

    line-height:30px;

    min-height:260px;

}

/*----------------------------*/

.review-user{

    display:flex;

    align-items:center;

    margin-top:25px;

}

.avatar{

    width:60px;

    height:60px;

    border-radius:50%;

    background:linear-gradient(135deg,#0B3D1E,#2e7d32);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    margin-right:15px;

    flex-shrink:0;

}

.review-user h5{

    margin:0;

    color:#0B3D1E;

    font-size:18px;

    font-weight:700;

}

.review-user span{

    color:#888;

    font-size:14px;

}

/*----------------------------*/

.review-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 38px;

    background:#0B3D1E;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.4s;

    box-shadow:0 12px 30px rgba(11,61,30,.25);

}

.review-btn i{

    font-size:22px;

}

.review-btn:hover{

    background:#D4AF37;

    color:#fff;

    transform:translateY(-5px);

}

/*----------------------------*/

.owl-carousel .owl-stage{

    display:flex;

}

.owl-carousel .owl-item{

    display:flex;

}

.owl-carousel .owl-item .testimonial-card{

    width:100%;

}

/*----------------------------*/

.owl-theme .owl-dots{

    margin-top:35px;

}

.owl-theme .owl-dots .owl-dot span{

    width:14px;

    height:14px;

    background:#d8d8d8;

    transition:.3s;

}

.owl-theme .owl-dots .owl-dot.active span{

    background:#0B3D1E;

    width:36px;

    border-radius:30px;

}

/*----------------------------*/

@media(max-width:991px){

.section-title h2{

font-size:38px;

}

.testimonial-card{

padding:25px;

}

.testimonial-card p{

min-height:auto;

}

}

/*----------------------------*/

@media(max-width:576px){

.testimonial-section{

padding:70px 0;

}

.section-title h2{

font-size:30px;

}

.sub-title{

font-size:12px;

}

.testimonial-card{

padding:20px;

margin:8px;

}

.testimonial-card p{

font-size:14px;

line-height:28px;

}

.avatar{

width:50px;

height:50px;

font-size:20px;

}

.review-user h5{

font-size:16px;

}

.review-btn{

padding:14px 25px;

font-size:15px;

}

}

.owl-carousel .owl-item{
    display:flex;
}

.owl-stage{
    display:flex;
}

.review-text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s;
}

.review-text.show{
    -webkit-line-clamp: unset;
    overflow: visible;
}

.see-more{

    display:inline-block;

    margin-top:10px;

    color:#0B3D1E;

    font-weight:600;

    cursor:pointer;

    text-decoration:none;

}

.see-more:hover{

    color:#D4AF37;

}


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

.faq-section{

    background:linear-gradient(180deg,#f8faf6,#ffffff);

    position:relative;

    overflow:hidden;

    padding:100px 0;

}

.faq-section::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:rgba(11,61,30,.05);

    border-radius:50%;

    top:-150px;

    left:-120px;

}

.faq-section::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(212,175,55,.08);

    border-radius:50%;

    right:-120px;

    bottom:-120px;

}

.faq-section .container{

    position:relative;

    z-index:2;

}

/*------------------------------*/

.faq-wrapper{

    max-width:900px;

    margin:auto;

}

/*------------------------------*/

.faq-item{

    background:#fff;

    border-radius:20px;

    margin-bottom:22px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.06);

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

    transition:.35s;

}

.faq-item:hover{

    transform:translateY(-5px);

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

}

/*------------------------------*/

.faq-question{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 30px;

    cursor:pointer;

    transition:.3s;

}

.faq-question h5{

    margin:0;

    font-size:20px;

    font-weight:600;

    color:#0B3D1E;

    line-height:32px;

}

/*------------------------------*/

.faq-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#0B3D1E;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    transition:.4s;

    flex-shrink:0;

}

/*------------------------------*/

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

    background:#fcfcfc;

}

.faq-answer p{

    margin:0;

    padding:0 30px 28px;

    color:#666;

    font-size:16px;

    line-height:30px;

}

/*------------------------------*/

.faq-item.active{

    border-left:5px solid #D4AF37;

}

.faq-item.active .faq-answer{

    max-height:300px;

}

.faq-item.active .faq-icon{

    background:#D4AF37;

    transform:rotate(45deg);

}

/*------------------------------*/

@media(max-width:991px){

.faq-question{

padding:20px;

}

.faq-question h5{

font-size:18px;

line-height:30px;

}

}

/*------------------------------*/

@media(max-width:576px){

.faq-section{

padding:70px 0;

}

.faq-question{

padding:18px;

}

.faq-question h5{

font-size:16px;

line-height:28px;

padding-right:12px;

}

.faq-icon{

width:42px;

height:42px;

font-size:18px;

}

.faq-answer p{

padding:0 18px 20px;

font-size:14px;

line-height:26px;

}

}


.testimonial-card{

    background:#fff;
    border-radius:22px;
    padding:30px;
    margin:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

    display:flex;
    flex-direction:column;

    height:100%;
}

.testimonial-card p{

    color:#555;
    font-size:15px;
    line-height:30px;

    flex:1;

    margin-bottom:25px;

}

.review-user{

    display:flex;
    align-items:center;
    gap:15px;

    margin-top:auto;

    border-top:1px solid #ececec;
    padding-top:18px;

}


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

.footer-section{

    position:relative;

    background:#0B3D1E;

    color:#fff;

    padding:90px 0 0;

    overflow:hidden;

}

.footer-section::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#D4AF37,#F4C542,#D4AF37);

}

.footer-logo{

    height:85px;

    background:#fff;

    padding:10px;

    border-radius:15px;

    margin-bottom:25px;

}

.footer-about{

    color:#d8d8d8;

    line-height:30px;

    margin-bottom:25px;

    font-size:15px;

}

.footer-section h4{

    color:#F4C542;

    font-size:24px;

    margin-bottom:30px;

    position:relative;

    font-weight:700;

    font-family:'Cormorant Garamond',serif;

}

.footer-section h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:55px;

    height:3px;

    background:#D4AF37;

    border-radius:20px;

}

/*========================*/

.footer-links{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-links li{

    margin-bottom:16px;

}

.footer-links a{

    color:#f1f1f1;

    text-decoration:none;

    transition:.35s;

    display:inline-flex;

    align-items:center;

    gap:10px;

}

.footer-links a i{

    color:#F4C542;

    transition:.35s;

}

.footer-links a:hover{

    color:#F4C542;

    padding-left:8px;

}

/*========================*/

.footer-contact{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:22px;

}

.footer-contact i{

    width:45px;

    height:45px;

    background:#D4AF37;

    color:#0B3D1E;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:20px;

    flex-shrink:0;

}

.footer-contact span,

.footer-contact a{

    color:#f3f3f3;

    text-decoration:none;

    line-height:28px;

    transition:.35s;

}

.footer-contact a:hover{

    color:#F4C542;

}

/*========================*/

.footer-social{

    display:flex;

    gap:15px;

    margin-top:25px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    text-decoration:none;

    transition:.35s;

    font-size:20px;

}

.footer-social a:hover{

    background:#D4AF37;

    color:#0B3D1E;

    transform:translateY(-5px);

}

/*========================*/

.footer-bottom{

    margin-top:70px;

    background:#072814;

    padding:20px 0;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer-bottom strong{

    color:#F4C542;

}

.footer-bottom a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.footer-bottom a:hover{

    color:#fff;

}

/*========================*/

@media(max-width:991px){

.footer-section{

text-align:center;

}

.footer-section h4::after{

left:50%;

transform:translateX(-50%);

}

.footer-social{

justify-content:center;

}

.footer-contact li{

justify-content:center;

text-align:left;

}

.footer-bottom .col-lg-6{

text-align:center!important;

margin-bottom:10px;

}

}

@media(max-width:576px){

.footer-section{

padding-top:70px;

}

.footer-logo{

height:70px;

}

.footer-section h4{

font-size:22px;

}

.footer-about{

font-size:14px;

line-height:28px;

}

.footer-contact i{

width:40px;

height:40px;

font-size:18px;

}

.footer-bottom{

font-size:14px;

}

}



/*=====================================
PAGE HEADER
======================================*/

.page-banner{

    position:relative;

    height:450px;

    background:url("img/bg.png") center center/cover fixed;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(rgba(11,61,30,.75),rgba(11,61,30,.75));

}

.banner-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.banner-subtitle{

    display:inline-block;

    background:#D4AF37;

    color:#0B3D1E;

    padding:10px 28px;

    border-radius:40px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;

}

.banner-content h1{

    font-size:64px;

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

    margin-bottom:20px;

}

.banner-content p{

    max-width:750px;

    margin:auto;

    font-size:18px;

    line-height:32px;

    color:#f5f5f5;

}

.breadcrumb{

    margin-top:30px;

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

    display:inline-flex;

    padding:12px 25px;

    border-radius:50px;

    backdrop-filter:blur(8px);

}

.breadcrumb-item a{

    color:#F4C542;

    text-decoration:none;

}

.breadcrumb-item.active{

    color:#fff;

}

.breadcrumb-item+.breadcrumb-item::before{

    color:#fff;

}

/*============================*/

@media(max-width:991px){

.page-banner{

height:560px;

background-attachment:scroll;

}

.banner-content h1{

font-size:48px;

}

.banner-content p{

font-size:16px;

line-height:28px;

}

}

@media(max-width:576px){

.page-banner{

height:400px;

}

.banner-subtitle{

font-size:13px;

padding:8px 22px;

}

.banner-content h1{

font-size:38px;

}

.banner-content p{

font-size:15px;

line-height:26px;

padding:0 10px;

}

.breadcrumb{

padding:10px 18px;

font-size:14px;

}

}


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

.about-company{

    padding:100px 0;

    background:#fff;

    overflow:hidden;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:25px;

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

    transition:.4s;

}

.about-image:hover img{

    transform:scale(1.03);

}

/*===========================*/

.experience-box{

    position:absolute;

    bottom:30px;

    right:-25px;

    width:180px;

    background:linear-gradient(135deg,#0B3D1E,#14532d);

    color:#fff;

    text-align:center;

    padding:25px 20px;

    border-radius:20px;

    border:4px solid #F4C542;

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

}

.experience-box h2{

    margin:0;

    font-size:48px;

    font-weight:700;

    color:#F4C542;

    font-family:'Cormorant Garamond',serif;

}

.experience-box span{

    display:block;

    margin-top:8px;

    font-size:16px;

    line-height:24px;

}

/*===========================*/

.about-tag{

    display:inline-block;

    background:#F4C542;

    color:#0B3D1E;

    padding:10px 25px;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;

}

.about-title{

    font-size:50px;

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

    color:#0B3D1E;

    line-height:1.2;

    margin-bottom:25px;

}

.about-text{

    color:#666;

    font-size:16px;

    line-height:32px;

    margin-bottom:20px;

}

/*===========================*/

.about-feature{

    display:flex;

    align-items:center;

    gap:18px;

    padding:20px;

    margin-bottom:20px;

    border-radius:18px;

    background:#fff;

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

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s;

}

.about-feature:hover{

    transform:translateY(-8px);

    border-color:#F4C542;

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

}

.about-feature i{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#0B3D1E;

    color:#F4C542;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    flex-shrink:0;

}

.about-feature h5{

    margin-bottom:5px;

    color:#0B3D1E;

    font-weight:700;

}

.about-feature p{

    margin:0;

    color:#777;

    font-size:14px;

}

/*===========================*/

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:20px;

    padding:15px 35px;

    border-radius:50px;

    background:#0B3D1E;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

    box-shadow:0 12px 30px rgba(11,61,30,.25);

}

.about-btn:hover{

    background:#F4C542;

    color:#0B3D1E;

    transform:translateY(-5px);

}

.about-btn i{

    transition:.35s;

}

.about-btn:hover i{

    transform:translateX(6px);

}

/*===========================*/

@media(max-width:991px){

.about-company{

padding:80px 0;

}

.about-title{

font-size:40px;

}

.experience-box{

right:20px;

bottom:20px;

width:160px;

padding:20px;

}

.experience-box h2{

font-size:40px;

}

}

@media(max-width:767px){

.about-company{

padding:70px 0;

}

.about-title{

font-size:32px;

}

.about-text{

font-size:15px;

line-height:28px;

}

.experience-box{

position:relative;

right:0;

bottom:0;

margin:20px auto 0;

}

.about-feature{

padding:18px;

}

.about-feature i{

width:55px;

height:55px;

font-size:24px;

}

.about-btn{

width:100%;

justify-content:center;

}

}


/*=====================================
VISION & MISSION
======================================*/

.vision-mission{

    position:relative;

    padding:100px 0;

    background:linear-gradient(180deg,#f8faf6,#ffffff);

    overflow:hidden;

}

.vision-mission::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(11,61,30,.05);

    border-radius:50%;

    top:-150px;

    left:-120px;

}

.vision-mission::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(212,175,55,.08);

    border-radius:50%;

    right:-120px;

    bottom:-100px;

}

.vision-mission .container{

    position:relative;

    z-index:2;

}

/*===========================*/

.section-subtitle{

    display:inline-block;

    padding:10px 28px;

    background:#F4C542;

    color:#0B3D1E;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:18px;

}

.section-title{

    font-size:52px;

    color:#0B3D1E;

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

    margin-bottom:18px;

}

.section-description{

    max-width:750px;

    margin:auto;

    color:#666;

    font-size:16px;

    line-height:30px;

}

/*===========================*/

.vm-card{

    position:relative;

    height:100%;

    background:#fff;

    border-radius:25px;

    padding:40px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.06);

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

    transition:.4s;

}

.vm-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:5px;

    background:linear-gradient(90deg,#D4AF37,#F4C542);

    transition:.4s;

}

.vm-card:hover{

    transform:translateY(-12px);

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

}

.vm-card:hover::before{

    width:100%;

}

/*===========================*/

.vm-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:linear-gradient(135deg,#0B3D1E,#14532d);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    box-shadow:0 15px 35px rgba(11,61,30,.25);

    transition:.4s;

}

.vm-card:hover .vm-icon{

    transform:rotate(10deg) scale(1.08);

}

.vm-icon i{

    color:#F4C542;

    font-size:42px;

}

/*===========================*/

.vm-card h3{

    color:#0B3D1E;

    font-size:34px;

    font-family:'Cormorant Garamond',serif;

    font-weight:700;

    margin-bottom:18px;

}

.vm-card p{

    color:#666;

    line-height:30px;

    margin-bottom:25px;

    font-size:16px;

}

/*===========================*/

.vm-list{

    list-style:none;

    padding:0;

    margin:0;

}

.vm-list li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 0;

    color:#444;

    font-size:16px;

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

}

.vm-list li:last-child{

    border-bottom:none;

}

.vm-list i{

    color:#0B3D1E;

    font-size:20px;

}

/*===========================*/

@media(max-width:991px){

.vision-mission{

padding:80px 0;

}

.section-title{

font-size:42px;

}

.vm-card{

padding:35px;

}

.vm-icon{

width:80px;

height:80px;

}

.vm-icon i{

font-size:36px;

}

.vm-card h3{

font-size:30px;

}

}

@media(max-width:767px){

.vision-mission{

padding:70px 0;

}

.section-title{

font-size:34px;

}

.section-description{

font-size:15px;

line-height:28px;

padding:0 10px;

}

.vm-card{

padding:28px 22px;

}

.vm-icon{

width:70px;

height:70px;

margin-bottom:20px;

}

.vm-icon i{

font-size:30px;

}

.vm-card h3{

font-size:28px;

}

.vm-card p{

font-size:15px;

line-height:28px;

}

.vm-list li{

font-size:15px;

padding:10px 0;

}

}


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

.contact-info-section{

    background:#f8faf6;

    padding:100px 0;

}

.contact-card{

    background:#fff;

    border-radius:22px;

    padding:40px 25px;

    text-align:center;

    height:100%;

    transition:.4s;

    border:1px solid rgba(0,0,0,.06);

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

}

.contact-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

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

}

.contact-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:linear-gradient(135deg,#0B3D1E,#14532d);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#F4C542;

    font-size:34px;

    transition:.4s;

}

.contact-card:hover .contact-icon{

    transform:rotate(10deg) scale(1.1);

}

.contact-card h4{

    color:#0B3D1E;

    font-family:'Cormorant Garamond',serif;

    font-size:30px;

    margin-bottom:15px;

    font-weight:700;

}

.contact-card p{

    color:#666;

    line-height:30px;

    margin:0;

}

.contact-card a{

    color:#0B3D1E;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.contact-card a:hover{

    color:#D4AF37;

}

@media(max-width:767px){

.contact-info-section{

padding:70px 0;

}

.contact-card{

padding:30px 20px;

}

.contact-icon{

width:70px;

height:70px;

font-size:30px;

}

.contact-card h4{

font-size:26px;

}

}

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

.contact-form-section{

    background:#fff;

    padding:100px 0;

}

.contact-detail{

    margin-top:40px;

}

.detail-box{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin-bottom:30px;

}

.detail-box i{

    width:65px;

    height:65px;

    background:#0B3D1E;

    color:#F4C542;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    flex-shrink:0;

}

.detail-box h5{

    color:#0B3D1E;

    margin-bottom:8px;

    font-weight:700;

}

.detail-box p{

    margin:0;

    color:#666;

    line-height:28px;

}

.enquiry-box{

    background:#fff;

    padding:40px;

    border-radius:25px;

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

}

.form-control{

    height:58px;

    border-radius:12px;

    border:1px solid #ddd;

    box-shadow:none;

}

textarea.form-control{

    height:auto;

}

.form-control:focus{

    border-color:#D4AF37;

    box-shadow:none;

}

.submit-btn{

    background:#0B3D1E;

    color:#fff;

    border:none;

    padding:16px 40px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.submit-btn i{

    margin-right:10px;

}

.submit-btn:hover{

    background:#D4AF37;

    color:#0B3D1E;

}

@media(max-width:767px){

.contact-form-section{

padding:70px 0;

}

.enquiry-box{

padding:25px;

}

.submit-btn{

width:100%;

}

}

/*=====================================
GOOGLE MAP
======================================*/

.map-section{

    width:100%;

    overflow:hidden;

}

.map-section iframe{

    width:100%;

    height:500px;

    border:0;

    display:block;

}

@media(max-width:768px){

.map-section iframe{

height:350px;

}

}

/*=====================================
FLOATING WHATSAPP BUTTON
======================================*/

.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:9999;

    display:flex;

    align-items:center;

    text-decoration:none;

    border-radius:60px;

    overflow:hidden;

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

    animation:whatsappBounce 2s infinite;

}

.whatsapp-text{

    background:#0B3D1E;

    color:#fff;

    padding:0 20px;

    height:58px;

    display:flex;

    align-items:center;

    font-weight:600;

    white-space:nowrap;

    transition:.35s;

}

.whatsapp-icon{

    width:58px;

    height:58px;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    transition:.35s;

}

.whatsapp-float:hover{

    transform:translateY(-5px);

}

.whatsapp-float:hover .whatsapp-text{

    background:#14532d;

}

.whatsapp-float:hover .whatsapp-icon{

    background:#1ebe5d;

}

@keyframes whatsappBounce{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*=========================
Mobile
=========================*/

@media(max-width:768px){

.whatsapp-float{

right:15px;

bottom:15px;

}

.whatsapp-text{

display:none;

}

.whatsapp-icon{

width:56px;

height:56px;

border-radius:50%;

font-size:30px;

box-shadow:0 12px 35px rgba(0,0,0,.3);

}

}

/*=====================================
BACK TO TOP
======================================*/

.scroll-top{

    position:fixed;

    right:25px;

    bottom:100px;

    width:58px;

    height:58px;

    border-radius:50%;

    background:linear-gradient(135deg,#0B3D1E,#14532d);

    color:#F4C542;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:26px;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:.4s;

    z-index:9998;

}

.scroll-top.active{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.scroll-top:hover{

    background:linear-gradient(135deg,#D4AF37,#F4C542);

    color:#0B3D1E;

    transform:translateY(-8px);

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

}

.scroll-top i{

    transition:.35s;

}

.scroll-top:hover i{

    transform:translateY(-3px);

}

/* Pulse Animation */

.scroll-top::before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border-radius:50%;

    background:rgba(212,175,55,.35);

    animation:pulseTop 2s infinite;

    z-index:-1;

}

@keyframes pulseTop{

    0%{

        transform:scale(1);

        opacity:.8;

    }

    100%{

        transform:scale(1.8);

        opacity:0;

    }

}

/*=========================
Mobile
=========================*/

@media(max-width:768px){

.scroll-top{

right:15px;

bottom:85px;

width:50px;

height:50px;

font-size:22px;

}

}

/*=====================================
RESPONSIVE TEXT & MOBILE POLISH
======================================*/

html{

    overflow-x:hidden;

}

body{

    overflow-x:hidden;

}

img,
video,
iframe{

    max-width:100%;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
label,
button{

    overflow-wrap:anywhere;

}

@media(max-width:991px){

.container{

    max-width:100%;

    padding-left:18px;

    padding-right:18px;

}

.top-header .container{

    gap:10px;

}

.left-info a{

    font-size:13px;

}

.navbar-brand img{

    height:64px;

}

.navbar-collapse{

    padding-top:12px;

}

.nav-link{

    margin:6px 0;

    padding:8px 0;

    font-size:16px;

}

.order-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 22px;

    font-size:15px;

}

.hero-section{

    min-height:auto;

}

.row.align-items-center.min-vh-100{

    min-height:auto !important;

}

.hero-content h1{

    font-size:clamp(34px, 10vw, 56px);

    line-height:1.08;

    max-width:100%;

}

.hero-content p{

    max-width:100%;

    margin:22px auto;

}

.hero-btn{

    gap:12px;

}

.btn-order,
.btn-outline-custom,
.special-btn,
.review-btn,
.about-btn,
.send-btn,
.submit-btn{

    min-height:46px;

    padding:12px 22px;

    font-size:15px;

}

.section-title,
.section-title h2,
.banner-content h1{

    max-width:100%;

}

.section-title h2{

    font-size:clamp(32px, 8vw, 42px);

    line-height:1.15;

}

.section-title p{

    font-size:16px;

    line-height:1.75;

}

.mango-content h3,
.special-content h3,
.feature-card h4,
.vm-card h3,
.contact-card h4{

    font-size:clamp(24px, 6vw, 30px);

    line-height:1.2;

}

.mango-content p,
.special-content p,
.feature-card p,
.vm-card p,
.testimonial-card p,
.footer-about,
.footer-contact span,
.footer-contact a,
.contact-card p,
.contact-card a{

    font-size:15px;

    line-height:1.7;

}

.mango-card,
.special-card,
.feature-card,
.testimonial-card,
.vm-card,
.contact-card,
.enquiry-card,
.enquiry-box{

    height:auto;

}

}

@media(max-width:576px){

.container{

    padding-left:15px;

    padding-right:15px;

}

.top-header{

    padding:7px 8px;

}

.top-header .container{

    justify-content:center;

}

.left-info a{

    font-size:12px;

}

.social-icons a{

    width:30px;

    height:30px;

    font-size:14px;

}

.custom-navbar{

    padding:8px 0;

}

.navbar-brand img{

    height:56px;

}

.navbar-toggler i{

    font-size:30px;

}

.hero-section{

    padding:105px 0 48px;

}

.hero-tag{

    padding:8px 14px;

    font-size:12px;

    line-height:1.4;

    margin-bottom:18px;

}

.hero-content h1{

    font-size:clamp(31px, 9.6vw, 42px);

    line-height:1.1;

}

.hero-content p{

    font-size:14px;

    line-height:1.65;

}

.hero-list{

    width:100%;

    margin-bottom:26px;

}

.hero-list li{

    display:flex;

    align-items:flex-start;

    gap:8px;

    font-size:14px;

    line-height:1.45;

}

.hero-list i{

    margin-right:0;

    margin-top:3px;

    flex:0 0 auto;

}

.hero-btn{

    flex-direction:column;

    align-items:stretch;

}

.btn-order,
.btn-outline-custom,
.special-btn,
.review-btn,
.about-btn,
.send-btn,
.submit-btn{

    width:100%;

    justify-content:center;

    text-align:center;

}

.section-title h2,
.banner-content h1{

    font-size:clamp(28px, 8.5vw, 36px);

}

.section-title p,
.banner-content p{

    font-size:14px;

    line-height:1.65;

}

.mango-content,
.special-card,
.feature-card,
.testimonial-card,
.vm-card,
.contact-card,
.enquiry-card,
.enquiry-box{

    padding-left:18px;

    padding-right:18px;

}

.mango-content h3,
.special-content h3,
.feature-card h4,
.vm-card h3,
.contact-card h4{

    font-size:clamp(22px, 6.8vw, 28px);

}

.card-footer-box{

    flex-direction:column;

    align-items:stretch;

    gap:12px;

}

.price-box,
.card-footer-box .order-btn{

    width:100%;

    text-align:center;

}

.footer-section h4{

    font-size:21px;

}

.footer-bottom{

    padding-bottom:16px;

}

}

@media(max-width:380px){

.container{

    padding-left:12px;

    padding-right:12px;

}

.hero-content h1{

    font-size:30px;

}

.section-title h2,
.banner-content h1{

    font-size:27px;

}

.mango-content h3,
.special-content h3,
.feature-card h4,
.vm-card h3,
.contact-card h4{

    font-size:22px;

}

.mango-content p,
.special-content p,
.feature-card p,
.vm-card p,
.testimonial-card p,
.footer-about,
.footer-contact span,
.footer-contact a,
.contact-card p,
.contact-card a{

    font-size:14px;

}

}