*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
background:#fff;
}

.container{
width:92%;
max-width:1400px;
margin:auto;
}

a{
text-decoration:none;
}

ul{
list-style:none;
}

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

.header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:9999;
padding:18px 0;
background:rgb(10 32 19);
backdrop-filter:blur(8px);
transition:.4s;
border-bottom:1px solid rgba(201,165,92,.2);
}

.header.sticky{
position:fixed;
background:#012c19;
padding:12px 0;
box-shadow:0 10px 25px rgba(0,0,0,.25);
}

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

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

.logo img{
height:110px;
display:block;
transition:.4s;
}

.header.sticky .logo img{
height:80px;
}

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

.navbar ul{
display:flex;
align-items:center;
gap:40px;
}

.navbar ul li{
position:relative;
}

.navbar ul li a{
font-size:15px;
font-weight:600;
color:#fff;
text-transform:uppercase;
transition:.3s;
position:relative;
display:block;
padding:10px 0;
}

.navbar ul li a:hover{
color:#d4af37;
}

.navbar ul li a.active{
color:#d4af37;
}

.navbar ul li a.active::after,
.navbar ul li a:hover::after{

content:'';
position:absolute;
left:0;
bottom:-8px;
width:100%;
height:2px;
background:#d4af37;

}

/*==========================
CALL BUTTON
==========================*/

.header-btn a{

display:inline-flex;
align-items:center;
gap:10px;
padding:14px 24px;
border:2px solid #d4af37;
color:#fff;
font-weight:600;
border-radius:8px;
transition:.4s;

}

.header-btn a i{
color:#d4af37;
}

.header-btn a:hover{

background:#d4af37;
color:#012d1d;

}

.header-btn a:hover i{

color:#012d1d;

}

/*==========================
DROPDOWN
==========================*/

.dropdown-menu{

position:absolute;
top:120%;
left:0;
background:#01351f;
width:260px;
visibility:hidden;
opacity:0;
transition:.35s;
border-radius:10px;
padding:15px 0;
border-top:3px solid #d4af37;

}

.dropdown:hover .dropdown-menu{

visibility:visible;
opacity:1;
top:100%;

}

.dropdown-menu li{

width:100%;

}

.dropdown-menu li a{

padding:12px 25px;
display:block;
color:#fff;
font-size:14px;
text-transform:none;
border-bottom:1px solid rgba(255,255,255,.05);

}

.dropdown-menu li:last-child a{

border:none;

}

.dropdown-menu li a:hover{

padding-left:35px;
background:#064329;
color:#d4af37;

}

/*==========================
MENU ICON
==========================*/

.menu-btn{

display:none;
font-size:30px;
color:#fff;
cursor:pointer;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.logo img{

height:85px;

}

.menu-btn{

display:block;

}

.navbar{

position:fixed;
top:0;
left:-100%;
width:320px;
height:100vh;
background:#012b18;
padding-top:130px;
transition:.4s;

}

.navbar.active{

left:0;

}

.navbar ul{

display:block;

}

.navbar ul li{

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

}

.navbar ul li a{

padding:18px 30px;

}

.dropdown-menu{

position:relative;
visibility:visible;
opacity:1;
display:none;
top:0;
width:100%;
background:#083b24;
border:none;
padding:0;

}

.dropdown.active .dropdown-menu{

display:block;

}

.header-btn{

display:none;

}

}

@media(max-width:576px){

.logo img{

height:70px;

}

.header{

padding:12px 0;

}

}

/* Dropdown */

.dropdown{
    position: relative;
}

.dropdown > a{
    display:flex;
    align-items:center;
    gap:6px;
}

.dropdown-menu{
    position:absolute;
    top:120%;
    left:0;
    width:600px;
    background:#0b3d2c;
    border-top:3px solid #d4af37;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s ease;
    z-index:999;
}

.dropdown-menu li{
    width:100%;
}

.dropdown-menu li a{
    display:block;
    padding:14px 20px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.dropdown-menu li:last-child a{
    border-bottom:none;
}

.dropdown-menu li a:hover{
    background:#d4af37;
    color:#012b18;
}

/* Desktop */

@media(min-width:992px){

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    top:100%;
    transform:translateY(0);
}

}

/* Mobile */

@media(max-width:991px){

.navbar{
    overflow-y:auto;
}

.dropdown-menu{
    position:static;
    width:100%;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    background:#073522;
    border:none;
}

.dropdown.active .dropdown-menu{
    display:block;
}

.dropdown-menu li a{
    padding-left:40px;
}

}

/*====================================
ROYAL GREEN HERO SECTION
====================================*/

.rg-hero-section{
    position:relative;
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.rg-hero-bg{
    position:absolute;
    inset:0;
    background:url("../images/hero-banner.jpeg") center center/cover no-repeat;
    z-index:1;
}

.rg-hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg,
    rgba(0,28,15,.94) 0%,
    rgba(0,34,18,.90) 35%,
    rgba(0,40,20,.60) 58%,
    rgba(0,0,0,.20) 100%);
    z-index:2;
}

.rg-container{
    width:90%;
    max-width:1400px;
    margin:auto;
    position:relative;
    z-index:5;
}

.rg-hero-content{
    max-width:720px;
    padding-top:30px;
    color:#fff;
}

.rg-subtitle{
    display:inline-block;
    color:#d8b35a;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.rg-main-title{
    font-family:'Cinzel',serif;
    font-size:72px;
    line-height:1.1;
    color:#d7b15a;
    font-weight:700;
    margin-bottom:10px;
}

.rg-second-title{
    font-family:'Cinzel',serif;
    color:#fff;
    font-size:42px;
    margin-bottom:25px;
}

.rg-small-title{
    font-size:24px;
    color:#d8b35a;
    margin-bottom:8px;
}

.rg-script-heading{
    font-family:'Great Vibes',cursive;
    font-size:78px;
    color:#fff;
    font-weight:400;
    margin-bottom:25px;
}

.rg-event-list{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:40px;
}

.rg-event-list li{
    color:#fff;
    font-size:20px;
    position:relative;
    padding-left:18px;
}

.rg-event-list li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#d8b35a;
}

.rg-hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.rg-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:17px 30px;
    font-size:17px;
    font-weight:600;
    border-radius:8px;
    transition:.35s;
}

.rg-btn i{
    font-size:18px;
}

.rg-btn-gold{
    background:#d7b15a;
    color:#052814;
}

.rg-btn-gold:hover{
    background:#fff;
}

.rg-btn-outline{
    border:2px solid #d7b15a;
    color:#fff;
}

.rg-btn-outline:hover{
    background:#d7b15a;
    color:#052814;
}

.rg-btn-whatsapp{
    background:#178f43;
    color:#fff;
}

.rg-btn-whatsapp:hover{
    background:#21b85a;
}

/*=============================
FEATURE STRIP
=============================*/

.rg-feature-strip{
    background:#012915;
    border-top:1px solid rgba(215,177,90,.35);
    border-bottom:1px solid rgba(215,177,90,.35);
}

.rg-feature-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}

.rg-feature-item{
    display:flex;
    align-items:center;
    gap:18px;
    padding:28px 20px;
    border-right:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

.rg-feature-item:last-child{
    border:none;
}

.rg-feature-item i{
    font-size:42px;
    color:#d7b15a;
}

.rg-feature-item h4{
    color:#fff;
    font-size:18px;
    margin-bottom:3px;
}

.rg-feature-item p{
    color:#d8b35a;
    font-size:15px;
}

.rg-feature-item:hover{
    background:#05351d;
}

/*======================================
TABLET
======================================*/

@media (max-width:1200px){

.rg-main-title{
font-size:58px;
}

.rg-second-title{
font-size:34px;
}

.rg-script-heading{
font-size:65px;
}

.rg-feature-grid{
grid-template-columns:repeat(3,1fr);
}

}

/*======================================
991px
======================================*/

@media(max-width:991px){

.rg-hero-section{
min-height:auto;
padding:160px 0 70px;
}

.rg-hero-content{
max-width:100%;
padding-top:20px;
text-align:center;
}

.rg-main-title{
font-size:52px;
}

.rg-second-title{
font-size:30px;
}

.rg-small-title{
font-size:22px;
}

.rg-script-heading{
font-size:60px;
}

.rg-event-list{
justify-content:center;
}

.rg-hero-buttons{
justify-content:center;
}

.rg-btn{
padding:16px 26px;
font-size:16px;
}

.rg-feature-grid{
grid-template-columns:repeat(2,1fr);
}

.rg-feature-item{
justify-content:center;
text-align:center;
flex-direction:column;
padding:30px 20px;
gap:15px;
}

}

/*======================================
768px
======================================*/

@media(max-width:768px){

.rg-main-title{
font-size:42px;
}

.rg-second-title{
font-size:25px;
}

.rg-small-title{
font-size:20px;
}

.rg-script-heading{
font-size:52px;
}

.rg-event-list li{
font-size:17px;
}

.rg-btn{
width:100%;
justify-content:center;
}

.rg-feature-grid{
grid-template-columns:1fr;
}

.rg-feature-item{
border-right:none;
border-bottom:1px solid rgba(255,255,255,.08);
}

}

/*======================================
576px
======================================*/

@media(max-width:576px){

.rg-container{
width:92%;
}

.rg-main-title{
font-size:34px;
line-height:1.2;
}

.rg-second-title{
font-size:22px;
}

.rg-small-title{
font-size:18px;
}

.rg-script-heading{
font-size:42px;
line-height:1.2;
}

.rg-event-list{
gap:10px;
}

.rg-event-list li{
font-size:15px;
}

.rg-btn{
font-size:15px;
padding:15px;
}

.rg-feature-item i{
font-size:34px;
}

.rg-feature-item h4{
font-size:17px;
}

.rg-feature-item p{
font-size:14px;
}

}

/*======================================
400px
======================================*/

@media(max-width:400px){

.rg-main-title{
font-size:30px;
}

.rg-second-title{
font-size:19px;
}

.rg-script-heading{
font-size:35px;
}

.rg-small-title{
font-size:16px;
}

.rg-event-list li{
font-size:14px;
}


}   

@media(min-width:600px){
    .rg-hero-section{
   
    margin-top: 140px !important;
}
}

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

.rg-welcome-section{
    padding:100px 0;
    background:#faf7f1;
    position:relative;
}

.rg-welcome-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.rg-welcome-image{
    position:relative;
}

.rg-welcome-image img{
    width:100%;
    display:block;
    border-radius:18px;
    object-fit:cover;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
    transition:.4s;
}

.rg-welcome-image:hover img{
    transform:scale(1.03);
}

.rg-welcome-subtitle{
    display:inline-block;
    color:#b8892d;
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
    font-weight:600;
}

.rg-welcome-title{
    font-family:'Cinzel',serif;
    font-size:46px;
    color:#0b3d2c;
    margin-bottom:25px;
    line-height:1.2;
}

.rg-welcome-text{
    font-size:17px;
    color:#555;
    line-height:1.9;
    margin-bottom:35px;
}

.rg-welcome-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:35px;
}

.rg-feature-box{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    padding:18px;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.rg-feature-box:hover{
    background:#0b3d2c;
    transform:translateY(-8px);
}

.rg-feature-box:hover h4,
.rg-feature-box:hover p{
    color:#fff;
}

.rg-feature-box:hover .rg-feature-icon{
    background:#d4af37;
    color:#0b3d2c;
}

.rg-feature-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#f4e5b2;
    color:#b8892d;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    transition:.35s;
}

.rg-feature-info h4{
    font-size:18px;
    color:#0b3d2c;
    margin-bottom:6px;
}

.rg-feature-info p{
    color:#777;
    font-size:14px;
}

.rg-welcome-btn a{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    background:#0b3d2c;
    color:#fff;
    border-radius:8px;
    font-weight:600;
    transition:.35s;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.rg-welcome-btn a:hover{
    background:#d4af37;
    color:#0b3d2c;
}

.rg-welcome-btn i{
    transition:.35s;
}

.rg-welcome-btn a:hover i{
    transform:translateX(5px);
}

/*===========================
Responsive
===========================*/

@media(max-width:991px){

.rg-welcome-wrapper{
grid-template-columns:1fr;
gap:40px;
}

.rg-welcome-content{
text-align:center;
}

.rg-welcome-features{
grid-template-columns:1fr 1fr;
}

.rg-welcome-btn{
display:flex;
justify-content:center;
}

}

@media(max-width:768px){

.rg-welcome-title{
font-size:34px;
}

.rg-welcome-features{
grid-template-columns:1fr;
}

}

@media(max-width:576px){

.rg-welcome-section{
padding:70px 0;
}

.rg-welcome-title{
font-size:28px;
}

.rg-welcome-subtitle{
font-size:16px;
}

.rg-welcome-text{
font-size:15px;
}

.rg-feature-box{
padding:15px;
}

.rg-feature-icon{
width:55px;
height:55px;
font-size:22px;
}

.rg-feature-info h4{
font-size:16px;
}

.rg-feature-info p{
font-size:13px;
}

.rg-welcome-btn a{
width:100%;
justify-content:center;
}

}

/*=========================================
OUR SERVICES SECTION
=========================================*/

.rg-services-section{
    background:#012b18;
    padding:90px 0;
    position:relative;
}

.rg-section-title{
    text-align:center;
    margin-bottom:55px;
}

.rg-section-title span{
    display:inline-block;
    color:#d4af37;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.rg-section-title h2{
    font-family:'Cinzel',serif;
    color:#f7d77c;
    font-size:42px;
    position:relative;
    display:inline-block;
    padding:0 30px;
}

.rg-section-title h2::before,
.rg-section-title h2::after{
    content:"";
    position:absolute;
    top:50%;
    width:50px;
    height:2px;
    background:#d4af37;
}

.rg-section-title h2::before{
    left:-40px;
}

.rg-section-title h2::after{
    right:-40px;
}

/*======================
GRID
======================*/

.rg-services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

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

.rg-service-card{

    background:#05351f;

    border:1px solid rgba(212,175,55,.25);

    border-radius:14px;

    padding:35px 20px;

    text-align:center;

    transition:.4s;

    cursor:pointer;

    position:relative;

    overflow:hidden;

}

.rg-service-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:0;

background:#d4af37;

transition:.45s;

z-index:0;

opacity:.08;

}

.rg-service-card:hover::before{

height:100%;

}

.rg-service-card:hover{

transform:translateY(-10px);

border-color:#d4af37;

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

}

.rg-service-icon{

width:85px;

height:85px;

margin:auto;

border-radius:50%;

border:2px solid #d4af37;

display:flex;

justify-content:center;

align-items:center;

font-size:36px;

color:#d4af37;

margin-bottom:22px;

transition:.4s;

position:relative;

z-index:2;

}

.rg-service-card:hover .rg-service-icon{

background:#d4af37;

color:#05351f;

transform:rotateY(180deg);

}

.rg-service-card h3{

color:#fff;

font-size:18px;

font-weight:600;

line-height:1.5;

position:relative;

z-index:2;

}

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

.rg-services-btn{

text-align:center;

margin-top:45px;

}

.rg-services-btn a{

display:inline-block;

padding:16px 45px;

background:#d4af37;

color:#05351f;

font-weight:700;

border-radius:8px;

transition:.35s;

text-transform:uppercase;

letter-spacing:.5px;

}

.rg-services-btn a:hover{

background:#fff;

transform:translateY(-4px);

}

/*======================
RESPONSIVE
======================*/

@media(max-width:1200px){

.rg-services-grid{

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

}

}

@media(max-width:991px){

.rg-services-grid{

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

}

}

@media(max-width:768px){

.rg-section-title h2{

font-size:34px;

}

.rg-services-grid{

grid-template-columns:1fr;

}

.rg-service-card{

padding:30px 20px;

}

}

@media(max-width:576px){

.rg-services-section{

padding:70px 0;

}

.rg-section-title h2{

font-size:28px;

}

.rg-section-title span{

font-size:15px;

}

.rg-service-icon{

width:70px;

height:70px;

font-size:28px;

}

.rg-service-card h3{

font-size:16px;

}

}


/*=========================================
EVENTS WE ORGANIZE
=========================================*/

.rg-events-section{
    padding:100px 0;
    background:#f8f8f8;
}

.rg-events-heading{
    text-align:center;
    margin-bottom:60px;
}

.rg-events-heading span{
    display:inline-block;
    color:#c89b3c;
    font-size:18px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.rg-events-heading h2{
    font-family:'Cinzel',serif;
    font-size:44px;
    color:#0b3d2c;
    margin-bottom:18px;
    position:relative;
}

.rg-events-heading h2::after{
    content:"";
    width:90px;
    height:3px;
    background:#c89b3c;
    display:block;
    margin:18px auto 0;
}

.rg-events-heading p{
    max-width:650px;
    margin:auto;
    color:#666;
    line-height:1.8;
    font-size:17px;
}

/*=========================
GRID
=========================*/

.rg-events-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.rg-event-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
}

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

.rg-event-image{
    overflow:hidden;
    height:270px;
}

.rg-event-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.rg-event-card:hover img{
    transform:scale(1.12);
}

.rg-event-content{
    padding:25px;
    text-align:center;
}

.rg-event-content h3{
    font-family:'Cinzel',serif;
    color:#0b3d2c;
    font-size:24px;
    margin-bottom:10px;
}

.rg-event-content p{
    color:#777;
    font-size:15px;
    line-height:1.7;
}

.rg-events-btn{
    text-align:center;
    margin-top:50px;
}

.rg-events-btn a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 38px;
    background:#0b3d2c;
    color:#fff;
    border-radius:8px;
    font-weight:600;
    transition:.35s;
}

.rg-events-btn a:hover{
    background:#c89b3c;
    color:#0b3d2c;
}

.rg-events-btn a i{
    transition:.3s;
}

.rg-events-btn a:hover i{
    transform:translateX(6px);
}

/*=========================
HOVER OVERLAY
=========================*/

.rg-event-card{
    position:relative;
}

.rg-event-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(11,61,44,.15),
    transparent);
    opacity:0;
    transition:.4s;
    z-index:2;
}

.rg-event-card:hover::before{
    opacity:1;
}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1200px){

.rg-events-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-events-section{
padding:80px 0;
}

.rg-events-grid{
grid-template-columns:1fr;
}

.rg-events-heading h2{
font-size:34px;
}

.rg-event-image{
height:240px;
}

}

