.elementor-5759 .elementor-element.elementor-element-9a7e063{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-9d8c113{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-c114cff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-a6fa2f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-2c85e33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-b796b78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-fc62272{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-60ca92c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-4c836a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5759 .elementor-element.elementor-element-f270592{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1145d35 *//* =========================
   Mirth Hero Section
========================= */

.mirth-hero{
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: linear-gradient(
        135deg,
        #f5fbfc 0%,
        #eef7f8 45%,
        #f9fcfc 100%
    );
    font-family: 'Poppins', sans-serif;
}

/* Soft Background Image */
.mirth-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('YOUR-FEATURED-IMAGE.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.08;
    filter: blur(2px);
    transform: scale(1.05);
}

.mirth-overlay{
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at top left,
        rgba(143, 208, 222, 0.18),
        transparent 40%
    );
}

.mirth-container{
    position: relative;
    z-index: 2;
    max-width: 1300px;
    margin: auto;
    padding: 0 6%;
}

.mirth-grid{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 70px;
}

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

.mirth-content{
    color: #2e4f59;
}

.mirth-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #748460;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}

.mirth-content h1{
    font-size: 62px;
    line-height: 1.08;
    font-weight: 700;
    margin-bottom: 28px;
    color: #356273;
}

.mirth-description{
    font-size: 19px;
    line-height: 1.9;
    color: #56707a;
    margin-bottom: 18px;
}

.mirth-subtext{
    font-size: 17px;
    line-height: 1.8;
    color: #6d858d;
    margin-bottom: 38px;
}

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

.mirth-buttons{
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 42px;
}

.mirth-btn{
    text-decoration: none;
    padding: 16px 32px;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.35s ease;
}

.primary-btn{
    background: linear-gradient(
        135deg,
        #8fd0de,
        #6eb8c9,
        #5aa8bc
    );
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(109, 185, 203, 0.25);
}

.primary-btn:hover{
    transform: translateY(-4px);
}

.secondary-btn{
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(90, 168, 188, 0.18);
    color: #356273;
    backdrop-filter: blur(10px);
}

.secondary-btn:hover{
    background: #ffffff;
    transform: translateY(-4px);
}

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

.mirth-features{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.feature-item{
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(109, 185, 203, 0.16);
    color: #54717b;
    padding: 12px 18px;
    border-radius: 40px;
    font-size: 14px;
    backdrop-filter: blur(8px);
}

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

.mirth-image-box{
    position: relative;
}

.mirth-image-box img{
    width: 100%;
    border-radius: 32px;
    display: block;
    box-shadow: 0 25px 60px rgba(25, 60, 75, 0.16);
    border: 8px solid rgba(255,255,255,0.65);
}

/* Floating Glow */
.mirth-image-box::after{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(143, 208, 222, 0.22);
    border-radius: 50%;
    right: -40px;
    bottom: -40px;
    filter: blur(30px);
    z-index: -1;
}

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

@media(max-width: 992px){

    .mirth-grid{
        grid-template-columns: 1fr;
    }

    .mirth-content h1{
        font-size: 46px;
    }

    .mirth-image-box{
        order: -1;
    }
}

@media(max-width: 767px){

    .mirth-hero{
        padding: 70px 0;
    }

    .mirth-content h1{
        font-size: 34px;
        line-height: 1.2;
    }

    .mirth-description{
        font-size: 16px;
    }

    .mirth-subtext{
        font-size: 15px;
    }

    .mirth-buttons{
        flex-direction: column;
    }

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

    .mirth-image-box img{
        border-radius: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cefca5 *//* =========================
   Private Villa Benefits
========================= */

.villa-benefits-section{
    position: relative;
    padding: 110px 0;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f6fbfb 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Soft Decorative Glow */
.villa-benefits-section::before{
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(143, 208, 222, 0.12);
    border-radius: 50%;
    top: -120px;
    right: -120px;
    filter: blur(50px);
}

.villa-container{
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: auto;
    padding: 0 6%;
}

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

.villa-heading{
    max-width: 760px;
    margin: auto;
    text-align: center;
    margin-bottom: 70px;
}

.villa-mini-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 22px;
}

.villa-heading h2{
    font-size: 52px;
    line-height: 1.15;
    color: #356273;
    margin-bottom: 24px;
    font-weight: 700;
}

.villa-heading p{
    font-size: 18px;
    line-height: 1.9;
    color: #617981;
}

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

.villa-benefits-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

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

.villa-card{
    position: relative;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 28px;
    padding: 40px 30px;
    transition: all 0.35s ease;
    backdrop-filter: blur(12px);
    overflow: hidden;
}

/* Top Gradient Line */
.villa-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #8fd0de,
        #74bccd,
        #5caabd
    );
}

.villa-card:hover{
    transform: translateY(-10px);
    box-shadow: 0 24px 50px rgba(50, 90, 100, 0.10);
}

.villa-icon{
    width: 72px;
    height: 72px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    background: rgba(143, 208, 222, 0.12);
    margin-bottom: 26px;
}

.villa-card h3{
    font-size: 24px;
    color: #356273;
    margin-bottom: 18px;
    font-weight: 600;
}

.villa-card p{
    font-size: 16px;
    line-height: 1.9;
    color: #667f87;
}

/* =========================
   Tablet
========================= */

@media(max-width: 1100px){

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

    .villa-heading h2{
        font-size: 42px;
    }
}

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

@media(max-width: 767px){

    .villa-benefits-section{
        padding: 80px 0;
    }

    .villa-benefits-grid{
        grid-template-columns: 1fr;
    }

    .villa-heading{
        margin-bottom: 50px;
    }

    .villa-heading h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .villa-heading p{
        font-size: 16px;
    }

    .villa-card{
        padding: 32px 24px;
    }

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

    .villa-card p{
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76a5ad0 *//* =========================
   Virajpet Section
========================= */

.virajpet-section{
    position: relative;
    padding: 120px 0;
    background: linear-gradient(
        180deg,
        #f7fbfb 0%,
        #ffffff 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Decorative Glow */
.virajpet-section::before{
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(143, 208, 222, 0.10);
    border-radius: 50%;
    left: -180px;
    bottom: -180px;
    filter: blur(50px);
}

.virajpet-container{
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: auto;
    padding: 0 6%;
}

.virajpet-grid{
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 70px;
    align-items: center;
}

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

.virajpet-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 24px;
}

.virajpet-content h2{
    font-size: 54px;
    line-height: 1.12;
    color: #356273;
    margin-bottom: 28px;
    font-weight: 700;
}

.virajpet-description{
    font-size: 19px;
    line-height: 1.9;
    color: #5d767d;
    margin-bottom: 18px;
}

.virajpet-subtext{
    font-size: 17px;
    line-height: 1.9;
    color: #738a92;
    margin-bottom: 38px;
}

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

.virajpet-features{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.virajpet-feature{
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(143, 208, 222, 0.14);
    padding: 18px 22px;
    border-radius: 18px;
    color: #557078;
    font-size: 16px;
    backdrop-filter: blur(10px);
    transition: all 0.35s ease;
}

.virajpet-feature:hover{
    transform: translateX(6px);
    box-shadow: 0 15px 35px rgba(50, 90, 100, 0.08);
}

.virajpet-feature span{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(143, 208, 222, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4e8fa0;
    font-weight: 600;
}

/* =========================
   Right Highlight Card
========================= */

.highlight-card{
    position: relative;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.92),
        rgba(246,251,252,0.95)
    );
    border: 1px solid rgba(143, 208, 222, 0.16);
    border-radius: 32px;
    padding: 45px 40px;
    box-shadow: 0 30px 60px rgba(50, 90, 100, 0.08);
    overflow: hidden;
}

/* Top Accent */
.highlight-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #8fd0de,
        #74bccd,
        #5caabd
    );
}

.highlight-small{
    display: inline-block;
    font-size: 13px;
    color: #7c8f66;
    background: rgba(145, 168, 129, 0.12);
    padding: 8px 14px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.highlight-card h3{
    font-size: 34px;
    line-height: 1.2;
    color: #356273;
    margin-bottom: 22px;
}

.highlight-card p{
    font-size: 17px;
    line-height: 1.9;
    color: #647d85;
    margin-bottom: 36px;
}

/* =========================
   Location Flow
========================= */

.location-points{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.point-box{
    flex: 1;
    background: #ffffff;
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 20px;
    padding: 20px 16px;
    text-align: center;
    color: #6a8188;
    font-size: 14px;
    line-height: 1.6;
}

.point-box strong{
    display: block;
    color: #356273;
    margin-bottom: 4px;
    font-size: 16px;
}

.center-box{
    background: linear-gradient(
        135deg,
        #8fd0de,
        #6eb8c9
    );
    color: #ffffff;
}

.center-box strong{
    color: #ffffff;
}

.point-line{
    width: 40px;
    height: 2px;
    background: linear-gradient(
        90deg,
        #8fd0de,
        #5caabd
    );
}

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

@media(max-width: 992px){

    .virajpet-grid{
        grid-template-columns: 1fr;
    }

    .virajpet-content h2{
        font-size: 42px;
    }
}

@media(max-width: 767px){

    .virajpet-section{
        padding: 80px 0;
    }

    .virajpet-content h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .virajpet-description,
    .highlight-card p{
        font-size: 16px;
    }

    .virajpet-subtext{
        font-size: 15px;
    }

    .location-points{
        flex-direction: column;
    }

    .point-line{
        width: 2px;
        height: 24px;
    }

    .highlight-card{
        padding: 34px 26px;
    }

    .highlight-card h3{
        font-size: 28px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51aa459 *//* =========================
   Coorg Access Section
========================= */

.coorg-access-section{
    position: relative;
    padding: 120px 0;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f5fbfb 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Background Glow */
.coorg-access-section::before{
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: rgba(143, 208, 222, 0.10);
    border-radius: 50%;
    top: -180px;
    right: -180px;
    filter: blur(60px);
}

.coorg-access-container{
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: auto;
    padding: 0 6%;
}

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

.coorg-access-heading{
    max-width: 760px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}

.coorg-access-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 24px;
}

.coorg-access-heading h2{
    font-size: 54px;
    line-height: 1.12;
    color: #356273;
    margin-bottom: 24px;
    font-weight: 700;
}

.coorg-access-heading p{
    font-size: 18px;
    line-height: 1.9;
    color: #667e86;
}

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

.coorg-access-grid{
    display: grid;
    grid-template-columns: 1fr 0.9fr 1fr;
    gap: 34px;
    align-items: center;
}

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

.coorg-side-card{
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 30px;
    padding: 40px 34px;
    backdrop-filter: blur(10px);
    transition: all 0.35s ease;
    box-shadow: 0 18px 40px rgba(50, 90, 100, 0.06);
}

.coorg-side-card:hover{
    transform: translateY(-10px);
}

.side-top{
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 34px;
}

.side-icon{
    width: 74px;
    height: 74px;
    border-radius: 22px;
    background: rgba(143, 208, 222, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
}

.side-mini{
    display: inline-block;
    color: #7a8866;
    background: rgba(145, 168, 129, 0.12);
    padding: 7px 14px;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 10px;
}

.side-top h3{
    font-size: 28px;
    line-height: 1.25;
    color: #356273;
    margin: 0;
}

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

.side-item{
    display: flex;
    align-items: center;
    gap: 14px;
    color: #5d767d;
    font-size: 16px;
    line-height: 1.7;
}

.side-item span{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(143, 208, 222, 0.14);
    color: #4e8fa0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

/* =========================
   Center Box
========================= */

.coorg-center-box{
    text-align: center;
    position: relative;
}

.center-circle{
    width: 160px;
    height: 160px;
    margin: auto;
    border-radius: 50%;
    background: linear-gradient(
        135deg,
        #8fd0de,
        #6eb8c9,
        #5aa8bc
    );
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    box-shadow: 0 20px 45px rgba(109, 185, 203, 0.30);
}

.center-line{
    width: 3px;
    height: 70px;
    background: linear-gradient(
        180deg,
        #8fd0de,
        transparent
    );
    margin: auto;
}

.center-content{
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 28px;
    padding: 36px 30px;
    backdrop-filter: blur(10px);
}

.center-small{
    display: inline-block;
    color: #7a8866;
    background: rgba(145, 168, 129, 0.12);
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 18px;
}

.center-content h3{
    font-size: 32px;
    line-height: 1.25;
    color: #356273;
    margin-bottom: 18px;
}

.center-content p{
    font-size: 16px;
    line-height: 1.9;
    color: #667e86;
}

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

@media(max-width: 1100px){

    .coorg-access-grid{
        grid-template-columns: 1fr;
    }

    .coorg-access-heading h2{
        font-size: 42px;
    }

    .center-line{
        height: 40px;
    }
}

@media(max-width: 767px){

    .coorg-access-section{
        padding: 80px 0;
    }

    .coorg-access-heading{
        margin-bottom: 55px;
    }

    .coorg-access-heading h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .coorg-access-heading p{
        font-size: 16px;
    }

    .coorg-side-card{
        padding: 32px 24px;
    }

    .side-top h3{
        font-size: 24px;
    }

    .center-circle{
        width: 130px;
        height: 130px;
        font-size: 24px;
    }

    .center-content{
        padding: 28px 22px;
    }

    .center-content h3{
        font-size: 26px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb5ac9e *//* =========================
   Experience Luxury Section
========================= */

.mirth-experience-section{
    position: relative;
    padding: 120px 0;
    background: linear-gradient(
        180deg,
        #f5fbfb 0%,
        #ffffff 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Decorative Glow */
.mirth-experience-section::before{
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: rgba(143, 208, 222, 0.10);
    border-radius: 50%;
    bottom: -200px;
    left: -180px;
    filter: blur(60px);
}

.mirth-exp-container{
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: auto;
    padding: 0 6%;
}

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

.mirth-exp-heading{
    max-width: 760px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}

.mirth-exp-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 24px;
}

.mirth-exp-heading h2{
    font-size: 54px;
    line-height: 1.12;
    color: #356273;
    margin-bottom: 24px;
    font-weight: 700;
}

.mirth-exp-heading p{
    font-size: 18px;
    line-height: 1.9;
    color: #667e86;
}

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

.mirth-exp-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

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

.mirth-exp-content{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mirth-exp-card{
    display: flex;
    gap: 24px;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 28px;
    padding: 28px;
    backdrop-filter: blur(10px);
    transition: all 0.35s ease;
    box-shadow: 0 15px 35px rgba(50, 90, 100, 0.05);
}

.mirth-exp-card:hover{
    transform: translateY(-8px);
}

.exp-icon{
    width: 74px;
    height: 74px;
    min-width: 74px;
    border-radius: 22px;
    background: rgba(143, 208, 222, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
}

.mirth-exp-card h3{
    font-size: 24px;
    color: #356273;
    margin-bottom: 12px;
    line-height: 1.3;
}

.mirth-exp-card p{
    font-size: 16px;
    line-height: 1.9;
    color: #667e86;
}

/* =========================
   Images
========================= */

.mirth-exp-images{
    position: relative;
}

.main-image img{
    width: 100%;
    border-radius: 34px;
    height: 560px;
    object-fit: cover;
    box-shadow: 0 25px 55px rgba(50, 90, 100, 0.12);
}

.small-images{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 22px;
}

.small-img img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 20px 45px rgba(50, 90, 100, 0.08);
    transition: all 0.35s ease;
}

.small-img img:hover{
    transform: translateY(-6px);
}

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

@media(max-width: 1100px){

    .mirth-exp-grid{
        grid-template-columns: 1fr;
    }

    .mirth-exp-heading h2{
        font-size: 42px;
    }
}

@media(max-width: 767px){

    .mirth-experience-section{
        padding: 80px 0;
    }

    .mirth-exp-heading{
        margin-bottom: 55px;
    }

    .mirth-exp-heading h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .mirth-exp-heading p{
        font-size: 16px;
    }

    .mirth-exp-card{
        flex-direction: column;
        padding: 24px;
    }

    .mirth-exp-card h3{
        font-size: 22px;
    }

    .main-image img{
        height: 380px;
    }

    .small-images{
        grid-template-columns: 1fr;
    }

    .small-img img{
        height: 220px;
    }
}
/* =========================
   Luxury Gallery Layout
========================= */

.mirth-gallery-layout{
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 24px;
    align-items: stretch;
}

/* =========================
   Shared Card Style
========================= */

.gallery-portrait-card,
.gallery-landscape-card{
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 22px 50px rgba(40, 70, 80, 0.10);
    transition: all 0.4s ease;
}

.gallery-portrait-card:hover,
.gallery-landscape-card:hover{
    transform: translateY(-8px);
}

.gallery-portrait-card img,
.gallery-landscape-card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.gallery-portrait-card:hover img,
.gallery-landscape-card:hover img{
    transform: scale(1.05);
}

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

.gallery-portrait-card{
    min-height: 640px;
}

/* =========================
   Landscape Stack
========================= */

.gallery-landscape-stack{
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 24px;
}

.gallery-landscape-card{
    min-height: 308px;
}

/* =========================
   Overlay
========================= */

.gallery-overlay{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 28px;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.02) 30%,
        rgba(15,35,45,0.78) 100%
    );
}

.gallery-overlay h4{
    color: #ffffff;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    max-width: 240px;
}

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

@media(max-width: 1100px){

    .mirth-gallery-layout{
        grid-template-columns: 1fr;
    }

    .gallery-portrait-card{
        min-height: 520px;
    }

    .gallery-landscape-card{
        min-height: 280px;
    }
}

@media(max-width: 767px){

    .gallery-landscape-stack{
        grid-template-columns: 1fr;
    }

    .gallery-overlay{
        padding: 20px;
    }

    .gallery-overlay h4{
        font-size: 18px;
        max-width: 180px;
    }

    .gallery-portrait-card{
        min-height: 420px;
        border-radius: 24px;
    }

    .gallery-landscape-card{
        min-height: 220px;
        border-radius: 24px;
    }
}
/* =========================
   Gallery Overlay Link Fix
========================= */

.gallery-overlay h4 a{
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.gallery-overlay h4 a:hover{
    opacity: 0.85;
}

.gallery-overlay h4 a:visited{
    color: #ffffff;
}
/* =========================
   Center Circle Link Fix
========================= */

.center-circle a{
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

.center-circle a:hover{
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b2e5a3 *//* =========================
   Coorg Experience Section
========================= */

.coorg-experience-section{
    position: relative;
    padding: 120px 0;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f5fbfb 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Decorative Glow */
.coorg-experience-section::before{
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: rgba(143, 208, 222, 0.10);
    border-radius: 50%;
    top: -180px;
    right: -180px;
    filter: blur(60px);
}

.coorg-exp-container{
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: auto;
    padding: 0 6%;
}

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

.coorg-exp-heading{
    max-width: 760px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}

.coorg-exp-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 24px;
}

.coorg-exp-heading h2{
    font-size: 54px;
    line-height: 1.12;
    color: #356273;
    margin-bottom: 24px;
    font-weight: 700;
}

.coorg-exp-heading p{
    font-size: 18px;
    line-height: 1.9;
    color: #667e86;
}

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

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

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

.coorg-exp-card{
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 32px;
    overflow: hidden;
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 45px rgba(50, 90, 100, 0.06);
}

.coorg-exp-card:hover{
    transform: translateY(-10px);
}

/* Image */
.exp-image{
    position: relative;
    overflow: hidden;
}

.exp-image img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.coorg-exp-card:hover .exp-image img{
    transform: scale(1.06);
}

/* Content */
.exp-content{
    padding: 32px;
}

.exp-small-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 18px;
}

.exp-content h3{
    font-size: 28px;
    line-height: 1.3;
    color: #356273;
    margin-bottom: 18px;
}

.exp-content p{
    font-size: 16px;
    line-height: 1.9;
    color: #667e86;
}

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

@media(max-width: 1100px){

    .coorg-exp-grid{
        grid-template-columns: 1fr;
    }

    .coorg-exp-heading h2{
        font-size: 42px;
    }
}

@media(max-width: 767px){

    .coorg-experience-section{
        padding: 80px 0;
    }

    .coorg-exp-heading{
        margin-bottom: 55px;
    }

    .coorg-exp-heading h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .coorg-exp-heading p{
        font-size: 16px;
    }

    .exp-image img{
        height: 260px;
    }

    .exp-content{
        padding: 26px 22px;
    }

    .exp-content h3{
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f25abc2 *//* =========================
   Best Time to Visit Coorg
========================= */

.coorg-season-section{
    position: relative;
    padding: 120px 0;
    background: linear-gradient(
        180deg,
        #f5fbfb 0%,
        #ffffff 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Decorative Glow */
.coorg-season-section::before{
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: rgba(143, 208, 222, 0.10);
    border-radius: 50%;
    bottom: -220px;
    right: -180px;
    filter: blur(60px);
}

.coorg-season-container{
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: auto;
    padding: 0 6%;
}

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

.coorg-season-heading{
    max-width: 760px;
    margin: auto;
    text-align: center;
    margin-bottom: 90px;
}

.season-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 24px;
}

.coorg-season-heading h2{
    font-size: 54px;
    line-height: 1.12;
    color: #356273;
    margin-bottom: 24px;
    font-weight: 700;
}

.coorg-season-heading p{
    font-size: 18px;
    line-height: 1.9;
    color: #667e86;
}

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

.season-timeline{
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
}

/* Timeline Line */
.season-timeline::before{
    content: "";
    position: absolute;
    top: 140px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: linear-gradient(
        90deg,
        #8fd0de,
        #6eb8c9,
        #5aa8bc
    );
    z-index: 0;
}

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

.season-card{
    position: relative;
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 32px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 20px 45px rgba(50, 90, 100, 0.06);
    transition: all 0.4s ease;
    z-index: 2;
}

.season-card:hover{
    transform: translateY(-10px);
}

/* Image */
.season-image{
    position: relative;
}

.season-image::after{
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background: #8fd0de;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
    border: 5px solid #ffffff;
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
}

.season-image img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
}

/* Content */
.season-content{
    padding: 36px 30px;
}

.season-month{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 18px;
}

.season-content h3{
    font-size: 30px;
    line-height: 1.25;
    color: #356273;
    margin-bottom: 18px;
}

.season-content p{
    font-size: 16px;
    line-height: 1.9;
    color: #667e86;
}

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

@media(max-width: 1100px){

    .season-timeline{
        grid-template-columns: 1fr;
    }

    .season-timeline::before{
        display: none;
    }

    .coorg-season-heading h2{
        font-size: 42px;
    }
}

@media(max-width: 767px){

    .coorg-season-section{
        padding: 80px 0;
    }

    .coorg-season-heading{
        margin-bottom: 55px;
    }

    .coorg-season-heading h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .coorg-season-heading p{
        font-size: 16px;
    }

    .season-image img{
        height: 240px;
    }

    .season-content{
        padding: 28px 24px;
    }

    .season-content h3{
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b968f4 *//* =========================
   Why Virajpet Smart Choice
========================= */

.virajpet-smart-section{
    position: relative;
    padding: 120px 0;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f5fbfb 100%
    );
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Decorative Glow */
.virajpet-smart-section::before{
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: rgba(143, 208, 222, 0.10);
    border-radius: 50%;
    top: -220px;
    left: -180px;
    filter: blur(60px);
}

.virajpet-smart-container{
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: auto;
    padding: 0 6%;
}

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

.virajpet-smart-heading{
    max-width: 760px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}

.smart-tag{
    display: inline-block;
    background: rgba(145, 168, 129, 0.12);
    color: #7a8866;
    border: 1px solid rgba(145, 168, 129, 0.20);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 24px;
}

.virajpet-smart-heading h2{
    font-size: 54px;
    line-height: 1.12;
    color: #356273;
    margin-bottom: 24px;
    font-weight: 700;
}

.virajpet-smart-heading p{
    font-size: 18px;
    line-height: 1.9;
    color: #667e86;
}

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

.smart-benefits-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

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

.smart-benefit-card{
    position: relative;
    background: rgba(255,255,255,0.85);
    border: 1px solid rgba(143, 208, 222, 0.14);
    border-radius: 28px;
    padding: 34px 30px;
    transition: all 0.35s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 40px rgba(50, 90, 100, 0.05);
}

.smart-benefit-card:hover{
    transform: translateY(-8px);
}

.smart-check{
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgba(143, 208, 222, 0.14);
    color: #4e8fa0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 22px;
}

.smart-benefit-card h3{
    font-size: 24px;
    color: #356273;
    margin-bottom: 16px;
    line-height: 1.3;
}

.smart-benefit-card p{
    font-size: 16px;
    line-height: 1.9;
    color: #667e86;
}

/* =========================
   Bottom Highlight
========================= */

.smart-highlight-box{
    text-align: center;
    margin-top: 70px;
}

.highlight-line{
    width: 120px;
    height: 4px;
    margin: auto;
    margin-bottom: 28px;
    border-radius: 20px;
    background: linear-gradient(
        90deg,
        #8fd0de,
        #6eb8c9,
        #5aa8bc
    );
}

.smart-highlight-box p{
    font-size: 28px;
    line-height: 1.6;
    color: #356273;
    font-weight: 500;
    max-width: 850px;
    margin: auto;
}

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

@media(max-width: 1100px){

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

    .virajpet-smart-heading h2{
        font-size: 42px;
    }
}

@media(max-width: 767px){

    .virajpet-smart-section{
        padding: 80px 0;
    }

    .virajpet-smart-heading{
        margin-bottom: 55px;
    }

    .virajpet-smart-heading h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .virajpet-smart-heading p{
        font-size: 16px;
    }

    .smart-benefits-grid{
        grid-template-columns: 1fr;
    }

    .smart-benefit-card{
        padding: 28px 24px;
    }

    .smart-benefit-card h3{
        font-size: 22px;
    }

    .smart-highlight-box{
        margin-top: 50px;
    }

    .smart-highlight-box p{
        font-size: 22px;
        line-height: 1.5;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a097423 *//* =========================
   Final CTA Section
========================= */

.mirth-cta-section{
    position: relative;
    padding: 130px 0;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #356273 0%,
        #4b7b8b 50%,
        #5da9bc 100%
    );
    font-family: 'Poppins', sans-serif;
}

/* Decorative Glow */
.cta-glow{
    position: absolute;
    width: 650px;
    height: 650px;
    background: rgba(255,255,255,0.10);
    border-radius: 50%;
    top: -280px;
    right: -220px;
    filter: blur(60px);
}

.mirth-cta-container{
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: auto;
    padding: 0 6%;
}

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

.mirth-cta-content{
    text-align: center;
    color: #ffffff;
}

.cta-tag{
    display: inline-block;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 26px;
    backdrop-filter: blur(8px);
}

.mirth-cta-content h2{
    font-size: 62px;
    line-height: 1.12;
    font-weight: 700;
    margin-bottom: 28px;
    color: #ffffff;
}

.cta-description{
    font-size: 20px;
    line-height: 1.9;
    color: rgba(255,255,255,0.92);
    max-width: 850px;
    margin: auto;
    margin-bottom: 18px;
}

.cta-subtext{
    font-size: 18px;
    line-height: 1.9;
    color: rgba(255,255,255,0.78);
    max-width: 850px;
    margin: auto;
    margin-bottom: 48px;
}

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

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

.cta-btn{
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.35s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Primary Button */
.primary-cta{
    background: #ffffff;
    color: #356273 !important;
    box-shadow: 0 14px 35px rgba(0,0,0,0.14);
}

.primary-cta:hover{
    transform: translateY(-4px);
    background: #f5fbfb;
    color: #356273 !important;
}

.primary-cta:visited{
    color: #356273 !important;
}

/* Secondary Button */
.secondary-cta{
    border: 1px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.10);
    color: #ffffff !important;
    backdrop-filter: blur(8px);
}

.secondary-cta:hover{
    transform: translateY(-4px);
    background: rgba(255,255,255,0.18);
    color: #ffffff !important;
}

.secondary-cta:visited{
    color: #ffffff !important;
}

/* =========================
   CTA Text Link Fix
========================= */

.mirth-cta-content h2 a,
.cta-description a,
.cta-subtext a{
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.3s ease;
    font-weight: inherit;
}

.mirth-cta-content h2 a:hover,
.cta-description a:hover,
.cta-subtext a:hover{
    color: #ffffff;
    opacity: 0.85;
}

.mirth-cta-content h2 a:visited,
.cta-description a:visited,
.cta-subtext a:visited{
    color: #ffffff;
}

/* Strong text emphasis */
.cta-description strong,
.cta-subtext strong{
    font-weight: 600;
}

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

@media(max-width: 992px){

    .mirth-cta-content h2{
        font-size: 46px;
    }
}

@media(max-width: 767px){

    .mirth-cta-section{
        padding: 90px 0;
    }

    .mirth-cta-content h2{
        font-size: 34px;
        line-height: 1.25;
    }

    .cta-description{
        font-size: 16px;
    }

    .cta-subtext{
        font-size: 15px;
    }

    .cta-buttons{
        flex-direction: column;
    }

    .cta-btn{
        width: 100%;
        text-align: center;
    }
}/* End custom CSS */