@media(max-width:576px){

.rg-events-heading span{
font-size:15px;
}

.rg-events-heading h2{
font-size:28px;
}

.rg-events-heading p{
font-size:15px;
}

.rg-event-content{
padding:20px;
}

.rg-event-content h3{
font-size:20px;
}

.rg-events-btn a{
width:100%;
justify-content:center;
}

}

/*=========================================
GLIMPSES OF OUR WORK
=========================================*/

.rg-gallery-section{
    background:#012b18;
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

.rg-gallery-heading{
    text-align:center;
    margin-bottom:50px;
}

.rg-gallery-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:18px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.rg-gallery-heading h2{
    font-family:'Cinzel',serif;
    color:#f6d37c;
    font-size:42px;
    margin-bottom:18px;
    position:relative;
    display:inline-block;
}

.rg-gallery-heading h2::before,
.rg-gallery-heading h2::after{

content:"";

position:absolute;

top:50%;

width:55px;

height:2px;

background:#d4af37;

}

.rg-gallery-heading h2::before{

left:-75px;

}

.rg-gallery-heading h2::after{

right:-75px;

}

.rg-gallery-heading p{

max-width:700px;

margin:auto;

color:#d8d8d8;

line-height:1.8;

font-size:16px;

}

/*=========================
GRID
=========================*/

.rg-gallery-grid{

display:grid;

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

gap:25px;

}

/*=========================
ITEM
=========================*/

.rg-gallery-item{

position:relative;

overflow:hidden;

border-radius:14px;

border:2px solid rgba(212,175,55,.25);

cursor:pointer;

transition:.4s;

background:#05351f;

}

.rg-gallery-item:hover{

transform:translateY(-8px);

border-color:#d4af37;

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

}

.rg-gallery-item img{

width:100%;

height:260px;

object-fit:cover;

display:block;

transition:.6s;

}

.rg-gallery-item:hover img{

transform:scale(1.12);

}

/*=========================
OVERLAY
=========================*/

.rg-gallery-item::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(to top,
rgba(1,43,24,.75),
rgba(1,43,24,.10));

opacity:0;

transition:.4s;

z-index:1;

}

.rg-gallery-item:hover::before{

opacity:1;

}

/*=========================
PLUS ICON
=========================*/

.rg-gallery-item::after{

content:"+";

position:absolute;

width:60px;

height:60px;

background:#d4af37;

color:#012b18;

font-size:34px;

font-weight:bold;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

left:50%;

top:50%;

transform:translate(-50%,-50%) scale(0);

transition:.35s;

z-index:2;

}

.rg-gallery-item:hover::after{

transform:translate(-50%,-50%) scale(1);

}

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

.rg-gallery-btn{

text-align:center;

margin-top:45px;

}

.rg-gallery-btn a{

display:inline-flex;

align-items:center;

gap:10px;

padding:16px 38px;

background:#d4af37;

color:#012b18;

border-radius:8px;

font-weight:700;

transition:.35s;

text-transform:uppercase;

letter-spacing:.5px;

}

.rg-gallery-btn a:hover{

background:#fff;

transform:translateY(-5px);

}

.rg-gallery-btn i{

transition:.3s;

}

.rg-gallery-btn a:hover i{

transform:translateX(5px);

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1200px){

.rg-gallery-grid{

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

}

}

@media(max-width:768px){

.rg-gallery-section{

padding:70px 0;

}

.rg-gallery-heading h2{

font-size:34px;

}

.rg-gallery-grid{

grid-template-columns:1fr;

}

.rg-gallery-item img{

height:240px;

}

}

@media(max-width:576px){

.rg-gallery-heading span{

font-size:15px;

}

.rg-gallery-heading h2{

font-size:28px;

}

.rg-gallery-heading p{

font-size:15px;

}

.rg-gallery-btn a{

width:100%;

justify-content:center;

}

}


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

.rg-gallery-hidden{

opacity:0;
transform:translateY(60px);
transition:.8s ease;

}

.rg-gallery-show{

opacity:1;
transform:translateY(0);

}


/*==============================
Lightbox
==============================*/

.rg-lightbox{

position:fixed;

left:0;
top:0;

width:100%;
height:100%;

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

display:flex;

justify-content:center;

align-items:center;

opacity:0;

visibility:hidden;

transition:.35s;

z-index:99999;

}

.rg-lightbox.active{

opacity:1;
visibility:visible;

}

.rg-lightbox img{

max-width:90%;
max-height:90%;

border:5px solid #d4af37;

border-radius:12px;

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

animation:zoomImage .35s;

}

@keyframes zoomImage{

from{

transform:scale(.8);

}

to{

transform:scale(1);

}

}

.rg-lightbox span{

position:absolute;

top:25px;

right:35px;

font-size:45px;

cursor:pointer;

color:#fff;

transition:.3s;

}

.rg-lightbox span:hover{

color:#d4af37;

}

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

.rg-cta-section{
    position:relative;
    padding:90px 0 40px;
    background:#022b18;
    overflow:hidden;
}

.rg-cta-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("images/cta-bg.jpg") center center/cover no-repeat;
    opacity:.08;
}

.rg-cta-section .rg-container{
    position:relative;
    z-index:2;
}

/*========================
TOP AREA
========================*/

.rg-cta-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
    padding-bottom:40px;
    border-bottom:1px solid rgba(212,175,55,.20);
}

.rg-cta-left{
    flex:1;
}

.rg-cta-subtitle{

    display:block;

    color:#f4d37b;

    font-size:20px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:10px;

}

.rg-cta-left h2{

    font-family:'Great Vibes',cursive;

    font-size:55px;

    color:#d4af37;

    margin-bottom:15px;

    line-height:1;

}

.rg-cta-left p{

    color:#ddd;

    line-height:1.8;

    max-width:650px;

    font-size:16px;

}

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

.rg-cta-right{

display:flex;

gap:18px;

flex-wrap:wrap;

justify-content:flex-end;

}

.rg-cta-btn{

display:flex;

align-items:center;

gap:10px;

padding:16px 28px;

border-radius:8px;

font-weight:700;

transition:.35s;

text-transform:uppercase;

letter-spacing:.5px;

}

.rg-book-btn{

background:#d4af37;

color:#022b18;

}

.rg-call-btn{

border:2px solid #d4af37;

color:#fff;

}

.rg-whatsapp-btn{

background:#138a36;

color:#fff;

}

.rg-book-btn:hover{

transform:translateY(-5px);

background:#fff;

}

.rg-call-btn:hover{

background:#d4af37;

color:#022b18;

}

.rg-whatsapp-btn:hover{

background:#0ca94a;

transform:translateY(-5px);

}

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

.rg-cta-contact{

margin-top:40px;

display:grid;

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

gap:25px;

}

.rg-contact-box{

display:flex;

align-items:center;

gap:18px;

padding:22px;

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

border:1px solid rgba(212,175,55,.18);

border-radius:12px;

transition:.35s;

}

.rg-contact-box:hover{

background:#05351f;

border-color:#d4af37;

transform:translateY(-6px);

}

.rg-contact-icon{

width:65px;

height:65px;

border-radius:50%;

background:#d4af37;

display:flex;

justify-content:center;

align-items:center;

font-size:24px;

color:#022b18;

flex-shrink:0;

}

.rg-contact-box h4{

color:#fff;

font-size:19px;

margin-bottom:8px;

}

.rg-contact-box p{

color:#d7d7d7;

font-size:15px;

line-height:1.8;

}

/*========================
RESPONSIVE
========================*/

@media(max-width:1100px){

.rg-cta-wrapper{

flex-direction:column;

text-align:center;

}

.rg-cta-right{

justify-content:center;

}

}

@media(max-width:991px){

.rg-cta-contact{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.rg-cta-section{

padding:70px 0 30px;

}

.rg-cta-left h2{

font-size:42px;

}

.rg-cta-subtitle{

font-size:18px;

}

.rg-cta-btn{

width:100%;

justify-content:center;

}

}

@media(max-width:576px){

.rg-cta-left h2{

font-size:34px;

}

.rg-cta-left p{

font-size:15px;

}

.rg-contact-box{

flex-direction:column;

text-align:center;

}

.rg-contact-icon{

margin-bottom:10px;

}

}

/*==================================
CTA Animation
==================================*/

.rg-cta-hidden{

opacity:0;
transform:translateY(60px);

}

.rg-cta-show{

opacity:1;
transform:translateY(0);
transition:.8s ease;

}

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

.rg-footer{
    position:relative;
    background:#022112;
    color:#fff;
    padding:80px 0 0;
    overflow:hidden;
}

/* Background Image */

.rg-footer::before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

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

opacity:.08;

pointer-events:none;

}

/* Gold Top Border */

.rg-footer::after{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:3px;

background:linear-gradient(to right,
transparent,
#d4af37,
transparent);

}

.rg-footer .rg-container{

position:relative;

z-index:2;

}

/*====================
TOP GRID
====================*/

.rg-footer-top{

display:grid;

grid-template-columns:1.3fr 1fr 1fr 1.2fr;

gap:45px;

padding-bottom:55px;

}

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

.rg-footer-logo{

width:180px;

margin-bottom:25px;

}

.rg-about p{

color:#d7d7d7;

line-height:1.9;

font-size:15px;

margin-bottom:25px;

}

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

.rg-footer-col h3{

font-family:'Cinzel',serif;

font-size:26px;

color:#d4af37;

margin-bottom:30px;

position:relative;

}

.rg-footer-col h3::after{

content:"";

width:60px;

height:2px;

background:#d4af37;

display:block;

margin-top:12px;

}

/*====================
LIST
====================*/

.rg-footer-col ul{

padding:0;

margin:0;

list-style:none;

}

.rg-footer-col ul li{

margin-bottom:15px;

}

.rg-footer-col ul li a{

color:#e5e5e5;

transition:.35s;

font-size:15px;

}

.rg-footer-col ul li a:hover{

color:#d4af37;

padding-left:8px;

}

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

.rg-contact-list li{

display:flex;

gap:15px;

align-items:flex-start;

margin-bottom:22px;

}

.rg-contact-list i{

width:42px;

height:42px;

border-radius:50%;

background:#d4af37;

color:#022112;

display:flex;

justify-content:center;

align-items:center;

font-size:17px;

flex-shrink:0;

}

.rg-contact-list span{

line-height:1.8;

color:#ddd;

}

.rg-contact-list a{

color:#ddd;

}

/*====================
SOCIAL
====================*/

.rg-footer-social{

display:flex;

gap:14px;

margin-top:30px;

}

.rg-footer-social a{

width:48px;

height:48px;

border-radius:50%;

border:2px solid #d4af37;

display:flex;

justify-content:center;

align-items:center;

color:#d4af37;

transition:.35s;

font-size:18px;

}

.rg-footer-social a:hover{

background:#d4af37;

color:#022112;

transform:translateY(-5px);

}

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

.rg-footer-bottom{

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

padding:25px 0;

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

}

.rg-footer-copy{

color:#ddd;

font-size:15px;

}

.rg-footer-policy{

display:flex;

align-items:center;

gap:15px;

flex-wrap:wrap;

}

.rg-footer-policy a{

color:#ddd;

transition:.3s;

}

.rg-footer-policy a:hover{

color:#d4af37;

}

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

#rgTopBtn{

position:fixed;

right:25px;

bottom:25px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:#d4af37;

color:#022112;

font-size:20px;

cursor:pointer;

display:none;

z-index:999;

transition:.35s;

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

}

#rgTopBtn:hover{

transform:translateY(-5px);

background:#fff;

}

/*====================
RESPONSIVE
====================*/

@media(max-width:1200px){

.rg-footer-top{

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

}

}

@media(max-width:768px){

.rg-footer{

padding-top:60px;

}

.rg-footer-top{

grid-template-columns:1fr;

gap:40px;

}

.rg-footer-bottom{

flex-direction:column;

text-align:center;

}

.rg-footer-policy{

justify-content:center;

}

.rg-footer-logo{

width:150px;

}

.rg-footer-col h3{

font-size:22px;

}

}

@media(max-width:576px){

.rg-footer-social{

justify-content:center;

}

.rg-about{

text-align:center;

}

.rg-footer-col{

text-align:center;

}

.rg-footer-col h3::after{

margin:12px auto 0;

}

.rg-contact-list li{

flex-direction:column;

align-items:center;

text-align:center;

}

}

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

.rg-footer-hidden{

opacity:0;

transform:translateY(60px);

}

.rg-footer-show{

opacity:1;

transform:translateY(0);

transition:.8s ease;

}


/* Back To Top Alignment */

#rgTopBtn{

display:flex;

justify-content:center;

align-items:center;

}

/*=========================================
FLOATING CONTACT BUTTONS
=========================================*/

.rg-floating-contact{
    position:fixed;
    right:25px;
    bottom:95px;
    display:flex;
    flex-direction:column;
    gap:15px;
    z-index:9999;
}

.rg-floating-contact a,
.rg-floating-contact button{

    width:62px;
    height:62px;

    border:none;
    outline:none;

    border-radius:50%;

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

    font-size:24px;

    cursor:pointer;

    text-decoration:none;

    transition:.35s;

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

}

/*=========================
CALL
=========================*/

.rg-float-call{

background:#d4af37;
color:#022112;

}

.rg-float-call:hover{

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

background:#fff;

}

/*=========================
WHATSAPP
=========================*/

.rg-float-whatsapp{

background:#25D366;
color:#fff;

}

.rg-float-whatsapp:hover{

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

background:#128C7E;

}

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

.rg-float-form{

background:#022112;
color:#d4af37;
border:2px solid #d4af37;

}

.rg-float-form:hover{

background:#d4af37;
color:#022112;

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

}

/*=========================================
POPUP
=========================================*/

.rg-popup-overlay{

position:fixed;

left:0;
top:0;

width:100%;
height:100%;

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

opacity:0;
visibility:hidden;

transition:.35s;

z-index:9998;

}

.rg-popup-overlay.active{

opacity:1;
visibility:visible;

}

/*=========================================
POPUP BOX
=========================================*/

.rg-contact-popup{

position:fixed;

top:50%;
left:50%;

transform:translate(-50%,-50%) scale(.85);

width:95%;
max-width:520px;

background:#fff;

border-radius:18px;

padding:35px;

opacity:0;
visibility:hidden;

transition:.35s;

z-index:9999;

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

}

.rg-contact-popup.active{

opacity:1;

visibility:visible;

transform:translate(-50%,-50%) scale(1);

}

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

.rg-popup-header{

text-align:center;

margin-bottom:25px;

}

.rg-popup-header h2{

font-family:'Cinzel',serif;

color:#022112;

font-size:34px;

margin-bottom:10px;

}

.rg-popup-header p{

color:#666;

font-size:15px;

}

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

.rg-popup-form{

display:flex;

flex-direction:column;

gap:18px;

}

.rg-input-group input,
.rg-input-group select,
.rg-input-group textarea{

width:100%;

padding:15px 18px;

border:1px solid #ddd;

border-radius:8px;

font-size:15px;

outline:none;

transition:.3s;

font-family:Poppins,sans-serif;

}

.rg-input-group input:focus,
.rg-input-group select:focus,
.rg-input-group textarea:focus{

border-color:#d4af37;

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

}

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

.rg-popup-btn{

padding:16px;

border:none;

border-radius:8px;

background:#022112;

color:#fff;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.35s;

display:flex;

justify-content:center;

align-items:center;

gap:10px;

}

.rg-popup-btn:hover{

background:#d4af37;

color:#022112;

}

/*=========================
CLOSE
=========================*/

.rg-close-popup{

position:absolute;

top:15px;

right:15px;

width:42px;

height:42px;

border:none;

border-radius:50%;

background:#d4af37;

color:#022112;

font-size:18px;

cursor:pointer;

transition:.3s;

}

.rg-close-popup:hover{

transform:rotate(180deg);

background:#022112;

color:#fff;

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:768px){

.rg-contact-popup{

padding:25px;

}

.rg-popup-header h2{

font-size:28px;

}

.rg-floating-contact{

right:18px;

bottom:85px;

}

.rg-floating-contact a,
.rg-floating-contact button{

width:56px;
height:56px;

font-size:21px;

}

}

@media(max-width:480px){

.rg-contact-popup{

width:92%;

padding:22px;

}

.rg-popup-header h2{

font-size:24px;

}

.rg-popup-btn{

font-size:15px;

}

}

/*=========================================
BREADCRUMB
=========================================*/

.rg-breadcrumb{

position:relative;

height:420px;

display:flex;

align-items:center;

justify-content:center;

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

overflow:hidden;
margin-top: 140px;

}

.rg-breadcrumb-overlay{

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

background: linear-gradient(rgb(2 33 18 / 71%), rgb(2 33 18 / 39%));

}

.rg-breadcrumb-content{

position:relative;

z-index:2;

text-align:center;

color:#fff;

}

.rg-breadcrumb-subtitle{

display:inline-block;

font-size:18px;

color:#d4af37;

text-transform:uppercase;

letter-spacing:2px;

margin-bottom:15px;

font-weight:600;

}

.rg-breadcrumb h1{

font-family:'Cinzel',serif;

font-size:62px;

margin-bottom:18px;

color:#fff;

}

.rg-breadcrumb-list{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

list-style:none;

padding:0;

margin:0;

}

.rg-breadcrumb-list li{

font-size:17px;

color:#fff;

}

.rg-breadcrumb-list a{

color:#d4af37;

transition:.3s;

}

.rg-breadcrumb-list a:hover{

color:#fff;

}

.rg-breadcrumb-list i{

color:#d4af37;

font-size:14px;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-breadcrumb{

height:340px;

}

.rg-breadcrumb h1{

font-size:48px;

}

}

@media(max-width:576px){

.rg-breadcrumb{

height:280px;

}

.rg-breadcrumb-subtitle{

font-size:15px;

}

.rg-breadcrumb h1{

font-size:34px;

}

.rg-breadcrumb-list li{

font-size:14px;

}

}

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

.rg-about-section{
    padding:100px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.rg-about-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
}

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

.rg-about-image{
    position:relative;
}

.rg-about-image img{
    width:100%;
    border-radius:18px;
    display:block;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
    transition:.5s;
}

.rg-about-image:hover img{
    transform:scale(1.03);
}

/* Experience Box */

.rg-exp-box{

    position:absolute;

    right:-20px;

    bottom:35px;

    width:180px;

    background:#022112;

    color:#fff;

    text-align:center;

    padding:25px;

    border-radius:12px;

    border:3px solid #d4af37;

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

}

.rg-exp-box h2{

    font-family:'Cinzel',serif;

    font-size:48px;

    color:#d4af37;

    margin-bottom:8px;

}

.rg-exp-box span{

    font-size:15px;

    line-height:1.5;

}

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

.rg-about-subtitle{

    display:inline-block;

    color:#d4af37;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:16px;

    font-weight:600;

    margin-bottom:12px;

}

.rg-about-content h2{

    font-family:'Cinzel',serif;

    font-size:44px;

    color:#022112;

    margin-bottom:22px;

    line-height:1.3;

}

.rg-about-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:18px;

    font-size:16px;

}

/*========================
FEATURES
========================*/

.rg-about-features{

    display:grid;

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

    gap:18px;

    margin:35px 0;

}

.rg-feature{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:600;

    color:#222;

}

.rg-feature i{

    color:#d4af37;

    font-size:18px;

}

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

.rg-about-buttons{

    display:flex;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.rg-about-btn{

    padding:16px 34px;

    background:#022112;

    color:#fff;

    border-radius:8px;

    transition:.35s;

    font-weight:600;

}

.rg-about-btn:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

.rg-call-btn-about{

    display:flex;

    align-items:center;

    gap:10px;

    padding:16px 30px;

    border:2px solid #d4af37;

    color:#022112;

    border-radius:8px;

    font-weight:600;

    transition:.35s;

}

.rg-call-btn-about:hover{

    background:#022112;

    color:#fff;

}

/*========================
RESPONSIVE
========================*/

@media(max-width:1100px){

.rg-about-wrapper{

grid-template-columns:1fr;

gap:50px;

}

.rg-about-image{

max-width:700px;

margin:auto;

}

}

@media(max-width:768px){

.rg-about-section{

padding:70px 0;

}

.rg-about-content h2{

font-size:34px;

}

.rg-about-features{

grid-template-columns:1fr;

}

.rg-exp-box{

position:relative;

right:auto;

bottom:auto;

margin:20px auto 0;

}

}

@media(max-width:576px){

.rg-about-content{

text-align:center;

}

.rg-about-buttons{

justify-content:center;

}

.rg-about-content h2{

font-size:28px;

}

.rg-about-btn,
.rg-call-btn-about{

width:100%;

justify-content:center;

}

}

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

.rg-why-section{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-why-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.rg-why-section::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-120px;
    right:-120px;
}

/*=========================
Heading
=========================*/

.rg-why-heading{
    text-align:center;
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.rg-why-heading span{

    display:inline-block;

    color:#d4af37;

    text-transform:uppercase;

    font-weight:600;

    letter-spacing:3px;

    margin-bottom:12px;

}

.rg-why-heading h2{

    font-family:'Cinzel',serif;

    font-size:46px;

    color:#022112;

    margin-bottom:20px;

}

.rg-why-heading p{

    max-width:760px;

    margin:auto;

    color:#666;

    line-height:1.9;

    font-size:16px;

}

/*=========================
Grid
=========================*/

.rg-why-grid{

    display:grid;

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

    gap:30px;

    position:relative;

    z-index:2;

}

/*=========================
Cards
=========================*/

.rg-why-card{

    background:#fff;

    border-radius:18px;

    padding:40px 30px;

    text-align:center;

    transition:.4s;

    border:1px solid #ececec;

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

}

.rg-why-card:hover{

    transform:translateY(-12px);

    border-color:#d4af37;

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

}

/*=========================
Icon
=========================*/

.rg-why-icon{

    width:85px;

    height:85px;

    margin:auto auto 25px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    transition:.4s;

}

.rg-why-card:hover .rg-why-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*=========================
Text
=========================*/

.rg-why-card h3{

    font-size:24px;

    color:#022112;

    margin-bottom:15px;

    font-family:'Cinzel',serif;

}

.rg-why-card p{

    color:#666;

    line-height:1.8;

}

/*=========================
Button
=========================*/

.rg-why-bottom{

    text-align:center;

    margin-top:60px;

}

.rg-why-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 40px;

    background:#022112;

    color:#fff;

    border-radius:8px;

    font-weight:600;

    transition:.35s;

}

.rg-why-btn:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-why-grid{

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

}

}

@media(max-width:768px){

.rg-why-section{

padding:70px 0;

}

.rg-why-heading h2{

font-size:34px;

}

.rg-why-grid{

grid-template-columns:1fr;

}

.rg-why-card{

padding:35px 25px;

}

}

@media(max-width:576px){

.rg-why-heading h2{

font-size:28px;

}

.rg-why-heading p{

font-size:15px;

}

.rg-why-card h3{

font-size:22px;

}

.rg-why-btn{

width:100%;

justify-content:center;

}

}

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

.rg-vision-section{
    padding:100px 0;
    background:#f8f7f2;
    position:relative;
    overflow:hidden;
}

.rg-vision-section::before{
    content:"";
    position:absolute;
    top:-150px;
    left:-150px;
    width:350px;
    height:350px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
}

.rg-vision-section::after{
    content:"";
    position:absolute;
    bottom:-180px;
    right:-180px;
    width:400px;
    height:400px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
}

/*=========================
Heading
=========================*/

.rg-vision-heading{
    text-align:center;
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.rg-vision-heading span{

display:inline-block;

color:#d4af37;

font-size:16px;

font-weight:700;

text-transform:uppercase;

letter-spacing:3px;

margin-bottom:15px;

}

.rg-vision-heading h2{

font-family:'Cinzel',serif;

font-size:46px;

color:#022112;

margin-bottom:20px;

}

.rg-vision-heading p{

max-width:760px;

margin:auto;

font-size:16px;

line-height:1.9;

color:#666;

}

/*=========================
Wrapper
=========================*/

.rg-vision-wrapper{

display:grid;

grid-template-columns:1fr 140px 1fr;

align-items:center;

gap:40px;

position:relative;

z-index:2;

}

/*=========================
Cards
=========================*/

.rg-vision-card{

background:#fff;

padding:45px 35px;

border-radius:20px;

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

transition:.4s;

border:1px solid #eee;

}

.rg-vision-card:hover{

transform:translateY(-10px);

border-color:#d4af37;

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

}

/*=========================
Icons
=========================*/

.rg-card-icon{

width:80px;

height:80px;

background:#022112;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:25px;

color:#d4af37;

font-size:30px;

transition:.5s;

}

.rg-vision-card:hover .rg-card-icon{

background:#d4af37;

color:#022112;

transform:rotate(360deg);

}

/*=========================
Text
=========================*/

.rg-vision-card h3{

font-family:'Cinzel',serif;

font-size:30px;

margin-bottom:18px;

color:#022112;

}

.rg-vision-card p{

color:#666;

line-height:1.9;

margin-bottom:25px;

}

.rg-vision-card ul{

padding:0;

margin:0;

list-style:none;

}

.rg-vision-card li{

display:flex;

align-items:center;

gap:12px;

margin-bottom:16px;

font-weight:500;

color:#333;

}

.rg-vision-card li i{

color:#d4af37;

font-size:18px;

}

/*=========================
Center Crown
=========================*/

.rg-vision-center{

display:flex;

justify-content:center;

align-items:center;

}

.rg-center-circle{

width:120px;

height:120px;

border-radius:50%;

background:#022112;

border:5px solid #d4af37;

display:flex;

justify-content:center;

align-items:center;

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

animation:rgPulse 2.5s infinite;

}

.rg-center-circle i{

font-size:42px;

color:#d4af37;

}

@keyframes rgPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-vision-wrapper{

grid-template-columns:1fr;

}

.rg-vision-center{

order:2;

margin:20px 0;

}

}

@media(max-width:768px){

.rg-vision-section{

padding:70px 0;

}

.rg-vision-heading h2{

font-size:34px;

}

.rg-vision-card{

padding:35px 25px;

}

.rg-center-circle{

width:95px;

height:95px;

}

.rg-center-circle i{

font-size:34px;

}

}

@media(max-width:576px){

.rg-vision-heading h2{

font-size:28px;

}

.rg-vision-heading p{

font-size:15px;

}

.rg-vision-card h3{

font-size:24px;

}

.rg-card-icon{

margin:auto auto 20px;

}

.rg-vision-card{

text-align:center;

}

.rg-vision-card li{

justify-content:center;

}

}

/*=========================================
OUR FACILITIES SECTION
=========================================*/

.rg-facilities-section{
    padding:100px 0;
    background:#f8f9f7;
    position:relative;
    overflow:hidden;
}

.rg-facilities-section::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-180px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
}

.rg-facilities-section::after{
    content:"";
    position:absolute;
    bottom:-180px;
    right:-180px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(2,33,18,.06);
}

/*==========================
Heading
==========================*/

.rg-facility-heading{

    text-align:center;

    margin-bottom:70px;

    position:relative;

    z-index:2;

}

.rg-facility-heading span{

    display:inline-block;

    color:#d4af37;

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:15px;

}

.rg-facility-heading h2{

    font-family:'Cinzel',serif;

    font-size:48px;

    color:#022112;

    margin-bottom:18px;

}

.rg-facility-heading p{

    max-width:760px;

    margin:auto;

    line-height:1.9;

    color:#666;

}

/*==========================
Grid
==========================*/

.rg-facility-grid{

    display:grid;

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

    gap:30px;

    position:relative;

    z-index:2;

}

/*==========================
Card
==========================*/

.rg-facility-card{

    background:#fff;

    border-radius:18px;

    padding:35px 28px;

    text-align:center;

    transition:.45s;

    border:1px solid #eee;

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

    position:relative;

    overflow:hidden;

}

.rg-facility-card::before{

content:"";

position:absolute;

top:0;

left:-100%;

width:100%;

height:4px;

background:#d4af37;

transition:.45s;

}

.rg-facility-card:hover::before{

left:0;

}

.rg-facility-card:hover{

transform:translateY(-12px);

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

border-color:#d4af37;

}

/*==========================
Icon
==========================*/

.rg-facility-icon{

width:85px;

height:85px;

margin:auto auto 25px;

border-radius:50%;

background:#022112;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

color:#d4af37;

transition:.5s;

}

.rg-facility-card:hover .rg-facility-icon{

background:#d4af37;

color:#022112;

transform:rotateY(360deg);

}

/*==========================
Content
==========================*/

.rg-facility-card h3{

font-family:'Cinzel',serif;

font-size:24px;

margin-bottom:15px;

color:#022112;

}

.rg-facility-card p{

font-size:15px;

line-height:1.8;

color:#666;

}

/*==========================
Responsive
==========================*/

@media(max-width:1200px){

.rg-facility-grid{

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

}

}

@media(max-width:768px){

.rg-facilities-section{

padding:70px 0;

}

.rg-facility-heading h2{

font-size:34px;

}

.rg-facility-grid{

grid-template-columns:1fr;

}

.rg-facility-card{

padding:30px 22px;

}

}

@media(max-width:576px){

.rg-facility-heading h2{

font-size:28px;

}

.rg-facility-heading p{

font-size:15px;

}

.rg-facility-card h3{

font-size:22px;

}

.rg-facility-icon{

width:75px;

height:75px;

font-size:30px;

}

}

/*=========================================
STATISTICS COUNTER SECTION
=========================================*/

.rg-counter-section{
    position:relative;
    padding:110px 0;
    background:url("../images/counter-bg.jpg") center center/cover no-repeat;
    overflow:hidden;
}

.rg-counter-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(rgba(2,33,18,.88),rgba(2,33,18,.88));
}

/*=========================
Heading
=========================*/

.rg-counter-heading{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:70px;
}

.rg-counter-heading span{

display:inline-block;

font-size:16px;

font-weight:600;

letter-spacing:3px;

text-transform:uppercase;

color:#d4af37;

margin-bottom:15px;

}

.rg-counter-heading h2{

font-family:'Cinzel',serif;

font-size:46px;

color:#fff;

margin-bottom:20px;

}

.rg-counter-heading p{

max-width:760px;

margin:auto;

color:#eee;

line-height:1.9;

}

/*=========================
Counter Grid
=========================*/

.rg-counter-grid{

position:relative;

z-index:2;

display:grid;

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

gap:30px;

}

/*=========================
Counter Card
=========================*/

.rg-counter-box{

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

backdrop-filter:blur(12px);

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

border-radius:18px;

padding:40px 25px;

text-align:center;

transition:.45s;

}

.rg-counter-box:hover{

transform:translateY(-12px);

border-color:#d4af37;

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

}

/*=========================
Icon
=========================*/

.rg-counter-icon{

width:90px;

height:90px;

margin:auto auto 25px;

border-radius:50%;

background:#d4af37;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

color:#022112;

transition:.5s;

}

.rg-counter-box:hover .rg-counter-icon{

transform:rotateY(360deg);

background:#fff;

}

/*=========================
Counter Number
=========================*/

.rg-counter-box h3{

font-family:'Cinzel',serif;

font-size:50px;

color:#d4af37;

margin-bottom:12px;

}

.rg-counter-box h4{

font-size:22px;

font-weight:600;

color:#fff;

margin-bottom:15px;

}

.rg-counter-box p{

color:#ddd;

line-height:1.8;

font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.rg-counter-grid{

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

}

}

@media(max-width:768px){

.rg-counter-section{

padding:80px 0;

}

.rg-counter-heading h2{

font-size:34px;

}

.rg-counter-grid{

grid-template-columns:1fr;

}

.rg-counter-box{

padding:35px 20px;

}

}

@media(max-width:576px){

.rg-counter-heading h2{

font-size:28px;

}

.rg-counter-heading p{

font-size:15px;

}

.rg-counter-box h3{

font-size:40px;

}

.rg-counter-box h4{

font-size:20px;

}

.rg-counter-icon{

width:75px;

height:75px;

font-size:28px;

}

}

/*=========================================
COUNTER ANIMATION
=========================================*/

.rg-counter-heading,
.rg-counter-box{

opacity:0;

transform:translateY(60px);

transition:all .8s ease;

}

.rg-counter-show{

opacity:1;

transform:translateY(0);

}

/*=========================================
GOOGLE REVIEW SECTION
=========================================*/

.rg-review-section{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-review-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.rg-review-section::after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-120px;
    right:-120px;
}

/*=========================
Heading
=========================*/

.rg-review-heading{
    text-align:center;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.rg-review-heading span{
    color:#d4af37;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:600;
    display:inline-block;
    margin-bottom:12px;
}

.rg-review-heading h2{
    font-family:'Cinzel',serif;
    font-size:46px;
    color:#022112;
    margin-bottom:18px;
}

.rg-review-heading p{
    max-width:760px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

/*=========================
Google Rating Box
=========================*/

.rg-google-rating{
    background:#fff;
    border-radius:15px;
    padding:22px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    margin-bottom:50px;
    position:relative;
    z-index:2;
}

.rg-google-left{
    display:flex;
    align-items:center;
    gap:20px;
}

.rg-google-left img{
    width:65px;
}

.rg-google-left h3{
    font-size:34px;
    color:#022112;
    margin:0;
}

.rg-google-left h3 i{
    color:#fbbc05;
    font-size:26px;
}

.rg-google-left p{
    color:#666;
    margin-top:6px;
}

.rg-review-btn{
    background:#022112;
    color:#fff;
    padding:14px 28px;
    border-radius:8px;
    text-decoration:none;
    transition:.35s;
    font-weight:600;
}

.rg-review-btn:hover{
    background:#d4af37;
    color:#022112;
}

/*=========================
Slider
=========================*/

.rg-review-slider{
    overflow:hidden;
    position:relative;
}

.rg-review-track{
    display:flex;
    gap:25px;
    transition:.6s ease;
}

/*=========================
Review Card
=========================*/

.rg-review-card{
    min-width:360px;
    background:#fff;
    border-radius:18px;
    padding:28px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border:1px solid #eee;
    transition:.4s;
}

.rg-review-card:hover{
    transform:translateY(-10px);
    border-color:#d4af37;
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

/*=========================
Top
=========================*/

.rg-review-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.rg-review-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.rg-review-user img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
}

.rg-review-user h4{
    color:#022112;
    margin-bottom:5px;
}

.rg-review-user span{
    color:#888;
    font-size:14px;
}

.rg-google-icon{
    width:28px;
}

/*=========================
Stars
=========================*/

.rg-stars{
    margin-bottom:15px;
}

.rg-stars i{
    color:#fbbc05;
    margin-right:2px;
}

/*=========================
Review Text
=========================*/

.rg-review-card p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-google-rating{
flex-direction:column;
gap:20px;
text-align:center;
}

}

@media(max-width:768px){

.rg-review-heading h2{
font-size:34px;
}

.rg-review-card{
min-width:300px;
}

}

@media(max-width:576px){

.rg-review-section{
padding:70px 0;
}

.rg-review-heading h2{
font-size:28px;
}

.rg-review-card{
min-width:100%;
}

.rg-google-left{
flex-direction:column;
}

.rg-review-btn{
width:100%;
text-align:center;
}

}

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

.rg-contact-info-section{
    padding:100px 0;
    background:#f8f8f6;
    position:relative;
    overflow:hidden;
}

.rg-contact-info-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-140px;
    left:-140px;
}

.rg-contact-info-section::after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-140px;
    right:-140px;
}

/*=========================
Heading
=========================*/

.rg-contact-heading{
    text-align:center;
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.rg-contact-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:12px;
}

.rg-contact-heading h2{
    font-family:'Cinzel',serif;
    font-size:46px;
    color:#022112;
    margin-bottom:20px;
}

.rg-contact-heading p{
    max-width:760px;
    margin:auto;
    line-height:1.9;
    color:#666;
}

/*=========================
Grid
=========================*/

.rg-contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

/*=========================
Card
=========================*/

.rg-contact-card{
    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    text-align:center;
    transition:.45s;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.rg-contact-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:5px;
    background:#d4af37;
    transition:.5s;
}

.rg-contact-card:hover::before{
    left:0;
}

.rg-contact-card:hover{
    transform:translateY(-12px);
    border-color:#d4af37;
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

/*=========================
Icon
=========================*/

.rg-contact-icon{
    width:85px;
    height:85px;
    background:#022112;
    border-radius:50%;
    margin:0 auto 25px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#d4af37;
    font-size:32px;
    transition:.5s;
}

.rg-contact-card:hover .rg-contact-icon{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

/*=========================
Text
=========================*/

.rg-contact-card h3{
    font-family:'Cinzel',serif;
    font-size:26px;
    color:#022112;
    margin-bottom:15px;
}

.rg-contact-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
    min-height:70px;
}

/*=========================
Links
=========================*/

.rg-contact-card a{
    display:inline-block;
    color:#022112;
    text-decoration:none;
    font-weight:700;
    transition:.35s;
    word-break:break-word;
}

.rg-contact-card a:hover{
    color:#d4af37;
}

/*=========================
Open Badge
=========================*/

.rg-open-now{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#e8f8ec;
    color:#0b8a2f;
    padding:8px 16px;
    border-radius:30px;
    font-weight:600;
    font-size:14px;
}

.rg-open-now i{
    font-size:10px;
}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.rg-contact-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-contact-info-section{
padding:70px 0;
}

.rg-contact-heading h2{
font-size:34px;
}

.rg-contact-grid{
grid-template-columns:1fr;
}

.rg-contact-card{
padding:35px 25px;
}

}

@media(max-width:576px){

.rg-contact-heading h2{
font-size:28px;
}

.rg-contact-heading p{
font-size:15px;
}

.rg-contact-card h3{
font-size:22px;
}

.rg-contact-icon{
width:75px;
height:75px;
font-size:28px;
}

}

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

.rg-contact-heading,
.rg-contact-card{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rg-contact-show{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-contact-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-contact-icon{

    transition:.6s ease;

}

/*=========================================
PREMIUM CONTACT FORM SECTION
=========================================*/

.rg-contact-form-section{
    position:relative;
    padding:100px 0;
    background:linear-gradient(135deg,#f8f8f8,#ffffff);
    overflow:hidden;
}

.rg-contact-form-section::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-220px;
    left:-180px;
}

.rg-contact-form-section::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-220px;
    right:-180px;
}

/*======================
Heading
======================*/

.rg-contact-form-heading{
    text-align:center;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.rg-contact-form-heading span{
    color:#d4af37;
    font-size:15px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:3px;
}

.rg-contact-form-heading h2{
    font-family:'Cinzel',serif;
    font-size:48px;
    color:#022112;
    margin:15px 0;
}

.rg-contact-form-heading p{
    max-width:760px;
    margin:auto;
    color:#666;
    line-height:1.9;
}

/*======================
Wrapper
======================*/

.rg-contact-wrapper{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:45px;
    align-items:start;
}

/*======================
Form
======================*/

.rg-premium-form{
    background:#fff;
    border-radius:22px;
    padding:40px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.rg-input-box{
    position:relative;
}

.rg-input-box i{
    position:absolute;
    left:18px;
    top:18px;
    color:#d4af37;
    font-size:17px;
}

.rg-input-box input,
.rg-input-box select,
.rg-input-box textarea{
    width:100%;
    padding:16px 18px 16px 52px;
    border:1px solid #ddd;
    border-radius:12px;
    outline:none;
    transition:.35s;
    font-size:15px;
    background:#fafafa;
}

.rg-input-box textarea{
    resize:none;
}

.rg-input-box input:focus,
.rg-input-box select:focus,
.rg-input-box textarea:focus{
    border-color:#d4af37;
    box-shadow:0 0 20px rgba(212,175,55,.15);
    background:#fff;
}

.rg-full{
    grid-column:1/-1;
}

/*======================
Buttons
======================*/

.rg-button-group{
    grid-column:1/-1;
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:10px;
}

.rg-call-btn,
.rg-whatsapp-btn,
.rg-submit-btn{

    flex:1;
    min-width:180px;
    text-align:center;
    text-decoration:none;
    border:none;
    cursor:pointer;
    padding:16px 20px;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    transition:.35s;
}

.rg-call-btn{
    background:#022112;
    color:#fff;
}

.rg-call-btn:hover{
    background:#d4af37;
    color:#022112;
}

.rg-whatsapp-btn{
    background:#25D366;
    color:#fff;
}

.rg-whatsapp-btn:hover{
    background:#1faa59;
}

.rg-submit-btn{
    background:#d4af37;
    color:#022112;
}

.rg-submit-btn:hover{
    background:#022112;
    color:#fff;
}

/*======================
Feature Cards
======================*/

.rg-contact-features{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.rg-feature-card{
    background:#fff;
    border-radius:18px;
    padding:24px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.rg-feature-card:hover{
    transform:translateY(-8px);
    border-left:5px solid #d4af37;
}

.rg-feature-card i{
    width:60px;
    height:60px;
    background:#022112;
    color:#d4af37;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.rg-feature-card h4{
    margin-bottom:8px;
    color:#022112;
    font-size:20px;
}

.rg-feature-card p{
    color:#666;
    line-height:1.7;
    font-size:15px;
}

/*======================
Responsive
======================*/

@media(max-width:1100px){

.rg-contact-wrapper{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.rg-contact-form-section{
padding:70px 0;
}

.rg-contact-form-heading h2{
font-size:34px;
}

.rg-premium-form{
grid-template-columns:1fr;
padding:30px;
}

.rg-button-group{
flex-direction:column;
}

}

@media(max-width:576px){

.rg-contact-form-heading h2{
font-size:28px;
}

.rg-contact-form-heading p{
font-size:15px;
}

.rg-premium-form{
padding:22px;
}

.rg-feature-card{
padding:18px;
}

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

}

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

.rg-contact-form-heading,
.rg-premium-form,
.rg-feature-card{

opacity:0;

transform:translateY(70px);

transition:all .8s ease;

}

.rg-show{

opacity:1 !important;

transform:translateY(0) !important;

}

.rg-input-box{

transition:.3s;

}

.rg-feature-card{

transform-style:preserve-3d;

will-change:transform;

}

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

.rg-map-section{
    position:relative;
    padding:100px 0;
    background:#f8f8f8;
    overflow:hidden;
}

.rg-map-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    top:-200px;
    left:-180px;
}

.rg-map-section::after{
    content:'';
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(2,33,18,.05);
    bottom:-180px;
    right:-180px;
}

.rg-map-wrapper{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:40px;
    align-items:center;
}

/*=========================
Left Side
=========================*/

.rg-map-content{

    background:#fff;

    padding:45px;

    border-radius:20px;

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

}

.rg-map-subtitle{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.rg-map-content h2{

    font-family:'Cinzel',serif;

    font-size:40px;

    color:#022112;

    margin-bottom:18px;

}

.rg-map-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

/*=========================
Info Box
=========================*/

.rg-location-box{

    display:flex;

    gap:18px;

    align-items:flex-start;

    margin-bottom:28px;

    padding-bottom:22px;

    border-bottom:1px solid #ececec;

}

.rg-location-box:last-of-type{

    border:none;

}

.rg-location-icon{

    width:60px;

    height:60px;

    background:#022112;

    color:#d4af37;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    flex-shrink:0;

    transition:.4s;

}

.rg-location-box:hover .rg-location-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

.rg-location-box h4{

    color:#022112;

    margin-bottom:8px;

    font-size:20px;

}

.rg-location-box p{

    margin:0;

}

/*=========================
Button
=========================*/

.rg-direction-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 32px;

    background:#022112;

    color:#fff;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.rg-direction-btn:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-4px);

}

/*=========================
Map
=========================*/

.rg-map-box{

    overflow:hidden;

    border-radius:20px;

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

    border:6px solid #fff;

}

.rg-map-box iframe{

    width:100%;

    height:550px;

    display:block;

    transition:.5s;

}

.rg-map-box:hover iframe{

    transform:scale(1.02);

}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-map-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.rg-map-section{

padding:70px 0;

}

.rg-map-content{

padding:30px;

}

.rg-map-content h2{

font-size:32px;

}

.rg-map-box iframe{

height:420px;

}

}

@media(max-width:576px){

.rg-map-content{

padding:22px;

}

.rg-map-content h2{

font-size:27px;

}

.rg-location-box{

flex-direction:column;

}

.rg-location-icon{

width:55px;

height:55px;

font-size:20px;

}

.rg-direction-btn{

width:100%;

justify-content:center;

}

.rg-map-box iframe{

height:350px;

}

}

/*=========================================
MAP ANIMATION
=========================================*/

.rg-map-content,
.rg-map-box,
.rg-location-box{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rg-map-show{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-map-content{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-direction-btn{

    position:relative;

    overflow:hidden;

}

.rg-ripple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgRipple .7s linear;

}

@keyframes rgRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

/*=========================================
WHY CONTACT SECTION
=========================================*/

.rg-why-contact-section{
    position:relative;
    padding:100px 0;
    background:#f8f8f8;
    overflow:hidden;
}

.rg-why-contact-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-why-contact-section::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-why-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.rg-why-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:12px;
}

.rg-why-heading h2{
    font-family:'Cinzel',serif;
    font-size:46px;
    color:#022112;
    margin-bottom:20px;
}

.rg-why-heading p{
    color:#666;
    line-height:1.9;
}

/*=========================
Grid
=========================*/

.rg-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:70px;
}

/*=========================
Cards
=========================*/

.rg-why-card{
    background:#fff;
    border-radius:20px;
    padding:35px 30px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
    overflow:hidden;
    border:1px solid #eee;
}

.rg-why-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#d4af37;
    transform:scaleX(0);
    transition:.4s;
}

.rg-why-card:hover::before{
    transform:scaleX(1);
}

.rg-why-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

.rg-why-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#022112;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d4af37;
    font-size:30px;
    transition:.45s;
}

.rg-why-card:hover .rg-why-icon{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

.rg-why-card h3{
    font-family:'Cinzel',serif;
    font-size:25px;
    color:#022112;
    margin-bottom:15px;
}

.rg-why-card p{
    color:#666;
    line-height:1.8;
}

/*=========================
Bottom CTA
=========================*/

.rg-why-bottom{
    background:linear-gradient(135deg,#022112,#0b4b2a);
    border-radius:25px;
    padding:60px;
    text-align:center;
    color:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.rg-why-bottom h3{
    font-family:'Cinzel',serif;
    font-size:38px;
    margin-bottom:15px;
}

.rg-why-bottom p{
    max-width:700px;
    margin:0 auto 35px;
    line-height:1.9;
    color:#e5e5e5;
}

/*=========================
Buttons
=========================*/

.rg-why-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.rg-why-call,
.rg-why-whatsapp{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 35px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.rg-why-call{
    background:#d4af37;
    color:#022112;
}

.rg-why-call:hover{
    background:#fff;
    transform:translateY(-4px);
}

.rg-why-whatsapp{
    background:#25D366;
    color:#fff;
}

.rg-why-whatsapp:hover{
    background:#1fb65b;
    transform:translateY(-4px);
}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-why-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-why-contact-section{
padding:70px 0;
}

.rg-why-heading h2{
font-size:34px;
}

.rg-why-grid{
grid-template-columns:1fr;
}

.rg-why-bottom{
padding:40px 25px;
}

.rg-why-bottom h3{
font-size:30px;
}

}

@media(max-width:576px){

.rg-why-heading h2{
font-size:28px;
}

.rg-why-card{
padding:30px 22px;
}

.rg-why-icon{
width:75px;
height:75px;
font-size:26px;
}

.rg-why-card h3{
font-size:22px;
}

.rg-why-bottom h3{
font-size:24px;
}

.rg-why-buttons{
flex-direction:column;
}

.rg-why-call,
.rg-why-whatsapp{
justify-content:center;
width:100%;
}

}

/*=========================================
WHY CONTACT ANIMATION
=========================================*/

.rg-why-heading,
.rg-why-card,
.rg-why-bottom{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rgWhyShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-why-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-why-icon{

    transition:.6s;

}

/*=========================
Ripple Effect
=========================*/

.rg-why-call,
.rg-why-whatsapp{

    position:relative;

    overflow:hidden;

}

.rgWhyRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:whyRipple .7s linear;

}

@keyframes whyRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

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

.rg-faq-section{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-faq-section::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-180px;
    width:400px;
    height:400px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
}

.rg-faq-section::after{
    content:"";
    position:absolute;
    bottom:-180px;
    right:-180px;
    width:380px;
    height:380px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
}

/*=========================
Heading
=========================*/

.rg-faq-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.rg-faq-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:700;
    margin-bottom:15px;
}

.rg-faq-heading h2{
    font-family:'Cinzel',serif;
    font-size:46px;
    color:#022112;
    margin-bottom:20px;
}

.rg-faq-heading p{
    color:#666;
    line-height:1.9;
}

/*=========================
Wrapper
=========================*/

.rg-faq-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

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

.rg-faq-item{
    background:#fff;
    border-radius:18px;
    margin-bottom:20px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 12px 35px rgba(0,0,0,.07);
    transition:.35s;
}

.rg-faq-item:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.rg-faq-question{
    padding:24px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
}

.rg-faq-question h3{
    font-size:20px;
    color:#022112;
    font-weight:600;
    line-height:1.5;
    margin:0;
    width:90%;
}

.rg-faq-icon{
    width:42px;
    height:42px;
    background:#022112;
    color:#d4af37;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s;
    flex-shrink:0;
}

.rg-faq-item.active .rg-faq-icon{
    background:#d4af37;
    color:#022112;
}

/*=========================
Answer
=========================*/

.rg-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.rg-faq-item.active .rg-faq-answer{
    max-height:250px;
}

.rg-faq-answer p{
    padding:0 30px 25px;
    color:#666;
    line-height:1.9;
    margin:0;
}

/*=========================
Bottom CTA
=========================*/

.rg-faq-bottom{
    margin-top:70px;
    background:linear-gradient(135deg,#022112,#0b4c2d);
    border-radius:25px;
    padding:60px;
    text-align:center;
    color:#fff;
}

.rg-faq-bottom h3{
    font-family:'Cinzel',serif;
    font-size:38px;
    margin-bottom:15px;
}

.rg-faq-bottom p{
    max-width:700px;
    margin:0 auto 35px;
    color:#f2f2f2;
    line-height:1.8;
}

.rg-faq-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.rg-faq-call,
.rg-faq-whatsapp{
    padding:16px 34px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
    display:flex;
    align-items:center;
    gap:10px;
}

.rg-faq-call{
    background:#d4af37;
    color:#022112;
}

.rg-faq-call:hover{
    background:#fff;
    transform:translateY(-4px);
}

.rg-faq-whatsapp{
    background:#25D366;
    color:#fff;
}

.rg-faq-whatsapp:hover{
    background:#1faa59;
    transform:translateY(-4px);
}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-faq-wrapper{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.rg-faq-section{
padding:70px 0;
}

.rg-faq-heading h2{
font-size:34px;
}

.rg-faq-question{
padding:20px;
}

.rg-faq-question h3{
font-size:18px;
}

.rg-faq-bottom{
padding:40px 25px;
}

.rg-faq-bottom h3{
font-size:30px;
}

}

@media(max-width:576px){

.rg-faq-heading h2{
font-size:28px;
}

.rg-faq-buttons{
flex-direction:column;
}

.rg-faq-call,
.rg-faq-whatsapp{
width:100%;
justify-content:center;
}

.rg-faq-bottom h3{
font-size:24px;
}

}

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

.rg-faq-heading,
.rg-faq-item,
.rg-faq-bottom{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgFaqShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-faq-item{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-faq-icon{

    transition:.4s;

}

.rg-faq-icon i{

    transition:.3s;

}

/*=========================================
PACKAGE INTRO SECTION
=========================================*/

.rg-package-intro{
    position:relative;
    padding:100px 0;
    background:#f8f8f8;
    overflow:hidden;
}

.rg-package-intro::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-200px;
    left:-180px;
}

.rg-package-intro::after{
    content:'';
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=============================
Layout
==============================*/

.rg-package-intro-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:60px;

    align-items:center;

    position:relative;

    z-index:2;

}

/*=============================
Left Content
==============================*/

.rg-package-subtitle{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:15px;

}

.rg-package-content h2{

    font-family:'Cinzel',serif;

    font-size:48px;

    color:#022112;

    line-height:1.3;

    margin-bottom:25px;

}

.rg-package-text{

    color:#666;

    font-size:16px;

    line-height:1.9;

    margin-bottom:18px;

}

/*=============================
Features
==============================*/

.rg-package-features{

    display:grid;

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

    gap:18px;

    margin:40px 0;

}

.rg-package-feature{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fff;

    padding:16px 20px;

    border-radius:12px;

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

    transition:.35s;

}

.rg-package-feature:hover{

    transform:translateY(-5px);

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

}

.rg-package-feature i{

    color:#d4af37;

    font-size:20px;

}

.rg-package-feature span{

    color:#022112;

    font-weight:600;

}

/*=============================
Buttons
==============================*/

.rg-package-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.rg-package-call,
.rg-package-whatsapp{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.rg-package-call{

    background:#022112;

    color:#fff;

}

.rg-package-call:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-4px);

}

.rg-package-whatsapp{

    background:#25D366;

    color:#fff;

}

.rg-package-whatsapp:hover{

    background:#1faa59;

    transform:translateY(-4px);

}

/*=============================
Image
==============================*/

.rg-package-image{

    position:relative;

}

.rg-package-image-box{

    position:relative;

    border-radius:25px;

    overflow:hidden;

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

}

.rg-package-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.rg-package-image-box:hover img{

    transform:scale(1.06);

}

/*=============================
Badge
==============================*/

.rg-package-badge{

    position:absolute;

    right:25px;

    bottom:25px;

    background:#fff;

    border-left:6px solid #d4af37;

    padding:22px 28px;

    border-radius:16px;

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

}

.rg-package-badge h3{

    color:#022112;

    font-size:38px;

    margin:0;

    font-family:'Cinzel',serif;

}

.rg-package-badge span{

    color:#666;

    font-size:14px;

}

/*=============================
Responsive
==============================*/

@media(max-width:1100px){

.rg-package-intro-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.rg-package-intro{

padding:70px 0;

}

.rg-package-content h2{

font-size:36px;

}

.rg-package-features{

grid-template-columns:1fr;

}

.rg-package-buttons{

flex-direction:column;

}

.rg-package-call,
.rg-package-whatsapp{

justify-content:center;

}

}

@media(max-width:576px){

.rg-package-content h2{

font-size:30px;

}

.rg-package-text{

font-size:15px;

}

.rg-package-badge{

position:static;

margin:20px;

}

}

/*=========================================
PACKAGE INTRO ANIMATION
=========================================*/

.rg-package-content,
.rg-package-image,
.rg-package-feature,
.rg-package-badge{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rgPackageShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-package-image{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-package-feature{

    transition:all .35s ease;

}

/*=========================================
WEDDING PACKAGES SECTION
=========================================*/

.rg-wedding-packages{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-wedding-packages::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-wedding-packages::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-wedding-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.rg-wedding-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-wedding-heading h2{
    font-family:'Cinzel',serif;
    font-size:46px;
    color:#022112;
    margin-bottom:20px;
}

.rg-wedding-heading p{
    color:#666;
    line-height:1.9;
}

/*=========================
Cards Grid
=========================*/

.rg-package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    align-items:stretch;
}

/*=========================
Pricing Card
=========================*/

.rg-price-card{
    position:relative;
    background:#fff;
    border-radius:25px;
    padding:40px 35px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.45s;
    overflow:hidden;
    border:2px solid transparent;
}

.rg-price-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:6px;
    background:#d4af37;
}

.rg-price-card:hover{
    transform:translateY(-15px);
    box-shadow:0 25px 60px rgba(0,0,0,.18);
    border-color:#d4af37;
}

/*=========================
Popular Package
=========================*/

.rg-popular-package{
    transform:scale(1.05);
    border:2px solid #d4af37;
}

.rg-popular-package:hover{
    transform:scale(1.08) translateY(-12px);
}

.rg-package-ribbon{
    position:absolute;
    top:18px;
    right:-42px;
    width:170px;
    text-align:center;
    background:#d4af37;
    color:#022112;
    font-weight:700;
    padding:10px 0;
    transform:rotate(45deg);
    font-size:13px;
}

/*=========================
Package Name
=========================*/

.rg-package-name{
    text-align:center;
    margin-bottom:25px;
}

.rg-package-name i{
    width:85px;
    height:85px;
    border-radius:50%;
    background:#022112;
    color:#d4af37;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 20px;
    font-size:34px;
    transition:.4s;
}

.rg-price-card:hover .rg-package-name i{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

.rg-package-name h3{
    font-size:30px;
    color:#022112;
    font-family:'Cinzel',serif;
}

/*=========================
Price
=========================*/

.rg-package-price{
    text-align:center;
    margin-bottom:30px;
}

.rg-package-price h2{
    color:#d4af37;
    font-size:50px;
    margin-bottom:8px;
    font-family:'Cinzel',serif;
}

.rg-package-price span{
    color:#666;
    font-size:15px;
}

/*=========================
Feature List
=========================*/

.rg-package-list{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.rg-package-list li{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid #eee;
    color:#444;
    font-size:16px;
}

.rg-package-list li:last-child{
    border-bottom:none;
}

.rg-package-list i{
    color:#28a745;
    font-size:16px;
}

/*=========================
Buttons
=========================*/

.rg-package-btns{
    display:flex;
    gap:12px;
}

.rg-book-btn{
    flex:1;
    text-align:center;
    background:#022112;
    color:#fff;
    text-decoration:none;
    padding:16px;
    border-radius:10px;
    font-weight:600;
    transition:.35s;
}

.rg-book-btn:hover{
    background:#d4af37;
    color:#022112;
}

.rg-wa-btn{
    width:58px;
    height:58px;
    background:#25D366;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:10px;
    text-decoration:none;
    font-size:22px;
    transition:.35s;
}

.rg-wa-btn:hover{
    background:#1faa59;
    transform:scale(1.08);
}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.rg-package-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-wedding-packages{
padding:70px 0;
}

.rg-wedding-heading h2{
font-size:34px;
}

.rg-package-grid{
grid-template-columns:1fr;
}

.rg-popular-package{
transform:none;
}

.rg-popular-package:hover{
transform:translateY(-10px);
}

}

@media(max-width:576px){

.rg-wedding-heading h2{
font-size:28px;
}

.rg-price-card{
padding:30px 22px;
}

.rg-package-price h2{
font-size:40px;
}

.rg-package-name h3{
font-size:24px;
}

}

/*=========================================
WEDDING PACKAGE ANIMATION
=========================================*/

.rg-wedding-heading,
.rg-price-card{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rgWeddingShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-price-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-book-btn,
.rg-wa-btn{

    position:relative;

    overflow:hidden;

}

.rgWeddingRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgWeddingRipple .7s linear;

}

@keyframes rgWeddingRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

/*=========================================
CUSTOM PACKAGE SECTION
=========================================*/

.rg-custom-package{
    padding:100px 0;
    background:linear-gradient(135deg,#022112 0%,#0d3d27 100%);
    position:relative;
    overflow:hidden;
}

.rg-custom-package::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-220px;
    left:-180px;
}

.rg-custom-package::after{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    right:-150px;
    bottom:-180px;
}

.rg-custom-wrapper{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:60px;
    align-items:center;
    position:relative;
    z-index:2;
}

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

.rg-custom-subtitle{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-custom-content h2{
    color:#fff;
    font-family:'Cinzel',serif;
    font-size:48px;
    line-height:1.3;
    margin-bottom:25px;
}

.rg-custom-content p{
    color:#d9d9d9;
    line-height:1.9;
    margin-bottom:18px;
}

/*=========================
FEATURES
=========================*/

.rg-custom-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:40px 0;
}

.rg-custom-feature{
    display:flex;
    align-items:center;
    gap:12px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    padding:16px 18px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

.rg-custom-feature:hover{
    transform:translateY(-6px);
    background:rgba(212,175,55,.12);
}

.rg-custom-feature i{
    color:#d4af37;
    font-size:20px;
}

.rg-custom-feature span{
    color:#fff;
    font-weight:600;
}

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

.rg-custom-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.rg-custom-call,
.rg-custom-whatsapp{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 34px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.rg-custom-call{
    background:#d4af37;
    color:#022112;
}

.rg-custom-call:hover{
    background:#fff;
    transform:translateY(-5px);
}

.rg-custom-whatsapp{
    background:#25D366;
    color:#fff;
}

.rg-custom-whatsapp:hover{
    background:#1faa59;
    transform:translateY(-5px);
}

/*=========================
RIGHT CARD
=========================*/

.rg-custom-card{
    background:#fff;
    border-radius:25px;
    padding:45px;
    box-shadow:0 25px 60px rgba(0,0,0,.25);
    position:relative;
}

.rg-custom-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#d4af37;
    color:#022112;
    padding:10px 18px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:25px;
}

.rg-custom-badge i{
    font-size:18px;
}

.rg-custom-card h3{
    font-family:'Cinzel',serif;
    color:#022112;
    font-size:34px;
    margin-bottom:18px;
}

.rg-custom-card p{
    color:#666;
    line-height:1.9;
    margin-bottom:30px;
}

/*=========================
LIST
=========================*/

.rg-custom-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.rg-custom-item{
    display:flex;
    gap:18px;
    align-items:center;
    padding-bottom:18px;
    border-bottom:1px solid #eee;
}

.rg-custom-item:last-child{
    border:none;
    padding-bottom:0;
}

.rg-custom-item i{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#022112;
    color:#d4af37;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.rg-custom-item h4{
    color:#022112;
    margin-bottom:5px;
    font-size:20px;
}

.rg-custom-item span{
    color:#666;
    font-size:15px;
}

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

.rg-custom-enquiry{
    display:block;
    margin-top:35px;
    text-align:center;
    padding:18px;
    border-radius:12px;
    background:#022112;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.rg-custom-enquiry:hover{
    background:#d4af37;
    color:#022112;
}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1100px){

.rg-custom-wrapper{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.rg-custom-package{
padding:70px 0;
}

.rg-custom-content h2{
font-size:36px;
}

.rg-custom-features{
grid-template-columns:1fr;
}

.rg-custom-buttons{
flex-direction:column;
}

.rg-custom-call,
.rg-custom-whatsapp{
justify-content:center;
}

.rg-custom-card{
padding:30px;
}

}

@media(max-width:576px){

.rg-custom-content h2{
font-size:30px;
}

.rg-custom-card h3{
font-size:28px;
}

.rg-custom-item{
align-items:flex-start;
}

.rg-custom-item i{
width:50px;
height:50px;
font-size:20px;
}

}

/*=========================================
CUSTOM PACKAGE ANIMATION
=========================================*/

.rg-custom-content,
.rg-custom-card,
.rg-custom-feature{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rgCustomShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-custom-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-custom-call,
.rg-custom-whatsapp,
.rg-custom-enquiry{

    position:relative;

    overflow:hidden;

}

.rgCustomRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgCustomRipple .7s linear;

}

@keyframes rgCustomRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

/*=========================================
BOOKING PROCESS SECTION
=========================================*/

.rg-booking-process{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-booking-process::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-220px;
    left:-180px;
}

.rg-booking-process::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    right:-180px;
    bottom:-180px;
}

/*=========================
Heading
=========================*/

.rg-booking-heading{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

.rg-booking-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:700;
    margin-bottom:15px;
}

.rg-booking-heading h2{
    font-family:'Cinzel',serif;
    color:#022112;
    font-size:46px;
    margin-bottom:20px;
}

.rg-booking-heading p{
    color:#666;
    line-height:1.9;
}

/*=========================
Timeline
=========================*/

.rg-booking-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
    margin-bottom:80px;
}

.rg-booking-timeline::before{
    content:"";
    position:absolute;
    top:55px;
    left:12%;
    width:76%;
    height:3px;
    background:#d4af37;
    z-index:0;
}

/*=========================
Step Card
=========================*/

.rg-booking-step{
    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    text-align:center;
    position:relative;
    z-index:2;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.rg-booking-step:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.rg-booking-number{
    width:60px;
    height:60px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#d4af37;
    color:#022112;
    font-size:22px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.rg-booking-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#022112;
    color:#d4af37;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    transition:.4s;
}

.rg-booking-step:hover .rg-booking-icon{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

.rg-booking-step h3{
    color:#022112;
    font-size:24px;
    margin-bottom:15px;
    font-family:'Cinzel',serif;
}

.rg-booking-step p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*=========================
Bottom CTA
=========================*/

.rg-booking-bottom{
    background:linear-gradient(135deg,#022112,#0d3d27);
    border-radius:25px;
    padding:45px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.rg-booking-left h3{
    color:#fff;
    font-size:34px;
    margin-bottom:15px;
    font-family:'Cinzel',serif;
}

.rg-booking-left p{
    color:#ddd;
    line-height:1.8;
}

.rg-booking-right{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.rg-booking-call,
.rg-booking-whatsapp{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    padding:16px 30px;
    border-radius:10px;
    font-weight:600;
    transition:.35s;
}

.rg-booking-call{
    background:#d4af37;
    color:#022112;
}

.rg-booking-call:hover{
    background:#fff;
    transform:translateY(-5px);
}

.rg-booking-whatsapp{
    background:#25D366;
    color:#fff;
}

.rg-booking-whatsapp:hover{
    background:#1faa59;
    transform:translateY(-5px);
}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-booking-timeline{
grid-template-columns:repeat(2,1fr);
}

.rg-booking-timeline::before{
display:none;
}

.rg-booking-bottom{
flex-direction:column;
text-align:center;
}

}

@media(max-width:768px){

.rg-booking-process{
padding:70px 0;
}

.rg-booking-heading h2{
font-size:36px;
}

.rg-booking-timeline{
grid-template-columns:1fr;
}

.rg-booking-left h3{
font-size:28px;
}

.rg-booking-right{
justify-content:center;
}

}

@media(max-width:576px){

.rg-booking-heading h2{
font-size:30px;
}

.rg-booking-step{
padding:30px 20px;
}

.rg-booking-call,
.rg-booking-whatsapp{
width:100%;
justify-content:center;
}

.rg-booking-left h3{
font-size:24px;
}

}

/*=========================================
BOOKING PROCESS ANIMATION
=========================================*/

.rg-booking-heading,
.rg-booking-step,
.rg-booking-bottom{

    opacity:0;

    transform:translateY(70px);

    transition:all .8s ease;

}

.rgBookingShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-booking-step{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-booking-call,
.rg-booking-whatsapp{

    position:relative;

    overflow:hidden;

}

.rgBookingRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgBookingRipple .7s linear;

}

@keyframes rgBookingRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}


/*=========================================
PREMIUM PHOTO GALLERY
=========================================*/

.rg-gallery-section{
    padding:100px 0;
    background:#f8f8f8;
}

.rg-gallery-heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 60px;
}

.rg-gallery-heading span{
    display:inline-block;
    color:#c8a24d;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.rg-gallery-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:18px;
}

.rg-gallery-heading p{
    color:#666;
    line-height:1.8;
}

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

.rg-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.rg-gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.4s ease;
    cursor:pointer;
}

.rg-gallery-item img{
    width:100%;
    height:320px;
    display:block;
    object-fit:cover;
    transition:transform .6s ease;
}

/*==========================
Hover Effect
==========================*/

.rg-gallery-item:hover{

    transform:translateY(-10px);

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

}

.rg-gallery-item:hover img{

    transform:scale(1.12);

}

/* Gold Border Animation */

.rg-gallery-item::after{

    content:"";

    position:absolute;

    inset:0;

    border:3px solid #d4af37;

    border-radius:18px;

    opacity:0;

    transition:.4s;

}

.rg-gallery-item:hover::after{

    opacity:1;

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.rg-gallery-grid{

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

}

}

@media(max-width:767px){

.rg-gallery-section{

padding:70px 0;

}

.rg-gallery-heading h2{

font-size:34px;

}

.rg-gallery-grid{

grid-template-columns:1fr;

}

.rg-gallery-item img{

height:260px;

}

}

/*=========================================
LIGHTBOX
=========================================*/

.rg-lightbox{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

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

display:flex;

justify-content:center;

align-items:center;

opacity:0;

visibility:hidden;

transition:.35s;

z-index:99999;

}

.rg-lightbox.active{

opacity:1;

visibility:visible;

}

.rg-lightbox-img{

max-width:90%;

max-height:85%;

border-radius:12px;

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

animation:zoomIn .35s;

}

@keyframes zoomIn{

from{

transform:scale(.8);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}

.rg-close{

position:absolute;

top:25px;

right:40px;

font-size:42px;

color:#fff;

cursor:pointer;

transition:.3s;

}

.rg-close:hover{

color:#d4af37;

}

.rg-prev,
.rg-next{

position:absolute;

top:50%;

transform:translateY(-50%);

font-size:55px;

color:#fff;

cursor:pointer;

padding:15px;

transition:.3s;

user-select:none;

}

.rg-prev{

left:30px;

}

.rg-next{

right:30px;

}

.rg-prev:hover,
.rg-next:hover{

color:#d4af37;

}

@media(max-width:768px){

.rg-prev,
.rg-next{

font-size:40px;

}

.rg-close{

font-size:34px;

right:20px;

}

}


/*=========================================
VIDEO GALLERY SECTION
=========================================*/

.rg-video-gallery{
    padding:100px 0;
    background:#ffffff;
}

.rg-video-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.rg-video-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.rg-video-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-video-heading p{
    color:#666;
    line-height:1.8;
    font-size:16px;
}

/*=========================
Video Grid
=========================*/

.rg-video-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
Video Card
=========================*/

.rg-video-card{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    background:#fff;

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

    transition:.4s ease;

}

.rg-video-card:hover{

    transform:translateY(-10px);

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

}

/* Gold Border */

.rg-video-card::after{

    content:"";

    position:absolute;

    inset:0;

    border:3px solid #d4af37;

    border-radius:18px;

    opacity:0;

    transition:.35s;

    pointer-events:none;

}

.rg-video-card:hover::after{

    opacity:1;

}

/*=========================
Responsive YouTube
=========================*/

.rg-video-card iframe{

    width:100%;

    aspect-ratio:16/9;

    display:block;

    border:none;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-video-grid{

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

}

}

@media(max-width:768px){

.rg-video-gallery{

padding:70px 0;

}

.rg-video-heading h2{

font-size:34px;

}

.rg-video-grid{

grid-template-columns:1fr;

}

}

/*=========================================
VIDEO GALLERY ANIMATION
=========================================*/

.rg-video-heading,
.rg-video-card{

opacity:0;

transform:translateY(60px);

transition:all .8s ease;

}

.rgVideoShow{

opacity:1 !important;

transform:translateY(0) !important;

}

.rg-video-card{

transform-style:preserve-3d;

will-change:transform;

}

/*=========================================
WELCOME BANQUET SECTION
=========================================*/

.rg-banquet-about{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-banquet-about::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(212,175,55,.07);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-banquet-about::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    right:-150px;
    bottom:-150px;
}

/*==========================
Layout
==========================*/

.rg-banquet-wrapper{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:60px;
    align-items:center;
}

/*==========================
Content
==========================*/

.rg-banquet-subtitle{
    display:inline-block;
    color:#d4af37;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:15px;
    font-weight:700;
    margin-bottom:18px;
}

.rg-banquet-content h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    line-height:1.3;
    margin-bottom:25px;
}

.rg-banquet-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:18px;
}

/*==========================
Features
==========================*/

.rg-banquet-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:35px 0;
}

.rg-banquet-feature{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    color:#022112;
    font-weight:600;
}

.rg-banquet-feature i{
    color:#d4af37;
    font-size:18px;
}

/*==========================
Buttons
==========================*/

.rg-banquet-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-top:10px;
}

.rg-banquet-call,
.rg-banquet-whatsapp{

    padding:15px 30px;

    border-radius:10px;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    transition:.35s;

}

.rg-banquet-call{

    background:#022112;

    color:#fff;

}

.rg-banquet-call:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

.rg-banquet-whatsapp{

    background:#25D366;

    color:#fff;

}

.rg-banquet-whatsapp:hover{

    transform:translateY(-5px);

    background:#1ea952;

}

/*==========================
Right Cards
==========================*/

.rg-banquet-info{

    display:grid;

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

    gap:25px;

}

.rg-banquet-card{

    background:#fff;

    padding:35px 20px;

    text-align:center;

    border-radius:18px;

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

    transition:.4s;

    border-top:4px solid #d4af37;

}

.rg-banquet-card:hover{

    transform:translateY(-10px);

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

}

.rg-banquet-card h3{

    color:#022112;

    font-size:38px;

    margin-bottom:10px;

    font-family:'Cinzel',serif;

}

.rg-banquet-card p{

    color:#666;

    font-size:15px;

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.rg-banquet-wrapper{

grid-template-columns:1fr;

}

.rg-banquet-info{

margin-top:20px;

}

}

@media(max-width:768px){

.rg-banquet-about{

padding:70px 0;

}

.rg-banquet-content h2{

font-size:34px;

}

.rg-banquet-features{

grid-template-columns:1fr;

}

.rg-banquet-info{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:576px){

.rg-banquet-content h2{

font-size:28px;

}

.rg-banquet-info{

grid-template-columns:1fr;

}

.rg-banquet-buttons{

flex-direction:column;

}

.rg-banquet-call,
.rg-banquet-whatsapp{

justify-content:center;

width:100%;

}

}

/*=========================================
WELCOME BANQUET ANIMATION
=========================================*/

.rg-banquet-content,
.rg-banquet-feature,
.rg-banquet-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgBanquetShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-banquet-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-banquet-call,
.rg-banquet-whatsapp{

    position:relative;

    overflow:hidden;

}

.rgBanquetRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgBanquetRipple .7s linear;

}

@keyframes rgBanquetRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

/*=========================================
WHY CHOOSE OUR BANQUET HALL
=========================================*/

.rg-choose-banquet{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-choose-banquet::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,.07);
    border-radius:50%;
    top:-220px;
    left:-180px;
}

.rg-choose-banquet::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*==========================
Heading
==========================*/

.rg-choose-heading{
    max-width:820px;
    margin:0 auto 70px;
    text-align:center;
}

.rg-choose-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-choose-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-choose-heading p{
    color:#666;
    line-height:1.9;
}

/*==========================
Grid
==========================*/

.rg-choose-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/*==========================
Card
==========================*/

.rg-choose-card{
    background:#fff;
    padding:40px 30px;
    text-align:center;
    border-radius:20px;
    position:relative;
    overflow:hidden;
    transition:.4s ease;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border-top:4px solid transparent;
}

.rg-choose-card:hover{
    transform:translateY(-12px);
    border-top-color:#d4af37;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* Gold Glow */

.rg-choose-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-90px;
    right:-90px;
    transition:.4s;
}

.rg-choose-card:hover::before{
    transform:scale(1.4);
}

/*==========================
Icon
==========================*/

.rg-choose-icon{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    background:#022112;
    color:#d4af37;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    transition:.5s;
}

.rg-choose-card:hover .rg-choose-icon{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

/*==========================
Content
==========================*/

.rg-choose-card h3{
    font-size:24px;
    color:#022112;
    margin-bottom:15px;
    font-family:'Cinzel',serif;
}

.rg-choose-card p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*==========================
Responsive
==========================*/

@media(max-width:1100px){

.rg-choose-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-choose-banquet{
padding:70px 0;
}

.rg-choose-heading h2{
font-size:34px;
}

.rg-choose-grid{
grid-template-columns:1fr;
}

.rg-choose-card{
padding:35px 25px;
}

.rg-choose-icon{
width:75px;
height:75px;
font-size:28px;
}

}

@media(max-width:576px){

.rg-choose-heading h2{
font-size:28px;
}

.rg-choose-heading p{
font-size:15px;
}

}


/*=========================================
WHY CHOOSE ANIMATION
=========================================*/

.rg-choose-heading,
.rg-choose-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgChooseShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-choose-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================================
BANQUET HALL HIGHLIGHTS
=========================================*/

.rg-highlights-section{
    padding:100px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.rg-highlights-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(212,175,55,.06);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-highlights-section::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*==============================
Heading
==============================*/

.rg-highlights-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.rg-highlights-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:15px;

}

.rg-highlights-heading h2{

    font-size:46px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-highlights-heading p{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

/*==============================
Grid
==============================*/

.rg-highlights-grid{

    display:grid;

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

    gap:30px;

}

/*==============================
Card
==============================*/

.rg-highlight-card{

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

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

    transition:.4s ease;

    position:relative;

    overflow:hidden;

    border-bottom:4px solid transparent;

}

.rg-highlight-card:hover{

    transform:translateY(-12px);

    border-bottom-color:#d4af37;

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

}

/* Gold Glow */

.rg-highlight-card::before{

    content:"";

    position:absolute;

    width:170px;

    height:170px;

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

    border-radius:50%;

    top:-85px;

    right:-85px;

    transition:.4s;

}

.rg-highlight-card:hover::before{

    transform:scale(1.4);

}

/*==============================
Icon
==============================*/

.rg-highlight-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    transition:.5s;

}

.rg-highlight-card:hover .rg-highlight-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*==============================
Content
==============================*/

.rg-highlight-card h3{

    font-size:22px;

    color:#022112;

    margin-bottom:15px;

    font-family:'Cinzel',serif;

}

.rg-highlight-card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

}

/*==============================
Responsive
==============================*/

@media(max-width:1200px){

.rg-highlights-grid{

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

}

}

@media(max-width:768px){

.rg-highlights-section{

padding:70px 0;

}

.rg-highlights-heading h2{

font-size:34px;

}

.rg-highlights-grid{

grid-template-columns:1fr;

}

.rg-highlight-card{

padding:30px 20px;

}

.rg-highlight-icon{

width:70px;

height:70px;

font-size:26px;

}

}

@media(max-width:576px){

.rg-highlights-heading h2{

font-size:28px;

}

.rg-highlights-heading p{

font-size:15px;

}

}


/*=========================================
HIGHLIGHTS ANIMATION
=========================================*/

.rg-highlights-heading,
.rg-highlight-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgHighlightShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-highlight-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-highlight-icon{

    transition:all .6s ease;

}


/*=========================================
OUR BANQUET FACILITIES
=========================================*/

.rg-facilities-section{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-facilities-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,.06);
    border-radius:50%;
    top:-200px;
    left:-180px;
}

.rg-facilities-section::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*==========================
Heading
==========================*/

.rg-facilities-heading{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

.rg-facilities-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-facilities-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-facilities-heading p{
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/*==========================
Grid
==========================*/

.rg-facilities-grid{

    display:grid;

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

    gap:30px;

}

/*==========================
Card
==========================*/

.rg-facility-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    overflow:hidden;

    transition:.45s;

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

    border-bottom:4px solid transparent;

}

.rg-facility-card:hover{

    transform:translateY(-12px);

    border-bottom-color:#d4af37;

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

}

/* Gold Circle */

.rg-facility-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

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

    top:-90px;

    right:-90px;

    transition:.4s;

}

.rg-facility-card:hover::before{

    transform:scale(1.5);

}

/*==========================
Icon
==========================*/

.rg-facility-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    transition:.5s;

}

.rg-facility-card:hover .rg-facility-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*==========================
Content
==========================*/

.rg-facility-card h3{

    font-size:24px;

    color:#022112;

    margin-bottom:15px;

    font-family:'Cinzel',serif;

}

.rg-facility-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*==========================
Responsive
==========================*/

@media(max-width:1100px){

.rg-facilities-grid{

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

}

}

@media(max-width:768px){

.rg-facilities-section{

padding:70px 0;

}

.rg-facilities-heading h2{

font-size:34px;

}

.rg-facilities-grid{

grid-template-columns:1fr;

}

.rg-facility-card{

padding:35px 25px;

}

.rg-facility-icon{

width:75px;

height:75px;

font-size:28px;

}

}

@media(max-width:576px){

.rg-facilities-heading h2{

font-size:28px;

}

.rg-facilities-heading p{

font-size:15px;

}

}


/*=========================================
FACILITIES ANIMATION
=========================================*/

.rg-facilities-heading,
.rg-facility-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgFacilityShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-facility-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-facility-icon{

    transition:all .6s ease;

}


/*=========================================
BOOKING PROCESS
=========================================*/

.rg-booking-process{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-booking-process::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(212,175,55,.06);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-booking-process::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*==========================
Heading
==========================*/

.rg-booking-heading{
    text-align:center;
    max-width:820px;
    margin:0 auto 70px;
}

.rg-booking-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-booking-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-booking-heading p{
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/*==========================
Timeline
==========================*/

.rg-booking-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
}

.rg-booking-timeline::before{
    content:"";
    position:absolute;
    top:70px;
    left:8%;
    width:84%;
    height:4px;
    background:#d4af37;
    z-index:1;
}

/*==========================
Step Card
==========================*/

.rg-booking-step{
    position:relative;
    background:#fff;
    padding:35px 25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    z-index:2;
}

.rg-booking-step:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.16);
}

/*==========================
Step Number
==========================*/

.rg-booking-number{
    width:50px;
    height:50px;
    background:#022112;
    color:#fff;
    border-radius:50%;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    border:3px solid #d4af37;
}

/*==========================
Icon
==========================*/

.rg-booking-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#d4af37;
    color:#022112;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    transition:.4s;
}

.rg-booking-step:hover .rg-booking-icon{
    background:#022112;
    color:#d4af37;
    transform:rotateY(360deg);
}

/*==========================
Content
==========================*/

.rg-booking-step h3{
    font-size:22px;
    color:#022112;
    margin-bottom:15px;
    font-family:'Cinzel',serif;
}

.rg-booking-step p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==========================
Responsive
==========================*/

@media(max-width:1100px){

.rg-booking-timeline{
grid-template-columns:repeat(2,1fr);
}

.rg-booking-timeline::before{
display:none;
}

}

@media(max-width:768px){

.rg-booking-process{
padding:70px 0;
}

.rg-booking-heading h2{
font-size:34px;
}

.rg-booking-timeline{
grid-template-columns:1fr;
}

.rg-booking-step{
padding:30px 20px;
}

.rg-booking-icon{
width:70px;
height:70px;
font-size:26px;
}

}

@media(max-width:576px){

.rg-booking-heading h2{
font-size:28px;
}

.rg-booking-heading p{
font-size:15px;
}

}


/*=========================================
BOOKING PROCESS ANIMATION
=========================================*/

.rg-booking-heading,
.rg-booking-step{

opacity:0;

transform:translateY(60px);

transition:all .8s ease;

}

.rgBookingShow{

opacity:1 !important;

transform:translateY(0) !important;

}

.rg-booking-step{

transform-style:preserve-3d;

will-change:transform;

}

.rg-booking-icon{

transition:all .6s ease;

}

/*=========================================
WELCOME TO CORBETT SAFARI
=========================================*/

.rg-safari-about{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-safari-about::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(34,139,34,.07);
    top:-180px;
    left:-180px;
}

.rg-safari-about::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Layout
=========================*/

.rg-safari-wrapper{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:60px;
    align-items:center;
}

/*=========================
Content
=========================*/

.rg-safari-subtitle{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.rg-safari-content h2{
    font-size:46px;
    line-height:1.3;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:25px;
}

.rg-safari-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

/*=========================
Features
=========================*/

.rg-safari-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:35px 0;
}

.rg-safari-feature{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    font-weight:600;
    color:#022112;
}

.rg-safari-feature i{
    color:#d4af37;
    font-size:18px;
}

/*=========================
Buttons
=========================*/

.rg-safari-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-top:10px;
}

.rg-safari-call,
.rg-safari-book{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px 30px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.rg-safari-call{
    background:#022112;
    color:#fff;
}

.rg-safari-call:hover{
    background:#d4af37;
    color:#022112;
    transform:translateY(-5px);
}

.rg-safari-book{
    background:#25D366;
    color:#fff;
}

.rg-safari-book:hover{
    background:#1fa851;
    transform:translateY(-5px);
}

/*=========================
Right Cards
=========================*/

.rg-safari-info{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.rg-safari-card{
    background:#fff;
    padding:35px 20px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    border-top:4px solid #d4af37;
    transition:.4s;
}

.rg-safari-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.16);
}

.rg-safari-card h3{
    font-size:40px;
    color:#022112;
    margin-bottom:10px;
    font-family:'Cinzel',serif;
}

.rg-safari-card p{
    color:#666;
    font-size:15px;
}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-safari-wrapper{
grid-template-columns:1fr;
}

.rg-safari-info{
margin-top:20px;
}

}

@media(max-width:768px){

.rg-safari-about{
padding:70px 0;
}

.rg-safari-content h2{
font-size:34px;
}

.rg-safari-features{
grid-template-columns:1fr;
}

.rg-safari-info{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.rg-safari-content h2{
font-size:28px;
}

.rg-safari-info{
grid-template-columns:1fr;
}

.rg-safari-buttons{
flex-direction:column;
}

.rg-safari-call,
.rg-safari-book{
width:100%;
}

}

/*=========================================
WELCOME SAFARI ANIMATION
=========================================*/

.rg-safari-content,
.rg-safari-feature,
.rg-safari-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgSafariShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-safari-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-safari-call,
.rg-safari-book{

    position:relative;

    overflow:hidden;

}

.rgSafariRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgSafariRipple .7s linear;

}

@keyframes rgSafariRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

/*=========================================
WHY CHOOSE OUR CORBETT SAFARI
=========================================*/

.rg-why-safari{
    padding:100px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.rg-why-safari::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(34,139,34,.06);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-why-safari::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*==========================
Heading
==========================*/

.rg-why-safari-heading{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

.rg-why-safari-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-why-safari-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-why-safari-heading p{
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/*==========================
Grid
==========================*/

.rg-why-safari-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/*==========================
Card
==========================*/

.rg-why-safari-card{
    position:relative;
    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    text-align:center;
    overflow:hidden;
    transition:.45s;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    border-bottom:4px solid transparent;
}

.rg-why-safari-card:hover{
    transform:translateY(-12px);
    border-bottom-color:#d4af37;
    box-shadow:0 28px 60px rgba(0,0,0,.15);
}

/* Decorative Circle */

.rg-why-safari-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    top:-90px;
    right:-90px;
    transition:.4s;
}

.rg-why-safari-card:hover::before{
    transform:scale(1.4);
}

/*==========================
Icon
==========================*/

.rg-why-safari-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#022112;
    color:#d4af37;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
    transition:.5s;
}

.rg-why-safari-card:hover .rg-why-safari-icon{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

/*==========================
Content
==========================*/

.rg-why-safari-card h3{
    font-size:24px;
    color:#022112;
    margin-bottom:15px;
    font-family:'Cinzel',serif;
}

.rg-why-safari-card p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*==========================
Responsive
==========================*/

@media(max-width:1100px){

.rg-why-safari-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-why-safari{
padding:70px 0;
}

.rg-why-safari-heading h2{
font-size:34px;
}

.rg-why-safari-grid{
grid-template-columns:1fr;
}

.rg-why-safari-card{
padding:35px 25px;
}

.rg-why-safari-icon{
width:75px;
height:75px;
font-size:28px;
}

}

@media(max-width:576px){

.rg-why-safari-heading h2{
font-size:28px;
}

.rg-why-safari-heading p{
font-size:15px;
}

}

/*=========================================
WHY SAFARI ANIMATION
=========================================*/

.rg-why-safari-heading,
.rg-why-safari-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgWhySafariShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-why-safari-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-why-safari-icon{

    transition:all .6s ease;

}


/*=========================================
SAFARI ZONES
=========================================*/

.rg-safari-zones{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-safari-zones::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(34,139,34,.06);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-safari-zones::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*==========================
Heading
==========================*/

.rg-safari-zones-heading{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

.rg-safari-zones-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:15px;
}

.rg-safari-zones-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-safari-zones-heading p{
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/*==========================
Grid
==========================*/

.rg-safari-zones-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/*==========================
Zone Card
==========================*/

.rg-zone-card{
    background:#fff;
    border-radius:20px;
    padding:35px 30px;
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    border-bottom:4px solid transparent;
}

.rg-zone-card:hover{
    transform:translateY(-12px);
    border-bottom-color:#d4af37;
    box-shadow:0 28px 60px rgba(0,0,0,.16);
}

.rg-zone-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-90px;
    right:-90px;
    transition:.4s;
}

.rg-zone-card:hover::before{
    transform:scale(1.5);
}

/*==========================
Icon
==========================*/

.rg-zone-icon{
    width:85px;
    height:85px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#022112;
    color:#d4af37;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    transition:.5s;
}

.rg-zone-card:hover .rg-zone-icon{
    background:#d4af37;
    color:#022112;
    transform:rotateY(360deg);
}

/*==========================
Badge
==========================*/

.rg-zone-badge{
    display:inline-block;
    background:#d4af37;
    color:#022112;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    margin-bottom:18px;
}

/*==========================
Content
==========================*/

.rg-zone-card h3{
    font-size:25px;
    color:#022112;
    margin-bottom:15px;
    font-family:'Cinzel',serif;
}

.rg-zone-wildlife{
    font-size:15px;
    color:#022112;
    margin-bottom:15px;
    font-weight:600;
}

.rg-zone-card p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*==========================
Button
==========================*/

.rg-zone-btn{
    display:inline-block;
    margin-top:25px;
    padding:14px 28px;
    background:#022112;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.rg-zone-btn:hover{
    background:#d4af37;
    color:#022112;
}

/*==========================
Responsive
==========================*/

@media(max-width:1100px){

.rg-safari-zones-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.rg-safari-zones{
padding:70px 0;
}

.rg-safari-zones-heading h2{
font-size:34px;
}

.rg-safari-zones-grid{
grid-template-columns:1fr;
}

.rg-zone-card{
padding:30px 22px;
}

.rg-zone-icon{
width:75px;
height:75px;
font-size:28px;
}

}

@media(max-width:576px){

.rg-safari-zones-heading h2{
font-size:28px;
}

.rg-safari-zones-heading p{
font-size:15px;
}

}

/*=========================================
SAFARI ZONES ANIMATION
=========================================*/

.rg-safari-zones-heading,
.rg-zone-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgZoneShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-zone-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-zone-icon,
.rg-zone-btn{

    transition:all .5s ease;

}

/*=========================================
WHAT'S INCLUDED SECTION
=========================================*/

.rg-included-section{
    padding:100px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.rg-included-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(34,139,34,.06);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-included-section::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-included-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.rg-included-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:15px;

}

.rg-included-heading h2{

    font-size:46px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-included-heading p{

    color:#666;

    font-size:16px;

    line-height:1.9;

}

/*=========================
Grid
=========================*/

.rg-included-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
Card
=========================*/

.rg-included-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    overflow:hidden;

    transition:.4s;

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

    border-bottom:4px solid transparent;

}

.rg-included-card:hover{

    transform:translateY(-12px);

    border-bottom-color:#d4af37;

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

}

/* Decorative Circle */

.rg-included-card::before{

    content:"";

    position:absolute;

    width:170px;

    height:170px;

    border-radius:50%;

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

    top:-85px;

    right:-85px;

    transition:.4s;

}

.rg-included-card:hover::before{

    transform:scale(1.5);

}

/*=========================
Icon
=========================*/

.rg-included-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    transition:.5s;

}

.rg-included-card:hover .rg-included-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*=========================
Content
=========================*/

.rg-included-card h3{

    font-size:22px;

    color:#022112;

    margin-bottom:15px;

    font-family:'Cinzel',serif;

}

.rg-included-card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.rg-included-grid{

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

}

}

@media(max-width:768px){

.rg-included-section{

padding:70px 0;

}

.rg-included-heading h2{

font-size:34px;

}

.rg-included-grid{

grid-template-columns:1fr;

}

.rg-included-card{

padding:30px 22px;

}

.rg-included-icon{

width:70px;

height:70px;

font-size:26px;

}

}

@media(max-width:576px){

.rg-included-heading h2{

font-size:28px;

}

.rg-included-heading p{

font-size:15px;

}

}

/*=========================================
WHAT'S INCLUDED ANIMATION
=========================================*/

.rg-included-heading,
.rg-included-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgIncludedShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-included-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-included-icon{

    transition:all .6s ease;

}

/*=========================================
SAFARI BOOKING PROCESS
=========================================*/

.rg-safari-booking{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-safari-booking::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(34,139,34,.06);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-safari-booking::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-safari-booking-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.rg-safari-booking-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:15px;

}

.rg-safari-booking-heading h2{

    font-size:46px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-safari-booking-heading p{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

/*=========================
Timeline
=========================*/

.rg-safari-booking-grid{

    display:grid;

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

    gap:30px;

    position:relative;

}

.rg-safari-booking-grid::before{

    content:"";

    position:absolute;

    top:72px;

    left:8%;

    width:84%;

    height:4px;

    background:#d4af37;

    z-index:1;

}

/*=========================
Card
=========================*/

.rg-safari-booking-card{

    position:relative;

    background:#fff;

    padding:35px 25px;

    border-radius:20px;

    text-align:center;

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

    transition:.4s;

    z-index:2;

}

.rg-safari-booking-card:hover{

    transform:translateY(-12px);

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

}

/*=========================
Step Number
=========================*/

.rg-book-step-number{

    width:52px;

    height:52px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#022112;

    color:#fff;

    border:3px solid #d4af37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:700;

}

/*=========================
Icon
=========================*/

.rg-book-step-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#d4af37;

    color:#022112;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    transition:.5s;

}

.rg-safari-booking-card:hover .rg-book-step-icon{

    background:#022112;

    color:#d4af37;

    transform:rotateY(360deg);

}

/*=========================
Content
=========================*/

.rg-safari-booking-card h3{

    font-size:23px;

    color:#022112;

    margin-bottom:15px;

    font-family:'Cinzel',serif;

}

.rg-safari-booking-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-safari-booking-grid{

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

}

.rg-safari-booking-grid::before{

display:none;

}

}

@media(max-width:768px){

.rg-safari-booking{

padding:70px 0;

}

.rg-safari-booking-heading h2{

font-size:34px;

}

.rg-safari-booking-grid{

grid-template-columns:1fr;

}

.rg-safari-booking-card{

padding:30px 22px;

}

.rg-book-step-icon{

width:75px;

height:75px;

font-size:28px;

}

}

@media(max-width:576px){

.rg-safari-booking-heading h2{

font-size:28px;

}

.rg-safari-booking-heading p{

font-size:15px;

}

}


/*=========================================
SAFARI BOOKING PROCESS ANIMATION
=========================================*/

.rg-safari-booking-heading,
.rg-safari-booking-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgSafariBookingShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-safari-booking-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-book-step-icon{

    transition:all .6s ease;

}

/*=========================================
WHY BOOK WITH THE ROYAL GREEN BANQUET
=========================================*/

.rg-why-book{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-why-book::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(34,139,34,.06);
    top:-180px;
    left:-180px;
}

.rg-why-book::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-why-book-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.rg-why-book-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.rg-why-book-heading h2{

    font-size:46px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-why-book-heading p{

    color:#666;

    font-size:16px;

    line-height:1.9;

}

/*=========================
Grid
=========================*/

.rg-why-book-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
Card
=========================*/

.rg-why-book-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    overflow:hidden;

    transition:.4s;

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

    border-bottom:4px solid transparent;

}

.rg-why-book-card:hover{

    transform:translateY(-12px);

    border-bottom-color:#d4af37;

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

}

.rg-why-book-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

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

    top:-90px;

    right:-90px;

    transition:.4s;

}

.rg-why-book-card:hover::before{

    transform:scale(1.5);

}

/*=========================
Icon
=========================*/

.rg-why-book-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    transition:.5s;

}

.rg-why-book-card:hover .rg-why-book-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*=========================
Content
=========================*/

.rg-why-book-card h3{

    font-size:24px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:15px;

}

.rg-why-book-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-why-book-grid{

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

}

}

@media(max-width:768px){

.rg-why-book{

padding:70px 0;

}

.rg-why-book-heading h2{

font-size:34px;

}

.rg-why-book-grid{

grid-template-columns:1fr;

}

.rg-why-book-card{

padding:35px 25px;

}

.rg-why-book-icon{

width:75px;

height:75px;

font-size:28px;

}

}

@media(max-width:576px){

.rg-why-book-heading h2{

font-size:28px;

}

.rg-why-book-heading p{

font-size:15px;

}

}


/*=========================================
WHY BOOK ANIMATION
=========================================*/

.rg-why-book-heading,
.rg-why-book-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgWhyBookShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-why-book-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-why-book-icon{

    transition:all .6s ease;

}


/*=========================================
WELCOME TO OUR SERVICES
=========================================*/

.rg-services-about{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-services-about::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(34,139,34,.06);
    top:-180px;
    left:-180px;
}

.rg-services-about::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Layout
=========================*/

.rg-services-wrapper{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:60px;
    align-items:center;
}

/*=========================
Content
=========================*/

.rg-services-subtitle{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.rg-services-content h2{
    font-size:46px;
    line-height:1.3;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:25px;
}

.rg-services-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

/*=========================
Features
=========================*/

.rg-services-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:35px 0;
}

.rg-services-feature{
    display:flex;
    align-items:center;
    gap:12px;
    color:#022112;
    font-size:16px;
    font-weight:600;
}

.rg-services-feature i{
    color:#d4af37;
    font-size:18px;
}

/*=========================
Buttons
=========================*/

.rg-services-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-top:10px;
}

.rg-services-call,
.rg-services-whatsapp{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:15px 30px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.rg-services-call{

    background:#022112;

    color:#fff;

}

.rg-services-call:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

.rg-services-whatsapp{

    background:#25D366;

    color:#fff;

}

.rg-services-whatsapp:hover{

    background:#1fa851;

    transform:translateY(-5px);

}

/*=========================
Right Stats
=========================*/

.rg-services-info{

    display:grid;

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

    gap:25px;

}

.rg-services-card{

    background:#fff;

    border-radius:18px;

    padding:35px 20px;

    text-align:center;

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

    border-top:4px solid #d4af37;

    transition:.4s;

}

.rg-services-card:hover{

    transform:translateY(-10px);

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

}

.rg-services-card h3{

    font-size:40px;

    color:#022112;

    margin-bottom:10px;

    font-family:'Cinzel',serif;

}

.rg-services-card p{

    color:#666;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-services-wrapper{

grid-template-columns:1fr;

}

.rg-services-info{

margin-top:20px;

}

}

@media(max-width:768px){

.rg-services-about{

padding:70px 0;

}

.rg-services-content h2{

font-size:34px;

}

.rg-services-features{

grid-template-columns:1fr;

}

.rg-services-info{

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

}

}

@media(max-width:576px){

.rg-services-content h2{

font-size:28px;

}

.rg-services-info{

grid-template-columns:1fr;

}

.rg-services-buttons{

flex-direction:column;

}

.rg-services-call,
.rg-services-whatsapp{

width:100%;

}

}

/*=========================================
WELCOME TO OUR SERVICES ANIMATION
=========================================*/

.rg-services-content,
.rg-services-feature,
.rg-services-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgServicesShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-services-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-services-call,
.rg-services-whatsapp{

    position:relative;

    overflow:hidden;

}

.rgServicesRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgServicesRipple .7s linear;

}

@keyframes rgServicesRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}

/*=========================================
OUR PREMIUM SERVICES
=========================================*/

.rg-premium-services{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-premium-services::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(34,139,34,.06);
    top:-180px;
    left:-180px;
}

.rg-premium-services::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-premium-services-heading{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

.rg-premium-services-heading span{
    display:inline-block;
    color:#d4af37;
    font-size:15px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.rg-premium-services-heading h2{
    font-size:46px;
    color:#022112;
    font-family:'Cinzel',serif;
    margin-bottom:20px;
}

.rg-premium-services-heading p{
    color:#666;
    line-height:1.9;
}

/*=========================
Service Cards
=========================*/

.rg-premium-service-card{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:80px;

    background:#fff;

    border-radius:25px;

    overflow:hidden;

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

}

/* Alternate Layout */

.rg-premium-service-card:nth-child(even) .rg-premium-service-image{

    order:2;

}

.rg-premium-service-card:nth-child(even) .rg-premium-service-content{

    order:1;

}

/*=========================
Image
=========================*/

.rg-premium-service-image{

    height:100%;

}

.rg-premium-service-image img{

    width:100%;

    height:100%;

    min-height:430px;

    object-fit:cover;

    transition:.6s;

}

.rg-premium-service-card:hover img{

    transform:scale(1.08);

}

/*=========================
Content
=========================*/

.rg-premium-service-content{

    padding:45px;

}

.rg-service-tag{

    display:inline-block;

    padding:8px 18px;

    background:#d4af37;

    color:#022112;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.rg-premium-service-content h3{

    font-size:38px;

    color:#022112;

    margin-bottom:20px;

    font-family:'Cinzel',serif;

}

.rg-premium-service-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

/*=========================
List
=========================*/

.rg-premium-service-content ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.rg-premium-service-content li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:14px;

    color:#022112;

    font-weight:600;

}

.rg-premium-service-content li i{

    color:#d4af37;

}

/*=========================
Button
=========================*/

.rg-service-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 32px;

    background:#022112;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.rg-service-btn:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-premium-service-card{

grid-template-columns:1fr;

}

.rg-premium-service-card:nth-child(even) .rg-premium-service-image,

.rg-premium-service-card:nth-child(even) .rg-premium-service-content{

order:unset;

}

.rg-premium-service-image img{

min-height:320px;

}

}

@media(max-width:768px){

.rg-premium-services{

padding:70px 0;

}

.rg-premium-services-heading h2{

font-size:34px;

}

.rg-premium-service-content{

padding:30px;

}

.rg-premium-service-content h3{

font-size:30px;

}

}

@media(max-width:576px){

.rg-premium-services-heading h2{

font-size:28px;

}

.rg-premium-service-content{

padding:25px;

}

.rg-premium-service-content h3{

font-size:26px;

}

.rg-service-btn{

width:100%;

justify-content:center;

}

}

/*=========================================
OUR PREMIUM SERVICES ANIMATION
=========================================*/

.rg-premium-services-heading,
.rg-premium-service-card{

    opacity:0;

    transform:translateY(70px);

    transition:all .9s ease;

}

.rgPremiumServiceShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-premium-service-card{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-premium-service-image{

    overflow:hidden;

}

.rg-premium-service-image img{

    transition:transform .7s ease;

}

.rg-service-btn i{

    transition:.35s;

}

/*=========================================
WELCOME TO ROYAL CELEBRATIONS
=========================================*/

.rg-royal-intro{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-royal-intro::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(2,33,18,.06);
    top:-180px;
    left:-180px;
}

.rg-royal-intro::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Layout
=========================*/

.rg-royal-wrapper{

    display:grid;

    grid-template-columns:1.4fr 1fr;

    gap:60px;

    align-items:center;

}

/*=========================
Left Content
=========================*/

.rg-royal-subtitle{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.rg-royal-content h2{

    font-size:48px;

    color:#022112;

    font-family:'Cinzel',serif;

    line-height:1.3;

    margin-bottom:22px;

}

.rg-royal-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:18px;

    font-size:16px;

}

/*=========================
Features
=========================*/

.rg-royal-features{

    display:grid;

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

    gap:18px;

    margin:35px 0;

}

.rg-royal-feature{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:600;

    color:#022112;

}

.rg-royal-feature i{

    color:#d4af37;

    font-size:18px;

}

/*=========================
Buttons
=========================*/

.rg-royal-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:15px;

}

.rg-royal-call,
.rg-royal-whatsapp{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.rg-royal-call{

    background:#022112;

    color:#fff;

}

.rg-royal-call:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

.rg-royal-whatsapp{

    background:#25D366;

    color:#fff;

}

.rg-royal-whatsapp:hover{

    background:#1fa851;

    transform:translateY(-5px);

}

/*=========================
Statistics
=========================*/

.rg-royal-stats{

    display:grid;

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

    gap:25px;

}

.rg-royal-stat-card{

    background:#fff;

    padding:35px 20px;

    border-radius:20px;

    text-align:center;

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

    border-top:4px solid #d4af37;

    transition:.4s;

}

.rg-royal-stat-card:hover{

    transform:translateY(-10px);

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

}

.rg-royal-stat-card h3{

    font-size:42px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:10px;

}

.rg-royal-stat-card p{

    color:#666;

    font-size:15px;

    margin:0;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-royal-wrapper{

grid-template-columns:1fr;

}

.rg-royal-stats{

margin-top:10px;

}

}

@media(max-width:768px){

.rg-royal-intro{

padding:70px 0;

}

.rg-royal-content h2{

font-size:36px;

}

.rg-royal-features{

grid-template-columns:1fr;

}

.rg-royal-stats{

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

}

}

@media(max-width:576px){

.rg-royal-content h2{

font-size:30px;

}

.rg-royal-stats{

grid-template-columns:1fr;

}

.rg-royal-buttons{

flex-direction:column;

}

.rg-royal-call,
.rg-royal-whatsapp{

width:100%;

}

}

/*=========================================
WELCOME TO ROYAL CELEBRATIONS ANIMATION
=========================================*/

.rg-royal-content,
.rg-royal-feature,
.rg-royal-stat-card{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgRoyalShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-royal-stat-card{

    transform-style:preserve-3d;

    will-change:transform;

}

/*=========================
Ripple Effect
=========================*/

.rg-royal-call,
.rg-royal-whatsapp{

    position:relative;

    overflow:hidden;

}

.rgRoyalRipple{

    position:absolute;

    width:20px;

    height:20px;

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

    border-radius:50%;

    transform:translate(-50%,-50%) scale(0);

    animation:rgRoyalRipple .7s linear;

}

@keyframes rgRoyalRipple{

    to{

        transform:translate(-50%,-50%) scale(18);

        opacity:0;

    }

}


/*=========================================
ROYAL CELEBRATION SERVICES
=========================================*/

.rg-royal-services{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-royal-services::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-royal-services::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-royal-services-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.rg-royal-services-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.rg-royal-services-heading h2{

    font-size:46px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-royal-services-heading p{

    color:#666;

    line-height:1.9;

}

/*=========================
Service Box
=========================*/

.rg-royal-service-box{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    margin-bottom:70px;

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

    transition:.45s;

}

.rg-royal-service-box:hover{

    transform:translateY(-10px);

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

}

/* Alternate Layout */

.rg-royal-service-box:nth-child(even) .rg-royal-service-image{

    order:2;

}

.rg-royal-service-box:nth-child(even) .rg-royal-service-content{

    order:1;

}

/*=========================
Image
=========================*/

.rg-royal-service-image{

    height:100%;

    overflow:hidden;

}

.rg-royal-service-image img{

    width:100%;

    height:100%;

    min-height:480px;

    object-fit:cover;

    transition:.7s;

}

.rg-royal-service-box:hover img{

    transform:scale(1.08);

}

/*=========================
Content
=========================*/

.rg-royal-service-content{

    padding:50px;

}

.rg-service-label{

    display:inline-block;

    background:#d4af37;

    color:#022112;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.rg-royal-service-content h3{

    font-size:40px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-royal-service-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

/*=========================
List
=========================*/

.rg-royal-service-content ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.rg-royal-service-content li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

    font-weight:600;

    color:#022112;

}

.rg-royal-service-content li i{

    color:#d4af37;

}

/*=========================
Button
=========================*/

.rg-royal-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 34px;

    background:#022112;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.rg-royal-btn:hover{

    background:#d4af37;

    color:#022112;

    transform:translateY(-5px);

}

.rg-royal-btn i{

    transition:.35s;

}

.rg-royal-btn:hover i{

    transform:translateX(8px);

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.rg-royal-service-box{

grid-template-columns:1fr;

gap:0;

}

.rg-royal-service-box:nth-child(even) .rg-royal-service-image,

.rg-royal-service-box:nth-child(even) .rg-royal-service-content{

order:unset;

}

.rg-royal-service-image img{

min-height:320px;

}

}

@media(max-width:768px){

.rg-royal-services{

padding:70px 0;

}

.rg-royal-services-heading h2{

font-size:34px;

}

.rg-royal-service-content{

padding:30px;

}

.rg-royal-service-content h3{

font-size:30px;

}

}

@media(max-width:576px){

.rg-royal-services-heading h2{

font-size:28px;

}

.rg-royal-service-content{

padding:25px;

}

.rg-royal-service-content h3{

font-size:25px;

}

.rg-royal-btn{

width:100%;

justify-content:center;

}

}

/*=========================================
ROYAL CELEBRATION SERVICES ANIMATION
=========================================*/

.rg-royal-services-heading,
.rg-royal-service-box{

    opacity:0;

    transform:translateY(70px);

    transition:all .9s ease;

}

.rgRoyalServiceShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-royal-service-box{

    transform-style:preserve-3d;

    will-change:transform;

}

.rg-royal-service-image{

    overflow:hidden;

}

.rg-royal-service-image img{

    transition:transform .7s ease;

}

.rg-royal-btn{

    position:relative;

    overflow:hidden;

}

.rg-royal-btn i{

    transition:transform .35s ease;

}


/*=========================================
WHY CHOOSE ROYAL CELEBRATIONS
=========================================*/

.rg-why-royal{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-why-royal::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(2,33,18,.05);
    top:-180px;
    left:-180px;
}

.rg-why-royal::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-why-royal-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.rg-why-royal-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.rg-why-royal-heading h2{

    font-size:46px;

    font-family:'Cinzel',serif;

    color:#022112;

    margin-bottom:20px;

}

.rg-why-royal-heading p{

    color:#666;

    line-height:1.9;

}

/*=========================
Grid
=========================*/

.rg-why-royal-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
Cards
=========================*/

.rg-why-royal-card{

    position:relative;

    background:#fff;

    padding:40px 30px;

    border-radius:22px;

    text-align:center;

    overflow:hidden;

    transition:.45s;

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

    border-bottom:4px solid transparent;

}

.rg-why-royal-card:hover{

    transform:translateY(-12px);

    border-bottom-color:#d4af37;

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

}

.rg-why-royal-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

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

    top:-90px;

    right:-90px;

    transition:.5s;

}

.rg-why-royal-card:hover::before{

    transform:scale(1.5);

}

/*=========================
Icon
=========================*/

.rg-why-royal-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.5s;

}

.rg-why-royal-card:hover .rg-why-royal-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*=========================
Content
=========================*/

.rg-why-royal-card h3{

    font-size:24px;

    font-family:'Cinzel',serif;

    color:#022112;

    margin-bottom:15px;

}

.rg-why-royal-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1100px){

.rg-why-royal-grid{

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

}

}

@media(max-width:768px){

.rg-why-royal{

padding:70px 0;

}

.rg-why-royal-heading h2{

font-size:34px;

}

.rg-why-royal-grid{

grid-template-columns:1fr;

}

.rg-why-royal-card{

padding:35px 25px;

}

.rg-why-royal-icon{

width:75px;

height:75px;

font-size:28px;

}

}

@media(max-width:576px){

.rg-why-royal-heading h2{

font-size:28px;

}

.rg-why-royal-heading p{

font-size:15px;

}

}



/*=========================================
BOOKING PROCESS
=========================================*/

.rg-booking-process{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-booking-process::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(2,33,18,.05);
    top:-180px;
    left:-180px;
}

.rg-booking-process::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Heading
=========================*/

.rg-booking-heading{

    max-width:820px;

    margin:0 auto 80px;

    text-align:center;

}

.rg-booking-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.rg-booking-heading h2{

    font-size:46px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-booking-heading p{

    color:#666;

    line-height:1.9;

}

/*=========================
Timeline
=========================*/

.rg-booking-steps{

    display:grid;

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

    gap:30px;

    position:relative;

}

.rg-booking-steps::before{

    content:"";

    position:absolute;

    left:10%;

    right:10%;

    top:45px;

    height:4px;

    background:#d4af37;

    z-index:0;

}

/*=========================
Step Card
=========================*/

.rg-booking-step{

    position:relative;

    text-align:center;

    background:#fff;

    padding:35px 22px;

    border-radius:20px;

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

    transition:.4s;

    z-index:2;

}

.rg-booking-step:hover{

    transform:translateY(-10px);

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

}

/*=========================
Icon
=========================*/

.rg-booking-icon{

    width:90px;

    height:90px;

    margin:0 auto 18px;

    border-radius:50%;

    background:#022112;

    color:#d4af37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    border:5px solid #fff;

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

    transition:.4s;

    position:relative;

    z-index:5;

}

.rg-booking-step:hover .rg-booking-icon{

    background:#d4af37;

    color:#022112;

    transform:rotateY(360deg);

}

/*=========================
Step Number
=========================*/

.rg-step-number{

    display:inline-block;

    background:#d4af37;

    color:#022112;

    padding:6px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:18px;

}

/*=========================
Content
=========================*/

.rg-booking-step h3{

    font-size:22px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:15px;

}

.rg-booking-step p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.rg-booking-steps{

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

}

.rg-booking-steps::before{

display:none;

}

}

@media(max-width:768px){

.rg-booking-process{

padding:70px 0;

}

.rg-booking-heading h2{

font-size:34px;

}

.rg-booking-steps{

grid-template-columns:1fr;

gap:25px;

}

.rg-booking-icon{

width:75px;

height:75px;

font-size:28px;

}

.rg-booking-step{

padding:30px 20px;

}

}

@media(max-width:576px){

.rg-booking-heading h2{

font-size:28px;

}

.rg-booking-heading p{

font-size:15px;

}

}

/*=========================================
PRIVACY POLICY
=========================================*/

.rg-privacy-policy{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-privacy-policy::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-privacy-policy::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Wrapper
=========================*/

.rg-privacy-wrapper{

    background:#fff;

    border-radius:25px;

    padding:70px;

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

    position:relative;

    z-index:2;

}

/*=========================
Heading
=========================*/

.rg-privacy-header{

    text-align:center;

    margin-bottom:60px;

}

.rg-privacy-header span{

    display:inline-block;

    padding:8px 22px;

    background:#d4af37;

    color:#022112;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    border-radius:40px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.rg-privacy-header h2{

    font-size:48px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-privacy-header p{

    max-width:850px;

    margin:auto;

    color:#666;

    line-height:1.9;

}

/*=========================
Policy Content
=========================*/

.rg-policy-content{

    display:grid;

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

    gap:30px;

}

/*=========================
Policy Card
=========================*/

.rg-policy-item{

    background:#fff;

    padding:35px;

    border-radius:20px;

    border:1px solid #ececec;

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

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.rg-policy-item::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:100%;

    background:#d4af37;

    transition:.4s;

}

.rg-policy-item:hover{

    transform:translateY(-10px);

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

}

.rg-policy-item:hover::before{

    width:100%;

    opacity:.05;

}

/*=========================
Heading
=========================*/

.rg-policy-item h3{

    display:flex;

    align-items:center;

    gap:15px;

    font-size:24px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:18px;

}

.rg-policy-item h3 i{

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#022112;

    color:#d4af37;

    font-size:22px;

    transition:.4s;

}

.rg-policy-item:hover h3 i{

    background:#d4af37;

    color:#022112;

    transform:rotate(360deg);

}

/*=========================
Paragraph
=========================*/

.rg-policy-item p{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

.rg-policy-item a{

    color:#022112;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.rg-policy-item a:hover{

    color:#d4af37;

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.rg-policy-content{

grid-template-columns:1fr;

}

.rg-privacy-wrapper{

padding:50px 35px;

}

}

@media(max-width:768px){

.rg-privacy-policy{

padding:70px 0;

}

.rg-privacy-header h2{

font-size:34px;

}

.rg-policy-item{

padding:28px;

}

}

@media(max-width:576px){

.rg-privacy-wrapper{

padding:30px 20px;

}

.rg-privacy-header h2{

font-size:28px;

}

.rg-policy-item h3{

font-size:20px;

flex-direction:column;

align-items:flex-start;

}

.rg-policy-item h3 i{

width:50px;

height:50px;

font-size:20px;

}

}
/*=========================================
PRIVACY POLICY ANIMATION
=========================================*/

.rg-privacy-header,
.rg-policy-item{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.rgPrivacyShow{

    opacity:1 !important;

    transform:translateY(0) !important;

}

.rg-policy-item{

    transform-style:preserve-3d;

    will-change:transform;

}

/* Icon Animation */

.rg-policy-item h3 i{

    transition:all .6s ease;

}

.rg-policy-item:hover h3 i{

    animation:rgPrivacyIcon .7s ease;

}

/* Gold Glow */

.rg-policy-item:hover{

    box-shadow:
        0 20px 60px rgba(0,0,0,.15),
        0 0 20px rgba(212,175,55,.18);

}

/* Icon Keyframes */

@keyframes rgPrivacyIcon{

    0%{

        transform:rotate(0deg) scale(1);

    }

    50%{

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

    }

    100%{

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

    }

}

/*=========================================
TERMS & CONDITIONS
=========================================*/

.rg-terms-section{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-terms-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(2,33,18,.05);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.rg-terms-section::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    bottom:-180px;
    right:-180px;
}

/*=========================
Wrapper
=========================*/

.rg-terms-wrapper{

    background:#fff;

    padding:70px;

    border-radius:25px;

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

    position:relative;

    z-index:2;

}

/*=========================
Heading
=========================*/

.rg-terms-header{

    text-align:center;

    margin-bottom:70px;

}

.rg-terms-header span{

    display:inline-block;

    padding:8px 22px;

    background:#d4af37;

    color:#022112;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.rg-terms-header h2{

    font-size:48px;

    font-family:'Cinzel',serif;

    color:#022112;

    margin-bottom:20px;

}

.rg-terms-header p{

    max-width:850px;

    margin:auto;

    color:#666;

    line-height:1.9;

}

/*=========================
Grid
=========================*/

.rg-terms-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
Card
=========================*/

.rg-term-card{

    position:relative;

    background:#fff;

    padding:35px;

    border-radius:20px;

    border:1px solid #ececec;

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

    overflow:hidden;

    transition:.4s;

}

.rg-term-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:100%;

    background:#d4af37;

    transition:.45s;

}

.rg-term-card:hover{

    transform:translateY(-10px);

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

}

.rg-term-card:hover::before{

    width:100%;

    opacity:.05;

}

/*=========================
Heading
=========================*/

.rg-term-card h3{

    display:flex;

    align-items:center;

    gap:15px;

    font-size:24px;

    font-family:'Cinzel',serif;

    color:#022112;

    margin-bottom:18px;

}

.rg-term-card h3 i{

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#022112;

    color:#d4af37;

    font-size:22px;

    transition:.45s;

}

.rg-term-card:hover h3 i{

    background:#d4af37;

    color:#022112;

    transform:rotate(360deg);

}

/*=========================
Paragraph
=========================*/

.rg-term-card p{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

.rg-term-card a{

    color:#022112;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.rg-term-card a:hover{

    color:#d4af37;

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.rg-terms-grid{

grid-template-columns:1fr;

}

.rg-terms-wrapper{

padding:50px 35px;

}

}

@media(max-width:768px){

.rg-terms-section{

padding:70px 0;

}

.rg-terms-header h2{

font-size:34px;

}

.rg-term-card{

padding:28px;

}

}

@media(max-width:576px){

.rg-terms-wrapper{

padding:30px 20px;

}

.rg-terms-header h2{

font-size:28px;

}

.rg-term-card h3{

font-size:20px;

flex-direction:column;

align-items:flex-start;

}

.rg-term-card h3 i{

width:50px;

height:50px;

font-size:20px;

}

}

/*=========================================
REFUND POLICY
=========================================*/

.rg-refund-policy{
    padding:100px 0;
    background:#f8f8f8;
    position:relative;
    overflow:hidden;
}

.rg-refund-policy::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(2,33,18,.05);
    top:-180px;
    left:-180px;
}

.rg-refund-policy::after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    bottom:-180px;
    right:-180px;
}

/*=========================
Wrapper
=========================*/

.rg-refund-wrapper{

    background:#fff;

    padding:70px;

    border-radius:25px;

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

    position:relative;

    z-index:2;

}

/*=========================
Heading
=========================*/

.rg-refund-header{

    text-align:center;

    margin-bottom:70px;

}

.rg-refund-header span{

    display:inline-block;

    padding:8px 22px;

    background:#d4af37;

    color:#022112;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.rg-refund-header h2{

    font-size:48px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.rg-refund-header p{

    max-width:850px;

    margin:auto;

    color:#666;

    line-height:1.9;

}

/*=========================
Grid
=========================*/

.rg-refund-grid{

    display:grid;

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

    gap:30px;

}

/*=========================
Card
=========================*/

.rg-refund-card{

    position:relative;

    background:#fff;

    padding:35px;

    border-radius:20px;

    border:1px solid #ececec;

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

    overflow:hidden;

    transition:.45s;

}

.rg-refund-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:100%;

    background:#d4af37;

    transition:.45s;

}

.rg-refund-card:hover{

    transform:translateY(-10px);

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

}

.rg-refund-card:hover::before{

    width:100%;

    opacity:.05;

}

/*=========================
Heading
=========================*/

.rg-refund-card h3{

    display:flex;

    align-items:center;

    gap:15px;

    font-size:24px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:18px;

}

.rg-refund-card h3 i{

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#022112;

    color:#d4af37;

    font-size:22px;

    transition:.45s;

}

.rg-refund-card:hover h3 i{

    background:#d4af37;

    color:#022112;

    transform:rotate(360deg);

}

/*=========================
Paragraph
=========================*/

.rg-refund-card p{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

.rg-refund-card a{

    color:#022112;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.rg-refund-card a:hover{

    color:#d4af37;

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.rg-refund-grid{

grid-template-columns:1fr;

}

.rg-refund-wrapper{

padding:50px 35px;

}

}

@media(max-width:768px){

.rg-refund-policy{

padding:70px 0;

}

.rg-refund-header h2{

font-size:34px;

}

.rg-refund-card{

padding:28px;

}

}

@media(max-width:576px){

.rg-refund-wrapper{

padding:30px 20px;

}

.rg-refund-header h2{

font-size:28px;

}

.rg-refund-card h3{

font-size:20px;

flex-direction:column;

align-items:flex-start;

}

.rg-refund-card h3 i{

width:50px;

height:50px;

font-size:20px;

}

}

/*=========================================
EXCLUSIVE EVENT PACKAGES
=========================================*/

.trg-package-section{
    padding:110px 0;
    background:#f8f8f6;
    position:relative;
    overflow:hidden;
}

.trg-package-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    top:-180px;
    left:-180px;
}

.trg-package-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(2,33,18,.05);
    right:-180px;
    bottom:-180px;
}

/*=========================
Heading
=========================*/

.trg-package-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.trg-package-heading span{

    display:inline-block;

    color:#c9a227;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:15px;

}

.trg-package-heading h2{

    font-size:52px;

    color:#022112;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

    line-height:1.2;

}

.trg-package-heading p{

    color:#666;

    line-height:1.9;

    font-size:17px;

}

/*=========================
Tabs
=========================*/

.trg-package-tabs{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-bottom:50px;

    flex-wrap:wrap;

}

.trg-package-tab{

    border:none;

    cursor:pointer;

    padding:18px 35px;

    border-radius:60px;

    background:#fff;

    color:#022112;

    font-size:17px;

    font-weight:700;

    border:2px solid #ececec;

    transition:.35s;

}

.trg-package-tab i{

    margin-right:10px;

    color:#c9a227;

}

.trg-package-tab.active{

    background:#022112;

    color:#fff;

    border-color:#022112;

}

.trg-package-tab.active i{

    color:#d4af37;

}

.trg-package-tab:hover{

    transform:translateY(-4px);

}

/*=========================
Main Card
=========================*/

.trg-package-box{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:45px;

    background:#fff;

    border-radius:28px;

    padding:45px;

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

}

/*=========================
Left Side
=========================*/

.trg-package-left{

    background:#022112;

    border-radius:24px;

    padding:45px;

    color:#fff;

    position:relative;

}

.trg-package-tag{

    display:inline-block;

    background:#d4af37;

    color:#022112;

    padding:8px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.trg-package-left h3{

    font-size:40px;

    font-family:'Cinzel',serif;

    margin-bottom:20px;

}

.trg-package-left p{

    line-height:1.9;

    color:#ddd;

}

/*=========================
Switch
=========================*/

.trg-price-switch{

    display:flex;

    gap:12px;

    margin:35px 0;

}

.trg-switch-btn{

    flex:1;

    border:none;

    cursor:pointer;

    padding:14px;

    border-radius:40px;

    background:#fff;

    color:#022112;

    font-weight:700;

    transition:.3s;

}

.trg-switch-btn.active{

    background:#d4af37;

    color:#022112;

}

/*=========================
Price
=========================*/

.trg-package-price{

    font-size:56px;

    font-weight:800;

    color:#d4af37;

    margin-bottom:8px;

}

#packageLabel{

    color:#ccc;

}

/*=========================
Buttons
=========================*/

.trg-package-buttons{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-top:40px;

}

.trg-btn-primary,
.trg-btn-outline{

    text-align:center;

    text-decoration:none;

    padding:16px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.trg-btn-primary{

    background:#d4af37;

    color:#022112;

}

.trg-btn-outline{

    border:2px solid #d4af37;

    color:#fff;

}

.trg-btn-primary:hover{

    background:#fff;

}

.trg-btn-outline:hover{

    background:#d4af37;

    color:#022112;

}

/*=========================
Right Side
=========================*/

.trg-package-right h4{

    font-size:32px;

    font-family:'Cinzel',serif;

    color:#022112;

    margin-bottom:30px;

}

#packageFeatures{

    list-style:none;

    display:grid;

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

    gap:18px;

}

#packageFeatures li{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fafafa;

    padding:18px;

    border-radius:14px;

    border:1px solid #eee;

    transition:.3s;

}

#packageFeatures li:hover{

    transform:translateX(8px);

    border-color:#d4af37;

}

#packageFeatures i{

    color:#0b8b45;

    font-size:18px;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.trg-package-box{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.trg-package-section{

padding:70px 0;

}

.trg-package-heading h2{

font-size:36px;

}

.trg-package-left{

padding:30px;

}

.trg-package-left h3{

font-size:30px;

}

.trg-package-price{

font-size:42px;

}

#packageFeatures{

grid-template-columns:1fr;

}

}

@media(max-width:576px){

.trg-package-tab{

width:100%;

}

.trg-price-switch{

flex-direction:column;

}

.trg-package-box{

padding:20px;

}

.trg-package-right h4{

font-size:26px;

}

}

.trg-package-box{

transition:.45s ease;

}

#packageFeatures li{

animation:fadePackage .5s ease;

}

@keyframes fadePackage{

from{

opacity:0;

transform:translateY(15px);

}

to{

opacity:1;

transform:translateY(0);

}

}