/********** Template CSS **********/

/* HOME PAGE START CSS CODE */
:root {
    --primary: #F3525A;
    --secondary: #F6F6F6;
    --light: #FFFFFF;
    --dark: #152440;
}

h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.pt-6 {
    padding-top: 90px;
}

.pb-6 {
    padding-bottom: 90px;
}

.py-6 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.btn {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.top-shape::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 100%;
    top: 0;
    left: -17px;
    background: var(--primary);
    transform: skew(40deg);
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Barlow', sans-serif;
    padding: 35px 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--dark);
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 20px 15px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(21, 36, 64, .7);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

.service-item {
    position: relative;
    overflow: hidden;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.service-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    bottom: -50px;
    left: 0;
    background: var(--light);
    border-radius: 100% 100% 0 0;
    box-shadow: 0px -10px 5px #EEEEEE;
    transition: .5s;
}

.service-item:hover::after {
    bottom: -25px;
}

.service-item p {
    transition: .3s;
}

.service-item:hover p {
    margin-bottom: 25px !important;
}

.team-item img {
    transform: scale(1.15);
    margin-left: -30px;
    transition: .5s;
}

.team-item:hover img {
    margin-left: 0;
}

.team-item .team-text {
    left: -100%;
    transition: .5s;
}

.team-item .team-text::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 50%;
    right: -60px;
    margin-top: -30px;
    border: 30px solid;
    border-color: transparent transparent transparent var(--primary);
}

.team-item:hover .team-text {
    left: 0;
}

.blog-item img {
    transition: .5s;
}

.blog-item:hover img {
    transform: scale(1.1);
}

.header-logo img {
    min-width: 170px;
    max-width: 170px;
}

/* header menu strat */

/*==================================================
    GLOBAL OVERFLOW FIX
==================================================*/

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}


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

.navbar {
    width: 100%;
    max-width: 100%;
}

.navbar .container,
.navbar .container-fluid {
    width: 100%;
    max-width: 100%;
}


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

.menu-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 2px;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}

.menu-list>li {
    position: relative;
    list-style: none;
    flex-shrink: 0;
}


/*==================================================
    MAIN MENU LINKS
==================================================*/

.menu-list>li>a {
    display: flex;
    align-items: center;

    gap: 7px;

    padding: 28px 10px;

    color: #000000;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    white-space: nowrap;

    transition: all 0.25s ease;
}


/* Main menu icons */

.menu-list>li>a>i {
    font-size: 17px;

    color: #F3525A;

    flex-shrink: 0;
}


/* Hover */

.menu-list>li>a:hover,
.menu-list>li:hover>a {
    color: #F3525A;
}


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

.menu-list .arrow-icon {
    font-size: 10px !important;

    color: #000000 !important;

    margin-left: 2px;

    transition: transform 0.25s ease;
}

.menu-list>li:hover>a .arrow-icon {
    color: #F3525A !important;
}

.menu-list>li.menu-item-has-children:hover>a .arrow-icon {
    transform: rotate(180deg);
}


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

.menu-list .sub-menu {
    position: absolute;

    top: calc(100% - 3px);

    left: 50%;

    transform:
        translateX(-50%) translateY(12px);

    width: 440px;

    max-width: calc(100vw - 30px);

    margin: 0;
    padding: 18px 12px;

    background: #ffffff;

    border-radius: 15px;

    list-style: none;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

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

    z-index: 99999;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
}


/* Desktop hover */

@media (min-width: 1200px) {

    .menu-list>li.menu-item-has-children:hover>.sub-menu {

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

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


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

.menu-list .sub-menu li {
    margin: 0;
    padding: 0;

    list-style: none;
}

.menu-list .sub-menu li a {

    display: flex;

    align-items: center;

    gap: 14px;

    width: 100%;

    min-height: 54px;

    padding: 10px 12px;

    color: #000000;

    font-size: 17px;

    font-weight: 500;

    text-decoration: none;

    border-radius: 8px;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        padding-left 0.25s ease;
}


/* Submenu icons */

.menu-list .sub-menu li a i {

    width: 25px;

    min-width: 25px;

    text-align: center;

    font-size: 18px;

    color: #F3525A;
}


/* Submenu hover */

.menu-list .sub-menu li a:hover {

    background: #fff1f2;

    color: #F3525A;

    padding-left: 17px;
}


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

.menu-list .dropdown-icon {
    display: none;
}


/*==================================================
    NEED HELP
==================================================*/

.help-menu-item {
    display: flex;

    align-items: center;

    margin-left: 12px;

    flex-shrink: 1;
}

.contact-area {

    display: flex;

    align-items: center;

    gap: 10px;

    white-space: nowrap;
}


/* Help icon */

.contact-help-icon {

    width: 48px;
    height: 48px;

    display: flex;

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

    background: #ffffff;

    border-radius: 50%;

    overflow: hidden;

    flex-shrink: 0;
}

.contact-help-icon img {

    width: 38px;
    height: 38px;

    object-fit: contain;
}


/* Help text */

.contact-help-content {

    display: flex;

    flex-direction: column;

    gap: 2px;
}

.contact-help-content span {

    color: #000000;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2;
}

.contact-help-content a {

    display: block;

    padding: 0 !important;

    color: #000000 !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.3;

    text-decoration: none;
}

.contact-help-content a:hover {

    color: #F3525A !important;
}


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

.contact-button-item {

    margin-left: 15px;

    flex-shrink: 0;
}

.menu-list>li.contact-button-item>a.contact-btn {

    display: flex !important;

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

    gap: 9px;

    width: 175px;

    height: 52px;

    padding: 0 20px !important;

    background: #F3525A;

    color: #000000 !important;

    border-radius: 10px;

    font-size: 17px !important;

    font-weight: 600 !important;

    text-decoration: none;

    white-space: nowrap;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


/* Contact icon */

.menu-list>li.contact-button-item>a.contact-btn i {

    color: #000000 !important;

    font-size: 18px;
}


/* Contact hover */

.menu-list>li.contact-button-item>a.contact-btn:hover {

    background: #F3525A;

    color: #000000 !important;
}


/*==================================================
    992px - 1199px
    TABLET / SMALL LAPTOP
==================================================*/

@media (min-width: 992px) and (max-width: 1199px) {

    .menu-list {
        display: block;

        width: 100%;
    }

    .menu-list>li {
        width: 100%;
    }

    .menu-list>li>a {

        width: 100%;

        padding: 12px 15px;

        font-size: 16px;
    }

    .menu-list .arrow-icon {
        display: none;
    }

    .menu-list .dropdown-icon {

        display: block;

        position: absolute;

        top: 9px;
        right: 15px;

        width: 32px;
        height: 32px;

        line-height: 32px;

        text-align: center;

        color: #F3525A;

        cursor: pointer;

        z-index: 10;
    }

    .menu-list .sub-menu {

        position: static;

        width: 100%;
        max-width: 100%;

        display: none;

        transform: none;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        padding: 5px 15px 8px 30px;

        background: transparent;

        box-shadow: none;

        border-radius: 0;
    }

    .menu-list .menu-item-has-children.active>.sub-menu {

        display: block;
    }

    .menu-list .menu-item-has-children.active>.dropdown-icon {

        transform: rotate(45deg);
    }

    .menu-list .sub-menu li a {

        min-height: 44px;

        padding: 8px 10px;

        color: #000000;

        font-size: 15px;
    }

    .help-menu-item {

        width: calc(100% - 30px);

        margin: 10px 15px;

        padding: 12px 0;

        border-top: 1px solid #eeeeee;
    }

    .contact-button-item {

        width: calc(100% - 30px);

        margin: 5px 15px 15px;
    }

    .menu-list>li.contact-button-item>a.contact-btn {

        width: 100%;

        height: 48px;
    }
}


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

@media (max-width: 991px) {

    .navbar-collapse {

        width: 100%;

        max-width: 100%;

        overflow-x: hidden;
    }

    .menu-list {

        display: block;

        width: 100%;

        max-width: 100%;

        margin: 0;

        padding: 8px 0;

        overflow-x: hidden;
    }

    .menu-list>li {

        width: 100%;

        max-width: 100%;
    }


    /* Main links */

    .menu-list>li>a {

        display: flex;

        align-items: center;

        width: 100%;

        min-height: 45px;

        padding: 11px 15px;

        color: #000000;

        font-size: 16px;

        font-weight: 600;

        white-space: normal;
    }

    .menu-list>li>a:hover,
    .menu-list>li:hover>a {

        color: #F3525A;
    }

    .menu-list>li>a>i {

        color: #F3525A;

        flex-shrink: 0;
    }


    /* Hide desktop arrow */

    .menu-list .arrow-icon {

        display: none;
    }


    /* Plus */

    .menu-list .dropdown-icon {

        display: block;

        position: absolute;

        top: 8px;

        right: 12px;

        width: 32px;
        height: 32px;

        line-height: 32px;

        text-align: center;

        font-size: 18px;

        color: #F3525A;

        cursor: pointer;

        z-index: 10;

        transition: transform 0.25s ease;
    }


    /* Submenu */

    .menu-list .sub-menu {

        position: static;

        width: 100%;

        max-width: 100%;

        display: none;

        transform: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        padding: 4px 10px 8px 28px;

        margin: 0;

        background: transparent;

        box-shadow: none;

        border-radius: 0;
    }

    .menu-list .menu-item-has-children.active>.sub-menu {

        display: block;
    }

    .menu-list .menu-item-has-children.active>.dropdown-icon {

        transform: rotate(45deg);
    }


    /* Submenu links */

    .menu-list .sub-menu li a {

        display: flex;

        align-items: center;

        width: 100%;

        min-height: 42px;

        padding: 8px 10px;

        color: #000000;

        font-size: 14px;

        white-space: normal;
    }

    .menu-list .sub-menu li a:hover {

        color: #F3525A;

        background: #fff1f2;
    }


    /*==================================================
        NEED HELP MOBILE
    ==================================================*/

    .help-menu-item {

        display: block;

        width: calc(100% - 30px);

        margin: 10px 15px 5px;

        padding: 15px 0;

        border-top: 1px solid #eeeeee;
    }

    .contact-area {

        display: flex;

        align-items: center;

        width: 100%;

        gap: 10px;
    }

    .contact-help-icon {

        width: 45px;

        height: 45px;
    }

    .contact-help-icon img {

        width: 34px;

        height: 34px;
    }

    .contact-help-content span {

        color: #000000;

        font-size: 13px;
    }

    .contact-help-content a {

        color: #000000 !important;

        font-size: 16px !important;
    }


    /*==================================================
        CONTACT BUTTON MOBILE
    ==================================================*/

    .contact-button-item {

        width: calc(100% - 30px);

        margin: 5px 15px 15px;
    }

    .menu-list>li.contact-button-item>a.contact-btn {

        display: flex !important;

        width: 100%;

        height: 48px;

        padding: 0 15px !important;

        background: #F3525A;

        color: #000000 !important;

        border-radius: 8px;

        font-size: 16px !important;
    }

    .menu-list>li.contact-button-item>a.contact-btn i {

        color: #000000 !important;
    }
}


/*==================================================
    EXTRA SMALL MOBILE
==================================================*/

@media (max-width: 575px) {

    .menu-list>li>a {

        padding: 11px 12px;

        font-size: 15px;
    }

    .menu-list .sub-menu {

        padding-left: 20px;
    }

    .menu-list .sub-menu li a {

        font-size: 14px;
    }

    .contact-help-content a {

        font-size: 15px !important;
    }

    .contact-help-content span {

        font-size: 12px;
    }

    .contact-help-icon {

        width: 42px;

        height: 42px;
    }
}

/* header menu end */

/* ==================================================
   COMING SOON PAGE
================================================== */

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

/* Main Section */
.coming-soon-section {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;

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

    padding: 25px 20px;

    background: #ffffff;

    overflow: hidden;
}

/* Main Container */
.coming-soon-container {
    width: 100%;
    max-width: 985px;

    padding: 65px 70px 70px;

    background: #ffffff;

    border-radius: 26px;

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

    text-align: center;

    border: 1px solid #f2f2f2;

    position: relative;

    overflow: hidden;
}

/* Decorative Top Circle */
.coming-soon-container::before {
    content: "";

    position: absolute;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background: rgba(248, 80, 88, 0.08);

    top: -45px;
    left: 50%;

    transform: translateX(-50%);
}

/* Icon */
.coming-soon-icon {
    width: 80px;
    height: 80px;

    margin: 0 auto 18px;

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

    border-radius: 50%;

    background: rgba(248, 80, 88, 0.08);

    color: #f85058;

    font-size: 34px;

    position: relative;
    z-index: 1;
}

/* Main Heading */
.coming-soon-title {
    margin: 0 0 25px;

    font-size: clamp(48px, 6vw, 78px);

    line-height: 1.05;

    font-weight: 700;

    color: #f85058;

    letter-spacing: -1px;
}

/* Subtitle */
.coming-soon-subtitle {
    margin: 0 auto 28px;

    max-width: 800px;

    font-size: clamp(22px, 2.5vw, 32px);

    line-height: 1.3;

    font-weight: 600;

    color: #17365d;
}

/* Description */
.coming-soon-description {
    max-width: 820px;

    margin: 0 auto 24px;

    font-size: clamp(17px, 1.8vw, 22px);

    line-height: 1.7;

    font-weight: 400;

    color: #666666;
}

/* Thank You */
.coming-soon-thankyou {
    margin: 0 auto 38px;

    font-size: clamp(17px, 1.8vw, 22px);

    line-height: 1.6;

    color: #666666;
}

/* Button Wrapper */
.coming-soon-buttons {
    display: flex;

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

/* Home Button */
.coming-soon-home-btn {
    min-width: 240px;

    padding: 17px 35px;

    display: inline-flex;

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

    gap: 10px;

    border-radius: 10px;

    background: #f85058;

    color: #ffffff;

    text-decoration: none;

    font-size: 18px;

    font-weight: 600;

    transition: all 0.3s ease;

    box-shadow:
        0 8px 20px rgba(248, 80, 88, 0.20);
}

.coming-soon-home-btn:hover {
    background: #e7434c;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(248, 80, 88, 0.28);
}


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

@media (max-width: 991px) {

    .coming-soon-section {
        padding: 20px;
    }

    .coming-soon-container {
        max-width: 850px;

        padding: 55px 45px 60px;

        border-radius: 22px;
    }

    .coming-soon-icon {
        width: 70px;
        height: 70px;

        font-size: 30px;
    }

    .coming-soon-title {
        margin-bottom: 20px;
    }

    .coming-soon-subtitle {
        margin-bottom: 22px;
    }

    .coming-soon-description {
        margin-bottom: 18px;
    }

    .coming-soon-thankyou {
        margin-bottom: 30px;
    }
}


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

@media (max-width: 767px) {

    .coming-soon-section {
        height: 100dvh;
        min-height: 100dvh;

        padding: 15px;

        overflow: hidden;
    }

    .coming-soon-container {
        width: 100%;

        padding: 35px 22px 40px;

        border-radius: 18px;

        max-height: calc(100dvh - 30px);

        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .coming-soon-container::before {
        width: 75px;
        height: 75px;

        top: -32px;
    }

    .coming-soon-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 12px;

        font-size: 24px;
    }

    .coming-soon-title {
        font-size: clamp(42px, 13vw, 58px);

        margin-bottom: 18px;

        letter-spacing: -0.5px;
    }

    .coming-soon-subtitle {
        font-size: clamp(19px, 5.2vw, 24px);

        line-height: 1.35;

        margin-bottom: 18px;
    }

    .coming-soon-description {
        font-size: 15px;

        line-height: 1.6;

        margin-bottom: 16px;
    }

    .coming-soon-thankyou {
        font-size: 15px;

        line-height: 1.5;

        margin-bottom: 25px;
    }

    .coming-soon-home-btn {
        width: 100%;

        min-width: 0;

        padding: 14px 25px;

        font-size: 16px;

        border-radius: 8px;
    }
}


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

@media (max-width: 480px) {

    .coming-soon-section {
        padding: 12px;
    }

    .coming-soon-container {
        max-height: calc(100dvh - 24px);

        padding: 28px 18px 32px;
    }

    .coming-soon-icon {
        width: 52px;
        height: 52px;

        font-size: 21px;

        margin-bottom: 10px;
    }

    .coming-soon-title {
        font-size: 40px;

        margin-bottom: 15px;
    }

    .coming-soon-subtitle {
        font-size: 18px;

        margin-bottom: 15px;
    }

    .coming-soon-description {
        font-size: 14px;

        line-height: 1.55;

        margin-bottom: 13px;
    }

    .coming-soon-thankyou {
        font-size: 14px;

        line-height: 1.45;

        margin-bottom: 22px;
    }

    .coming-soon-home-btn {
        padding: 13px 20px;

        font-size: 15px;
    }
}

/* ==================================================
      COMMING SOON PAGE END
/*==================================================*
    MDT FOOTER SECTION START
==================================================*/

.mdt-footer {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: #080f29;
    color: #c8cbd5;
    overflow: hidden;
    box-sizing: border-box;
}

/*==================================================*
    TOP CONTACT SECTION
==================================================*/

.mdt-footer-contact {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 32px 40px;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;

    align-items: center;
    box-sizing: border-box;
}

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

.mdt-footer-contact-item {
    width: 100%;
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;

    box-sizing: border-box;
}

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

.mdt-footer-contact-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;

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

    background: #ffffff;
    color: #1a315f;

    border-radius: 50%;

    font-size: 20px;
    line-height: 1;

    flex-shrink: 0;

    box-sizing: border-box;
}

/* WhatsApp icon */
.mdt-footer-contact-icon.whatsapp-icon {
    color: #35b65b;
}

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

.mdt-footer-contact-content {
    min-width: 0;
    width: 100%;

    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 3px;

    overflow: hidden;

    box-sizing: border-box;
}

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

.mdt-footer-contact-content span {
    display: block;

    margin: 0;

    color: #aeb3c2;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.3;

    white-space: nowrap;
}

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

.mdt-footer-contact-content a,
.mdt-footer-contact-content strong {
    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;

    color: #ffffff;

    font-size: 15px;
    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

    box-sizing: border-box;
}

/*==================================================*
    PHONE
==================================================*/

.mdt-footer-contact-content a[href^="tel:"] {
    white-space: nowrap;
}

/*==================================================*
    EMAIL
==================================================*/

.mdt-footer-email {
    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
    word-break: break-word !important;

    letter-spacing: -0.15px;
}

/*==================================================*
    ADDRESS
==================================================*/

.mdt-footer-address {
    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/*==================================================*
    CONTACT LINK HOVER
==================================================*/

.mdt-footer-contact-content a:hover {
    color: #F3525A;
}

/*==================================================*
    DIVIDER
==================================================*/

.mdt-footer-divider {
    width: calc(100% - 80px);
    max-width: 1640px;

    height: 1px;

    margin: 0 auto;

    background: rgba(255, 255, 255, 0.12);

    box-sizing: border-box;
}

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

.mdt-footer-main {
    width: 100%;
    max-width: 1700px;

    margin: 0 auto;

    padding: 55px 40px 45px;

    display: grid;

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

    gap: 35px;

    box-sizing: border-box;
}

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

.mdt-footer-column {
    min-width: 0;
}

/*==================================================*
    FOOTER COLUMN TITLE
==================================================*/

.mdt-footer-column h3 {
    margin: 0 0 28px;

    color: #F3525A;

    font-size: 21px;
    font-weight: 600;

    line-height: 1.3;
}

/*==================================================*
    AGENCY CREDENTIALS
==================================================*/

.mdt-footer-credentials {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 9px;
}

.mdt-footer-label {
    margin: 3px 0 0;

    color: #9298aa;

    font-size: 12px;
    font-weight: 400;

    letter-spacing: 1px;
}

.mdt-footer-credentials strong {
    color: #F3525A;

    font-size: 18px;
    font-weight: 600;

    line-height: 1.4;
}

.mdt-footer-credentials a {
    color: #c8cbd5;

    font-size: 14px;

    line-height: 1.5;

    text-decoration: none;

    transition: color 0.3s ease;

    overflow-wrap: anywhere;
}

.mdt-footer-credentials a:hover {
    color: #F3525A;
}

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

.mdt-footer-links {
    list-style: none;

    padding: 0;
    margin: 0;
}

.mdt-footer-links li {
    margin: 0 0 17px;
    padding: 0;
}

.mdt-footer-links li:last-child {
    margin-bottom: 0;
}

.mdt-footer-links a {
    display: flex;
    align-items: center;

    gap: 12px;

    color: #c8cbd5;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.4;

    text-decoration: none;

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

.mdt-footer-links a i {
    width: 20px;
    min-width: 20px;

    text-align: center;

    color: #F3525A;

    font-size: 15px;

    transition: color 0.3s ease;
}

.mdt-footer-links a:hover {
    color: #F3525A;
    transform: translateX(4px);
}

.mdt-footer-links a:hover i {
    color: #F3525A;
}

/*==================================================*
    COPYRIGHT
==================================================*/

.mdt-footer-copyright {
    width: 100%;

    padding: 20px 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

    text-align: center;

    color: #bfc3ce;

    font-size: 14px;

    line-height: 1.6;

    box-sizing: border-box;
}

.mdt-footer-copyright strong {
    color: #F3525A;
    font-weight: 600;
}

.mdt-footer-copyright a {
    color: #c8cbd5;
    text-decoration: none;
}

.mdt-footer-copyright a:hover {
    color: #F3525A;
}

/*==================================================*
    DISCLAIMER
==================================================*/

.mdt-footer-disclaimer {
    width: 100%;
    max-width: 1800px;

    margin: 0 auto;

    padding: 22px 25px;

    display: flex;
    align-items: flex-start;

    gap: 14px;

    box-sizing: border-box;
}

.mdt-disclaimer-icon {
    width: 36px;
    min-width: 36px;

    height: 36px;

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

    color: #F3525A;

    font-size: 30px;

    flex-shrink: 0;
}

.mdt-footer-disclaimer p {
    margin: 0;

    color: #bfc3ce;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.7;

    overflow-wrap: break-word;
    text-align: justify;
}

.mdt-footer-disclaimer p strong {
    color: #F3525A;
    font-weight: 600;
}

/*==================================================*
    LARGE DESKTOP
==================================================*/

@media (min-width: 1400px) {

    .mdt-footer-contact {
        padding: 32px 40px;
        gap: 25px;
    }

    .mdt-footer-contact-item {
        gap: 11px;
    }

    .mdt-footer-contact-icon {
        width: 48px;
        min-width: 48px;
        height: 48px;

        font-size: 20px;
    }

    .mdt-footer-contact-content span {
        font-size: 15px;
    }

    .mdt-footer-contact-content a,
    .mdt-footer-contact-content strong {
        font-size: 13px;
    }

    .mdt-footer-email {
        font-size: 13px !important;
    }

    .mdt-footer-address {
        font-size: 14px !important;
    }

    .mdt-footer-main {
        padding: 55px 40px 45px;
    }
}

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

@media (min-width: 992px) and (max-width: 1399px) {

    .mdt-footer-contact {
        padding: 30px 30px;

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

        gap: 16px;
    }

    .mdt-footer-contact-item {
        gap: 9px;
    }

    .mdt-footer-contact-icon {
        width: 44px;
        min-width: 44px;
        height: 44px;

        font-size: 18px;
    }

    .mdt-footer-contact-content span {
        font-size: 14px;
    }

    .mdt-footer-contact-content a,
    .mdt-footer-contact-content strong {
        font-size: 13px;
    }

    .mdt-footer-email {
        font-size: 11.5px !important;

        letter-spacing: -0.25px;
    }

    .mdt-footer-address {
        font-size: 13px !important;
    }

    .mdt-footer-divider {
        width: calc(100% - 60px);
    }

    .mdt-footer-main {
        padding: 48px 30px 40px;

        gap: 28px;
    }

    .mdt-footer-column h3 {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .mdt-footer-links a {
        font-size: 14px;
    }

    .mdt-footer-links li {
        margin-bottom: 15px;
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {

    .mdt-footer-contact {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        padding: 30px 25px;

        gap: 25px 20px;
    }

    .mdt-footer-contact-item {
        gap: 10px;
    }

    .mdt-footer-contact-icon {
        width: 44px;
        min-width: 44px;
        height: 44px;

        font-size: 18px;
    }

    .mdt-footer-contact-content {
        min-width: 0;
        overflow: hidden;
    }

    .mdt-footer-contact-content span {
        font-size: 14px;
    }

    .mdt-footer-contact-content a,
    .mdt-footer-contact-content strong {
        font-size: 13px;

        line-height: 1.4;
    }

    .mdt-footer-email {
        font-size: 12px !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .mdt-footer-address {
        font-size: 13px !important;

        white-space: normal !important;

        overflow-wrap: break-word !important;
    }

    .mdt-footer-divider {
        width: calc(100% - 50px);
    }

    .mdt-footer-main {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        padding: 45px 25px 35px;

        gap: 38px 25px;
    }

    .mdt-footer-column h3 {
        margin-bottom: 22px;

        font-size: 20px;
    }

    .mdt-footer-links li {
        margin-bottom: 15px;
    }

    .mdt-footer-links a {
        font-size: 14px;
    }

    .mdt-footer-credentials strong {
        font-size: 17px;
    }

    .mdt-footer-disclaimer {
        padding: 20px 20px;

        gap: 12px;
    }

    .mdt-footer-disclaimer p {
        font-size: 13px;
        text-align: justify !important;
    }
}

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

@media (max-width: 767px) {

    .mdt-footer-contact {
        grid-template-columns: 1fr;

        padding: 27px 18px;

        gap: 20px;
    }

    .mdt-footer-contact-item {
        width: 100%;

        justify-content: flex-start;

        gap: 10px;
    }

    .mdt-footer-contact-icon {
        width: 42px;
        min-width: 42px;
        height: 42px;

        font-size: 18px;
    }

    .mdt-footer-contact-content {
        min-width: 0;
        width: 100%;

        overflow: hidden;
    }

    .mdt-footer-contact-content span {
        font-size: 13px;
    }

    .mdt-footer-contact-content a,
    .mdt-footer-contact-content strong {
        width: 100%;

        font-size: 14px;

        line-height: 1.45;

        white-space: normal;

        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .mdt-footer-contact-content a[href^="tel:"] {
        white-space: nowrap;
    }

    .mdt-footer-email {
        font-size: 12.5px !important;

        white-space: normal !important;

        word-break: break-word !important;
        overflow-wrap: anywhere !important;

        letter-spacing: -0.15px;
    }

    .mdt-footer-address {
        font-size: 13px !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .mdt-footer-divider {
        width: calc(100% - 36px);
    }

    .mdt-footer-main {
        grid-template-columns: 1fr;

        padding: 38px 18px 30px;

        gap: 32px;
    }

    .mdt-footer-column h3 {
        margin-bottom: 19px;

        font-size: 19px;
    }

    .mdt-footer-links li {
        margin-bottom: 14px;
    }

    .mdt-footer-links a {
        font-size: 14px;

        gap: 11px;
    }

    .mdt-footer-links a i {
        width: 19px;
        min-width: 19px;

        font-size: 14px;
    }

    .mdt-footer-credentials strong {
        font-size: 17px;
    }

    .mdt-footer-credentials a {
        font-size: 13px;
    }

    .mdt-footer-copyright {
        padding: 18px 14px;

        font-size: 13px;

        line-height: 1.6;
    }

    .mdt-footer-disclaimer {
        padding: 19px 15px;

        gap: 10px;
    }

    .mdt-disclaimer-icon {
        width: 28px;
        min-width: 28px;

        height: 28px;

        font-size: 24px;
    }

    .mdt-footer-disclaimer p {
        font-size: 12px;

        line-height: 1.65;
        text-align: justify;
    }
}

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

@media (max-width: 480px) {

    .mdt-footer-contact {
        padding: 24px 14px;

        gap: 18px;
    }

    .mdt-footer-contact-item {
        gap: 9px;
    }

    .mdt-footer-contact-icon {
        width: 40px;
        min-width: 40px;
        height: 40px;

        font-size: 17px;
    }

    .mdt-footer-contact-content span {
        font-size: 12.5px;
    }

    .mdt-footer-contact-content a,
    .mdt-footer-contact-content strong {
        font-size: 13px;

        line-height: 1.45;
    }

    .mdt-footer-email {
        font-size: 11.5px !important;

        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    .mdt-footer-address {
        font-size: 12.5px !important;
    }

    .mdt-footer-divider {
        width: calc(100% - 28px);
    }

    .mdt-footer-main {
        padding: 34px 14px 26px;

        gap: 28px;
    }

    .mdt-footer-column h3 {
        font-size: 18px;
    }

    .mdt-footer-links a {
        font-size: 13px;
    }

    .mdt-footer-credentials strong {
        font-size: 16px;
    }

    .mdt-footer-copyright {
        padding: 17px 10px;

        font-size: 12px;
    }

    .mdt-footer-disclaimer {
        padding: 17px 12px;

        gap: 8px;
    }

    .mdt-disclaimer-icon {
        width: 25px;
        min-width: 25px;

        height: 25px;

        font-size: 21px;
    }

    .mdt-footer-disclaimer p {
        font-size: 11.5px;

        line-height: 1.6;
    }
}

/*==================================================*
    EXTRA SMALL MOBILE
==================================================*/

@media (max-width: 360px) {

    .mdt-footer-contact {
        padding: 22px 11px;

        gap: 17px;
    }

    .mdt-footer-contact-item {
        gap: 8px;
    }

    .mdt-footer-contact-icon {
        width: 37px;
        min-width: 37px;
        height: 37px;

        font-size: 16px;
    }

    .mdt-footer-contact-content span {
        font-size: 12px;
    }

    .mdt-footer-contact-content a,
    .mdt-footer-contact-content strong {
        font-size: 12px;

        line-height: 1.45;
    }

    .mdt-footer-email {
        font-size: 10.5px !important;
    }

    .mdt-footer-address {
        font-size: 11.5px !important;
    }

    .mdt-footer-divider {
        width: calc(100% - 22px);
    }

    .mdt-footer-main {
        padding: 30px 11px 22px;
    }

    .mdt-footer-column h3 {
        font-size: 17px;
    }

    .mdt-footer-links a {
        font-size: 12.5px;
    }

    .mdt-footer-copyright {
        padding: 16px 8px;

        font-size: 11.5px;
    }

    .mdt-footer-disclaimer {
        padding: 16px 10px;

        gap: 7px;
    }

    .mdt-disclaimer-icon {
        width: 23px;
        min-width: 23px;

        height: 23px;

        font-size: 19px;
    }

    .mdt-footer-disclaimer p {
        font-size: 10.5px;

        line-height: 1.6;
    }
}

/*==================================================*
    MDT FOOTER SECTION END
==================================================*/

/*==================================================*
    HERO SECTION START
==================================================*/

/* Hero Container Alignment Fix */
.hero-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    width: 100%;
    height: 100vh;
}

.hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 10px;
    overflow-y: auto;
}

.hero-content {
    max-width: 1000px;
    /* Slightly wider to keep the H1 on a single line on larger screens */
    margin: auto;
}

/* Text Hierarchy */
.hero-title {
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    color: #ffffff;
    /* Dynamic fluid sizing */
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.hero-desc-primary {
    font-size: clamp(1rem, 1.8vw, 1.35rem);
    /* Increased minimum font size */
    line-height: 1.5;
    font-weight: 400;
}

.hero-desc-secondary {
    font-size: clamp(0.9rem, 1.4vw, 1.05rem);
    /* Increased secondary text size */
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
}

.pill-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 8px 20px;
    color: #ffda6a;
    font-size: clamp(0.85rem, 1.3vw, 0.95rem);
    /* Increased badge font size */
    font-weight: 600;
}

.hero-meta {
    font-size: clamp(0.85rem, 1.2vw, 0.95rem);
    /* Increased metadata font size */
    color: rgba(255, 255, 255, 0.8);
}

/* Button Styling */
.btn-whatsapp {
    background-color: #25D366;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 50px;
    padding: 12px 26px;
    /* Slightly larger padding */
    border: none;
    font-size: 0.95rem;
    /* Increased button font size */
}

.btn-explore {
    background-color: #F3525A;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 50px;
    padding: 12px 26px;
    /* Slightly larger padding */
    border: 1px solid #ffffff;
    font-size: 0.95rem;
    /* Increased button font size */
}

.disclaimer-box {
    background: #fcf8e3;
    color: #222222;
    border-radius: 8px;
    padding: 12px 18px;
    font-size: 0.82rem;
    /* Slightly larger disclaimer text */
    line-height: 1.4;
    border: 1px solid #faebcc;
}

/*==================================================*
    HERO SECTION END
==================================================*/

/*==================================================*
    Temple Tour Packages START
==================================================*/

/* Full-card link wrapper */
.package-card-link {
    display: block;
    color: inherit;
    height: 100%;
}

/* Card Container & Base Styles */
.package-card {
    position: relative;
    background-color: #f8f9fa;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    top: 0;
}

/* Curved Bottom Border Effect on Hover */
.package-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #ffffff;
    border-radius: 0 0 50% 50% / 0 0 20px 20px;
    box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover States for Card Lift & Curved Bottom Shadow */
.package-card-link:hover .package-card {
    top: -6px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12) !important;
}

.package-card-link:hover .package-card::after {
    height: 12px;
}

/* Typography Customization */
.package-card .text-secondary {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #4a5568 !important;
    font-size: 0.86rem !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    letter-spacing: -0.1px;
}

.package-card .text-secondary strong {
    color: #1a202c !important;
    font-weight: 600 !important;
}

.package-card .card-title {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    color: #1a202c;
    letter-spacing: -0.3px;
    transition: color 0.2s ease;
}

.package-card-link:hover .card-title {
    color: #F3525A !important;
}

/* Image & Link Text Styling */
.package-img {
    height: 250px;
    object-fit: cover;
    width: 100%;
    transition: transform 0.3s ease;
}

.package-card-link:hover .package-img {
    transform: scale(1.02);
}

.explore-link {
    color: #F3525A;
    font-size: 0.88rem;
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

.package-card-link:hover .explore-link {
    transform: translateX(4px);
}

/*==================================================*
    Temple Tour Packages END
==================================================*/

.icon-box {
    width: 75px;
    height: 75px;
    background-color: #fdecd2;
    /* Soft cream/peach fill */
    border-radius: 20px;
    /* Soft rounded square corners */
}

.icon-svg {
    width: 36px;
    height: 36px;
    color: #e65100;
    /* Vibrant orange outline */
}

.green-icon-box {
    width: 75px;
    height: 75px;
    background-color: #dcfeea;
    /* Light mint green fill */
    border-radius: 20px;
    /* Rounded square corners */
}

.green-icon-svg {
    width: 36px;
    height: 36px;
    color: #16a34a;
    /* Vibrant green outline */
}

.blue-icon-box {
    width: 75px;
    height: 75px;
    background-color: #dbeafe;
    /* Soft blue fill */
    border-radius: 20px;
    /* Soft rounded square corners */
}

.blue-icon-svg {
    width: 36px;
    height: 36px;
    color: #2563eb;
    /* Vibrant blue outline */
}

.purple-icon-box {
    width: 75px;
    height: 75px;
    background-color: #f3e8ff;
    /* Soft lavender fill */
    border-radius: 20px;
    /* Soft rounded square corners */
}

.purple-icon-svg {
    width: 36px;
    height: 36px;
    color: #9333ea;
    /* Vibrant purple outline */
}

.red-icon-box {
    width: 75px;
    height: 75px;
    background-color: #ffe4e6;
    /* Soft red/pink fill */
    border-radius: 20px;
    /* Soft rounded square corners */
}

.red-icon-svg {
    width: 36px;
    height: 36px;
    color: #e11d48;
    /* Vibrant red outline */
}

.yellow-icon-box {
    width: 75px;
    height: 75px;
    background-color: #fef9c3;
    /* Soft light yellow fill */
    border-radius: 20px;
    /* Soft rounded square corners */
}

.yellow-icon-svg {
    width: 36px;
    height: 36px;
    color: #ca8a04;
    /* Warm amber/gold outline */
}

.btn-whatsapp {
    background-color: #25d366;
    color: #ffffff !important;
    font-size: 1.1rem;
    border: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.btn-whatsapp:hover {
    background-color: #1eb855;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.whatsapp-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.city-card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}

.city-card {
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

.city-card-link:hover .city-card {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(234, 88, 12, 0.12);
    border-color: #F3525A;
}

.city-card-link:hover .explore-link-text {
    text-decoration: underline;
}


/* Direct hover state on the card class */
.city-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(234, 88, 12, 0.12);
    border-color: #F3525A;
}

/* Optional hover accent on inner tags */
.city-card:hover .tag-badge {
    border-color: #F3525A;
}



.bottom-pill-btn {
    background-color: #ffffff;
    color: #F3525A;
    border: 1px solid #F3525A;
    border-radius: 50px;
    padding: 10px 22px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.bottom-pill-btn:hover {
    background-color: #F3525A;
    color: #ffffff;
    border-color: #F3525A;
}

.category-pill-btn {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.category-pill-btn:hover {
    background-color: #ffffff !important;
    color: #ea580c !important;
    border-color: #ffffff;
}

/* Card Container Base & Hover */
.city-card {
    background-color: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.city-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(243, 82, 90, 0.12);
    border-color: #F3525A;
}

/* Right-aligned Number Badge */
.step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #fff7ed;
    color: #F3525A;
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 50%;
}

/* Tag Styles */

/* .tag-badge {
    background: #F3525A;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 50px;
    border: 1px solid #ffedd5;
    display: inline-block;
} */

.tag-badge {
    background-color: #fff7ed;
    color: #c2410c;
    font-size: 0.78rem;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px;
    display: inline-block;
}

.tag-badge.tag-active {
    background-color: #F3525A;
    color: #ffffff;
}


/* Header Badge */
.faq-badge {
    display: inline-block;
    background-color: #fff7ed;
    color: #ea580c;
    border: 1px solid #ffedd5;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 16px;
    border-radius: 50px;
}

/* Accordion Customization */
.custom-faq-accordion .accordion-item {
    background-color: #ffffff;
    border-color: #f1f5f9 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-faq-accordion .accordion-item:hover {
    border-color: #fed7aa !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.05);
}

.custom-faq-accordion .accordion-button {
    background-color: #ffffff;
    color: #1f2937;
    padding: 1.25rem 1.5rem;
    border: none;
    box-shadow: none !important;
}

.custom-faq-accordion .accordion-button:not(.collapsed) {
    background-color: #ffffff;
    color: #111827;
}

.custom-faq-accordion .accordion-button:focus {
    box-shadow: none;
}

/* Custom + / − Toggle Icon */
.custom-faq-accordion .accordion-button::after {
    background-image: none !important;
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-color: #fff7ed;
    color: #ea580c;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
    margin-left: auto;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.custom-faq-accordion .accordion-button:not(.collapsed)::after {
    content: "−";
    background-color: #F3525A;
    color: #ffffff;
    transform: none;
}

.custom-faq-accordion .accordion-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.25rem;
    line-height: 1.6;
}

/* CTA Box ("Still Have Questions?") */
/* Base Styles */
.faq-cta-card {
    background-color: #ffffff;
    border-color: #f1f5f9 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease-in-out;
}

/* Mobile View (Phones, less than 768px) */
@media (max-width: 767.98px) {
    .faq-cta-card {
        padding: 1.5rem !important;
        /* Slightly tighter padding */
        margin-top: 2rem !important;
    }

    .faq-cta-card h3 {
        font-size: 1.2rem;
        /* Scale down heading */
    }

    .faq-cta-card .btn {
        width: 100%;
        /* Force buttons to stretch full width */
    }
}

/* Tablet View (iPads, 768px to 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .faq-cta-card {
        padding: 2.5rem !important;
    }

    .faq-cta-card .btn {
        min-width: 200px;
        /* Keep buttons uniform size side-by-side */
    }
}

/* Submit Enquiry Button (#F3525A) */
.btn-submit-enquiry {
    background-color: #F3525A;
    color: #ffffff;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 8px;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.btn-submit-enquiry:hover {
    background-color: #d9434b;
    color: #ffffff;
}

/* WhatsApp Button */
.btn-whatsapp {
    background-color: #25D366;
    color: #ffffff;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 8px;
    transition: background-color 0.25s ease;
}

.btn-whatsapp:hover {
    background-color: #1eb957;
    color: #ffffff;
}

/* Badge */
.enquiry-badge {
    display: inline-block;
    background-color: #fff7ed;
    color: #ea580c;
    border: 1px solid #ffedd5;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 50px;
}

/* Card Styling */
.enquiry-card {
    background-color: #ffffff;
    border-color: #f1f5f9 !important;
}

/* Form Controls */
.form-control-custom {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
    color: #1e293b;
    background-color: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control-custom::placeholder {
    color: #94a3b8;
    font-size: 0.85rem;
}

.form-control-custom:focus {
    border-color: #F3525A;
    box-shadow: 0 0 0 3px rgba(243, 82, 90, 0.15);
    outline: none;
}

/* Submit Button */
.btn-submit-enquiry {
    background-color: #F3525A;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    min-width: 180px;
    transition: background-color 0.25s ease, transform 0.2s ease;
}

.btn-submit-enquiry:hover {
    background-color: #d9434b;
    color: #ffffff;
    transform: translateY(-1px);
}

.btn-submit-enquiry:active {
    transform: translateY(0);
}

/* Typography Helper */
.extra-small {
    font-size: 0.725rem;
    line-height: 1.4;
}

/* Responsive Tweaks */
@media (max-width: 767.98px) {
    .enquiry-card {
        padding: 1.25rem !important;
    }

    .btn-submit-enquiry {
        width: 100%;
        /* Full width submit button on small mobile screens */
    }
}

/* Full-width Gradient Container */
.cta-banner-section {
    /* background: linear-gradient(100deg, #ea580c 0%, #f97316 45%, #fbbf24 100%); */
    background: linear-gradient(135deg, #F3525A 0%, #ea580c 100%);
    width: 100%;
    margin: 0;
}

/* Top Pill Badge */
.cta-pill-badge {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 0.825rem;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(4px);
}

/* Filled Green WhatsApp Button */
.btn-cta-whatsapp {
    background-color: #25d366;
    border: none;
    font-size: 0.95rem;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.btn-cta-whatsapp:hover {
    background-color: #1fbe5a;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Transparent Outline Button */
.btn-cta-outline {
    background-color: transparent;
    border: 2px solid #ffffff;
    font-size: 0.95rem;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.btn-cta-outline:hover {
    background-color: #ffffff;
    color: #ea580c !important;
    transform: translateY(-2px);
}

/* Disclaimer Typography & Spacing */
.disclaimer-text {
    max-width: 950px;
    font-size: 0.85rem;
    line-height: 1.65;
    text-align: center;
    color: #64748b !important;
}

.disclaimer-text strong {
    color: #334155 !important;
}

/* HOME PAGE END CSS CODE */

/* Tourist Visa Assistance PAGE START CSS CODE */

/* Card Container */
.disclaimer-card {
    background-color: #fff9f3;
    border: 1.5px solid #ffe3d1;
    border-radius: 24px;
    padding: 24px 28px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Info Icon Container */
.icon-box {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border: 1px solid #ffd8c0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Info Icon SVG */
.icon-box svg {
    width: 22px;
    height: 22px;
    fill: #e65100;
}

/* Text Formatting */
.disclaimer-text {
    font-size: 15px;
    line-height: 1.6;
    color: #374151;
    margin: 0;
}

.disclaimer-text strong {
    color: #111827;
    font-weight: 700;
}

/* Tablet Responsive Styles (<= 768px) */
@media (max-width: 768px) {
    .disclaimer-card {
        padding: 20px 22px;
        gap: 16px;
        border-radius: 20px;
    }

    .icon-box {
        width: 40px;
        height: 40px;
    }

    .icon-box svg {
        width: 20px;
        height: 20px;
    }

    .disclaimer-text {
        font-size: 14.5px;
        line-height: 1.55;
    }
}

/* Mobile Responsive Styles (<= 480px) */
@media (max-width: 480px) {
    .disclaimer-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
        gap: 14px;
        border-radius: 16px;
    }

    .icon-box {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

    .icon-box svg {
        width: 18px;
        height: 18px;
    }

    .disclaimer-text {
        font-size: 14px;
        line-height: 1.5;
    }
}

/* Full Outer Section Background */
.cta-outer-banner {
    background: linear-gradient(135deg, #F3525A 0%, #ea580c 100%);
    padding: 60px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Inner Glass/Floating Card */
.cta-card-inner {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 28px;
    padding: 48px 36px;
    max-width: 920px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

/* Top Pill Badge */
.cta-top-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 24px;
}

.cta-top-badge svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* Heading */
.cta-heading {
    font-size: 34px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 18px 0;
    line-height: 1.25;
}

/* Description */
.cta-description {
    font-size: 15px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
    max-width: 780px;
    margin: 0 auto 28px auto;
}

.cta-description strong {
    color: #ffffff;
    font-weight: 700;
}

/* Feature Badges Grid */
.cta-features-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 32px;
}

.cta-feature-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.cta-feature-item svg {
    width: 16px;
    height: 16px;
    fill: #ffd166;
    /* Light yellow checkmark accent */
    flex-shrink: 0;
}

/* Buttons Container */
.cta-buttons-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
}

.btn-cta-primary {
    background-color: #ffffff;
    color: #ea580c;
    font-weight: 700;
    font-size: 15px;
    padding: 13px 26px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-cta-primary:hover {
    background-color: #fff3eb;
    transform: translateY(-2px);
}

.btn-cta-whatsapp-green {
    background-color: #059669;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    padding: 13px 26px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.25s ease;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-cta-whatsapp-green:hover {
    background-color: #047857;
    transform: translateY(-2px);
}

.btn-cta-whatsapp-green svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
}

/* Bottom Divider & Disclaimer */
.cta-divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 24px 0;
}

.cta-disclaimer {
    font-size: 12.5px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

.cta-disclaimer strong {
    color: #ffffff;
}

/* Tablet Responsiveness (<= 768px) */
@media (max-width: 768px) {
    .cta-outer-banner {
        padding: 40px 16px;
    }

    .cta-card-inner {
        padding: 36px 24px;
        border-radius: 20px;
    }

    .cta-heading {
        font-size: 26px;
    }

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

/* Mobile Responsiveness (<= 480px) */
@media (max-width: 480px) {
    .cta-outer-banner {
        padding: 24px 12px;
    }

    .cta-card-inner {
        padding: 28px 16px;
        border-radius: 16px;
    }

    .cta-heading {
        font-size: 22px;
    }

    .cta-buttons-wrap {
        flex-direction: column;
        width: 100%;
    }

    .btn-cta-primary,
    .btn-cta-whatsapp-green {
        width: 100%;
        box-sizing: border-box;
    }

    .cta-features-grid {
        flex-direction: column;
        align-items: center;
    }

    .cta-feature-item {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }
}

/* Tourist Visa Assistance PAGE END CSS CODE */



/* =========================================================
   CONTACT US SECTION START
========================================================= */






/* =========================================================
   CONTACT US BANNER SECTION
========================================================= */

.sgcx_contact_section {
    font-family: "Poppins", sans-serif;
    position: relative;
    width: 100%;
    padding: 48px 20px 45px;
    overflow: hidden;

    background: linear-gradient(135deg,
            #196871c4 0%,
            #1F6F78 50%,
            #287F87 100%);
}


.sgcx_contact_container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1080px;

    margin: 0 auto;

    text-align: center;
}

.sgcx_contact_icon_wrap {
    width: 52px;
    height: 52px;

    margin: 0 auto 16px;

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

    border-radius: 14px;

    overflow: hidden;


}

.sgcx_contact_icon_wrap img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

/* =========================================================
   BADGE
========================================================= */

.sgcx_contact_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 7px 15px;

    margin-bottom: 10px;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 30px;

    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;

    backdrop-filter: blur(8px);
}


.sgcx_badge_dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #38c98a;
}


/* =========================================================
   HEADING
========================================================= */

.sgcx_contact_title {
    max-width: 850px;

    margin: 0 auto 15px;

    color: #ffffff;



    font-size: 45px;
    line-height: 1.08;

    font-weight: 900;

    letter-spacing: -1px;
}


.sgcx_contact_title span {
    display: block;
}


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

.sgcx_contact_description {
    max-width: 850px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.93);


    font-size: 15px;
    line-height: 1.65;

    font-weight: 400;
}


.sgcx_contact_description strong {
    color: #ffffff;
    font-weight: 700;
}



/* =========================================================
   SINGAPORE TRAVELLER - TRAVEL PLANNING CLARIFICATION
========================================================= */

.sgcx_travel_clarification_box {
    width: 100%;
    max-width: 768px;

    margin: 10px auto 0;
    padding: 14px 16px;

    background: rgba(236, 254, 255, 0.80);

    border: 1px solid rgba(165, 243, 252, 0.90);
    border-radius: 12px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   CLARIFICATION TEXT
========================================================= */

.sgcx_travel_clarification_text {
    margin: 0;

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 1.65;

    font-weight: 400;

    color: #334155;
}


/* =========================================================
   IMPORTANT INFORMATION HEADING
========================================================= */

.sgcx_travel_clarification_heading {
    color: #0f172a;

    font-weight: 700;
}


/* =========================================================
   AIRPORT / LOCATION HIGHLIGHT
========================================================= */

.sgcx_travel_clarification_locations {
    color: #0f172a;

    font-weight: 700;
}


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

.sgcx_contact_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 23px;
}


.sgcx_action_btn {
    min-height: 50px;

    padding: 0 20px;

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

    gap: 8px;

    border-radius: 11px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition: all 0.25s ease;
}


.sgcx_action_btn svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.sgcx_action_btn:hover {
    transform: translateY(-2px);
}


/* WhatsApp */

.sgcx_whatsapp_btn {
    color: #ffffff;
    background: #16b64a;
    border-radius: 40px;
}


.sgcx_whatsapp_btn:hover {
    color: #ffffff;
    background: #119e40;
}


/* Email */

.sgcx_email_btn {
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.70);

    background: rgba(255, 255, 255, 0.04);

    border-radius: 40px;
}


.sgcx_email_btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
}


/* Enquiry */

.sgcx_enquiry_btn {
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.18);

    background: rgba(255, 255, 255, 0.10);

    border-radius: 40px;
}


.sgcx_enquiry_btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
}

/* =========================================================
   CONTACT INFORMATION PANEL
========================================================= */
.sgcx_contact_info_panel {
    width: 100%;
    margin-top: 24px;

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

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 15px;

    background: rgba(255, 255, 255, 0.09);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


.sgcx_info_item {
    min-height: 82px;

    padding: 13px 18px;

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

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}


.sgcx_info_item:last-child {
    border-right: none;
}


/* HEADING */

.sgcx_info_label {
    margin-bottom: 5px;

    color: #9de6ed;

    font-family: "Poppins", sans-serif;

    font-size: 11px;
    line-height: 1.25;

    font-weight: 700;

    letter-spacing: 0.4px;
}


/* TEXT */

.sgcx_info_value {
    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 14px;
    line-height: 1.4;

    font-weight: 600;

    text-decoration: none;
}


.sgcx_info_item a.sgcx_info_value {
    color: #ffffff;
    text-decoration: none;
}

.sgcx_info_item a.sgcx_info_value:hover {
    color: #b9f5f8;
}

.sgcx_info_item div.sgcx_info_value {
    color: #ffffff;
}

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

.sgcx_contact_note {
    max-width: 760px;

    margin: 19px auto 0;

    color: rgba(255, 255, 255, 0.88);


    font-size: 13px;
    line-height: 1.55;
}

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

   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgcx_contact_section {
        padding: 42px 24px 40px;
    }

    .sgcx_contact_container {
        max-width: 850px;
    }

    .sgcx_contact_icon_wrap {
        width: 50px;
        height: 50px;
        margin-bottom: 14px;
    }

    .sgcx_contact_badge {
        padding: 7px 14px;
        margin-bottom: 14px;
        font-size: 12px;
    }

    .sgcx_contact_title {
        max-width: 720px;
        margin-bottom: 15px;

        font-size: 38px;
        line-height: 1.1;
        letter-spacing: -0.7px;
    }

    .sgcx_contact_description {
        max-width: 700px;

        font-size: 14px;
        line-height: 1.6;
    }

    .sgcx_travel_clarification_box {
        width: 100%;
        max-width: 720px;

        margin: 10px auto 0;
        padding: 13px 15px;

        border-radius: 11px;
    }

    .sgcx_travel_clarification_text {
        font-size: 12.5px;
        line-height: 1.65;
    }

    .sgcx_travel_clarification_heading,
    .sgcx_travel_clarification_locations {
        font-weight: 700;
    }

    .sgcx_contact_actions {
        gap: 9px;
        margin-top: 21px;
    }

    .sgcx_action_btn {
        min-height: 48px;
        padding: 0 18px;

        font-size: 13px;
        gap: 7px;
    }

    .sgcx_action_btn svg {
        width: 17px;
        height: 17px;
    }

    .sgcx_contact_info_panel {
        margin-top: 22px;

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

        border-radius: 14px;
    }

    .sgcx_info_item {
        min-height: 78px;
        padding: 12px 14px;
    }

    .sgcx_info_label {
        margin-bottom: 4px;
        font-size: 10px;
    }

    .sgcx_info_value {
        font-size: 13px;
        line-height: 1.4;
    }

    .sgcx_contact_note {
        max-width: 650px;
        margin-top: 17px;

        font-size: 12px;
        line-height: 1.5;
    }
}


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

   MOBILE RESPONSIVE
   BELOW 767px
========================================================= */

@media (max-width: 767px) {

    .sgcx_contact_section {
        padding: 36px 15px 34px;
    }

    .sgcx_contact_container {
        width: 100%;
        max-width: 100%;
    }


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

    .sgcx_contact_icon_wrap {
        width: 48px;
        height: 48px;

        margin: 0 auto 13px;

        border-radius: 13px;
    }


    /* =====================================================
       BADGE
    ===================================================== */

    .sgcx_contact_badge {
        max-width: 100%;

        padding: 6px 12px;
        margin-bottom: 13px;

        gap: 7px;

        font-size: 11px;
        line-height: 1.3;

        white-space: nowrap;
    }

    .sgcx_badge_dot {
        width: 7px;
        height: 7px;

        flex: 0 0 7px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .sgcx_contact_title {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 14px;

        font-size: 25px;
        line-height: 1.13;

        letter-spacing: -0.5px;
    }

    .sgcx_contact_title span {
        display: block;
    }


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

    .sgcx_contact_description {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;

        font-size: 13px;
        line-height: 1.6;
    }


    /* =========================================================
        SINGAPORE TRAVELLER - TRAVEL PLANNING CLARIFICATION
    ========================================================= */

    .sgcx_travel_clarification_box {
        width: 100%;
        max-width: 100%;

        margin: 16px auto 0;
        padding: 12px 14px;

        border-radius: 10px;
    }

    .sgcx_travel_clarification_text {
        font-size: 12px;
        line-height: 1.7;

        text-align: center;
    }

    .sgcx_travel_clarification_heading,
    .sgcx_travel_clarification_locations {
        font-weight: 700;
    }

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

    .sgcx_contact_actions {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 9px;

        margin-top: 20px;
    }

    .sgcx_action_btn {
        width: 100%;
        min-height: 47px;

        padding: 0 16px;

        gap: 8px;

        font-size: 13px;

        box-sizing: border-box;
    }

    .sgcx_action_btn svg {
        width: 17px;
        height: 17px;
    }


    /* =====================================================
       CONTACT INFORMATION PANEL
    ===================================================== */

    .sgcx_contact_info_panel {
        width: 100%;

        margin-top: 21px;

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

        border-radius: 13px;
    }

    .sgcx_info_item {
        width: 100%;
        min-height: 70px;

        padding: 11px 14px;

        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);

        box-sizing: border-box;
    }

    .sgcx_info_item:last-child {
        border-bottom: none;
    }


    /* =====================================================
       INFO LABEL
    ===================================================== */

    .sgcx_info_label {
        margin-bottom: 4px;

        font-size: 10px;
        line-height: 1.25;

        letter-spacing: 0.35px;
    }


    /* =====================================================
       INFO VALUE
    ===================================================== */

    .sgcx_info_value {
        max-width: 100%;

        font-size: 13px;
        line-height: 1.4;

        word-break: break-word;
    }


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

    .sgcx_contact_note {
        width: 100%;
        max-width: 100%;

        margin: 16px auto 0;

        font-size: 11.5px;
        line-height: 1.55;
        text-align: center;
    }
}









/* =========================================
   SOUTH INDIA TRAVEL CTA - MEDIUM SIZE
   UNIQUE CLASS PREFIX: sgxj_
========================================= */

.sgxj_travel_cta_section {
    position: relative;
    width: 100%;
    padding: 58px 20px 52px;
    overflow: hidden;
    background-color: #1F6F78;
    font-family: "Poppins", sans-serif;
}


/* -----------------------------------------
   DECORATIVE BACKGROUND
----------------------------------------- */

.sgxj_travel_cta_section::before {
    content: "";
    position: absolute;

    width: 300px;
    height: 300px;

    top: -160px;
    left: -120px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.035);

    pointer-events: none;
}

.sgxj_travel_cta_section::after {
    content: "";
    position: absolute;

    width: 360px;
    height: 360px;

    right: -180px;
    bottom: -220px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.035);

    pointer-events: none;
}


/* -----------------------------------------
   MAIN CONTAINER
----------------------------------------- */

.sgxj_travel_cta_container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1080px;

    margin: 0 auto;

    text-align: center;
}


/* -----------------------------------------
   TOP BADGE
----------------------------------------- */

.sgxj_travel_cta_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 17px;

    margin-bottom: 20px;

    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50px;

    background: rgba(255, 255, 255, 0.08);
}

.sgxj_travel_cta_badge span {
    color: #d9f1f5;


    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.8px;
    line-height: 1;
}


/* -----------------------------------------
   MAIN HEADING
----------------------------------------- */

.sgxj_travel_cta_title {
    max-width: 850px;

    margin: 0 auto 20px;

    color: #ffffff;


    font-size: 42px;
    font-weight: 700;

    line-height: 1.12;

    letter-spacing: -0.8px;
}

.sgxj_travel_cta_title span {
    display: block;
}


/* -----------------------------------------
   DESCRIPTION
----------------------------------------- */

.sgxj_travel_cta_description {
    max-width: 820px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.91);


    font-size: 16px;
    font-weight: 400;

    line-height: 1.65;
}


/* -----------------------------------------
   CTA BUTTON WRAPPER
----------------------------------------- */

.sgxj_travel_cta_buttons {
    display: flex;

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

    gap: 20px;

    margin-top: 34px;
}


/* -----------------------------------------
   COMMON BUTTON STYLE
----------------------------------------- */

.sgxj_travel_whatsapp_btn,
.sgxj_travel_enquiry_btn {
    min-width: 250px;
    min-height: 58px;

    display: inline-flex;

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

    gap: 11px;

    padding: 12px 25px;

    border-radius: 40px;


    font-size: 16px;
    font-weight: 700;

    text-decoration: none;

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


/* -----------------------------------------
   WHATSAPP BUTTON
----------------------------------------- */

.sgxj_travel_whatsapp_btn {
    color: #ffffff;

    background: #18b44b;

    border: 1px solid #18b44b;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
}

.sgxj_travel_whatsapp_btn i {
    font-size: 21px;
}

.sgxj_travel_whatsapp_btn:hover {
    color: #ffffff;

    background: #119c3e;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);
}


/* -----------------------------------------
   ENQUIRY BUTTON
----------------------------------------- */

.sgxj_travel_enquiry_btn {
    color: #ffffff;

    background: rgba(255, 255, 255, 0.025);

    border: 2px solid rgba(255, 255, 255, 0.75);
}

.sgxj_travel_enquiry_btn i {
    font-size: 17px;
}

.sgxj_travel_enquiry_btn:hover {
    color: #154b63;

    background: #ffffff;

    border-color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.13);
}


/* -----------------------------------------
   DIVIDER
----------------------------------------- */

.sgxj_travel_cta_divider {
    width: 100%;
    height: 1px;

    margin: 40px auto 25px;

    background: rgba(255, 255, 255, 0.18);
}


/* -----------------------------------------
   BOTTOM INFORMATION
----------------------------------------- */

.sgxj_travel_cta_bottom_text {
    max-width: 820px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.86);



    font-size: 14px;
    font-weight: 400;

    line-height: 1.55;
}

/* =========================================
   TABLET RESPONSIVE
   768px - 991px
========================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgxj_travel_cta_section {
        padding: 50px 28px 46px;
    }


    /* MAIN CONTAINER */

    .sgxj_travel_cta_container {
        max-width: 720px;
    }


    /* BADGE */

    .sgxj_travel_cta_badge {
        padding: 7px 16px;
        margin-bottom: 18px;
    }

    .sgxj_travel_cta_badge span {
        font-size: 11px;
        letter-spacing: 0.7px;
    }


    /* HEADING */

    .sgxj_travel_cta_title {
        max-width: 680px;

        margin-bottom: 18px;

        font-size: 34px;
        line-height: 1.15;

        letter-spacing: -0.5px;
    }


    /* DESCRIPTION */

    .sgxj_travel_cta_description {
        max-width: 650px;

        font-size: 15px;
        line-height: 1.65;
    }


    /* BUTTON WRAPPER */

    .sgxj_travel_cta_buttons {
        gap: 15px;
        margin-top: 30px;
    }


    /* BUTTONS */

    .sgxj_travel_whatsapp_btn,
    .sgxj_travel_enquiry_btn {

        padding: 11px 20px;

        border-radius: 40px;

        font-size: 15px;


    }


    /* WHATSAPP ICON */

    .sgxj_travel_whatsapp_btn i {
        font-size: 19px;
    }


    /* ENQUIRY ICON */

    .sgxj_travel_enquiry_btn i {
        font-size: 16px;
    }


    /* DIVIDER */

    .sgxj_travel_cta_divider {
        margin: 34px auto 22px;
    }


    /* BOTTOM TEXT */

    .sgxj_travel_cta_bottom_text {
        max-width: 650px;

        font-size: 13px;
        line-height: 1.6;
    }


    /* BACKGROUND DECORATION */

    .sgxj_travel_cta_section::before {
        width: 250px;
        height: 250px;

        top: -130px;
        left: -100px;
    }

    .sgxj_travel_cta_section::after {
        width: 300px;
        height: 300px;

        right: -150px;
        bottom: -190px;
    }
}


/* =========================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================= */

@media (max-width: 767px) {

    .sgxj_travel_cta_section {
        padding: 45px 18px 42px;
    }


    /* MAIN CONTAINER */

    .sgxj_travel_cta_container {
        max-width: 100%;
    }


    /* BADGE */

    .sgxj_travel_cta_badge {
        padding: 7px 14px;

        margin-bottom: 18px;
    }

    .sgxj_travel_cta_badge span {
        font-size: 10px;
        letter-spacing: 0.6px;
    }


    /* HEADING */

    .sgxj_travel_cta_title {
        max-width: 100%;

        margin-bottom: 17px;

        font-size: 29px;
        line-height: 1.17;

        letter-spacing: -0.4px;
    }

    .sgxj_travel_cta_title span {
        display: inline;
    }


    /* DESCRIPTION */

    .sgxj_travel_cta_description {
        max-width: 100%;

        font-size: 14px;
        line-height: 1.65;
    }


    /* BUTTON WRAPPER */

    .sgxj_travel_cta_buttons {
        width: 100%;

        flex-direction: column;

        gap: 11px;

        margin-top: 27px;
    }


    /* BUTTONS */

    .sgxj_travel_whatsapp_btn,
    .sgxj_travel_enquiry_btn {


        min-width: 0;
        min-height: 53px;

        padding: 11px 18px;

        border-radius: 40px;

        font-size: 15px;
    }


    /* WHATSAPP ICON */

    .sgxj_travel_whatsapp_btn i {
        font-size: 20px;
    }


    /* ENQUIRY ICON */

    .sgxj_travel_enquiry_btn i {
        font-size: 16px;
    }


    /* DIVIDER */

    .sgxj_travel_cta_divider {
        margin: 32px auto 20px;
    }


    /* BOTTOM TEXT */

    .sgxj_travel_cta_bottom_text {
        max-width: 100%;

        font-size: 12.5px;
        line-height: 1.6;
    }


    /* BACKGROUND DECORATION */

    .sgxj_travel_cta_section::before {
        width: 220px;
        height: 220px;

        top: -120px;
        left: -100px;
    }

    .sgxj_travel_cta_section::after {
        width: 250px;
        height: 250px;

        right: -130px;
        bottom: -150px;
    }
}















/* =========================================================
   SINGAPORE TOUR SERVICES SECTION
========================================================= */

.sgts_services_section {
    position: relative;
    width: 100%;
    padding: 95px 20px 90px;
    overflow: hidden;

    background:
        radial-gradient(circle at 8% 12%,
            rgba(23, 126, 142, 0.09),
            transparent 30%),
        radial-gradient(circle at 92% 80%,
            rgba(217, 119, 6, 0.08),
            transparent 28%),
        #f7f9fb;

    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}


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

.sgts_services_section::before {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    top: -170px;
    right: -150px;

    border: 1px solid rgba(16, 73, 96, 0.07);
    border-radius: 50%;

    pointer-events: none;
}


.sgts_services_section::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    bottom: -130px;
    left: -100px;

    border: 1px solid rgba(217, 119, 6, 0.07);
    border-radius: 50%;

    pointer-events: none;
}


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

.sgts_services_container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
}


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

.sgts_services_intro {
    max-width: 900px;

    margin: 0 auto 58px;

    text-align: center;
}


/* =========================================================
   INTRO BADGE
========================================================= */

.sgts_intro_badge {
    display: inline-flex;

    align-items: center;
    gap: 10px;

    padding: 8px 17px 8px 9px;

    border-radius: 50px;

    background: #ffffff;

    border: 1px solid rgba(20, 83, 106, 0.12);

    color: #f3525a;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.7px;

    box-shadow:
        0 8px 25px rgba(2, 40, 75, 0.06);
}


.sgts_badge_icon {
    width: 31px;
    height: 31px;

    display: flex;

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

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 13px;
}


/* =========================================================
   INTRO HEADING
========================================================= */

.sgts_intro_heading_wrap {
    margin-top: 25px;
}


.sgts_intro_heading_wrap h2 {
    margin: 0;

    color: #082b43;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 500;

    letter-spacing: -1px;
}


.sgts_intro_heading_wrap h2 strong {
    display: block;

    color: #14536a;

    font-weight: 700;
}


.sgts_intro_heading_wrap p {
    max-width: 790px;

    margin: 20px auto 0;

    color: #657482;

    font-size: 14px;

    line-height: 1.9;
}


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

.sgts_services_grid {
    display: grid;

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

    gap: 22px;
}


/* =========================================================
   CLICKABLE SERVICE CARD
========================================================= */

.sgts_service_card {
    position: relative;

    min-height: 390px;

    padding: 36px 36px 34px;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    border: 1px solid rgba(20, 83, 106, 0.09);

    border-radius: 25px;

    background: #ffffff;

    box-shadow:
        0 14px 40px rgba(2, 40, 75, 0.055);

    text-decoration: none;

    color: inherit;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.sgts_service_card:visited {
    color: inherit;
}


.sgts_service_card:hover {
    transform: translateY(-7px);

    border-color:
        rgba(20, 83, 106, 0.20);

    box-shadow:
        0 22px 50px rgba(2, 40, 75, 0.11);

    text-decoration: none;
}


.sgts_service_card:focus-visible {
    outline: 3px solid rgba(20, 83, 106, 0.25);
    outline-offset: 4px;
}


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

.sgts_card_number {
    position: absolute;

    top: 20px;
    right: 28px;

    color: rgba(20, 83, 106, 0.075);

    font-size: 58px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -3px;

    pointer-events: none;
}


/* =========================================================
   SERVICE ICON
========================================================= */

.sgts_service_icon {
    position: relative;
    z-index: 2;

    width: 61px;
    height: 61px;

    margin-bottom: 25px;

    display: flex;

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

    border-radius:
        18px 18px 18px 5px;

    background: linear-gradient(135deg, #f3525a, #dc3545);

    color: #ffffff;

    font-size: 23px;

    box-shadow:
        0 10px 24px rgba(13, 66, 96, 0.20);

    flex-shrink: 0;
}


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

.sgts_service_content {
    position: relative;
    z-index: 2;

    display: flex;

    flex-direction: column;

    flex: 1;
}


.sgts_service_label {
    display: inline-block;

    margin-bottom: 9px;

    color: #f6ad10;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.8px;
}


.sgts_service_content h3 {
    max-width: 450px;

    margin: 0 0 14px;

    color: #082b43;

    font-size: 22px;

    line-height: 1.35;

    font-weight: 700;
}


.sgts_service_content p {
    margin: 0;

    color: #657482;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}


.sgts_service_content p strong {
    color: #284e65;

    font-weight: 700;
}


/* =========================================================
   CARD NAVIGATION LABEL
========================================================= */

.sgts_service_link {
    position: relative;
    z-index: 2;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    width: fit-content;

    margin-top: auto;

    padding-top: 23px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


.sgts_service_link i {
    width: 30px;
    height: 30px;

    display: flex;

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

    border-radius: 50%;

    background: #edf5f6;

    color: #f3525a;

    font-size: 11px;

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


.sgts_service_card:hover .sgts_service_link {
    color: #d97706;
}


.sgts_service_card:hover .sgts_service_link i {
    transform: translateX(5px);

    background: #d97706;

    color: #ffffff;
}


/* =========================================================
   CORNER ICON
========================================================= */

.sgts_card_corner_icon {
    position: absolute;

    right: -24px;
    bottom: -27px;

    width: 105px;
    height: 105px;

    display: flex;

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

    border-radius: 50%;

    background:
        rgba(20, 83, 106, 0.045);

    color:
        rgba(20, 83, 106, 0.15);

    font-size: 35px;

    transform: rotate(-12deg);

    pointer-events: none;
}


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

.sgts_service_featured {
    border-top: 4px solid #f3525a;
}


.sgts_service_featured .sgts_service_icon {
    background:
        linear-gradient(135deg,
            #d97706,
            #b85f05);
}




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

.sgts_service_visa {
    min-height: 340px;

    background:
        linear-gradient(135deg,
            rgba(13, 66, 96, 0.03),
            rgba(217, 119, 6, 0.045)),
        #ffffff;
}


.sgts_service_visa .sgts_service_icon {
    background:
        linear-gradient(135deg,
            #f3525a,
            #f95058);
}


/* =========================================================
   INFORMATION PANEL
========================================================= */

.sgts_info_panel {
    position: relative;

    display: grid;

    grid-template-columns: 220px 1fr;

    min-height: 220px;

    margin-top: 30px;

    overflow: hidden;

    border-radius: 25px;

    background:
        linear-gradient(120deg,
            #f3525a 0%,
            #f3525a 60%,
            #f3525a 100%);

    box-shadow:
        0 18px 45px rgba(2, 40, 75, 0.15);
}


/* =========================================================
   INFO VISUAL
========================================================= */

.sgts_info_visual {
    position: relative;

    display: flex;

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

    flex-direction: column;

    gap: 12px;

    overflow: hidden;

    background:
        rgba(255, 255, 255, 0.045);
}


.sgts_info_visual::before {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    border:
        1px solid rgba(255, 255, 255, 0.10);

    border-radius: 50%;
}


.sgts_info_visual::after {
    content: "";

    position: absolute;

    width: 230px;
    height: 230px;

    border:
        1px solid rgba(255, 255, 255, 0.06);

    border-radius: 50%;
}


.sgts_info_icon {
    position: relative;
    z-index: 2;

    width: 65px;
    height: 65px;

    display: flex;

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

    border-radius: 20px;

    background:
        rgba(255, 255, 255, 0.11);

    color: #ffffff;

    font-size: 25px;
}


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

.sgts_info_content {
    align-self: center;

    padding: 42px 50px;
}


.sgts_info_content h3 {
    margin: 0 0 13px;

    color: #ffffff;

    font-size: 24px;

    line-height: 1.35;
}


.sgts_info_content p {
    max-width: 800px;

    margin: 0;

    color:
        rgba(255, 255, 255, 0.74);

    font-size: 12.5px;

    line-height: 1.85;

    text-align: justify;
}


.sgts_info_content p strong {
    color: #ffffff;
}



/* =========================================================
   TABLET VIEW
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgts_services_section {
        padding: 70px 24px 68px;
    }


    /* ---------- BACKGROUND ---------- */

    .sgts_services_section::before {
        width: 300px;
        height: 300px;

        top: -140px;
        right: -120px;
    }


    .sgts_services_section::after {
        width: 210px;
        height: 210px;

        bottom: -105px;
        left: -90px;
    }


    /* ---------- CONTAINER ---------- */

    .sgts_services_container {
        max-width: 900px;
    }


    /* ---------- INTRO ---------- */

    .sgts_services_intro {
        max-width: 760px;

        margin-bottom: 45px;
    }


    .sgts_intro_badge {
        padding: 7px 15px 7px 8px;

        font-size: 9px;

        letter-spacing: 1.5px;
    }


    .sgts_badge_icon {
        width: 29px;
        height: 29px;

        font-size: 12px;
    }


    .sgts_intro_heading_wrap {
        margin-top: 20px;
    }


    .sgts_intro_heading_wrap h2 {
        font-size: 34px;

        line-height: 1.25;
    }


    .sgts_intro_heading_wrap p {
        max-width: 680px;

        margin-top: 17px;

        font-size: 12.5px;

        line-height: 1.85;
    }


    /* ---------- SERVICES GRID ---------- */

    .sgts_services_grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }


    /* ---------- CARDS ---------- */

    .sgts_service_card,
    .sgts_service_wide,
    .sgts_service_visa {
        min-height: 365px;

        padding: 30px 27px 28px;

        border-radius: 21px;
    }


    .sgts_service_wide,
    .sgts_service_visa {
        min-height: 330px;
    }


    .sgts_service_card:hover {
        transform: translateY(-5px);
    }


    /* ---------- NUMBER ---------- */

    .sgts_card_number {
        top: 17px;
        right: 22px;

        font-size: 51px;
    }


    /* ---------- ICON ---------- */

    .sgts_service_icon {
        width: 56px;
        height: 56px;

        margin-bottom: 21px;

        border-radius:
            16px 16px 16px 5px;

        font-size: 21px;
    }


    /* ---------- CONTENT ---------- */

    .sgts_service_label {
        margin-bottom: 8px;

        font-size: 8px;

        letter-spacing: 1.55px;
    }


    .sgts_service_content h3 {
        max-width: 88%;

        margin-bottom: 12px;

        font-size: 20px;

        line-height: 1.35;
    }


    .sgts_service_content p {
        font-size: 12.5px;

        line-height: 1.8;

        text-align: justify;
    }


    /* ---------- LINK ---------- */

    .sgts_service_link {
        gap: 12px;

        padding-top: 20px;

        font-size: 11.5px;
    }


    .sgts_service_link i {
        width: 29px;
        height: 29px;

        font-size: 10px;
    }


    /* ---------- CORNER ICON ---------- */

    .sgts_card_corner_icon {
        width: 95px;
        height: 95px;

        right: -22px;
        bottom: -25px;

        font-size: 31px;
    }


    /* ---------- INFO PANEL ---------- */

    .sgts_info_panel {
        grid-template-columns: 175px 1fr;

        min-height: 190px;

        margin-top: 24px;

        border-radius: 21px;
    }


    .sgts_info_icon {
        width: 58px;
        height: 58px;

        border-radius: 17px;

        font-size: 22px;
    }


    .sgts_info_visual::before {
        width: 130px;
        height: 130px;
    }


    .sgts_info_visual::after {
        width: 200px;
        height: 200px;
    }


    .sgts_info_content {
        padding: 34px 35px;
    }


    .sgts_info_content h3 {
        margin-bottom: 10px;

        font-size: 21px;
    }


    .sgts_info_content p {
        font-size: 11.5px;

        line-height: 1.8;

        text-align: justify;
    }

}



/* =========================================================
   MOBILE VIEW
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .sgts_services_section {
        padding: 55px 15px 52px;
    }


    /* ---------- BACKGROUND DECORATION ---------- */

    .sgts_services_section::before {
        width: 250px;
        height: 250px;

        top: -120px;
        right: -125px;
    }


    .sgts_services_section::after {
        width: 180px;
        height: 180px;

        bottom: -90px;
        left: -85px;
    }


    /* ---------- CONTAINER ---------- */

    .sgts_services_container {
        width: 100%;
    }


    /* ---------- INTRO ---------- */

    .sgts_services_intro {
        width: 100%;

        margin-bottom: 34px;
    }


    .sgts_intro_badge {
        gap: 8px;

        padding: 6px 12px 6px 7px;

        font-size: 8px;

        letter-spacing: 1.2px;
    }


    .sgts_badge_icon {
        width: 26px;
        height: 26px;

        font-size: 11px;
    }


    .sgts_intro_heading_wrap {
        margin-top: 18px;
    }


    .sgts_intro_heading_wrap h2 {
        font-size: 28px;

        line-height: 1.28;

        letter-spacing: -0.4px;
    }


    .sgts_intro_heading_wrap h2 strong {
        display: inline;
    }


    .sgts_intro_heading_wrap p {
        margin-top: 14px;

        font-size: 11.5px;

        line-height: 1.8;

        text-align: center;
    }


    /* ---------- SERVICES GRID ---------- */

    .sgts_services_grid {
        grid-template-columns: 1fr;

        gap: 15px;
    }


    /* ---------- SERVICE CARD ---------- */

    .sgts_service_card,
    .sgts_service_wide,
    .sgts_service_visa {
        min-height: auto;

        padding: 26px 22px 24px;

        border-radius: 18px;
    }


    .sgts_service_card:hover {
        transform: translateY(-3px);
    }


    /* ---------- NUMBER ---------- */

    .sgts_card_number {
        top: 15px;
        right: 18px;

        font-size: 44px;

        letter-spacing: -2px;
    }


    /* ---------- ICON ---------- */

    .sgts_service_icon {
        width: 50px;
        height: 50px;

        margin-bottom: 18px;

        border-radius:
            14px 14px 14px 4px;

        font-size: 18px;
    }


    /* ---------- CONTENT ---------- */

    .sgts_service_label {
        margin-bottom: 6px;

        font-size: 7.5px;

        letter-spacing: 1.35px;
    }


    .sgts_service_content h3 {
        max-width: 82%;

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.4;
    }


    .sgts_service_content p {
        font-size: 11px;

        line-height: 1.8;

        text-align: justify;
    }


    /* ---------- CARD NAVIGATION ---------- */

    .sgts_service_link {
        width: 100%;

        margin-top: 18px;

        padding-top: 15px;

        border-top:
            1px solid #edf1f3;

        font-size: 10px;
    }


    .sgts_service_link i {
        width: 27px;
        height: 27px;

        font-size: 9px;
    }


    /* ---------- CORNER ICON ---------- */

    .sgts_card_corner_icon {
        width: 80px;
        height: 80px;

        right: -19px;
        bottom: -21px;

        font-size: 26px;
    }


    /* ---------- FEATURED ---------- */

    .sgts_service_featured {
        border-top-width: 3px;
    }


    /* ---------- INFORMATION PANEL ---------- */

    .sgts_info_panel {
        display: block;

        min-height: auto;

        margin-top: 18px;

        border-radius: 18px;
    }


    .sgts_info_visual {
        min-height: 115px;

        padding: 20px;

        flex-direction: row;

        justify-content: flex-start;

        gap: 13px;
    }


    .sgts_info_visual::before {
        width: 105px;
        height: 105px;

        left: -30px;
    }


    .sgts_info_visual::after {
        width: 165px;
        height: 165px;

        left: -60px;
    }


    .sgts_info_icon {
        width: 48px;
        height: 48px;

        border-radius: 14px;

        font-size: 18px;
    }


    /* ---------- INFO CONTENT ---------- */

    .sgts_info_content {
        padding: 24px 21px 27px;
    }


    .sgts_info_content h3 {
        margin-bottom: 9px;

        font-size: 18px;

        line-height: 1.4;
    }


    .sgts_info_content p {
        font-size: 10.8px;

        line-height: 1.8;

        text-align: justify;
    }

}











/* =========================================================
   DIVINE TRAVEL CONTACT INFORMATION
   FULL CSS
========================================================= */

.dcti_contact_section {
    width: 100%;
    position: relative;

    padding: 78px 20px 72px;

    background: #ffffff;

    overflow: hidden;

    font-family: "Poppins", sans-serif;

    box-sizing: border-box;
}


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

.dcti_contact_container {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 0.85fr 1.15fr;

    align-items: start;

    gap: 55px;

    box-sizing: border-box;
}


/* =========================================================
   LEFT INTRO
========================================================= */

.dcti_contact_intro {
    position: relative;

    padding: 12px 0 0;

    box-sizing: border-box;
}


/* =========================================================
   EYEBROW
========================================================= */

.dcti_contact_eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    color: #f6ad10;
}


.dcti_contact_eyebrow i {
    font-size: 15px;
}


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

.dcti_contact_title {
    margin: 18px 0 20px;

    max-width: 470px;

    font-size: clamp(30px, 4vw, 50px);

    line-height: 1.12;

    font-weight: 700;

    color: #f3525a;
}


.dcti_contact_title span {
    display: block;

    color: #f3525a;
}


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

.dcti_contact_description {
    max-width: 500px;

    margin: 0;

    font-size: 15px;

    line-height: 1.9;

    color: #596579;

    text-align: justify;
}


/* =========================================================
   TRAVEL PLANNING INTRO BOX
========================================================= */

.dcti_intro_note {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    max-width: 480px;

    margin-top: 32px;

    padding: 19px 20px;

    background: #f8fafc;

    border-left: 3px solid #f9b0b3;

    box-sizing: border-box;
}


.dcti_intro_note_icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;

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

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 17px;
}


.dcti_intro_note_content {
    min-width: 0;
}


.dcti_intro_note_content strong {
    display: block;

    margin-bottom: 5px;

    font-size: 14px;

    font-weight: 700;

    color: #06183d;
}


.dcti_intro_note_content p {
    margin: 0;

    font-size: 13px;

    line-height: 1.7;

    color: #687386;

    text-align: justify;
}


/* =========================================================
   CONTACT CARDS GRID
========================================================= */

.dcti_contact_options {
    width: 100%;

    display: grid;

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

    gap: 20px;

    box-sizing: border-box;
}


/* =========================================================
   CONTACT CARD
   ENTIRE CARD IS CLICKABLE
========================================================= */

.dcti_contact_item {
    position: relative;

    width: 100%;

    height: 255px;

    min-height: 255px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 25px 24px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

    box-shadow:
        0 8px 28px rgba(6, 24, 61, 0.055);

    box-sizing: border-box;

    cursor: pointer;

    text-decoration: none;

    color: inherit;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


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

.dcti_contact_item:hover {
    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow:
        0 16px 35px #f9b0b3;

    text-decoration: none;

    color: inherit;
}


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

.dcti_contact_item:focus {
    text-decoration: none;

    color: inherit;
}


.dcti_contact_item:focus-visible {
    outline: 3px solid rgba(45, 86, 125, 0.22);

    outline-offset: 3px;
}


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

.dcti_contact_icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;

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

    margin-top: 1px;

    border-radius: 12px;

    font-size: 20px;

    box-sizing: border-box;
}


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

.dcti_whatsapp_icon {
    background: #f9b0b3;

    color: #f3525a;
}


/* =========================================================
   EMAIL ICON
========================================================= */

.dcti_email_icon {
    background: #f9b0b3;

    color: #f3525a;
}


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

.dcti_call_icon {
    background: #f9b0b3;

    color: #f3525a;
}


/* =========================================================
   LOCATION ICON
========================================================= */

.dcti_location_icon {
    background: #f9b0b3;

    color: #f3525a;
}


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

.dcti_contact_item_content {
    flex: 1;

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    box-sizing: border-box;
}


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

.dcti_contact_label {
    display: block;

    margin: 2px 0 9px;

    font-size: 17px;

    line-height: 1.35;

    font-weight: 700;

    color: #06183d;
}


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

.dcti_contact_item_content p {
    margin: 0;

    font-size: 13.5px;

    line-height: 1.7;

    color: #687386;

    text-align: justify;
}


/* =========================================================
   CONTACT ACTION
   VISUAL LINK INSIDE CLICKABLE CARD
========================================================= */

.dcti_contact_action {
    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    gap: 7px;

    margin-top: 14px;

    padding: 7px 10px;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;

    color: #f3525a;

    text-decoration: none;

    word-break: break-word;

    border-radius: 7px;

    cursor: pointer;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* =========================================================
   CONTACT ACTION HOVER
========================================================= */

.dcti_contact_item:hover .dcti_contact_action {
    text-decoration: none;
}


.dcti_contact_action:hover {
    background: #f9b0b3;

    color: #f3525a;

    transform: translateY(-2px);

    box-shadow:
        0 5px 14px rgba(217, 119, 6, 0.10);
}


/* =========================================================
   CONTACT ACTION ACTIVE
========================================================= */

.dcti_contact_action:active {
    transform: translateY(0) scale(0.97);
}


/* =========================================================
   CONTACT ACTION ICON
========================================================= */

.dcti_contact_action i {
    font-size: 11px;

    flex-shrink: 0;

    transition:
        transform 0.25s ease;
}


.dcti_contact_action:hover i {
    transform: translate(2px, -2px);
}


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

.dcti_whatsapp_icon~.dcti_contact_item_content .dcti_contact_action {
    color: #f3525a;
}


.dcti_whatsapp_icon~.dcti_contact_item_content .dcti_contact_action:hover {
    color: #f3525a;

    background: #f9b0b3;
}


/* =========================================================
   EMAIL ACTION
========================================================= */

.dcti_email_icon~.dcti_contact_item_content .dcti_contact_action {
    color: #f3525a;
}


.dcti_email_icon~.dcti_contact_item_content .dcti_contact_action:hover {
    color: #f3525a;

    background: #f9b0b3;
}


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

.dcti_call_icon~.dcti_contact_item_content .dcti_contact_action {
    color: #f3525a;
}


.dcti_call_icon~.dcti_contact_item_content .dcti_contact_action:hover {
    color: #f3525a;
}


/* =========================================================
   LOCATION ACTION
========================================================= */

.dcti_location_icon~.dcti_contact_item_content .dcti_contact_action {
    color: #f3525a;
}


.dcti_location_icon~.dcti_contact_item_content .dcti_contact_action:hover {
    color: #f3525a;

    background: #f9b0b3;
}


/* =========================================================
   OFFICE LOCATION
========================================================= */

.dcti_location_item {
    grid-column: auto;

    width: 100%;

    height: 255px;

    min-height: 255px;
}


/* =========================================================
   BOTTOM INFORMATION SECTION
========================================================= */

.dcti_contact_bottom {
    width: 100%;

    max-width: 1180px;

    margin: 48px auto 0;

    padding-top: 28px;

    display: grid;

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

    border-top: 1px solid #f9b0b3;

    box-sizing: border-box;
}


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

.dcti_bottom_item {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 0 28px;

    border-right: 1px solid #f9b0b3;

    box-sizing: border-box;
}


.dcti_bottom_item:first-child {
    padding-left: 0;
}


.dcti_bottom_item:last-child {
    border-right: none;
}


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

.dcti_bottom_icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;

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

    border-radius: 10px;

    background: #f9b0b3;

    color: #f3525a;
    font-size: 15px;
}


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

.dcti_bottom_item span {
    display: block;

    margin: 1px 0 5px;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

    color: #06183d;
}


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

.dcti_bottom_item p {
    margin: 0;

    font-size: 14px;

    line-height: 1.65;

    color: #707b8d;

    text-align: justify;
}


/* =========================================================
   TABLET VIEW
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dcti_contact_section {
        padding: 65px 24px 60px;
    }


    .dcti_contact_container {
        grid-template-columns: 1fr;

        gap: 40px;
    }


    .dcti_contact_intro {
        padding: 0;

        text-align: center;
    }


    .dcti_contact_eyebrow {
        justify-content: center;
    }


    .dcti_contact_title {
        max-width: 650px;

        margin-left: auto;
        margin-right: auto;

        font-size: 42px;

        text-align: center;
    }


    .dcti_contact_description {
        max-width: 700px;

        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }


    .dcti_intro_note {
        max-width: 650px;

        margin-left: auto;
        margin-right: auto;

        text-align: left;
    }


    .dcti_contact_options {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 18px;
    }


    .dcti_contact_item {
        height: 250px;

        min-height: 250px;

        padding: 22px 20px;

        gap: 15px;
    }


    .dcti_contact_icon {
        width: 45px;
        height: 45px;

        flex: 0 0 45px;

        font-size: 18px;
    }


    .dcti_contact_label {
        font-size: 16px;
    }


    .dcti_contact_item_content p {
        font-size: 13px;

        line-height: 1.65;

        text-align: justify;
    }


    .dcti_contact_action {
        font-size: 13px;

        padding: 6px 8px;
    }


    .dcti_contact_bottom {
        margin-top: 40px;

        padding-top: 25px;
    }


    .dcti_bottom_item {
        padding: 0 18px;

        gap: 10px;
    }


    .dcti_bottom_item span {
        font-size: 15px;
    }


    .dcti_bottom_item p {
        font-size: 13px;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE VIEW
   MAX 767px
========================================================= */

@media (max-width: 767px) {

    .dcti_contact_section {
        padding: 55px 16px 50px;
    }


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

    .dcti_contact_container {
        grid-template-columns: 1fr;

        gap: 35px;
    }


    /* =========================================
       INTRO
    ========================================= */

    .dcti_contact_intro {
        padding: 0;

        text-align: center;
    }


    .dcti_contact_eyebrow {
        justify-content: center;

        gap: 7px;

        font-size: 11px;

        letter-spacing: 1.2px;
    }


    .dcti_contact_eyebrow i {
        font-size: 13px;
    }


    .dcti_contact_title {
        max-width: 100%;

        margin: 14px 0 17px;

        font-size: 32px;

        line-height: 1.15;

        text-align: center;
    }


    .dcti_contact_description {
        max-width: 100%;

        font-size: 14px;

        line-height: 1.8;

        text-align: center;
    }


    /* =========================================
       INTRO NOTE
    ========================================= */

    .dcti_intro_note {
        width: 100%;

        max-width: 100%;

        margin-top: 25px;

        padding: 16px;

        gap: 12px;

        text-align: left;
    }


    .dcti_intro_note_icon {
        width: 38px;
        height: 38px;

        flex: 0 0 38px;

        font-size: 15px;
    }


    .dcti_intro_note_content strong {
        font-size: 13px;
    }


    .dcti_intro_note_content p {
        font-size: 12px;

        line-height: 1.65;

        text-align: justify;
    }


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

    .dcti_contact_options {
        grid-template-columns: 1fr;

        gap: 15px;
    }


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

    .dcti_contact_item {
        width: 100%;

        height: auto;

        min-height: 0;

        padding: 20px 18px;

        gap: 14px;

        border-radius: 13px;

        align-items: flex-start;
    }


    .dcti_contact_item:hover {
        transform: translateY(-3px);
    }


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

    .dcti_contact_icon {
        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        margin-top: 0;

        border-radius: 10px;

        font-size: 18px;
    }


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

    .dcti_contact_item_content {
        min-width: 0;
    }


    .dcti_contact_label {
        margin: 0 0 7px;

        font-size: 16px;

        line-height: 1.35;
    }


    .dcti_contact_item_content p {
        font-size: 12.5px;

        line-height: 1.65;

        text-align: justify;
    }


    /* =========================================
       ACTION
    ========================================= */

    .dcti_contact_action {
        margin-top: 12px;

        padding: 6px 8px;

        font-size: 12.5px;

        line-height: 1.4;

        max-width: 100%;
    }


    .dcti_contact_action i {
        font-size: 10px;
    }


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

    .dcti_location_item {
        height: auto;

        min-height: 0;
    }


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

    .dcti_contact_bottom {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 35px;

        padding-top: 22px;
    }


    .dcti_bottom_item {
        padding: 0 0 20px;

        gap: 11px;

        border-right: none;

        border-bottom: 1px solid #e8ebef;
    }


    .dcti_bottom_item:last-child {
        padding-bottom: 0;

        border-bottom: none;
    }


    .dcti_bottom_item:first-child {
        padding-left: 0;
    }


    .dcti_bottom_icon {
        width: 35px;
        height: 35px;

        flex: 0 0 35px;

        border-radius: 9px;

        font-size: 14px;
    }


    .dcti_bottom_item span {
        margin: 0 0 4px;

        font-size: 14px;
    }


    .dcti_bottom_item p {
        font-size: 12.5px;

        line-height: 1.6;

        text-align: justify;
    }

}














/* =========================================================
   BUSINESS HOURS SECTION
 
========================================================= */

.dctbh_business_section {
    width: 100%;
    position: relative;

    padding: 82px 20px 78px;

    background: radial-gradient(circle at 8% 12%, rgba(23, 126, 142, 0.09), transparent 30%), radial-gradient(circle at 92% 80%, rgba(217, 119, 6, 0.08), transparent 28%), #f7f9fb;
    overflow: hidden;

    font-family: "Poppins", sans-serif;

    box-sizing: border-box;
}


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

.dctbh_container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1160px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 0.82fr 1.18fr;

    gap: 58px;

    align-items: center;
}


/* =========================================================
   LEFT INTRO
========================================================= */

.dctbh_intro {
    padding: 10px 5px 15px 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
}

.dctbh_label {
    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 7px 14px;

    border: 1px solid #d7ebe7;

    border-radius: 30px;

    background: #f1faf8;

    color: #f3525a;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.1px;

    text-transform: uppercase;
}

.dctbh_label_icon {
    width: 26px;
    height: 26px;

    display: inline-flex;

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

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 11px;
}

.dctbh_intro h2 {
    margin: 21px 0 18px;

    color: #17263d;

    font-size: 40px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -1px;
}

.dctbh_intro h2::after {
    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin-top: 17px;

    border-radius: 10px;

    background: #f3525a;
}

.dctbh_intro_text {
    margin: 0;

    max-width: 455px;

    color: #6c7788;

    font-size: 15px;

    line-height: 1.9;

    text-align: justify;
}

.dctbh_intro_text strong {
    color: #25364e;

    font-weight: 600;
}


/* =========================================================
   INFORMATION AREA
   DESKTOP - 3 CARDS IN ONE ROW
========================================================= */

.dctbh_info_area {
    width: 100%;

    display: grid;

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

    gap: 16px;

    padding-left: 0;
}


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

.dctbh_info_card {
    position: relative;

    width: 100%;

    min-height: 225px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 17px;

    padding: 27px 21px 24px;

    margin: 0;

    background: #ffffff;

    border: 1px solid #e4ebef;

    border-radius: 18px;

    box-shadow:
        0 9px 28px rgba(20, 40, 65, 0.055);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.dctbh_info_card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 22px;

    width: 42px;
    height: 3px;

    border-radius: 0 0 5px 5px;

    background: #f3525a;
}


/* =========================================================
   REMOVE OLD WIDE CARD GRID
========================================================= */

.dctbh_wide_card {
    grid-column: auto;

    min-height: 225px;
}



/* =========================================================
   ICON BOX
========================================================= */

.dctbh_icon_box {
    flex: 0 0 auto;

    width: 50px;
    height: 50px;

    display: flex;

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

    border-radius: 14px;

    background: #f3525a75;

    color: #f3525a;

    font-size: 20px;

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


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

.dctbh_card_content {
    width: 100%;

    min-width: 0;

    flex: 1;
}

.dctbh_card_content h3 {
    margin: 0 0 8px;

    color: #17263d;

    font-size: 17px;

    line-height: 1.4;

    font-weight: 700;
}

.dctbh_card_content p {
    margin: 0;

    color: #6c7788;

    font-size: 13px;

    line-height: 1.75;
    text-align: justify;
}

.dctbh_card_content strong {
    color: #33445e;

    font-weight: 600;
}


/* =========================================================
   PLANNING BOX
========================================================= */

.dctbh_planning_box {
    position: relative;

    grid-column: 1 / -1;

    margin-top: 8px;

    padding: 28px 30px;

    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 22px;

    border-radius: 18px;

    background:
        linear-gradient(105deg,
            #f3525a 0%,
            #f3525a 100%);

    box-shadow:
        0 15px 35px rgba(16, 47, 75, 0.13);

    overflow: hidden;
}


/* =========================================================
   PLANNING DECORATION
========================================================= */

.dctbh_planning_box::after {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -85px;
    top: -95px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.10);

    box-shadow:
        0 0 0 28px rgba(255, 255, 255, 0.025),
        0 0 0 55px rgba(255, 255, 255, 0.018);

    pointer-events: none;
}


/* =========================================================
   PLANNING ICON
========================================================= */

.dctbh_planning_icon {
    position: relative;

    z-index: 2;

    width: 57px;
    height: 57px;

    display: flex;

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

    border-radius: 15px;

    background: rgba(255, 255, 255, 0.11);

    border: 1px solid rgba(255, 255, 255, 0.12);

    color: #ffffff;

    font-size: 22px;
}


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

.dctbh_planning_content {
    position: relative;

    z-index: 2;

    min-width: 0;
}

.dctbh_planning_label {
    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;
}

.dctbh_planning_content p {
    margin: 0;

    max-width: 700px;

    color: rgba(255, 255, 255, 0.76);

    font-size: 13px;

    line-height: 1.7;

    text-align: justify;
}


/* =========================================================
   ACTION AREA
========================================================= */

.dctbh_action_area {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 8px;

    flex-shrink: 0;
}

.dctbh_action_btn {
    min-width: 137px;

    padding: 10px 16px;

    display: inline-flex;

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

    gap: 8px;

    border-radius: 8px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.dctbh_action_btn:hover {
    transform: translateY(-2px);
    color: #ffffff;
}

.dctbh_whatsapp_btn {
    background: #ffffff;

    color: #f3525a;
    border-radius: 40px;
}

.dctbh_whatsapp_btn:hover {
    background: #eef9f6;
    color: #000000;

}

.dctbh_email_btn {
    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 40px;
}

.dctbh_email_btn:hover {
    background: rgba(255, 255, 255, 0.15);

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

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

    .dctbh_business_section {
        padding: 65px 24px 62px;
    }


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

    .dctbh_container {
        width: 100%;
        max-width: 760px;

        display: grid;

        grid-template-columns: 1fr;

        gap: 38px;

        margin: 0 auto;
    }


    /* =========================
       INTRO
    ========================= */

    .dctbh_intro {
        width: 100%;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        text-align: center;
    }

    .dctbh_label {
        margin: 0 auto;

        padding: 7px 14px;

        font-size: 10.5px;
    }

    .dctbh_label_icon {
        width: 25px;
        height: 25px;

        font-size: 10px;
    }

    .dctbh_intro h2 {
        margin: 18px 0 16px;

        font-size: 37px;

        line-height: 1.18;

        letter-spacing: -0.7px;
    }

    .dctbh_intro h2::after {
        width: 45px;

        height: 3px;

        margin: 15px auto 0;
    }

    .dctbh_intro_text {
        width: 100%;

        max-width: 680px;

        margin: 0 auto;

        font-size: 14px;

        line-height: 1.85;

        text-align: center;
    }


    /* =========================
       INFORMATION AREA
    ========================= */

    .dctbh_info_area {
        width: 100%;

        display: grid;

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

        gap: 16px;

        padding-left: 0;
    }


    /* =========================
       INFO CARDS
    ========================= */

    .dctbh_info_card,
    .dctbh_wide_card {

        width: 100%;

        min-height: 220px;

        padding: 24px 20px 22px;

        gap: 15px;

        margin: 0;

        border-radius: 16px;
    }


    /* THIRD CARD - FULL WIDTH */

    .dctbh_info_card:nth-child(3) {
        grid-column: 1 / -1;

        min-height: auto;
    }


    /* =========================
       TOP ACCENT
    ========================= */

    .dctbh_info_card::before {
        left: 20px;

        width: 40px;

        height: 3px;
    }


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

    .dctbh_icon_box {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        border-radius: 13px;

        font-size: 19px;
    }


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

    .dctbh_card_content h3 {
        margin-bottom: 7px;

        font-size: 16px;

        line-height: 1.4;
    }

    .dctbh_card_content p {
        font-size: 12.7px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =========================
       PLANNING BOX
    ========================= */

    .dctbh_planning_box {

        width: 100%;

        margin-top: 0;

        padding: 25px 24px;

        display: grid;

        grid-template-columns: auto 1fr;

        gap: 18px;

        align-items: center;

        border-radius: 17px;
    }


    /* =========================
       PLANNING ICON
    ========================= */

    .dctbh_planning_icon {
        width: 54px;
        height: 54px;

        border-radius: 14px;

        font-size: 20px;
    }


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

    .dctbh_planning_label {
        margin-bottom: 6px;

        font-size: 17px;

        line-height: 1.4;
    }

    .dctbh_planning_content p {
        max-width: 100%;

        font-size: 12.5px;

        line-height: 1.7;

        text-align: left;
    }


    /* =========================
       ACTION AREA
    ========================= */

    .dctbh_action_area {

        grid-column: 1 / -1;

        width: 100%;

        display: grid;

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

        gap: 10px;

        margin-top: 3px;
    }

    .dctbh_action_btn {

        width: 100%;

        min-width: 0;

        padding: 11px 14px;

        font-size: 12px;

        border-radius: 8px;
    }

    dctbh_whatsapp_btn {
        border-radius: 40px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

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

    .dctbh_business_section {
        padding: 48px 16px 50px;
    }


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

    .dctbh_container {
        width: 100%;

        max-width: 100%;

        display: flex;

        flex-direction: column;

        gap: 30px;

        margin: 0 auto;
    }


    /* =========================
       INTRO
    ========================= */

    .dctbh_intro {

        width: 100%;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        text-align: center;
    }


    /* LABEL */

    .dctbh_label {
        margin: 0 auto;

        padding: 6px 11px;

        gap: 7px;

        font-size: 9.5px;

        letter-spacing: 0.7px;
    }

    .dctbh_label_icon {

        width: 23px;
        height: 23px;

        font-size: 9px;
    }


    /* HEADING */

    .dctbh_intro h2 {

        margin: 16px 0 14px;

        font-size: 29px;

        line-height: 1.22;

        letter-spacing: -0.5px;
    }

    .dctbh_intro h2::after {

        width: 40px;

        height: 3px;

        margin: 13px auto 0;
    }


    /* DESCRIPTION */

    .dctbh_intro_text {

        width: 100%;

        max-width: 100%;

        margin: 0 auto;

        font-size: 12.7px;

        line-height: 1.8;

        text-align: center;
    }


    /* =========================
       INFORMATION AREA
    ========================= */

    .dctbh_info_area {

        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 12px;

        padding-left: 0;
    }


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

    .dctbh_info_card,
    .dctbh_wide_card {

        width: 100%;

        min-height: auto;

        display: flex;

        flex-direction: row;

        align-items: flex-start;

        gap: 13px;

        padding: 18px 16px;

        margin: 0;

        border-radius: 14px;
    }


    /* TOP ACCENT */

    .dctbh_info_card::before {

        top: 0;

        left: 17px;

        width: 34px;

        height: 3px;
    }


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

    .dctbh_icon_box {

        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 11px;

        font-size: 16px;
    }


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

    .dctbh_card_content {

        width: auto;

        min-width: 0;

        flex: 1;
    }

    .dctbh_card_content h3 {

        margin: 0 0 5px;

        font-size: 14.5px;

        line-height: 1.4;
    }

    .dctbh_card_content p {

        margin: 0;

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;
    }


    /* =========================
       PLANNING BOX
    ========================= */

    .dctbh_planning_box {

        width: 100%;

        margin-top: 0;

        padding: 21px 17px;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 13px;

        border-radius: 15px;

        text-align: center;
    }


    /* PLANNING ICON */

    .dctbh_planning_icon {

        width: 48px;
        height: 48px;

        margin: 0 auto;

        border-radius: 12px;

        font-size: 18px;
    }


    /* PLANNING CONTENT */

    .dctbh_planning_content {

        width: 100%;

        text-align: center;
    }

    .dctbh_planning_label {

        margin-bottom: 6px;

        font-size: 15.5px;

        line-height: 1.45;
    }

    .dctbh_planning_content p {

        width: 100%;

        max-width: 100%;

        font-size: 11.8px;

        line-height: 1.7;

        text-align: center;
    }


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

    .dctbh_action_area {

        width: 100%;

        display: grid;

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

        gap: 8px;

        margin-top: 2px;
    }

    .dctbh_action_btn {

        width: 100%;

        min-width: 0;

        padding: 10px 6px;

        gap: 6px;

        border-radius: 7px;

        font-size: 10.8px;

        white-space: nowrap;
    }


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

    .dctbh_business_section::before {

        width: 300px;
        height: 300px;

        top: -150px;
        right: -130px;
    }

    .dctbh_business_section::after {

        width: 210px;
        height: 210px;

        bottom: -110px;
        left: -100px;
    }

    dctbh_whatsapp_btn {
        border-radius: 40px;
    }

}










/* =========================================================
   SOUTH INDIA TRAVEL FAQ SECTION
========================================================= */

.sifaq_faq_section {
    width: 100%;
    position: relative;

    padding: 60px 20px 60px;

    background: #ffffff;

    overflow: hidden;

    font-family: "Poppins", sans-serif;

    box-sizing: border-box;
}


.sifaq_faq_section *,
.sifaq_faq_section *::before,
.sifaq_faq_section *::after {
    box-sizing: border-box;
}


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

.sifaq_faq_container {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto;
}


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

.sifaq_intro {
    width: 100%;
    max-width: 820px;

    margin: 0 auto 30px;

    text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.sifaq_eyebrow {
    display: inline-flex;

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

    gap: 9px;

    padding: 8px 15px;

    margin-bottom: 17px;

    border: 1px solid #e5e7eb;

    border-radius: 50px;

    background: #f8fafc;

    color: #f3525a;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 1;

    text-transform: uppercase;
}


.sifaq_eyebrow_icon {
    width: 25px;
    height: 25px;

    display: flex;

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

    flex: 0 0 25px;

    border-radius: 50%;

    background: #fff7ed;

    color: #f3525a;

    font-size: 12px;
}


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

.sifaq_main_title {
    margin: 0 0 17px;

    color: #06183d;

    font-size: 40px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -0.4px;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.sifaq_intro_text {
    max-width: 780px;

    margin: 0 auto;

    color: #64748b;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.85;
}


.sifaq_intro_text strong {
    color: #f3525a;

    font-weight: 600;
}


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

.sifaq_content_wrap {
    width: 100%;

    display: block;
}


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

.sifaq_accordion {
    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 12px;
}


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

.sifaq_item {
    width: 100%;

    border: 1px solid #e5eaf0;

    border-radius: 14px;

    background: #ffffff;

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.sifaq_item:hover {
    border-color: #d5dde6;

    box-shadow:
        0 8px 25px rgba(6, 24, 61, 0.05);
}


.sifaq_item.sifaq_active {
    border-color: #d8e0e8;

    box-shadow:
        0 10px 28px rgba(6, 24, 61, 0.07);
}


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

.sifaq_question {
    width: 100%;

    min-height: 74px;

    display: flex;

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

    gap: 20px;

    padding: 14px 18px 14px 15px;

    margin: 0;

    border: 0;

    outline: none;

    background: transparent;

    cursor: pointer;

    text-align: left;

    appearance: none;
}


.sifaq_question:focus {
    outline: none;
}


/* =========================================================
   QUESTION LEFT SIDE
========================================================= */

.sifaq_question_left {
    min-width: 0;

    flex: 1;

    display: flex;

    align-items: center;

    gap: 15px;
}


/* =========================================================
   NUMBER
========================================================= */

.sifaq_number {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

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

    border-radius: 10px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

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


.sifaq_item.sifaq_active .sifaq_number {


    background: #f1f5f9;

    color: #64748b;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

.sifaq_question_text {
    display: block;

    color: #1e293b;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;
}


.sifaq_item.sifaq_active .sifaq_question_text {
    color: #06183d;
}


/* =========================================================
   PLUS / MINUS BUTTON
========================================================= */

.sifaq_toggle {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;

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

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 12px;

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


.sifaq_item.sifaq_active .sifaq_toggle {
    background: #06183d;

    color: #ffffff;
}


/* =========================================================
   ANSWER
========================================================= */

.sifaq_answer {
    display: none;

    padding: 0 70px 25px 70px;
}


.sifaq_item.sifaq_active .sifaq_answer {
    display: block;
}


.sifaq_answer p {
    max-width: 850px;

    margin: 0;

    color: #64748b;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.9;

    text-align: justify;
}


.sifaq_answer strong {
    color: #2d567d;

    font-weight: 600;
}


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

.sifaq_cta {
    width: 100%;

    margin: 45px auto 0;

    padding: 30px 25px;

    text-align: center;

    border-radius: 16px;

    background: #f8fafc;

    border: 1px solid #e5eaf0;
}


.sifaq_cta_text {
    margin: 0 0 20px;

    color: #64748b;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;
}


.sifaq_cta_text strong {
    color: #2d567d;

    font-weight: 600;
}


.sifaq_cta_button {
    display: inline-flex;

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

    min-height: 48px;

    padding: 12px 24px;

    border-radius: 40px;

    background: #f3525a;

    color: #ffffff;



    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

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


.sifaq_cta_button:hover {
    background: #f6ad10;

    color: #ffffff;

    text-decoration: none;


    box-shadow:
        0 8px 20px rgba(6, 24, 61, 0.15);
}

.sifaq_cta_arrow {
    display: inline-block;

    margin-left: 10px;

    font-size: 18px;

    line-height: 1;

    transition: transform 0.3s ease;
}


.sifaq_cta_button:hover .sifaq_cta_arrow {
    transform: translateX(4px);
}
/* =========================================================
   STANDALONE FAQ ANSWER
========================================================= */

.sifaq_faq_section .sifaq_faq_container > .sifaq_answer {
    display: block;
    width: 100%;
    max-width: none;

    margin: 10px 0 0 0;
    padding: 20px 28px;

    box-sizing: border-box;

    visibility: visible;
    opacity: 1;
    height: auto;
    max-height: none;
    overflow: visible;
}

.sifaq_faq_section .sifaq_faq_container > .sifaq_answer p {
    display: block;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;

    color: #5f6b7a;

    text-align: center;
}
/* =========================================================
   FAQ BOOKING HELP CTA
========================================================= */

.sifaq_booking_help {

    width: fit-content;
    max-width: 100%;

    margin: 35px auto 0;
    padding: 18px 22px;

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

    gap: 25px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    box-shadow:
        0 10px 28px rgba(2, 17, 58, 0.06);

    box-sizing: border-box;

}


.sifaq_booking_help_text {

    margin: 0;

    color: #06183d;


    font-size: 15px;
    font-weight: 600;

    line-height: 1.6;

}


.sifaq_booking_help_btn {

    min-height: 46px;

    padding: 11px 20px;

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

    gap: 10px;

    background: #f3525a;

    border: 1px solid #f3525a;

    border-radius: 40px;

    color: #ffffff;


    font-size: 13px;
    font-weight: 700;

    line-height: 1.4;

    text-decoration: none;

    white-space: nowrap;

    box-shadow:
        0 7px 18px rgba(243, 82, 90, 0.20);

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.sifaq_booking_help_btn:hover {

    background: #d93d46;
    border-color: #d93d46;
    color: #ffffff;
    text-decoration: none;

    transform: translateY(-2px);

    box-shadow:
        0 11px 24px rgba(243, 82, 90, 0.25);

}


.sifaq_booking_help_btn i {

    font-size: 11px;

    transition: transform 0.3s ease;

}


.sifaq_booking_help_btn:hover i {

    transform: translateX(4px);

}

.sifaq_answer a {
    color: #2563eb;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.sifaq_answer a:hover {
    color: #1d4ed8;
    text-decoration: none;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* SECTION */
    .sifaq_faq_section {
        padding: 70px 25px 65px;
    }


    /* CONTAINER */
    .sifaq_faq_container {
        max-width: 720px;
    }


    /* INTRO */
    .sifaq_intro {
        max-width: 680px;

        margin-bottom: 40px;
    }


    /* EYEBROW */
    .sifaq_eyebrow {
        gap: 8px;

        padding: 8px 14px;

        margin-bottom: 15px;

        font-size: 9px;

        letter-spacing: 1.3px;
    }


    .sifaq_eyebrow_icon {
        width: 24px;
        height: 24px;

        flex: 0 0 24px;

        font-size: 11px;
    }


    /* TITLE */
    .sifaq_main_title {
        margin-bottom: 15px;

        font-size: 35px;

        line-height: 1.25;

        letter-spacing: -0.3px;
    }


    /* INTRO TEXT */
    .sifaq_intro_text {
        max-width: 650px;

        font-size: 13px;

        line-height: 1.8;
    }


    /* ACCORDION */
    .sifaq_accordion {
        gap: 11px;
    }


    /* FAQ ITEM */
    .sifaq_item {
        border-radius: 13px;
    }


    /* QUESTION */
    .sifaq_question {
        min-height: 70px;

        gap: 16px;

        padding: 13px 16px 13px 14px;
    }


    /* QUESTION LEFT */
    .sifaq_question_left {
        gap: 13px;
    }


    /* NUMBER */
    .sifaq_number {
        width: 38px;
        height: 38px;

        flex: 0 0 38px;

        border-radius: 9px;

        font-size: 11px;
    }


    /* QUESTION TEXT */
    .sifaq_question_text {
        font-size: 14px;

        line-height: 1.5;
    }


    /* TOGGLE */
    .sifaq_toggle {
        width: 32px;
        height: 32px;

        flex: 0 0 32px;

        font-size: 11px;
    }


    /* ANSWER */
    .sifaq_answer {
        padding: 0 67px 23px 67px;
    }


    .sifaq_answer p {
        max-width: 100%;

        font-size: 13px;

        line-height: 1.85;

        text-align: justify;
    }

    .sifaq_cta {
        margin-top: 40px;

        padding: 28px 22px;
    }


    .sifaq_cta_text {
        font-size: 14px;

        line-height: 1.8;

        margin-bottom: 18px;
    }


    .sifaq_cta_button {
        min-height: 46px;

        padding: 11px 22px;

        font-size: 14px;

        border-radius: 40px;
    }


    .sifaq_cta_arrow {
        margin-left: 9px;

        font-size: 17px;
    }

    .sifaq_faq_section .sifaq_faq_container > .sifaq_answer {
        margin-top: 8px;
        padding: 18px 24px;
    }

    .sifaq_faq_section .sifaq_faq_container > .sifaq_answer p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sifaq_booking_help {

        width: fit-content;
        max-width: 90%;

        margin: 30px auto 0;
        padding: 16px 20px;

        gap: 18px;

        border-radius: 14px;

    }

    .sifaq_booking_help_text {

        font-size: 14px;
        line-height: 1.5;

    }

    .sifaq_booking_help_btn {

        min-height: 44px;

        padding: 10px 18px;

        gap: 8px;

        font-size: 12px;

        border-radius: 40px;

    }

    .sifaq_booking_help_btn i {

        font-size: 10px;

    }


}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    /* SECTION */
    .sifaq_faq_section {
        padding: 55px 15px 55px;
    }


    /* CONTAINER */
    .sifaq_faq_container {
        max-width: 100%;
    }


    /* INTRO */
    .sifaq_intro {
        max-width: 100%;

        margin-bottom: 32px;
    }


    /* EYEBROW */
    .sifaq_eyebrow {
        gap: 7px;

        padding: 7px 12px;

        margin-bottom: 14px;

        font-size: 8px;

        letter-spacing: 1.1px;
    }


    .sifaq_eyebrow_icon {
        width: 23px;
        height: 23px;

        flex: 0 0 23px;

        font-size: 10px;
    }


    /* TITLE */
    .sifaq_main_title {
        margin-bottom: 13px;

        font-size: 24px;

        line-height: 1.25;

        letter-spacing: -0.2px;
    }


    /* INTRO TEXT */
    .sifaq_intro_text {
        max-width: 100%;

        padding: 0 3px;

        font-size: 12.5px;

        line-height: 1.8;
    }


    /* ACCORDION */
    .sifaq_accordion {
        gap: 10px;
    }


    /* FAQ ITEM */
    .sifaq_item {
        border-radius: 12px;
    }


    /* QUESTION */
    .sifaq_question {
        min-height: 64px;

        gap: 10px;

        padding: 11px 12px 11px 11px;
    }


    /* QUESTION LEFT */
    .sifaq_question_left {
        gap: 10px;
    }


    /* NUMBER */
    .sifaq_number {
        width: 34px;
        height: 34px;

        flex: 0 0 34px;

        border-radius: 8px;

        font-size: 10px;
    }


    /* QUESTION TEXT */
    .sifaq_question_text {
        font-size: 12px;

        line-height: 1.5;
    }


    /* TOGGLE */
    .sifaq_toggle {
        width: 29px;
        height: 29px;

        flex: 0 0 29px;

        font-size: 10px;
    }


    /* ANSWER */
    .sifaq_answer {
        padding: 0 14px 20px 55px;
    }


    .sifaq_answer p {
        max-width: 100%;

        font-size: 11px;

        line-height: 1.8;

        text-align: justify;
    }

    .sifaq_cta {
        margin-top: 32px;

        padding: 24px 16px;

        border-radius: 14px;
    }


    .sifaq_cta_text {
        margin: 0 auto 18px;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;
    }


    .sifaq_cta_button {
        width: 100%;

        min-height: 46px;

        padding: 11px 18px;

        border-radius: 40px;

        font-size: 13px;

        line-height: 1.5;

        text-align: center;
    }


    .sifaq_cta_arrow {
        margin-left: 8px;

        font-size: 17px;
    }

     .sifaq_faq_section .sifaq_faq_container > .sifaq_answer {
        margin-top: 5px;
        padding: 16px 16px;
    }

    .sifaq_faq_section .sifaq_faq_container > .sifaq_answer p {
        font-size: 13px;
        line-height: 1.7;
        text-align: center;
    }
    .sifaq_booking_help {

        width: 100%;
        max-width: 100%;

        margin: 25px auto 0;
        padding: 18px 15px;

        display: flex;
        flex-direction: column;

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

        gap: 13px;

        border-radius: 14px;

        text-align: center;

    }

    .sifaq_booking_help_text {

        width: 100%;

        font-size: 13px;
        line-height: 1.6;

        text-align: center;

    }

    .sifaq_booking_help_btn {

        width: 100%;
        min-height: 45px;

        padding: 11px 16px;

        gap: 8px;

        font-size: 12px;

        border-radius: 40px;

        box-sizing: border-box;

    }

    .sifaq_booking_help_btn i {

        font-size: 10px;

    }


}









/* =========================================================
   SOUTH INDIA TOUR ENQUIRY SECTION
========================================================= */

.enquiry-section {
    width: 100%;
    position: relative;

    padding: 70px 20px 80px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    box-sizing: border-box;

    overflow: hidden;
}


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

.enquiry-container {
    width: 100%;
    max-width: 1360px;

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
}


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

.enquiry-section-header {
    width: 100%;
    max-width: 760px;

    margin: 0 auto 30px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   BADGE
========================================================= */

.enquiry-badge {
    display: inline-flex;

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

    padding: 8px 20px;

    margin-bottom: 16px;

    background: #eef8f6;

    border: 1px solid #d9eeea;

    border-radius: 50px;

    color: #126b63;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.8px;

    line-height: 1.3;

    text-transform: uppercase;

    box-sizing: border-box;
}


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

.enquiry-section-header h2 {
    margin: 0 0 15px;

    color: #14213d;

    font-size: 36px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.3px;
}


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

.enquiry-section-header p {
    margin: 0;

    color: #64748b;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   MAIN LEFT + RIGHT LAYOUT
========================================================= */

.enquiry-main-layout {
    width: 100%;

    display: grid;

    /*
       LEFT  = 40%
       RIGHT = 60%
    */

    grid-template-columns: 0.78fr 1.22fr;

    gap: 28px;

    align-items: stretch;

    box-sizing: border-box;
}


/* =========================================================
   LEFT SIDE - WHY SEND AN ENQUIRY
========================================================= */

.enquiry-why-content {
    width: 100%;

    min-width: 0;

    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    display: flex;

    align-items: stretch;

    box-sizing: border-box;
}


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

.enquiry-why-inner {
    width: 100%;

    height: 100%;

    min-height: 100%;

    margin: 0 !important;

    padding: 48px 40px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    background-color: #F3525A;

    border-radius: 28px;

    box-shadow:
        0 14px 32px rgba(16, 78, 102, 0.15);

    box-sizing: border-box;
}


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

.enquiry-why-title {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.3;
}




.enquiry-why-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    margin: 0 0 12px 0;
    padding: 6px 13px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.3px;
    text-align: left;
}

.enquiry-why-badge i {
    color: #ffd43b;
    font-size: 11px;
}


.enquiry-why-description {
    max-width: 580px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 400;
    text-align: justify;
}

.enquiry-why-description strong {
    color: #ffffff;
    font-weight: 700;
}

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

.enquiry-why-list {
    display: flex;

    flex-direction: column;

    gap: 22px;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   LEFT LIST ITEM
========================================================= */

.enquiry-why-list li {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin: 0;
    padding: 0;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.65;
}



/* =========================================================
   INDIA-SIDE ARRIVAL OPTIONS
========================================================= */

.enquiry-arrival-options {
    width: 100%;
    margin-top: 28px;
    box-sizing: border-box;
}

.enquiry-arrival-title {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #172033;
}

.enquiry-arrival-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
}

.enquiry-arrival-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 10px;
    box-sizing: border-box;
    color: #172033;
}

.enquiry-arrival-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;
    font-size: 14px;
}

.enquiry-arrival-item strong {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}





/* =========================================================
   CHECK ICON
========================================================= */

.enquiry-why-icon {
    flex: 0 0 21px;

    width: 21px;
    height: 21px;

    display: flex;

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

    margin-top: 2px;

    background: #ffffff;

    border-radius: 50%;

    color: #0f2161;

    font-size: 9px;

    box-sizing: border-box;
}


.enquiry-why-icon i {
    line-height: 1;
}


/* =========================================================
   LEFT TEXT
========================================================= */

.enquiry-why-text {
    flex: 1;

    min-width: 0;

    color: #ffffff;
}



/* =========================================================
   WHATSAPP ENQUIRY BUTTON
========================================================= */

.enquiry-why-whatsapp-btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;

    gap: 10px;

    margin-top: 25px;

    padding: 13px 20px;

    background: #25D366;

    color: #ffffff;

    border: 1px solid #25D366;

    border-radius: 40px;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.2;

    text-decoration: none;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.enquiry-why-whatsapp-btn > i:first-child {

    font-size: 18px;

}



.enquiry-why-whatsapp-btn:hover {

    background: #1ebe5d;

    border-color: #1ebe5d;

    color: #ffffff;

    text-decoration: none;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(37, 211, 102, 0.28);

}


.enquiry-why-whatsapp-btn:hover {

    transform: translateX(4px);

}

/* =========================================================
   RIGHT SIDE - ENQUIRY FORM WRAPPER
========================================================= */

.enquiry-form-wrapper {
    width: 100% !important;

    max-width: none !important;

    min-width: 0;

    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    display: flex;

    align-items: stretch;

    box-sizing: border-box;
}


/* =========================================================
   IMPORTANT BOOTSTRAP OVERRIDE
   Existing enquiry-form.blade.php has:

   .row.justify-content-center
   .col-12.col-md-10.col-lg-8

   The col-lg-8 is causing the unwanted large gap.
========================================================= */

.enquiry-form-wrapper>.row {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex;

    justify-content: stretch !important;

    align-items: stretch;

    box-sizing: border-box;
}


/* =========================================================
   BOOTSTRAP COL OVERRIDE
========================================================= */

.enquiry-form-wrapper>.row>.col-12 {
    width: 100% !important;

    max-width: 100% !important;

    flex: 0 0 100% !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box;
}


/* =========================================================
   ACTUAL ENQUIRY CARD
========================================================= */

.enquiry-form-wrapper .enquiry-card {
    width: 100% !important;

    max-width: none !important;

    min-width: 0;

    height: 100%;

    margin: 0 !important;

    box-sizing: border-box;
}


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

.enquiry-form-wrapper form {
    width: 100%;

    max-width: none !important;

    margin: 0;

    box-sizing: border-box;
}


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

.enquiry-form-wrapper form>.row {
    width: 100%;

    margin-left: 0;
    margin-right: 0;

    box-sizing: border-box;
}


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

.enquiry-form-wrapper .form-control-custom {
    width: 100%;

    min-height: 48px;

    padding: 11px 14px;

    border: 1px solid #d5dfeb;

    border-radius: 10px;

    background: #ffffff;

    color: #14213d;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    line-height: 1.5;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;

    box-sizing: border-box;
}


.enquiry-form-wrapper .form-control-custom::placeholder {
    color: #94a3b8;

    opacity: 1;
}


.enquiry-form-wrapper .form-control-custom:focus {
    border-color: #176b78;

    outline: none;

    box-shadow:
        0 0 0 3px rgba(23, 107, 120, 0.08);
}


/* =========================================================
   SELECT
========================================================= */

.enquiry-form-wrapper select.form-control-custom {
    cursor: pointer;

    background-color: #ffffff;
}


/* =========================================================
   TEXTAREA
========================================================= */

.enquiry-form-wrapper textarea.form-control-custom {
    min-height: 125px;

    resize: vertical;

    line-height: 1.6;
}


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

.enquiry-form-wrapper .form-label {
    display: block;

    margin-bottom: 7px;

    color: #14213d;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;
}


/* =========================================================
   DATE INPUT
========================================================= */

.enquiry-form-wrapper input[type="date"] {
    cursor: pointer;
}


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

.enquiry-form-wrapper button[type="submit"],
.enquiry-form-wrapper input[type="submit"] {
    min-height: 48px;

    padding: 11px 30px;

    border: none;

    border-radius: 40px;

    background: #F3525A;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.4;

    cursor: pointer;

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


.enquiry-form-wrapper button[type="submit"]:hover,
.enquiry-form-wrapper input[type="submit"]:hover {
    background: #0b3c56;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(15, 76, 109, 0.18);
}


/* =========================================================
   FORM ERROR TEXT
========================================================= */

.enquiry-form-wrapper .text-danger {
    font-size: 11px;

    line-height: 1.4;
}



/* =========================================================
   WHATSAPP ENQUIRY BOX
========================================================= */

.enquiry-whatsapp-box {
    width: 100%;

    margin-top: 30px;
    padding: 28px 32px;

    display: flex;

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

    gap: 25px;

    background: #f9b0b3;

    border: 1px solid #f3525a;

    border-radius: 22px;

    box-sizing: border-box;
}


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

.enquiry-whatsapp-content {
    flex: 1;

    min-width: 0;
}


.enquiry-whatsapp-title {
    margin: 0 0 7px;

    color: #14213d;

    font-size: 22px;

    font-weight: 900;

    line-height: 1.4;
}


.enquiry-whatsapp-text {
    margin: 0;

    color: #000000;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.7;
}


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

.enquiry-whatsapp-action {
    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;
}


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

.enquiry-whatsapp-btn {
    min-height: 48px;

    padding: 12px 24px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    background: #16a84f;

    border-radius: 40px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    text-decoration: none;

    white-space: nowrap;

    box-sizing: border-box;

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


.enquiry-whatsapp-btn i {
    font-size: 19px;

    line-height: 1;
}


.enquiry-whatsapp-btn:hover {
    background: #1ebe5d;

    color: #ffffff;

    text-decoration: none;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(37, 211, 102, 0.22);
}




/* =========================================================
   TABLET VIEW
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .enquiry-section {
        width: 100%;
        padding: 60px 20px 70px;
        overflow: hidden;
        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    .enquiry-container {
        width: 100%;
        max-width: 920px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .enquiry-section-header {
        width: 100%;
        max-width: 720px;
        margin: 0 auto 40px;
        text-align: center;
    }


    .enquiry-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 7px 17px;
        margin-bottom: 14px;

        font-size: 10px;
        line-height: 1.3;
    }


    .enquiry-section-header h2 {
        margin: 0 0 14px;

        font-size: 30px;
        line-height: 1.35;
    }


    .enquiry-section-header p {
        margin: 0;

        font-size: 14px;
        line-height: 1.75;
    }


    /* -----------------------------------------------------
       MAIN LEFT + RIGHT LAYOUT
    ----------------------------------------------------- */

    .enquiry-main-layout {
        width: 100%;

        display: grid;

        /*
         * Tablet:
         * Left  = 42%
         * Right = 58%
         */

        grid-template-columns: 0.82fr 1.18fr;

        column-gap: 20px;
        row-gap: 20px;

        align-items: stretch;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       LEFT SIDE
    ----------------------------------------------------- */

    .enquiry-why-content {
        width: 100%;
        min-width: 0;

        height: 100%;

        margin: 0 !important;
        padding: 0 !important;

        display: flex;
        box-sizing: border-box;
    }


    .enquiry-why-inner {
        width: 100%;
        height: 100%;

        min-height: 430px;

        margin: 0 !important;

        padding: 38px 28px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        border-radius: 22px;

        box-sizing: border-box;
    }


    .enquiry-why-badge {
        margin-bottom: 13px;

        font-size: 10px;
        letter-spacing: 1px;
    }


    .enquiry-why-title {
        margin: 0 0 10px;

        font-size: 26px;
        line-height: 1.3;
    }


    .enquiry-why-list {
        display: flex;
        flex-direction: column;

        gap: 18px;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    .enquiry-why-list li {
        display: flex;
        align-items: flex-start;

        gap: 10px;

        margin: 0;
        padding: 0;

        font-size: 13px;
        line-height: 1.6;
    }


    .enquiry-why-icon {
        flex: 0 0 20px;

        width: 20px;
        height: 20px;

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

        margin-top: 2px;

        font-size: 8px;
    }


    .enquiry-why-text {
        flex: 1;
        min-width: 0;
        text-align: justify;
    }

    .enquiry-why-whatsapp-btn {

        margin: 22px auto 0;

        padding: 12px 19px;

        font-size: 13px;

        gap: 9px;

    }


    .enquiry-why-whatsapp-btn > i:first-child {

        font-size: 17px;

    }



    /* -----------------------------------------------------
       RIGHT SIDE
    ----------------------------------------------------- */

    .enquiry-form-wrapper {
        width: 100% !important;
        max-width: none !important;

        min-width: 0;

        height: 100%;

        margin: 0 !important;
        padding: 0 !important;

        display: flex;
        align-items: stretch;

        box-sizing: border-box;
    }


    /* Remove Bootstrap row spacing */

    .enquiry-form-wrapper>.row {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex;

        justify-content: stretch !important;
        align-items: stretch;

        box-sizing: border-box;
    }


    /* Remove Bootstrap col-lg-8 restriction */

    .enquiry-form-wrapper>.row>.col-12 {
        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;

        margin: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       FORM CARD
    ----------------------------------------------------- */

    .enquiry-form-wrapper .enquiry-card {
        width: 100% !important;
        max-width: none !important;

        height: 100%;

        margin: 0 !important;

        padding: 30px !important;

        border-radius: 22px !important;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       FORM INPUTS
    ----------------------------------------------------- */

    .enquiry-form-wrapper .form-control-custom {
        width: 100%;

        min-height: 46px;

        padding: 10px 13px;

        font-size: 13px;

        box-sizing: border-box;
    }


    .enquiry-form-wrapper textarea.form-control-custom {
        min-height: 115px;
    }


    .enquiry-form-wrapper .form-label {
        margin-bottom: 6px;

        font-size: 13px;
        line-height: 1.4;
    }


    /* -----------------------------------------------------
       SUBMIT BUTTON
    ----------------------------------------------------- */

    .enquiry-form-wrapper button[type="submit"],
    .enquiry-form-wrapper input[type="submit"] {
        min-height: 46px;

        padding: 10px 25px;

        font-size: 14px;
    }

    .enquiry-whatsapp-box {
        padding: 26px 28px;
        gap: 20px;
    }

    .enquiry-whatsapp-title {
        font-size: 21px;
    }

    .enquiry-whatsapp-text {
        font-size: 13px;
    }

    .enquiry-whatsapp-btn {
        padding: 11px 20px;
        font-size: 13px;
    }

    .enquiry-why-badge {
        margin-bottom: 11px;
        padding: 6px 12px;
        font-size: 9.5px;
    }

    .enquiry-why-badge i {
        font-size: 10.5px;
    }

    .enquiry-why-description {
        max-width: 100%;
        font-size: 12.5px;
        line-height: 1.55;
        text-align: justify;
    }


      .enquiry-arrival-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .enquiry-arrival-item {
        padding: 12px;
        min-height: 60px;
    }

    .enquiry-arrival-icon {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .enquiry-arrival-item strong {
        font-size: 12px;
    }
}


/* =========================================================
   MOBILE VIEW
   BELOW 767px
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .enquiry-section {
        width: 100%;

        padding: 48px 15px 60px;

        overflow: hidden;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    .enquiry-container {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;
        padding: 0;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .enquiry-section-header {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 32px;

        text-align: center;
    }


    .enquiry-badge {
        display: inline-flex;

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

        padding: 7px 15px;

        margin-bottom: 13px;

        font-size: 9px;

        line-height: 1.3;

        letter-spacing: 0.7px;

        white-space: normal;
    }


    .enquiry-section-header h2 {
        width: 100%;

        margin: 0 0 13px;

        font-size: 23px;

        line-height: 1.4;

        letter-spacing: 0;
    }


    .enquiry-section-header p {
        width: 100%;

        margin: 0;

        font-size: 12.5px;

        line-height: 1.75;
    }


    /* -----------------------------------------------------
       MAIN LAYOUT
       LEFT CARD FIRST
       FORM SECOND
    ----------------------------------------------------- */

    .enquiry-main-layout {
        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 24px;

        align-items: stretch;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       LEFT SIDE
    ----------------------------------------------------- */

    .enquiry-why-content {
        width: 100% !important;

        height: auto;

        min-height: 0;

        margin: 0 !important;
        padding: 0 !important;

        display: block;

        box-sizing: border-box;
    }


    .enquiry-why-inner {
        width: 100% !important;

        height: auto;

        min-height: auto;

        margin: 0 !important;

        padding: 32px 22px;

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        border-radius: 20px;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       LEFT BADGE
    ----------------------------------------------------- */

    .enquiry-why-badge {
        margin: 0 0 12px;

        font-size: 9px;

        letter-spacing: 1px;

        line-height: 1.4;
    }


    /* -----------------------------------------------------
       LEFT TITLE
    ----------------------------------------------------- */

    .enquiry-why-title {
        margin: 0 0 10px;

        font-size: 23px;

        line-height: 1.35;
    }


    /* -----------------------------------------------------
       LEFT LIST
    ----------------------------------------------------- */

    .enquiry-why-list {
        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 17px;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    .enquiry-why-list li {
        width: 100%;

        display: flex;

        align-items: flex-start;

        gap: 10px;

        margin: 0;
        padding: 0;

        font-size: 12.5px;

        line-height: 1.65;

        box-sizing: border-box;
    }


    .enquiry-why-icon {
        flex: 0 0 20px;

        width: 20px;
        height: 20px;

        display: flex;

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

        margin-top: 1px;

        font-size: 8px;
    }


    .enquiry-why-text {
        flex: 1;

        min-width: 0;

        word-break: normal;
        text-align: justify;
    }

    .enquiry-why-whatsapp-btn {

        display: flex;

        width: fit-content;

        margin: 22px auto 0;

        padding: 12px 18px;

        gap: 9px;

        font-size: 13px;

        border-radius: 40px;

    }


    .enquiry-why-whatsapp-btn > i:first-child {

        font-size: 17px;

    }


    /* -----------------------------------------------------
       RIGHT FORM WRAPPER
    ----------------------------------------------------- */

    .enquiry-form-wrapper {
        width: 100% !important;

        max-width: 100% !important;

        height: auto;

        min-height: 0;

        margin: 0 !important;
        padding: 0 !important;

        display: block;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       BOOTSTRAP ROW RESET
    ----------------------------------------------------- */

    .enquiry-form-wrapper>.row {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       BOOTSTRAP COLUMN RESET
    ----------------------------------------------------- */

    .enquiry-form-wrapper>.row>.col-12 {
        width: 100% !important;

        max-width: 100% !important;

        flex: none !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       FORM CARD
    ----------------------------------------------------- */

    .enquiry-form-wrapper .enquiry-card {
        width: 100% !important;

        max-width: 100% !important;

        height: auto;

        min-height: 0;

        margin: 0 !important;

        padding: 23px 20px !important;

        border-radius: 18px !important;

        box-sizing: border-box;

        overflow: visible;
    }


    /* -----------------------------------------------------
       FORM
    ----------------------------------------------------- */

    .enquiry-form-wrapper form {
        width: 100%;

        max-width: 100% !important;

        margin: 0;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       FORM ROW
       Mobile = ONE FIELD PER ROW
    ----------------------------------------------------- */

    .enquiry-form-wrapper form>.row {
        width: 100%;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box;
    }


    .enquiry-form-wrapper form>.row>[class*="col-"] {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-bottom: 16px;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       LABEL
    ----------------------------------------------------- */

    .enquiry-form-wrapper .form-label {
        display: block;

        width: 100%;

        margin-bottom: 6px;

        font-size: 12.5px;

        line-height: 1.4;
    }


    /* -----------------------------------------------------
       INPUT / SELECT / DATE
    ----------------------------------------------------- */

    .enquiry-form-wrapper .form-control-custom {
        display: block;

        width: 100% !important;

        max-width: 100% !important;

        min-height: 46px;

        padding: 10px 12px;

        font-size: 12.5px;

        border-radius: 9px;

        box-sizing: border-box;
    }


    .enquiry-form-wrapper textarea.form-control-custom {
        width: 100% !important;

        min-height: 110px;

        resize: vertical;

        line-height: 1.6;
    }


    /* -----------------------------------------------------
       SUBMIT BUTTON
    ----------------------------------------------------- */

    .enquiry-form-wrapper button[type="submit"],
    .enquiry-form-wrapper input[type="submit"] {
        width: 100% !important;

        min-height: 47px;

        margin-top: 3px;

        padding: 10px 20px;

        font-size: 14px;

        border-radius: 40px;
    }

    .enquiry-whatsapp-box {
        margin-top: 25px;
        padding: 25px 20px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 18px;
        border-radius: 20px;
    }

    .enquiry-whatsapp-content {
        width: 100%;
    }

    .enquiry-whatsapp-title {
        margin-bottom: 8px;
        font-size: 21px;
    }

    .enquiry-whatsapp-text {
        font-size: 13px;
        line-height: 1.7;
    }

    .enquiry-whatsapp-action {
        width: 100%;
    }

    .enquiry-whatsapp-btn {
        width: fit-content;
        min-height: 46px;
        padding: 11px 22px;
        font-size: 13px;
    }

    .enquiry-why-badge {
        margin-bottom: 10px;
        padding: 5px 11px;
        font-size: 9px;
        line-height: 1.25;
        letter-spacing: 0.2px;
    }

    .enquiry-why-badge i {
        font-size: 10px;
    }

    .enquiry-why-description {
        max-width: 100%;
        margin-bottom: 18px;
        font-size: 12px;
        line-height: 1.55;
        text-align: justify;
    }
    .enquiry-arrival-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .enquiry-arrival-item {
        padding: 12px;
        min-height: auto;
        gap: 10px;
    }

    .enquiry-arrival-icon {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .enquiry-arrival-title {
        font-size: 16px;
    }

    .enquiry-arrival-item strong {
        font-size: 13px;
        line-height: 1.5;
    }
}

html {
    scroll-behavior: smooth;
}

/* =========================================================
   CONTACT US SECTION END
========================================================= */


/* =========================================================
   TIRUPATI TOUR PACKAGES FROM START
========================================================= */
/* Hero Section Container */
.hero-section {
    position: relative;
    background-color: #0b1727;
    min-height: 520px;
    display: flex;
    align-items: center;
}

/* Background Image Overlay Styling */
.hero-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(8, 20, 36, 0.92) 0%, rgba(8, 20, 36, 0.75) 100%);
    z-index: 2;
}

.hero-section .container {
    z-index: 3;
}

/* Badge Pill */
.badge-pill {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #ffffff;
    text-transform: uppercase;
}

.dot-indicator {
    width: 7px;
    height: 7px;
    background-color: #20c997;
    border-radius: 50%;
    display: inline-block;
}

/* Typography */
.hero-title {
    font-size: 2.75rem;
    line-height: 1.15;
    letter-spacing: -0.5px;
}

.highlight-text {
    color: #f7ca44;
    /* Highlight Gold / Yellow */
}

.hero-desc-primary {
    font-size: 1.1rem;
    color: #e2e8f0;
    line-height: 1.5;
}

.hero-desc-secondary {
    font-size: 0.95rem;
    color: #cbd5e1;
    line-height: 1.6;
}

/* Custom Buttons */
.btn-custom-whatsapp {
    background-color: #1bab52;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
}

.btn-custom-whatsapp:hover {
    background-color: #158841;
    color: #ffffff;
}

.btn-custom-outline {
    background-color: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.btn-custom-outline:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

/* Right Side Cards */
.hero-card {
    border-radius: 14px;
    padding: 20px 24px;
    font-size: 0.88rem;
    line-height: 1.5;
}

.hero-card-dark {
    background: rgba(15, 28, 48, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    color: #cbd5e1;
}

.hero-card-dark h6 {
    color: #ffffff;
}

.text-highlight-light {
    color: #94a3b8;
}

.hero-card-light {
    background: rgba(210, 230, 235, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    color: #1e293b;
}

.hero-card-light h6 {
    color: #0f172a;
}

/* Responsive Styles for Tablet and Mobile Views */
@media (max-width: 991.98px) {
    .hero-title {
        font-size: 2.1rem;
    }

    .hero-desc-primary {
        font-size: 1rem;
    }

    .hero-card {
        padding: 18px 20px;
    }
}

@media (max-width: 575.98px) {
    .hero-title {
        font-size: 1.75rem;
    }

    .btn-custom-whatsapp,
    .btn-custom-outline {
        width: 100%;
        justify-content: center;
    }

    .badge-pill {
        font-size: 0.65rem;
        padding: 5px 12px;
    }
}


/* Container Layout */
.vehicle-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    padding: 24px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Card Outer Styles */
.vehicle-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 28px 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    /* cursor: pointer;   Makes card clickable */
}

/* Active Border Highlight (e.g., Green Border on SUV) */
.vehicle-card.active {
    border-color: var(--accent-color, #10b981);
}

/* =========================================
   HOVER EFFECTS
   ========================================= */
.vehicle-card:hover {
    transform: translateY(-6px);
    /* Lifts the card up */
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
    /* Stronger shadow */
    border-color: var(--accent-color);
    /* Highlight border with theme color */
}

/* Icon Box Base */
.icon-box {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 24px;
    background-color: var(--bg-color);
    color: var(--accent-color);
}

/* Icon Zoom Effect on Card Hover */
.icon-box i {
    transition: transform 0.3s ease;
}

.vehicle-card:hover .icon-box i {
    transform: scale(1.15);
    /* Slightly zooms the icon on hover */
}

/* Card Content Header & Body */
.card-title {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 12px 0;
}

.card-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
    margin: 0 0 28px 0;
}

/* Feature List Base */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #334155;
}

.feature-list li i {
    font-size: 16px;
    margin-top: 2px;
    flex-shrink: 0;
    color: var(--accent-color);
}

/* --- Theme Color Variables --- */

/* Blue Theme (Sedan) */
.theme-blue {
    --bg-color: #e0f2fe;
    --accent-color: #0284c7;
}

/* Green Theme (SUV) */
.theme-green {
    --bg-color: #dcfce7;
    --accent-color: #16a34a;
}

/* Purple Theme (Urbania) */
.theme-purple {
    --bg-color: #f3e8ff;
    --accent-color: #9333ea;
}

/* Orange Theme (Tempo Traveller) */
.theme-orange {
    --bg-color: #ffedd5;
    --accent-color: #ea580c;
}


/* Outer Container Wrapper */
.chat-cta-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    box-sizing: border-box;
}

/* Base Desktop CTA Card */
.chat-cta-card {
    background: linear-gradient(135deg, #F3525A 0%, #ea580c 100%);
    border: 1px solid #dcfce7;
    border-radius: 20px;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

/* Card Content Styling */
.chat-cta-text h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px 0;
}

.chat-cta-text p {
    font-size: 14px;
    color: #fff;
    margin: 0;
}

/* WhatsApp Button */
.whatsapp-btn {
    background-color: #059669;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.2);
    transition: all 0.2s ease;
}

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

.whatsapp-btn:hover {
    background-color: #047857;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(5, 150, 105, 0.3);
}

/* Disclaimer Styling */
.disclaimer-text {
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
    text-align: center;
    margin-top: 20px;
    padding: 0 12px;
}

.disclaimer-text strong {
    color: #334155;
    font-weight: 700;
}

/* =========================================
   TABLET RESPONSIVE VIEW (Max Width: 1024px)
   ========================================= */
@media screen and (max-width: 1024px) {
    .chat-cta-card {
        padding: 18px 22px;
    }

    .chat-cta-text h2 {
        font-size: 18px;
    }

    .chat-cta-text p {
        font-size: 13.5px;
    }

    .whatsapp-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* =========================================
   MOBILE RESPONSIVE VIEW (Max Width: 640px)
   ========================================= */
@media screen and (max-width: 640px) {
    .chat-cta-wrapper {
        padding: 12px;
    }

    .chat-cta-card {
        flex-direction: column;
        text-align: center;
        padding: 24px 16px;
        gap: 16px;
        border-radius: 16px;
    }

    .chat-cta-action {
        width: 100%;
    }

    .whatsapp-btn {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
        padding: 12px 16px;
    }

    .disclaimer-text {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 16px;
        padding: 0 4px;
    }
}



/* Container Grid */
.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4 columns on desktop */
    gap: 20px;
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    box-sizing: border-box;
}

/* Feature Card Outer Box */
.feature-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    /* Space between icon box and content */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

/* Hover Effect */
.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
    border-color: var(--accent-color);
}

/* Left Icon Box Base */
.feature-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    /* Prevents icon shrinking */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background-color: var(--bg-color);
    color: var(--accent-color);
}

/* Right Content Area */
.feature-content {
    display: flex;
    flex-direction: column;
}

.feature-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
    line-height: 1.35;
}

.feature-desc {
    font-size: 13.5px;
    line-height: 1.55;
    color: #64748b;
    margin: 0;
}

.feature-desc strong {
    color: #334155;
    font-weight: 600;
}

/* --- Dynamic Theme Color Variables --- */
.theme-emerald {
    --bg-color: #d1fae5;
    --accent-color: #059669;
}

.theme-cyan {
    --bg-color: #e0f2fe;
    --accent-color: #0284c7;
}

.theme-blue {
    --bg-color: #e0e7ff;
    --accent-color: #4338ca;
}

.theme-amber {
    --bg-color: #fef3c7;
    --accent-color: #d97706;
}

.theme-purple {
    --bg-color: #f3e8ff;
    --accent-color: #7e22ce;
}

.theme-rose {
    --bg-color: #ffe4e6;
    --accent-color: #e11d48;
}

.theme-mint {
    --bg-color: #dcfce7;
    --accent-color: #16a34a;
}

.theme-indigo {
    --bg-color: #e0f2fe;
    --accent-color: #2563eb;
}

/* =========================================
   TABLET VIEW (Max Width: 1024px) -> 2 Columns
   ========================================= */
@media screen and (max-width: 1024px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding: 16px;
    }
}

/* =========================================
   MOBILE VIEW (Max Width: 640px) -> 1 Column
   ========================================= */
@media screen and (max-width: 640px) {
    .features-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
    }

    .feature-card {
        padding: 18px 16px;
        gap: 12px;
    }

    .feature-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 18px;
    }

    .feature-title {
        font-size: 15px;
    }

    .feature-desc {
        font-size: 13px;
    }
}

/* Container Box Fix (Supports embedded background or standalone section) */
.tps-banner-section {
    padding: 40px 16px;
    background-color: #F3525A;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

/* White Inner Card Container - Fixes orange overlay issue */
.tps-card-wrapper {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-radius: 20px;
    max-width: 1050px;
    width: 100%;
    padding: 40px 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    text-align: center;
    box-sizing: border-box;
}

/* Header Elements */
.tps-pill-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.tps-pill-badge {
    background-color: #fef3c7;
    color: #d97706;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #fde68a;
}

.tps-main-title {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a !important;
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.tps-description {
    font-size: 14px;
    line-height: 1.6;
    color: #64748b !important;
    max-width: 820px;
    margin: 0 auto 32px auto;
}

.tps-description strong {
    color: #0f172a !important;
}

/* Feature Grid */
.tps-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

/* Card Items */
.tps-feature-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px 14px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tps-feature-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.tps-feature-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-bottom: 12px;
    background-color: var(--tps-icon-bg);
    color: var(--tps-icon-color);
}

.tps-feature-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a !important;
    margin: 0 0 6px 0;
    line-height: 1.35;
}

.tps-feature-desc {
    font-size: 12px;
    line-height: 1.5;
    color: #64748b !important;
    margin: 0;
}

.tps-feature-desc strong {
    color: #334155 !important;
}

/* Icon Palette Definitions */
.tps-theme-amber {
    --tps-icon-bg: #fef3c7;
    --tps-icon-color: #d97706;
}

.tps-theme-cyan {
    --tps-icon-bg: #e0f2fe;
    --tps-icon-color: #0284c7;
}

.tps-theme-emerald {
    --tps-icon-bg: #d1fae5;
    --tps-icon-color: #059669;
}

.tps-theme-purple {
    --tps-icon-bg: #f3e8ff;
    --tps-icon-color: #7e22ce;
}

.tps-theme-rose {
    --tps-icon-bg: #ffe4e6;
    --tps-icon-color: #e11d48;
}

.tps-theme-blue {
    --tps-icon-bg: #e0e7ff;
    --tps-icon-color: #3b82f6;
}

.tps-theme-indigo {
    --tps-icon-bg: #e0e7ff;
    --tps-icon-color: #4338ca;
}

.tps-theme-mint {
    --tps-icon-bg: #dcfce7;
    --tps-icon-color: #16a34a;
}

/* Callout Box Formatting */
.tps-notice-box {
    border-radius: 10px;
    padding: 14px 18px;
    text-align: left;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 16px;
    box-sizing: border-box;
}

.tps-notice-box p {
    margin: 0;
}

.tps-theme-notice-blue {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af !important;
}

.tps-theme-notice-amber {
    background-color: #fffbeb;
    border: 1px solid #fef3c7;
    color: #92400e !important;
}

/* Buttons Styling */
.tps-actions-group {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 28px 0 20px 0;
    flex-wrap: wrap;
}

.tps-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.1s ease;
}

.tps-btn:hover {
    opacity: 0.92;
}

.tps-btn-orange {
    background-color: #F3525A;
    color: #ffffff !important;
}

.tps-btn-whatsapp {
    background-color: #25D366;
    color: #ffffff !important;
    border: 1px solid #059669;
}

/* Bottom Note */
.tps-footer-note {
    font-size: 11px;
    color: #94a3b8 !important;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.5;
}

/* =========================================
   TABLET RESPONSIVE (Max Width: 1024px)
   ========================================= */
@media screen and (max-width: 1024px) {
    .tps-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .tps-card-wrapper {
        padding: 32px 20px;
    }

    .tps-main-title {
        font-size: 24px;
    }
}

/* =========================================
   MOBILE RESPONSIVE (Max Width: 640px)
   ========================================= */
@media screen and (max-width: 640px) {
    .tps-banner-section {
        padding: 16px 8px;
    }

    .tps-card-wrapper {
        padding: 24px 16px;
        border-radius: 14px;
    }

    .tps-main-title {
        font-size: 20px;
    }

    .tps-description {
        font-size: 13px;
        margin-bottom: 24px;
    }

    .tps-features-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tps-actions-group {
        flex-direction: column;
        gap: 10px;
    }

    .tps-btn {
        width: 100%;
    }
}

/* =========================================================
   TIRUPATI TOUR PACKAGES FROM END
========================================================= */



/* =========================================================
   TIRUPATI TOUR PACKAGE FROM HYDERABAD AIRPORT START
========================================================= */

.sghtb_banner_section {
    position: relative;
    width: 100%;
    min-height: 620px;

    padding: 30px 20px;

    display: flex;
    align-items: center;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    font-family: "Poppins", sans-serif;

    overflow: hidden;
}


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

.sghtb_banner_overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(90deg,
            rgba(2, 17, 34, 0.92) 0%,
            rgba(3, 38, 62, 0.86) 45%,
            rgba(2, 18, 38, 0.78) 100%);

    z-index: 1;
}


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

.sghtb_banner_container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1350px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.3fr) minmax(400px, 0.8fr);

    gap: 35px;

    align-items: center;
}


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

.sghtb_banner_content {
    width: 100%;
    max-width: 820px;
}


/* =========================================================
   TOP LABEL
========================================================= */

.sghtb_banner_label {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    padding: 6px 13px;

    margin-bottom: 14px;

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 30px;

    background: rgba(3, 18, 36, 0.65);

    color: #dceaf3;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.2px;
}


.sghtb_label_dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #22d69a;

    flex-shrink: 0;
}


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

.sghtb_banner_title {
    margin: 0 0 15px;

    color: #ffffff;

    font-size: 60px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -1.2px;
}


/* =========================================================
   SUBTITLE
========================================================= */

.sghtb_banner_subtitle {
    margin: 0 0 16px;

    color: #ffda45;

    font-size: clamp(18px, 1.5vw, 21px);

    line-height: 1.3;

    font-weight: 700;
}


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

.sghtb_banner_description {
    max-width: 820px;

    margin: 0 0 17px;

    color: #f1f6f9;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 400;

    text-align: justify;
}


.sghtb_banner_description strong {
    color: #ffffff;

    font-weight: 800;
}


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

.sghtb_feature_grid {
    width: 100%;

    display: grid;

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

    gap: 10px;
}


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

.sghtb_feature_card {
    min-height: 43px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 8px 12px;

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 9px;

    background: rgba(83, 132, 159, 0.38);

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    backdrop-filter: blur(3px);
}


.sghtb_feature_icon {
    width: 20px;

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

    color: #ffd42e;

    font-size: 17px;

    flex-shrink: 0;
}


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

.sghtb_notice_card {
    width: 100%;

    max-width: 550px;

    margin-left: auto;

    padding: 20px 22px 19px;

    border: 1px solid rgba(255, 204, 49, 0.45);

    border-radius: 17px;

    background: rgba(3, 11, 29, 0.91);

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

    backdrop-filter: blur(8px);
}


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

.sghtb_notice_title {
    margin: 0 0 6px;

    color: #ffe27a;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 800;
}


/* =========================================================
   NOTICE TEXT
========================================================= */

.sghtb_notice_text {
    margin: 0;

    color: #e4e8ef;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 400;

    text-align: justify;
}


.sghtb_notice_text strong {
    color: #ffffff;

    font-weight: 800;
}


/* =========================================================
   DIVIDER
========================================================= */

.sghtb_notice_divider {
    width: 100%;

    height: 1px;

    margin: 12px 0;

    background: rgba(255, 255, 255, 0.14);
}


/* =========================================================
   OPERATOR TEXT
========================================================= */

.sghtb_operator_text {
    margin: 0 0 14px;

    color: #cbd3de;

    font-size: 12.5px;

    line-height: 1.4;

    font-weight: 400;

    text-align: justify;
}


.sghtb_operator_text strong {
    color: #ffffff;

    font-weight: 800;
}


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

.sghtb_whatsapp_btn {
    width: 100%;

    min-height: 52px;

    margin-bottom: 10px;

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

    gap: 10px;

    padding: 11px 18px;

    border-radius: 40px;

    background: #16a84f;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 800;

    transition: all 0.25s ease;
}


.sghtb_whatsapp_btn i {
    font-size: 20px;
}


.sghtb_whatsapp_btn:hover {
    background: #129343;

    color: #ffffff;

    transform: translateY(-2px);
}


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

.sghtb_enquiry_btn {
    width: 100%;

    min-height: 48px;

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

    gap: 10px;

    padding: 10px 18px;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 40px;

    background: rgba(30, 34, 49, 0.9);

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 800;

    transition: all 0.25s ease;
}


.sghtb_enquiry_btn i {
    font-size: 17px;
}


.sghtb_enquiry_btn:hover {
    background: rgba(48, 53, 72, 1);

    color: #ffffff;

    border-color: rgba(255, 255, 255, 0.65);
}


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

.sghtb_notice_footer {
    max-width: 540px;

    margin: 13px auto 0;

    color: #8e9aaa;

    text-align: center;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 400;
}

/* =========================================================
   RESPONSIVE - TABLET VIEW
   768px TO 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sghtb_banner_section {
        min-height: auto;
        padding: 55px 25px;
    }

    .sghtb_banner_container {
        max-width: 900px;

        grid-template-columns:
            minmax(0, 1.1fr) minmax(300px, 0.9fr);

        gap: 25px;
    }

    /* LEFT CONTENT */

    .sghtb_banner_content {
        max-width: 100%;
    }

    .sghtb_banner_label {
        font-size: 11px;
        padding: 6px 12px;
        margin-bottom: 12px;
    }

    .sghtb_banner_title {
        font-size: 35px;
        line-height: 1.05;
        letter-spacing: -0.8px;
        margin-bottom: 13px;
    }

    .sghtb_banner_subtitle {
        font-size: 17px;
        margin-bottom: 13px;
    }

    .sghtb_banner_description {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 15px;
        text-align: justify;
    }

    /* FEATURE GRID */

    .sghtb_feature_grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .sghtb_feature_card {
        min-height: 40px;
        padding: 8px 10px;
        font-size: 13px;
    }

    .sghtb_feature_icon {
        font-size: 16px;
    }

    /* RIGHT CARD */

    .sghtb_notice_card {
        max-width: 100%;
        padding: 18px 18px 17px;
    }

    .sghtb_notice_title {
        font-size: 15px;
    }

    .sghtb_notice_text {
        font-size: 13px;
        text-align: justify;
    }

    .sghtb_operator_text {
        font-size: 12px;
        text-align: justify;
    }

    .sghtb_whatsapp_btn {
        min-height: 48px;
        font-size: 14px;
        width: fit-content;

        justify-self: center;
    }

    .sghtb_enquiry_btn {
        width: fit-content;

        justify-self: center;
        font-size: 13px;
    }

    .sghtb_notice_footer {
        font-size: 11px;
    }
}


/* =========================================================
   RESPONSIVE - MOBILE VIEW
   BELOW 767px
========================================================= */

@media (max-width: 767px) {

    .sghtb_banner_section {
        min-height: auto;

        padding: 45px 15px;

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

        text-align: center;
    }


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

    .sghtb_banner_container {
        width: 100%;
        max-width: 600px;

        display: flex;
        flex-direction: column;

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

        gap: 28px;
    }


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

    .sghtb_banner_content {
        width: 100%;
        max-width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;
    }


    /* =====================================================
       TOP LABEL
    ===================================================== */

    .sghtb_banner_label {
        margin-bottom: 13px;

        padding: 6px 12px;

        font-size: 10px;

        justify-content: center;
    }


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

    .sghtb_banner_title {
        width: 100%;

        margin: 0 0 13px;

        font-size: 30px;

        line-height: 1.08;

        letter-spacing: -0.7px;

        text-align: center;
    }


    /* =====================================================
       SUBTITLE
    ===================================================== */

    .sghtb_banner_subtitle {
        width: 100%;

        margin: 0 0 14px;

        font-size: 17px;

        line-height: 1.35;

        text-align: center;
    }


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

    .sghtb_banner_description {
        width: 100%;
        max-width: 580px;

        margin: 0 0 18px;

        font-size: 14px;

        line-height: 1.55;

        text-align: center;
    }

    .sghtb_feature_grid {
        width: 100%;

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

        gap: 9px;

        justify-items: center;
    }

    .sghtb_feature_card {
        width: 100%;
        max-width: 420px;

        min-height: 44px;

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

        gap: 9px;

        padding: 9px 12px;

        text-align: center;

        font-size: 13px;
        line-height: 1.35;
    }

    .sghtb_feature_icon {
        width: 22px;

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

        flex-shrink: 0;

        font-size: 16px;
    }

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

    .sghtb_notice_card {
        width: 100%;
        max-width: 600px;

        margin: 0 auto;

        padding: 20px 16px 18px;

        border-radius: 15px;

        text-align: center;
    }


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

    .sghtb_notice_title {
        margin-bottom: 7px;

        font-size: 15px;

        line-height: 1.4;

        text-align: center;
    }


    /* =====================================================
       NOTICE TEXT
    ===================================================== */

    .sghtb_notice_text {
        font-size: 13px;

        line-height: 1.5;

        text-align: justify;
    }


    /* =====================================================
       DIVIDER
    ===================================================== */

    .sghtb_notice_divider {
        margin: 13px 0;
    }


    /* =====================================================
       OPERATOR TEXT
    ===================================================== */

    .sghtb_operator_text {
        margin-bottom: 14px;

        font-size: 11.5px;

        line-height: 1.5;

        text-align: justify;
    }


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

    .sghtb_whatsapp_btn {
        width: fit-content;

        justify-self: center;

        margin-bottom: 9px;

        font-size: 14px;
    }


    .sghtb_whatsapp_btn i {
        font-size: 19px;
    }


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

    .sghtb_enquiry_btn {
        width: fit-content;

        justify-self: center;

        font-size: 13px;
    }


    .sghtb_enquiry_btn i {
        font-size: 16px;
    }


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

    .sghtb_notice_footer {
        width: 100%;

        max-width: 550px;

        margin: 11px auto 0;

        font-size: 10.5px;

        line-height: 1.45;

        text-align: center;
    }
}












/* =========================================================
   HYDERABAD AIRPORT TO TIRUPATI TOUR PACKAGE AT A GLANCE
========================================================= */

.sgath_glance_section {
    width: 100%;
    padding: 45px 20px 45px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
}

.sgath_glance_container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


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

.sgath_glance_intro {
    max-width: 850px;
    margin: 0 auto 24px;
    text-align: center;
}

.sgath_glance_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 4px 12px;

    border: 1px solid #f9b0b3;
    border-radius: 30px;
    background: #fffaf5;
    color: #f3525a;


    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;

    margin-bottom: 10px;
}

.sgath_glance_intro h2 {
    margin: 0 0 12px;

    color: #06183d;

    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -0.5px;
}

.sgath_glance_intro p {
    margin: 0 0 11px;

    color: #39516d;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.sgath_glance_intro p:last-child {
    margin-bottom: 0;
}

.sgath_glance_intro strong {
    color: #334a66;
    font-weight: 700;
}


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

.sgath_feature_grid {
    width: 100%;

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

    gap: 14px;

    margin-top: 24px;
}


.sgath_feature_card {
    min-height: 205px;

    padding: 20px 18px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    text-align: center;

    background: #f8fafc;

    border: 1px solid #dfe7ef;
    border-radius: 12px;

    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04);
}


.sgath_feature_icon {
    width: 52px;
    height: 52px;

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

    border-radius: 13px;

    margin-bottom: 11px;

    font-size: 20px;
}


.sgath_icon_blue {
    background: #f9b0b3;
    color: #f3525a;
}

.sgath_icon_orange {
    background: #f9b0b3;
    color: #f3525a;
}

.sgath_icon_green {
    background: #f9b0b3;
    color: #f3525a;
}

.sgath_icon_yellow {
    background: #f9b0b3;
    color: #f3525a;
}


.sgath_feature_card h3 {
    margin: 0 0 7px;

    color: #06183d;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}


.sgath_feature_card p {
    margin: 0;

    color: #405872;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}


/* =========================================================
   PRICE / QUOTE BOX
========================================================= */

.sgath_quote_box {
    width: 100%;
    max-width: 1000px;

    margin: 30px auto 0;

    padding: 20px 24px;

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

    gap: 20px;

    background: #fffaf5;

    border: 1px solid #fed7aa;
    border-radius: 16px;
}


.sgath_quote_content {
    flex: 1;

    display: flex;
    align-items: flex-start;

    gap: 13px;
}


.sgath_quote_icon {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

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

    border-radius: 11px;

    background: #f9b0b3;
    color: #f3525a;


    font-size: 17px;
}


.sgath_quote_text {
    flex: 1;
}


.sgath_quote_text h3 {
    margin: 1px 0 5px;

    color: #06183d;

    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
}


.sgath_quote_text p {
    margin: 0;

    color: #405872;

    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}


.sgath_quote_text strong {
    color: #334a66;
    font-weight: 700;
}


.sgath_quote_btn {
    flex: 0 0 auto;

    min-width: 190px;

    padding: 12px 18px;

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

    gap: 8px;

    background: #f3525a;
    color: #ffffff;

    border-radius: 40px;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;
}


.sgath_quote_btn:hover {
    background: #f6ad10;
    color: #ffffff;

    transform: translateY(-1px);
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgath_glance_section {
        padding: 35px 18px 40px;
    }

    .sgath_glance_container {
        max-width: 900px;
    }


    /* SECTION INTRO */

    .sgath_glance_intro {
        max-width: 720px;
        margin-bottom: 22px;
    }

    .sgath_glance_badge {
        padding: 4px 11px;
        font-size: 11px;
        margin-bottom: 9px;
    }

    .sgath_glance_intro h2 {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 11px;
    }

    .sgath_glance_intro p {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 10px;
    }


    /* FEATURE GRID */

    .sgath_feature_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-top: 22px;
    }

    .sgath_feature_card {
        min-height: 190px;
        padding: 19px 17px;
    }

    .sgath_feature_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
        font-size: 19px;
    }

    .sgath_feature_card h3 {
        font-size: 17px;
        line-height: 1.35;
        margin-bottom: 6px;
    }

    .sgath_feature_card p {
        font-size: 14px;
        line-height: 1.5;
    }


    /* PRICE / QUOTE BOX */

    .sgath_quote_box {
        max-width: 900px;

        margin-top: 26px;
        padding: 20px;

        gap: 18px;
    }

    .sgath_quote_content {
        gap: 12px;
    }

    .sgath_quote_icon {
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        font-size: 16px;
    }

    .sgath_quote_text h3 {
        font-size: 18px;
        line-height: 1.35;
    }

    .sgath_quote_text p {
        font-size: 14px;
        line-height: 1.5;
        text-align: justify;
    }

    .sgath_quote_btn {
        padding: 11px 15px;
        font-size: 14px;
        width: fit-content;

        justify-self: start;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .sgath_glance_section {
        padding: 30px 14px 35px;
    }

    .sgath_glance_container {
        width: 100%;
    }


    /* SECTION INTRO */

    .sgath_glance_intro {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .sgath_glance_badge {
        padding: 4px 10px;
        font-size: 10px;
        letter-spacing: 0.2px;
        margin-bottom: 9px;
    }

    .sgath_glance_intro h2 {
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: -0.2px;
        margin-bottom: 11px;
    }

    .sgath_glance_intro p {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 10px;
        text-align: center;
    }


    /* FEATURE GRID */

    .sgath_feature_grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 20px;
    }

    .sgath_feature_card {
        min-height: auto;
        padding: 18px 16px;
    }

    .sgath_feature_icon {
        width: 48px;
        height: 48px;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .sgath_feature_card h3 {
        font-size: 17px;
        line-height: 1.35;
        margin-bottom: 6px;
    }

    .sgath_feature_card p {
        font-size: 14px;
        line-height: 1.5;
    }


    /* PRICE / QUOTE BOX */

    .sgath_quote_box {
        max-width: 100%;

        margin-top: 22px;
        padding: 18px 15px;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 16px;

        border-radius: 14px;
    }

    .sgath_quote_content {
        gap: 11px;
    }

    .sgath_quote_icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        font-size: 16px;
    }

    .sgath_quote_text {
        min-width: 0;
    }

    .sgath_quote_text h3 {
        font-size: 17px;
        line-height: 1.35;
        margin: 1px 0 5px;
    }

    .sgath_quote_text p {
        font-size: 13px;
        line-height: 1.55;
        text-align: justify;
    }

    .sgath_quote_btn {
        width: fit-content;

        justify-self: center;
        margin: 0 auto;

        padding: 12px 16px;

        border-radius: 40px;

        font-size: 14px;
    }
}











/* =========================================================
   HYDERABAD TO TIRUPATI PILGRIMAGE FROM SINGAPORE
========================================================= */

.sghyd_singapore_section {
    width: 100%;
    padding: 40px 20px 35px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
}

.sghyd_singapore_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 22px;

    align-items: start;
}


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

.sghyd_singapore_content {
    background: #ffffff;

    border: 1px solid #dbe3eb;
    border-radius: 15px;

    padding: 30px 32px;

    box-shadow: 0 2px 5px rgba(20, 40, 60, 0.04);
}

.sghyd_singapore_icon {
    width: 40px;
    height: 40px;

    margin-bottom: 13px;

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

    border-radius: 50%;

    background: #f9b0b3;
    color: #f3525a;


    font-size: 17px;
}

.sghyd_singapore_content h2 {
    margin: 0 0 15px;

    color: #071b36;

    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;

    letter-spacing: -0.2px;
}

.sghyd_singapore_content p {
    margin: 0 0 16px;

    color: #304b69;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    text-align: justify;
}

.sghyd_singapore_content p:last-child {
    margin-bottom: 0;
}

.sghyd_singapore_content strong {
    color: #344b66;
    font-weight: 700;
}


/* =========================================================
   PACKAGE HIGHLIGHTS
========================================================= */

.sghyd_singapore_highlights {
    background: #f7f9fb;

    border: 1px solid #dbe3eb;
    border-radius: 15px;

    padding: 27px 25px;

    box-shadow: 0 2px 5px rgba(20, 40, 60, 0.03);
}

.sghyd_singapore_highlights h3 {
    margin: 0 0 20px;

    color: #071b36;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.sghyd_singapore_highlights ul {
    list-style: none;

    margin: 0;
    padding: 0;
}

.sghyd_singapore_highlights li {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-bottom: 14px;

    color: #304b69;

    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
}

.sghyd_singapore_highlights li:last-child {
    margin-bottom: 0;
}

.sghyd_check_icon {
    flex: 0 0 auto;

    width: 17px;
    height: 17px;

    margin-top: 2px;

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

    border-radius: 50%;

    background: #f3525a;
    color: #ffffff;

    font-size: 9px;
}


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

.sghyd_singapore_bottom {
    width: 100%;
    max-width: 1200px;

    margin: 28px auto 0;

    padding-top: 25px;

    border-top: 1px solid #c8d4df;

    text-align: center;
}

.sghyd_singapore_bottom p {
    margin: 0;

    color: #304b69;

    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}

.sghyd_singapore_bottom strong {
    color: #344b66;
    font-weight: 700;
}

.sghyd_singapore_bottom a {
    color: #f3525a;

    font-weight: 600;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    transition: color 0.2s ease;
}

.sghyd_singapore_bottom a:hover {
    color: #d95313;
}

/* =========================================================
   TABLET VIEW
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sghyd_singapore_section {
        padding: 35px 18px 30px;
    }

    .sghyd_singapore_container {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 18px;
    }


    /* LEFT CONTENT CARD */

    .sghyd_singapore_content {
        padding: 25px 25px;
        border-radius: 14px;
    }

    .sghyd_singapore_icon {
        width: 38px;
        height: 38px;

        margin-bottom: 12px;

        font-size: 16px;
    }

    .sghyd_singapore_content h2 {
        font-size: 22px;
        line-height: 1.4;

        margin-bottom: 14px;
    }

    .sghyd_singapore_content p {
        font-size: 15px;
        line-height: 1.6;

        margin-bottom: 15px;
    }


    /* PACKAGE HIGHLIGHTS */

    .sghyd_singapore_highlights {
        padding: 24px 20px;
        border-radius: 14px;
    }

    .sghyd_singapore_highlights h3 {
        font-size: 19px;

        margin-bottom: 18px;
    }

    .sghyd_singapore_highlights li {
        font-size: 14px;
        line-height: 1.5;

        gap: 8px;
        margin-bottom: 13px;
    }

    .sghyd_check_icon {
        width: 16px;
        height: 16px;

        margin-top: 2px;

        font-size: 8px;
    }


    /* BOTTOM CTA */

    .sghyd_singapore_bottom {
        margin-top: 25px;
        padding-top: 22px;
    }

    .sghyd_singapore_bottom p {
        font-size: 14px;
        line-height: 1.6;
    }

}


/* =========================================================
   MOBILE VIEW
   Below 767px
========================================================= */

@media (max-width: 767px) {

    .sghyd_singapore_section {
        padding: 30px 14px 25px;
    }

    .sghyd_singapore_container {
        display: flex;
        flex-direction: column;

        gap: 18px;
    }


    /* LEFT CONTENT CARD */

    .sghyd_singapore_content {
        width: 100%;

        padding: 23px 20px;

        border-radius: 14px;
    }

    .sghyd_singapore_icon {
        width: 38px;
        height: 38px;

        margin-bottom: 12px;

        font-size: 16px;
    }

    .sghyd_singapore_content h2 {
        font-size: 21px;
        line-height: 1.4;

        margin-bottom: 14px;
    }

    .sghyd_singapore_content p {
        font-size: 14px;
        line-height: 1.65;

        margin-bottom: 15px;

        text-align: justify;
    }


    /* PACKAGE HIGHLIGHTS */

    .sghyd_singapore_highlights {
        width: 100%;

        padding: 22px 20px;

        border-radius: 14px;
    }

    .sghyd_singapore_highlights h3 {
        font-size: 19px;
        line-height: 1.4;

        margin-bottom: 18px;
    }

    .sghyd_singapore_highlights li {
        font-size: 14px;
        line-height: 1.5;

        gap: 9px;

        margin-bottom: 13px;
    }

    .sghyd_check_icon {
        width: 16px;
        height: 16px;

        margin-top: 2px;

        font-size: 8px;
    }


    /* BOTTOM CTA */

    .sghyd_singapore_bottom {
        margin-top: 22px;

        padding-top: 20px;
    }

    .sghyd_singapore_bottom p {
        font-size: 13px;
        line-height: 1.7;
    }

}












/* =========================================================
   HYDERABAD AIRPORT TO TIRUPATI
   ITINERARY SECTION
========================================================= */

.sg_hyd_tir_itin_section {
    width: 100%;
    padding: 75px 20px 80px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
}

.sg_hyd_tir_itin_container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


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

.sg_hyd_tir_itin_header {
    max-width: 1000px;
    margin: 0 auto 45px;
    text-align: center;
}

.sg_hyd_tir_itin_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 16px;
    margin-bottom: 15px;

    border-radius: 50px;

    background: #f9b0b3;
    color: #f3525a;


    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.sg_hyd_tir_itin_title {
    margin: 0 0 18px;

    color: #06183d;

    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.sg_hyd_tir_itin_intro {
    max-width: 940px;
    margin: 0 auto 14px;

    color: #5d6878;

    font-size: 15px;
    line-height: 1.85;
}

.sg_hyd_tir_itin_intro strong {
    color: #263f5c;
}


/* =========================================================
   JOURNEY FLOW
========================================================= */

.sg_hyd_tir_itin_flow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    margin: 0 auto 60px;
    padding: 25px 24px;

    border: 1px solid #f3525a;
    border-radius: 18px;

    background: #f9b0b3;

    box-shadow: 0 12px 35px rgba(15, 35, 55, 0.06);
}

.sg_hyd_tir_itin_flow_item {
    display: flex;
    align-items: center;
    gap: 12px;

    min-width: 190px;
}

.sg_hyd_tir_itin_flow_icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    border-radius: 14px;

    background: #ffffff;
    color: #f3525a;


    border: 1px solid #f9b0b3;

    font-size: 19px;

    box-shadow: 0 5px 15px rgba(20, 40, 60, 0.06);
}

.sg_hyd_tir_itin_flow_text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sg_hyd_tir_itin_flow_text span {
    color: #000000;
    font-size: 13px;
    font-weight: 900;
}

.sg_hyd_tir_itin_flow_text small {
    color: #000000;
    font-size: 11px;
    line-height: 1.4;

}

.sg_hyd_tir_itin_flow_arrow {
    flex: 0 0 auto;

    margin: 0 15px;

    color: #f3525a;
    font-size: 15px;
}


/* =========================================================
   DAY 1 + DAY 2
   SAME ROW
   SAME WIDTH
   SAME HEIGHT
========================================================= */

.sg_hyd_tir_itin_day {
    position: relative;

    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;

    width: 100%;
    margin: 0;

    align-items: stretch;
}


/*
   IMPORTANT:

   Since both .sg_hyd_tir_itin_day elements are direct
   children of the container, make the container itself
   a 2-column grid for desktop.

   This places:

   DAY 1 → LEFT
   DAY 2 → RIGHT
*/

.sg_hyd_tir_itin_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    align-items: stretch;
}


/*
   Header / flow / summary / notice / explore must
   occupy both columns.
*/

.sg_hyd_tir_itin_header,
.sg_hyd_tir_itin_flow,
.sg_hyd_tir_itin_summary,
.sg_hyd_tir_itin_notice,
.sg_hyd_tir_itin_explore {
    grid-column: 1 / -1;
}


/* =========================================================
   DAY CARD POSITION
========================================================= */

.sg_hyd_tir_itin_day:nth-of-type(2),
.sg_hyd_tir_itin_day:nth-of-type(3) {
    width: 100%;
    margin: 0;
}


/* =========================================================
   DAY MARKER
========================================================= */

.sg_hyd_tir_itin_day_marker {
    position: relative;

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

.sg_hyd_tir_itin_day_marker span {
    position: relative;
    z-index: 3;

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

    width: 52px;
    height: 52px;

    border-radius: 50%;

    background: #f3525a;
    color: #ffffff;

    font-size: 17px;
    font-weight: 700;

    box-shadow: 0 8px 22px rgba(6, 24, 61, 0.18);
}


/*
   Vertical line below day number
*/

.sg_hyd_tir_itin_day_marker::after {
    content: "";

    position: absolute;

    top: 52px;
    left: 50%;

    width: 1px;
    height: calc(100% - 52px);

    transform: translateX(-50%);

    background: #d9e2ea;
}


/* =========================================================
   DAY CONTENT
   SAME HEIGHT
========================================================= */

.sg_hyd_tir_itin_day_content {
    min-width: 0;
    height: 100%;

    display: flex;
    flex-direction: column;

    padding: 30px;

    border: 1px solid #e3e9ef;
    border-radius: 20px;

    background: #ffffff;

    box-shadow: 0 12px 35px rgba(18, 39, 59, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.sg_hyd_tir_itin_day_content:hover {
    transform: translateY(-3px);

    box-shadow: 0 18px 40px rgba(18, 39, 59, 0.09);
}


/* =========================================================
   DAY HEADING
========================================================= */

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

    gap: 18px;

    min-height: 85px;

    padding-bottom: 22px;
    margin-bottom: 0;

    border-bottom: 1px solid #edf1f4;
}

.sg_hyd_tir_itin_day_label {
    display: block;

    margin-bottom: 7px;

    color: #f6ad10;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1px;
}

.sg_hyd_tir_itin_day_heading h3 {
    margin: 0;

    color: #06183d;


    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
}

.sg_hyd_tir_itin_day_heading_icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    border-radius: 14px;

    background: #f9b0b3;
    color: #f3525a;


    font-size: 19px;
}


/* =========================================================
   ACTIVITIES
========================================================= */

.sg_hyd_tir_itin_activity {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 15px;

    padding: 22px 0;

    border-bottom: 1px solid #edf1f4;
}

.sg_hyd_tir_itin_activity:first-of-type {
    padding-top: 25px;
}

.sg_hyd_tir_itin_activity:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.sg_hyd_tir_itin_activity_icon {
    width: 44px;
    height: 44px;

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

    border-radius: 12px;

    background: #f9b0b3;
    color: #f3525a;

    font-size: 16px;
}

.sg_hyd_tir_itin_activity_content {
    min-width: 0;
}

.sg_hyd_tir_itin_activity_content h4 {
    margin: 0 0 8px;

    color: #1b3048;

    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}

.sg_hyd_tir_itin_activity_content p {
    margin: 0 0 9px;

    color: #667181;

    font-size: 13.5px;
    line-height: 1.8;
    text-align: justify;
}

.sg_hyd_tir_itin_activity_content p:last-child {
    margin-bottom: 0;
}

.sg_hyd_tir_itin_activity_content strong {
    color: #f3525a;
}


/* =========================================================
   JOURNEY SUMMARY
========================================================= */

.sg_hyd_tir_itin_summary {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 20px;

    margin: 55px 0 35px;
    padding: 30px;

    border-radius: 20px;

    background: #06183d;
    color: #ffffff;

    box-shadow: 0 15px 35px rgba(6, 24, 61, 0.12);
}

.sg_hyd_tir_itin_summary_icon {
    width: 62px;
    height: 62px;

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

    border-radius: 16px;

    background: rgba(255, 255, 255, 0.12);

    font-size: 22px;
}

.sg_hyd_tir_itin_small_label {
    display: block;

    margin-bottom: 5px;

    color: #c9d8e8;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1px;
}

.sg_hyd_tir_itin_summary_content h3 {
    margin: 0 0 13px;

    color: #ffffff;


    font-size: 24px;
    line-height: 1.35;
}

.sg_hyd_tir_itin_summary_content p {
    margin: 0;

    color: #dbe5ef;

    font-size: 14px;
    line-height: 1.85;
    text-align: justify;
}

.sg_hyd_tir_itin_summary_content strong {
    color: #ffffff;
}

.sg_hyd_tir_itin_route_arrow {
    display: inline-block;

    margin: 0 4px;

    color: #9eb5ca;
}


/* =========================================================
   IMPORTANT INFORMATION
========================================================= */

.sg_hyd_tir_itin_notice {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 18px;

    margin-bottom: 45px;
    padding: 27px;

    border: 1px solid #f9b0b3;
    border-radius: 18px;

    background: #f3525a;
}

.sg_hyd_tir_itin_notice_icon {
    width: 55px;
    height: 55px;

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

    border-radius: 14px;

    background: #ffffff;
    color: #f3525a;

    font-size: 20px;
}

.sg_hyd_tir_itin_notice_content h3 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 18px;
    font-weight: 900;
}

.sg_hyd_tir_itin_notice_content p {
    margin: 0 0 10px;

    color: #ffd7d7;

    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.sg_hyd_tir_itin_notice_content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   EXPLORE LINK
========================================================= */

.sg_hyd_tir_itin_explore {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: 20px;
    padding: 22px 25px;

    border: 1px solid #e2e8ee;
    border-radius: 15px;

    background: #f8fafc;

    text-align: center;
}

.sg_hyd_tir_itin_explore p {
    margin: 0;

    color: #536171;

    font-size: 14px;
}

.sg_hyd_tir_itin_explore_link {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    text-decoration: underline;

    transition: all 0.25s ease;
}

.sg_hyd_tir_itin_explore_link:hover {
    color: #f6ad10;
    gap: 12px;
    text-decoration: none;
}

.sg_hyd_tir_itin_explore_text {
    display: inline;

    color: #536171;

    font-size: 13px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

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

    .sg_hyd_tir_itin_section {
        padding: 55px 20px 60px;
    }

    .sg_hyd_tir_itin_container {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        row-gap: 0;
    }


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

    .sg_hyd_tir_itin_header {
        max-width: 850px;
        margin-bottom: 35px;
    }

    .sg_hyd_tir_itin_badge {
        font-size: 12px;
        padding: 7px 15px;
        margin-bottom: 13px;
    }

    .sg_hyd_tir_itin_title {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .sg_hyd_tir_itin_intro {
        max-width: 800px;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 12px;
    }


    /* =====================================================
       JOURNEY FLOW
    ===================================================== */

    .sg_hyd_tir_itin_flow {
        width: 100%;
        margin-bottom: 45px;
        padding: 20px 15px;

        gap: 5px;
    }

    .sg_hyd_tir_itin_flow_item {
        min-width: 0;
        flex: 1 1 0;
        gap: 9px;
    }

    .sg_hyd_tir_itin_flow_icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 12px;
        font-size: 16px;
    }

    .sg_hyd_tir_itin_flow_text {
        gap: 2px;
    }

    .sg_hyd_tir_itin_flow_text span {
        font-size: 11px;
        line-height: 1.3;
    }

    .sg_hyd_tir_itin_flow_text small {
        font-size: 9.5px;
        line-height: 1.35;
    }

    .sg_hyd_tir_itin_flow_arrow {
        margin: 0 5px;
        font-size: 12px;
    }


    /* =====================================================
       DAY 1 + DAY 2
       TABLET = ONE COLUMN
    ===================================================== */

    .sg_hyd_tir_itin_day {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 15px;

        width: 100%;
        margin-bottom: 25px;
    }


    /*
       Both day cards become full width on tablet.
       Day 1 comes first, Day 2 comes below.
    */

    .sg_hyd_tir_itin_day:nth-of-type(2),
    .sg_hyd_tir_itin_day:nth-of-type(3) {
        width: 100%;
        margin: 0 0 25px;
    }


    /* =====================================================
       DAY MARKER
    ===================================================== */

    .sg_hyd_tir_itin_day_marker span {
        width: 46px;
        height: 46px;

        font-size: 15px;
    }

    .sg_hyd_tir_itin_day_marker::after {
        top: 46px;
        height: calc(100% - 46px);
    }


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

    .sg_hyd_tir_itin_day_content {
        width: 100%;
        height: 100%;

        padding: 25px;

        border-radius: 18px;
    }


    /* =====================================================
       DAY HEADING
    ===================================================== */

    .sg_hyd_tir_itin_day_heading {
        min-height: 75px;

        gap: 15px;
        padding-bottom: 18px;
    }

    .sg_hyd_tir_itin_day_label {
        margin-bottom: 6px;
        font-size: 11px;
    }

    .sg_hyd_tir_itin_day_heading h3 {
        font-size: 21px;
        line-height: 1.35;
    }

    .sg_hyd_tir_itin_day_heading_icon {
        flex: 0 0 46px;

        width: 46px;
        height: 46px;

        border-radius: 12px;
        font-size: 17px;
    }


    /* =====================================================
       ACTIVITIES
    ===================================================== */

    .sg_hyd_tir_itin_activity {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 13px;

        padding: 20px 0;
    }

    .sg_hyd_tir_itin_activity:first-of-type {
        padding-top: 22px;
    }

    .sg_hyd_tir_itin_activity_icon {
        width: 40px;
        height: 40px;

        border-radius: 11px;
        font-size: 15px;
    }

    .sg_hyd_tir_itin_activity_content h4 {
        margin-bottom: 7px;

        font-size: 14px;
        line-height: 1.5;
    }

    .sg_hyd_tir_itin_activity_content p {
        font-size: 13px;
        line-height: 1.75;
    }


    /* =====================================================
       JOURNEY SUMMARY
    ===================================================== */

    .sg_hyd_tir_itin_summary {
        grid-template-columns: 55px minmax(0, 1fr);
        gap: 17px;

        margin: 35px 0 25px;
        padding: 25px;

        border-radius: 18px;
    }

    .sg_hyd_tir_itin_summary_icon {
        width: 55px;
        height: 55px;

        border-radius: 14px;
        font-size: 20px;
    }

    .sg_hyd_tir_itin_small_label {
        margin-bottom: 5px;
        font-size: 11px;
    }

    .sg_hyd_tir_itin_summary_content h3 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;
    }

    .sg_hyd_tir_itin_summary_content p {
        font-size: 13px;
        line-height: 1.8;
        text-align: left;
    }

    .sg_hyd_tir_itin_route_arrow {
        margin: 0 3px;
    }


    /* =====================================================
       IMPORTANT INFORMATION
    ===================================================== */

    .sg_hyd_tir_itin_notice {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 15px;

        margin-bottom: 30px;
        padding: 23px;

        border-radius: 17px;
    }

    .sg_hyd_tir_itin_notice_icon {
        width: 50px;
        height: 50px;

        border-radius: 13px;
        font-size: 18px;
    }

    .sg_hyd_tir_itin_notice_content h3 {
        margin-bottom: 8px;
        font-size: 17px;
    }

    .sg_hyd_tir_itin_notice_content p {
        margin-bottom: 9px;

        font-size: 13px;
        line-height: 1.75;
        text-align: left;
    }


    /* =====================================================
       EXPLORE PACKAGE
    ===================================================== */

    .sg_hyd_tir_itin_explore {
        gap: 8px;

        margin-bottom: 15px;
        padding: 19px 20px;

        border-radius: 14px;
    }

    .sg_hyd_tir_itin_explore p {
        font-size: 13px;
    }

    .sg_hyd_tir_itin_explore_link {
        font-size: 13px;
        gap: 7px;
    }

    .sg_hyd_tir_itin_explore_text {
        font-size: 12px;
        line-height: 1.7;
    }

}

/* =========================================================
   MOBILE RESPONSIVE
   MAX 767px
========================================================= */

@media (max-width: 767px) {

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

    .sg_hyd_tir_itin_section {
        width: 100%;

        padding: 45px 15px 55px;
    }

    .sg_hyd_tir_itin_container {
        width: 100%;
        max-width: 100%;

        display: block;
    }


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

    .sg_hyd_tir_itin_header {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 30px;

        text-align: center;
    }

    .sg_hyd_tir_itin_badge {
        font-size: 10px;

        padding: 6px 12px;

        margin-bottom: 12px;
    }

    .sg_hyd_tir_itin_title {
        font-size: 26px;
        line-height: 1.3;

        margin: 0 0 15px;
    }

    .sg_hyd_tir_itin_intro {
        width: 100%;
        max-width: 100%;

        font-size: 12.5px;
        line-height: 1.75;

        margin: 0 auto 12px;
    }


    /* =====================================================
       JOURNEY FLOW
    ===================================================== */

    .sg_hyd_tir_itin_flow {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 10px;

        margin: 0 0 35px;
        padding: 17px;

        border-radius: 15px;
    }

    .sg_hyd_tir_itin_flow_item {
        width: 100%;
        min-width: 0;

        display: flex;
        align-items: center;

        gap: 10px;
    }

    .sg_hyd_tir_itin_flow_icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 11px;

        font-size: 15px;
    }

    .sg_hyd_tir_itin_flow_text {
        min-width: 0;
    }

    .sg_hyd_tir_itin_flow_text span {
        font-size: 11.5px;
        line-height: 1.4;
    }

    .sg_hyd_tir_itin_flow_text small {
        font-size: 9.5px;
        line-height: 1.4;
    }

    .sg_hyd_tir_itin_flow_arrow {
        display: none;
    }


    /* =====================================================
       DAY 1 + DAY 2
       SINGLE COLUMN
    ===================================================== */

    .sg_hyd_tir_itin_day,
    .sg_hyd_tir_itin_day:nth-of-type(2),
    .sg_hyd_tir_itin_day:nth-of-type(3) {
        width: 100%;

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

        gap: 12px;

        margin: 0 0 30px;
    }


    /* =====================================================
       DAY MARKER
    ===================================================== */

    .sg_hyd_tir_itin_day_marker {
        width: 100%;

        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .sg_hyd_tir_itin_day_marker span {
        width: 46px;
        height: 46px;

        font-size: 15px;
    }

    .sg_hyd_tir_itin_day_marker::after {
        display: none;
    }


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

    .sg_hyd_tir_itin_day_content {
        width: 100%;
        height: auto;
        min-width: 0;

        padding: 20px 16px;

        border-radius: 15px;

        display: flex;
        flex-direction: column;
    }


    /* =====================================================
       DAY HEADING
    ===================================================== */

    .sg_hyd_tir_itin_day_heading {
        width: 100%;

        min-height: auto;

        align-items: flex-start;

        gap: 10px;

        padding-bottom: 17px;
    }

    .sg_hyd_tir_itin_day_label {
        font-size: 9.5px;

        margin-bottom: 6px;
    }

    .sg_hyd_tir_itin_day_heading h3 {
        font-size: 19px;
        line-height: 1.35;
    }

    .sg_hyd_tir_itin_day_heading_icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 10px;

        font-size: 15px;
    }


    /* =====================================================
       ACTIVITIES
    ===================================================== */

    .sg_hyd_tir_itin_activity {
        grid-template-columns: 36px minmax(0, 1fr);

        gap: 10px;

        padding: 18px 0;
    }

    .sg_hyd_tir_itin_activity:first-of-type {
        padding-top: 20px;
    }

    .sg_hyd_tir_itin_activity_icon {
        width: 36px;
        height: 36px;

        border-radius: 9px;

        font-size: 13px;
    }

    .sg_hyd_tir_itin_activity_content {
        min-width: 0;
    }

    .sg_hyd_tir_itin_activity_content h4 {
        font-size: 13px;
        line-height: 1.5;

        margin-bottom: 7px;
    }

    .sg_hyd_tir_itin_activity_content p {
        font-size: 12px;
        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       JOURNEY SUMMARY
    ===================================================== */

    .sg_hyd_tir_itin_summary {
        width: 100%;

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

        gap: 13px;

        margin: 35px 0 25px;
        padding: 21px 17px;

        border-radius: 15px;
    }

    .sg_hyd_tir_itin_summary_icon {
        width: 46px;
        height: 46px;

        border-radius: 11px;

        font-size: 18px;
    }

    .sg_hyd_tir_itin_small_label {
        font-size: 9.5px;

        margin-bottom: 5px;
    }

    .sg_hyd_tir_itin_summary_content h3 {
        font-size: 19px;
        line-height: 1.4;

        margin-bottom: 10px;
    }

    .sg_hyd_tir_itin_summary_content p {
        font-size: 12px;
        line-height: 1.8;

        text-align: justify;
    }

    .sg_hyd_tir_itin_route_arrow {
        margin: 0 2px;
    }


    /* =====================================================
       IMPORTANT INFORMATION
    ===================================================== */

    .sg_hyd_tir_itin_notice {
        width: 100%;

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

        gap: 12px;

        margin-bottom: 30px;
        padding: 20px 16px;

        border-radius: 15px;
    }

    .sg_hyd_tir_itin_notice_icon {
        width: 44px;
        height: 44px;

        border-radius: 10px;

        font-size: 17px;
    }

    .sg_hyd_tir_itin_notice_content h3 {
        font-size: 15px;

        margin-bottom: 8px;
    }

    .sg_hyd_tir_itin_notice_content p {
        font-size: 12px;
        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       EXPLORE
    ===================================================== */

    .sg_hyd_tir_itin_explore {
        width: 100%;

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

        gap: 8px;

        margin-bottom: 5px;
        padding: 18px 14px;

        border-radius: 13px;
    }

    .sg_hyd_tir_itin_explore p,
    .sg_hyd_tir_itin_explore_link {
        font-size: 12px;

        text-align: center;
    }

    .sg_hyd_tir_itin_explore_link {
        gap: 7px;
    }

    .sg_hyd_tir_itin_explore_text {
        display: block;

        width: 100%;

        color: #536171;

        font-size: 11px;
        line-height: 1.7;

        text-align: center;
    }
}









/* =========================================================
   TIRUPATI TOUR PACKAGE FROM HYDERABAD BY FLIGHT
   INCLUSIONS & EXCLUSIONS SECTION
========================================================= */

.sgthbf_package_details_section {
    width: 100%;
    padding: 75px 20px 80px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
}

.sgthbf_package_details_container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}


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

.sgthbf_package_details_header {
    max-width: 900px;
    margin: 0 auto 45px;
    text-align: center;
}

.sgthbf_package_details_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;
    margin-bottom: 18px;

    background: #ffd7d7;
    border: 1px solid #f9b0b3;
    border-radius: 30px;

    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.sgthbf_package_details_badge i {
    font-size: 16px;
}

.sgthbf_package_details_header h2 {
    margin: 0 0 17px;

    color: #172033;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
}

.sgthbf_package_details_header p {
    max-width: 850px;
    margin: 0 auto;

    color: #536174;
    font-size: 16px;
    line-height: 1.8;
}

.sgthbf_package_details_header p strong {
    color: #f3525a;
    font-weight: 700;
}


/* =========================================================
   INCLUSION / EXCLUSION GRID
========================================================= */

.sgthbf_package_details_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}


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

.sgthbf_package_card {
    position: relative;

    padding: 30px;

    background: #ffffff;
    border-radius: 22px;

    border: 1px solid rgba(243, 82, 90, 0.12);

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07);

    overflow: hidden;
}

.sgthbf_package_card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: #22a06b;
}

.sgthbf_exclusion_card::before {
    background: #f3525a;
}


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

.sgthbf_package_card_top {
    display: flex;
    align-items: center;
    gap: 16px;

    padding-bottom: 24px;
    margin-bottom: 8px;

    border-bottom: 1px solid #b8e6d0;
}

.sgthbf_exclusion_card .sgthbf_package_card_top {
    border-bottom-color: #f9b0b3;
}


/* =========================================================
   MAIN PACKAGE ICON
========================================================= */

.sgthbf_package_icon {
    flex: 0 0 54px;

    width: 54px;
    height: 54px;

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

    border-radius: 16px;

    font-size: 23px;
}


/* =========================================================
   INCLUSION MAIN ICON - GREEN TICK
========================================================= */

.sgthbf_inclusion_icon {
    background: #e6f7ef;
    color: #22a06b;
    border: 1px solid #b8e6d0;
}


/* =========================================================
   EXCLUSION MAIN ICON - RED WRONG
========================================================= */

.sgthbf_exclusion_icon {
    background: #ffd7d7;
    color: #f3525a;
    border: 1px solid #f9b0b3;
}


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

.sgthbf_package_card_top h3 {
    margin: 0 0 4px;

    color: #172033;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.sgthbf_package_card_top span {
    display: block;

    color: #737e8e;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
}


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

.sgthbf_package_list {
    display: flex;
    flex-direction: column;
}


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

.sgthbf_package_item {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 15px 0;

    border-bottom: 1px dashed #f9b0b3;
}

.sgthbf_package_item:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}


/* =========================================================
   INDIVIDUAL ITEM ICON
========================================================= */

.sgthbf_item_icon {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

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

    margin-top: 1px;

    border-radius: 10px;

    font-size: 14px;
}


/* =========================================================
   INCLUSION ITEM ICONS - GREEN
========================================================= */

.sgthbf_inclusion_card .sgthbf_item_icon {
    background: #f0faf5;
    border: 1px solid #b8e6d0;
    color: #22a06b;
}


/* =========================================================
   EXCLUSION ITEM ICONS - RED
========================================================= */

.sgthbf_exclusion_card .sgthbf_item_icon {
    background: #fff1f1;
    border: 1px solid #f9b0b3;
    color: #f3525a;
}


/* =========================================================
   PACKAGE ITEM TEXT
========================================================= */

.sgthbf_package_item p {
    flex: 1;

    margin: 0;

    color: #536174;
    font-size: 14px;
    line-height: 1.75;
    
}

.sgthbf_package_item p strong {
    color: #172033;
    font-weight: 700;
}




/* =========================================================
   IMPORTANT BOOKING TRANSPARENCY
========================================================= */

.sgthbf_booking_transparency {
    width: 100%;

    margin-top: 35px;
    padding: 28px 30px;

    background: #f8fafc;

    border: 1px solid #e2e8f0;
    border-left: 4px solid #f3525a;

    border-radius: 12px;

    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}


.sgthbf_booking_transparency h3 {
    margin: 0 0 12px;

    color: #06183d;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.4;
}


.sgthbf_booking_transparency p {
    margin: 0 0 12px;

    color: #64748b;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.8;
    text-align: justify;
}


.sgthbf_booking_transparency p:last-child {
    margin-bottom: 0;
}


.sgthbf_booking_transparency strong {
    color: #2d567d;
    font-weight: 600;
}


/* =========================================================
   ABOUT TIRUMALA DARSHAN
========================================================= */

.sgthbf_about_darshan {
    width: 100%;

    margin-top: 22px;
    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    box-sizing: border-box;
}


.sgthbf_about_darshan h3 {
    margin: 0 0 12px;

    color: #06183d;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.4;
}


.sgthbf_about_darshan p {
    margin: 0 0 12px;

    color: #64748b;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.8;
    text-align: justify;
}


.sgthbf_about_darshan p:last-child {
    margin-bottom: 0;
}


.sgthbf_about_darshan strong {
    color: #2d567d;

    font-weight: 600;
}


.sgthbf_about_darshan p a {
    color: #f3525a !important;

    font-weight: 600;

    text-decoration: underline;

    transition: color 0.3s ease;
}


.sgthbf_about_darshan p a:hover {
    color: #f6ad10 !important;


    text-decoration: none;
}


.sgthbf_about_darshan p a strong {
    color: inherit !important;
}


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

.sgthbf_package_details_cta {
    display: flex;
    align-items: center;
    gap: 17px;

    margin-top: 32px;
    padding: 20px 24px;

    background: #ffd7d7;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
}


/* =========================================================
   CTA ICON
========================================================= */

.sgthbf_cta_icon {
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

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

    background: #f3525a;
    border-radius: 13px;

    color: #ffffff;
    font-size: 19px;
}


/* =========================================================
   CTA TEXT
========================================================= */

.sgthbf_package_details_cta p {
    flex: 1;

    margin: 0;

    color: #536174;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
}

.sgthbf_package_details_cta p strong {
    color: #172033;
    font-weight: 700;
}


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

.sgthbf_cta_button {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 12px 20px;

    background: #f3525a;
    border: 2px solid #f3525a;
    border-radius: 40px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
}

.sgthbf_cta_button i {
    font-size: 12px;

    transition: transform 0.3s ease;
}

.sgthbf_cta_button:hover {
    background: #f6ad10;
    border-color: #f6ad10;
    color: #ffffff;
}

.sgthbf_cta_button:hover i {
    transform: translateX(4px);
}
 /* =========================================================
   PACKAGE NOTES
========================================================= */

.sgthbf_package_note {

    width: 100%;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding: 18px 20px;

    margin-top: 18px;

    border-radius: 14px;

    box-sizing: border-box;
}


/* =========================================================
   INCLUSION NOTE
========================================================= */

.sgthbf_inclusion_note {

    background: #f0fdf4;

    border: 1px solid #bbf7d0;

    border-left: 4px solid #22c55e;
}


/* =========================================================
   EXCLUSION NOTE
========================================================= */

.sgthbf_exclusion_note {

    background: #fff7ed;

    border: 1px solid #fed7aa;

    border-left: 4px solid #f97316;
}


/* =========================================================
   NOTE ICON
========================================================= */

.sgthbf_package_note_icon {

    flex: 0 0 38px;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    font-size: 16px;
}


/* =========================================================
   INCLUSION ICON
========================================================= */

.sgthbf_inclusion_note .sgthbf_package_note_icon {

    background: #dcfce7;

    color: #16a34a;
}


/* =========================================================
   EXCLUSION ICON
========================================================= */

.sgthbf_exclusion_note .sgthbf_package_note_icon {

    background: #ffedd5;

    color: #ea580c;
}


/* =========================================================
   NOTE TEXT
========================================================= */

.sgthbf_package_note p {

    margin: 0;

    color: #5c6678;

    font-size: 13.5px;

    line-height: 1.75;
}

.sgthbf_package_note p strong {

    color: #172033;

    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgthbf_package_details_section {
        padding: 60px 20px 65px;
    }

    .sgthbf_package_details_container {
        max-width: 100%;
    }


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

    .sgthbf_package_details_header {
        max-width: 800px;
        margin-bottom: 35px;
    }

    .sgthbf_package_details_badge {
        padding: 8px 16px;
        margin-bottom: 15px;

        font-size: 12px;
    }

    .sgthbf_package_details_badge i {
        font-size: 15px;
    }

    .sgthbf_package_details_header h2 {
        margin-bottom: 15px;

        font-size: 25px;
        line-height: 1.35;
    }

    .sgthbf_package_details_header p {
        max-width: 750px;

        font-size: 14px;
        line-height: 1.75;
        text-align: center;
    }


    /* =====================================================
       INCLUSION / EXCLUSION GRID
    ===================================================== */

    .sgthbf_package_details_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }


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

    .sgthbf_package_card {
        padding: 24px 22px;

        border-radius: 19px;
    }

    .sgthbf_package_card::before {
        height: 4px;
    }


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

    .sgthbf_package_card_top {
        gap: 12px;

        padding-bottom: 20px;
        margin-bottom: 5px;
    }


    /* =====================================================
       MAIN PACKAGE ICON
    ===================================================== */

    .sgthbf_package_icon {
        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        border-radius: 14px;

        font-size: 20px;
    }


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

    .sgthbf_package_card_top h3 {
        margin-bottom: 3px;

        font-size: 19px;
        line-height: 1.35;
    }

    .sgthbf_package_card_top span {
        font-size: 11px;
        line-height: 1.5;
    }


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

    .sgthbf_package_item {
        gap: 10px;

        padding: 13px 0;
    }


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

    .sgthbf_item_icon {
        flex: 0 0 31px;

        width: 31px;
        height: 31px;

        margin-top: 1px;

        border-radius: 8px;

        font-size: 12px;
    }


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

    .sgthbf_package_item p {
        font-size: 12.5px;
        line-height: 1.7;
     
    }


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

    .sgthbf_package_details_cta {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px 15px;

        margin-top: 25px;
        padding: 18px 20px;

        border-radius: 16px;
    }


    /* =====================================================
       CTA ICON
    ===================================================== */

    .sgthbf_cta_icon {
        grid-row: span 2;

        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 11px;

        font-size: 17px;
    }


    /* =====================================================
       CTA TEXT
    ===================================================== */

    .sgthbf_package_details_cta p {
        width: 100%;

        margin: 0;

        font-size: 13px;
        line-height: 1.7;

        text-align: justify;
    }


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

    .sgthbf_cta_button {
        width: fit-content;
        max-width: 100%;
        justify-self: start;

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

        white-space: nowrap;

        padding: 11px 18px;

        border-radius: 40px;

        font-size: 12.5px;
    }

    /* =========================================================
        ABOUT TIRUMALA DARSHAN
    ========================================================= */

    .sgthbf_about_darshan {
        margin-top: 20px;

        padding: 25px 26px;

        border-radius: 11px;
    }


    .sgthbf_about_darshan h3 {
        margin-bottom: 11px;

        font-size: 19px;

        line-height: 1.45;
    }


    .sgthbf_about_darshan p {
        margin-bottom: 12px;

        font-size: 14px;

        line-height: 1.8;
        text-align: justify;
    }


    .sgthbf_about_darshan p a {
        font-size: 14px;
    }
    
    .sgthbf_package_note {

        gap: 12px;

        padding: 16px 18px;

        margin-top: 16px;

        border-radius: 13px;
    }


    .sgthbf_package_note_icon {

        flex: 0 0 36px;

        width: 36px;

        height: 36px;

        border-radius: 9px;

        font-size: 15px;
    }


    .sgthbf_package_note p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }


}

/* =========================================================
   MOBILE RESPONSIVE
   max-width: 767px
========================================================= */

@media (max-width: 767px) {

    .sgthbf_package_details_section {
        padding: 48px 15px 55px;
    }

    .sgthbf_package_details_container {
        max-width: 100%;
    }


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

    .sgthbf_package_details_header {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .sgthbf_package_details_badge {
        gap: 7px;

        padding: 8px 15px;
        margin-bottom: 14px;

        font-size: 10.5px;
        letter-spacing: 0.3px;
    }

    .sgthbf_package_details_badge i {
        font-size: 14px;
    }

    .sgthbf_package_details_header h2 {
        margin-bottom: 14px;

        font-size: 23px;
        line-height: 1.4;
    }

    .sgthbf_package_details_header p {
        max-width: 100%;

        font-size: 12.5px;
        line-height: 1.75;

        text-align: center;
    }


    /* =====================================================
       INCLUSION / EXCLUSION GRID
    ===================================================== */

    .sgthbf_package_details_grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


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

    .sgthbf_package_card {
        padding: 21px 18px;

        border-radius: 17px;
    }

    .sgthbf_package_card::before {
        height: 4px;
    }


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

    .sgthbf_package_card_top {
        gap: 11px;

        padding-bottom: 18px;
        margin-bottom: 3px;
    }


    /* =====================================================
       MAIN PACKAGE ICON
    ===================================================== */

    .sgthbf_package_icon {
        flex: 0 0 45px;

        width: 45px;
        height: 45px;

        border-radius: 12px;

        font-size: 18px;
    }


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

    .sgthbf_package_card_top h3 {
        margin-bottom: 3px;

        font-size: 17px;
        line-height: 1.35;
    }

    .sgthbf_package_card_top span {
        font-size: 10.5px;
        line-height: 1.5;
    }


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

    .sgthbf_package_list {
        width: 100%;
    }


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

    .sgthbf_package_item {
        gap: 9px;

        padding: 12px 0;
    }


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

    .sgthbf_item_icon {
        flex: 0 0 30px;

        width: 30px;
        height: 30px;

        margin-top: 1px;

        border-radius: 8px;

        font-size: 11px;
    }


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

    .sgthbf_package_item p {
        font-size: 12px;
        line-height: 1.7;

     
    }


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

    .sgthbf_package_details_cta {
        display: grid;
        grid-template-columns: auto 1fr;

        gap: 11px 12px;

        margin-top: 22px;
        padding: 16px;

        border-radius: 15px;
    }


    /* =====================================================
       CTA ICON
    ===================================================== */

    .sgthbf_cta_icon {
        grid-row: span 2;

        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 16px;
    }


    /* =====================================================
       CTA TEXT
    ===================================================== */

    .sgthbf_package_details_cta p {
        width: 100%;

        margin: 0;

        font-size: 12px;
        line-height: 1.7;
        text-align: justify;

    }


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

    .sgthbf_cta_button {

        width: fit-content;

        justify-self: start;

        padding: 11px 15px;

        border-radius: 40px;

        font-size: 11.5px;
    }

    .sgthbf_cta_button i {
        font-size: 10px;
    }

    /* =========================================================
        ABOUT TIRUMALA DARSHAN
    ========================================================= */
    .sgthbf_about_darshan {
        margin-top: 16px;

        padding: 22px 18px;

        border-radius: 10px;
    }


    .sgthbf_about_darshan h3 {
        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.45;
    }


    .sgthbf_about_darshan p {
        margin-bottom: 11px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    .sgthbf_about_darshan strong {
        font-weight: 600;
    }


    .sgthbf_about_darshan p a {
        font-size: 13px;

        line-height: 1.75;
    }
    
    .sgthbf_package_note {

        width: 100%;

        display: flex;

        align-items: flex-start;

        gap: 10px;

        padding: 14px;

        margin-top: 14px;

        border-radius: 11px;

        border-left-width: 3px;
    }


    .sgthbf_package_note_icon {

        flex: 0 0 34px;

        width: 34px;

        height: 34px;

        border-radius: 8px;

        font-size: 14px;
    }


    .sgthbf_package_note p {

        margin: 0;

        font-size: 12px;

        line-height: 1.65;

        text-align: justify;
    }


    .sgthbf_package_note p strong {

        font-weight: 700;
    }

}











/* =========================================================
   BOOK HYDERABAD AIRPORT TO TIRUPATI
========================================================= */

.sgthab_beforebook_section {
    width: 100%;
    padding: 80px 20px 85px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
}

.sgthab_beforebook_container {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
}


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

.sgthab_beforebook_header {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
}

.sgthab_beforebook_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 15px;
    border: 1px solid #f9b0b3;
    border-radius: 50px;
    background: #fff4f5;
    color: #f3525a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

.sgthab_beforebook_eyebrow i {
    font-size: 15px;
}

.sgthab_beforebook_title {
    margin: 0 0 16px;
    color: #06183d;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.sgthab_beforebook_intro {
    max-width: 850px;
    margin: 0 auto;
    color: #596579;
    font-size: 15px;
    line-height: 1.85;
}

.sgthab_beforebook_intro strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   INFORMATION CARDS
========================================================= */

.sgthab_beforebook_info_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 65px;
}

.sgthab_beforebook_info_card {
    position: relative;
    display: flex;
    gap: 18px;
    min-height: 100%;
    padding: 28px 24px;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(243, 82, 90, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sgthab_beforebook_info_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 32px rgba(243, 82, 90, 0.14);
}

.sgthab_beforebook_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff0f1;
    color: #f3525a;
    font-size: 20px;
}

.sgthab_beforebook_card_content {
    flex: 1;
}

.sgthab_beforebook_card_content h3 {
    margin: 1px 0 10px;
    color: #000000;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 900;
}

.sgthab_beforebook_card_content p {
    margin: 0;
    color: #5e6978;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.sgthab_beforebook_card_content strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   HOW TO BOOK
========================================================= */

.sgthab_beforebook_booking {
    padding: 45px 45px 48px;
    border-radius: 24px;
    background: #fff5f5;
    border: 1px solid #f9b0b3;
    margin-bottom: 55px;
}

.sgthab_beforebook_subheading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.sgthab_beforebook_subicon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #f3525a;
    color: #ffffff;
    font-size: 18px;
}

.sgthab_beforebook_subheading h2 {
    margin: 0;
    color: #06183d;
    font-size: 27px;
    line-height: 1.35;
    font-weight: 700;
}

.sgthab_beforebook_booking_intro {
    max-width: 1050px;
    margin: 0 0 35px;
    color: #596579;
    font-size: 14px;
    line-height: 1.85;
    text-align: justify;
}

.sgthab_beforebook_booking_intro strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   BOOKING STEPS
========================================================= */

.sgthab_beforebook_steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

/* 4th card full row cover */
.sgthab_beforebook_steps>*:nth-child(4) {
    grid-column: 1 / -1;
}

.sgthab_beforebook_step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 22px 20px;
    border-radius: 15px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
}

.sgthab_beforebook_step_number {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.sgthab_beforebook_step_content {
    flex: 1;
}

.sgthab_beforebook_step_content h3 {
    margin: 1px 0 8px;
    color: #06183d;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}

.sgthab_beforebook_step_content p {
    margin: 0;
    color: #606b7b;
    font-size: 13px;
    line-height: 1.75;
    text-align: justify;
}


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

.sgthab_beforebook_cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 55px;
    padding: 30px 34px;
    border-radius: 20px;
    background: #f3525a;
}

.sgthab_beforebook_cta_content {
    display: flex;
    align-items: center;
    gap: 18px;
}

.sgthab_beforebook_cta_icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 20px;
}

.sgthab_beforebook_cta_content h2 {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.sgthab_beforebook_cta_content p {
    margin: 0;
    color: #fff1f2;
    font-size: 13px;
    line-height: 1.6;

}

.sgthab_beforebook_cta_buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sgthab_beforebook_primary_btn,
.sgthab_beforebook_secondary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 18px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.25s ease;
}


/* PRIMARY BUTTON */

.sgthab_beforebook_primary_btn {
    background: #16a84f;
    color: #ffffff;

}

.sgthab_beforebook_primary_btn:hover {
    background: #ffffff;
    color: #f3525a;
}


/* SECONDARY BUTTON */

.sgthab_beforebook_secondary_btn {
    border: 1px solid rgba(255, 255, 255, 0.7);

    background: #f6ad10;
    border-color: #f6ad10;
    color: #ffffff;


}

.sgthab_beforebook_secondary_btn:hover {
    background: transparent;
    border-color: #f9b0b3;
    color: #ffffff;
}


/* =========================================================
   IMPORTANT INFORMATION
========================================================= */

.sgthab_beforebook_note_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    margin-bottom: 40px;
}

.sgthab_beforebook_note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 28px 26px;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(243, 82, 90, 0.055);
}

.sgthab_beforebook_note_icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff0f1;
    color: #f3525a;
    font-size: 17px;
}

.sgthab_beforebook_note h3 {
    margin: 0 0 10px;
    color: #06183d;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.sgthab_beforebook_note p {
    margin: 0 0 10px;
    color: #606b7b;
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}

.sgthab_beforebook_note p:last-child {
    margin-bottom: 0;
}

.sgthab_beforebook_note strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   EXPLORE
========================================================= */

.sgthab_beforebook_explore {
    padding-top: 5px;
    text-align: center;
}

.sgthab_beforebook_explore p {
    margin: 0;
    color: #606b7b;
    font-size: 14px;
    line-height: 1.8;
}

.sgthab_beforebook_explore strong {
    color: #172033;
    font-weight: 600;
}

.sgthab_beforebook_explore a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f3525a;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sgthab_beforebook_explore a:hover {
    color: #f6ad10;
}

.sgthab_beforebook_explore a i {
    font-size: 11px;
    transition: transform 0.2s ease;
}

.sgthab_beforebook_explore a:hover i {
    transform: translateX(3px);
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgthab_beforebook_section {
        padding: 65px 25px 70px;
    }

    .sgthab_beforebook_container {
        max-width: 100%;
    }


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

    .sgthab_beforebook_header {
        max-width: 760px;
        margin-bottom: 42px;
    }

    .sgthab_beforebook_title {
        font-size: 32px;
        line-height: 1.3;
    }

    .sgthab_beforebook_intro {
        max-width: 720px;
        font-size: 14px;
        line-height: 1.8;
    }


    /* =========================
       INFORMATION CARDS
    ========================= */

    .sgthab_beforebook_info_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        margin-bottom: 50px;
    }

    .sgthab_beforebook_info_card {
        padding: 24px 21px;
        gap: 15px;
        border-radius: 16px;
    }

    .sgthab_beforebook_icon {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 18px;
    }

    .sgthab_beforebook_card_content h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .sgthab_beforebook_card_content p {
        font-size: 13px;
        line-height: 1.75;
    }


    /* =========================
       HOW TO BOOK
    ========================= */

    .sgthab_beforebook_booking {
        padding: 35px 30px 38px;
        margin-bottom: 45px;
        border-radius: 20px;
    }

    .sgthab_beforebook_subheading {
        gap: 13px;
        margin-bottom: 16px;
    }

    .sgthab_beforebook_subicon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .sgthab_beforebook_subheading h2 {
        font-size: 24px;
    }

    .sgthab_beforebook_booking_intro {
        max-width: 100%;
        margin-bottom: 28px;
        font-size: 13.5px;
        line-height: 1.8;
    }


    /* =========================
       BOOKING STEPS
    ========================= */

    .sgthab_beforebook_steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sgthab_beforebook_step {
        padding: 20px;
        gap: 14px;
        border-radius: 14px;
    }

    .sgthab_beforebook_step_number {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .sgthab_beforebook_step_content h3 {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .sgthab_beforebook_step_content p {
        font-size: 13px;
        line-height: 1.75;
    }


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

    .sgthab_beforebook_cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
        margin-bottom: 45px;
        padding: 27px 28px;
        border-radius: 18px;
    }

    .sgthab_beforebook_cta_content {
        width: 100%;
        gap: 15px;
    }

    .sgthab_beforebook_cta_icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 12px;
        font-size: 19px;
    }

    .sgthab_beforebook_cta_content h2 {
        font-size: 20px;
    }

    .sgthab_beforebook_cta_content p {
        font-size: 13px;
    }

    .sgthab_beforebook_cta_buttons {
        width: 100%;
        gap: 10px;
    }

    .sgthab_beforebook_primary_btn,
    .sgthab_beforebook_secondary_btn {
        flex: 1;
        min-height: 45px;
        padding: 11px 16px;
        font-size: 13px;
    }


    /* =========================
       IMPORTANT INFORMATION
    ========================= */

    .sgthab_beforebook_note_grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 35px;
    }

    .sgthab_beforebook_note {
        padding: 24px 22px;
        gap: 14px;
        border-radius: 16px;
    }

    .sgthab_beforebook_note_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

    .sgthab_beforebook_note h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .sgthab_beforebook_note p {
        font-size: 13px;
        line-height: 1.75;
    }


    /* =========================
       EXPLORE
    ========================= */

    .sgthab_beforebook_explore {
        padding-top: 0;
    }

    .sgthab_beforebook_explore p {
        font-size: 13px;
        line-height: 1.8;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .sgthab_beforebook_section {
        padding: 50px 15px 55px;
    }

    .sgthab_beforebook_container {
        width: 100%;
        max-width: 100%;
    }


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

    .sgthab_beforebook_header {
        max-width: 100%;
        margin-bottom: 35px;
    }

    .sgthab_beforebook_eyebrow {
        gap: 7px;
        margin-bottom: 12px;
        padding: 7px 12px;
        font-size: 11.5px;
        letter-spacing: 0.2px;
    }

    .sgthab_beforebook_eyebrow i {
        font-size: 13px;
    }

    .sgthab_beforebook_title {
        margin-bottom: 13px;
        font-size: 23px;
        line-height: 1.3;
    }

    .sgthab_beforebook_intro {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.8;
        text-align: center;
    }


    /* =========================
       INFORMATION CARDS
    ========================= */

    .sgthab_beforebook_info_grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 42px;
    }

    .sgthab_beforebook_info_card {
        width: 100%;
        padding: 20px 17px;
        gap: 13px;
        border-radius: 15px;
        box-sizing: border-box;
    }

    .sgthab_beforebook_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        font-size: 17px;
    }

    .sgthab_beforebook_card_content {
        min-width: 0;
    }

    .sgthab_beforebook_card_content h3 {
        margin: 1px 0 7px;
        font-size: 15px;
        line-height: 1.45;
    }

    .sgthab_beforebook_card_content p {
        font-size: 12.5px;
        line-height: 1.75;
        text-align: justify;
    }


    /* =========================
       HOW TO BOOK
    ========================= */

    .sgthab_beforebook_booking {
        width: 100%;
        padding: 25px 17px 27px;
        margin-bottom: 40px;
        border-radius: 17px;
        box-sizing: border-box;
    }

    .sgthab_beforebook_subheading {
        align-items: flex-start;
        gap: 11px;
        margin-bottom: 15px;
    }

    .sgthab_beforebook_subicon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 16px;
    }

    .sgthab_beforebook_subheading h2 {
        font-size: 20px;
        line-height: 1.4;
    }

    .sgthab_beforebook_booking_intro {
        max-width: 100%;
        margin-bottom: 24px;
        font-size: 12.5px;
        line-height: 1.8;
        text-align: justify;
    }


    /* =========================
       BOOKING STEPS
    ========================= */

    .sgthab_beforebook_steps {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .sgthab_beforebook_step {
        width: 100%;
        padding: 17px 14px;
        gap: 11px;
        border-radius: 13px;
        box-sizing: border-box;
    }

    .sgthab_beforebook_step_number {
        flex: 0 0 35px;
        width: 35px;
        height: 35px;
        font-size: 13px;
    }

    .sgthab_beforebook_step_content {
        min-width: 0;
    }

    .sgthab_beforebook_step_content h3 {
        margin: 1px 0 7px;
        font-size: 14px;
        line-height: 1.45;
    }

    .sgthab_beforebook_step_content p {
        font-size: 12px;
        line-height: 1.75;
        text-align: justify;
    }


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

    .sgthab_beforebook_cta {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 40px;
        padding: 23px 17px;
        border-radius: 16px;
        box-sizing: border-box;
    }

    .sgthab_beforebook_cta_content {
        width: 100%;
        align-items: flex-start;
        gap: 12px;
    }

    .sgthab_beforebook_cta_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        font-size: 17px;
    }

    .sgthab_beforebook_cta_content h2 {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 1.4;
    }

    .sgthab_beforebook_cta_content p {
        font-size: 12px;
        line-height: 1.7;
    }

    .sgthab_beforebook_cta_buttons {
        width: 100%;
        flex-direction: column;
        gap: 9px;
    }

    .sgthab_beforebook_primary_btn,
    .sgthab_beforebook_secondary_btn {
        width: 100%;
        min-height: 44px;
        padding: 10px 15px;
        box-sizing: border-box;
        font-size: 12.5px;
    }


    /* =========================
       IMPORTANT INFORMATION
    ========================= */

    .sgthab_beforebook_note_grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 30px;
    }

    .sgthab_beforebook_note {
        width: 100%;
        padding: 20px 16px;
        gap: 11px;
        border-radius: 15px;
        box-sizing: border-box;
    }

    .sgthab_beforebook_note_icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 15px;
    }

    .sgthab_beforebook_note h3 {
        margin-bottom: 8px;
        font-size: 15px;
        line-height: 1.45;
    }

    .sgthab_beforebook_note p {
        margin-bottom: 9px;
        font-size: 12px;
        line-height: 1.75;
        text-align: justify;
    }


    /* =========================
       EXPLORE
    ========================= */

    .sgthab_beforebook_explore {
        padding-top: 0;
    }

    .sgthab_beforebook_explore p {
        font-size: 12px;
        line-height: 1.8;
        text-align: center;
    }

    .sgthab_beforebook_explore a {
        gap: 5px;
    }

    .sgthab_beforebook_explore a i {
        font-size: 10px;
    }

}









/* =========================================================
   TRAVEL SUPPORT HYDERABAD AIRPORT TO TIRUPATI
========================================================= */

.sgtht_travel_support_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
}

.sgtht_travel_support_container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


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

.sgtht_travel_support_header {
    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;
}

.sgtht_travel_support_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 17px;
    margin-bottom: 18px;
    border: 1px solid #f9b0b3;
    border-radius: 50px;
    background: #ffffff;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.sgtht_travel_support_badge i {
    font-size: 15px;
}

.sgtht_travel_support_header h2 {
    margin: 0 0 17px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;
}

.sgtht_travel_support_header p {
    max-width: 850px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    color: #4b5565;
}

.sgtht_travel_support_header strong,
.sgtht_travel_support_main strong,
.sgtht_travel_support_bottom strong {
    color: #172033;
}


/* =========================================================
   HIGHLIGHT CARDS
========================================================= */

.sgtht_travel_support_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.sgtht_travel_support_card {
    position: relative;
    min-height: 100%;
    padding: 30px 25px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.sgtht_travel_support_icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 15px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 21px;
    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.sgtht_travel_support_card_content h3 {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}

.sgtht_travel_support_card_content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.75;
    color: #596273;
    text-align: justify;
}


/* =========================================================
   COORDINATED TRAVEL + TRAVEL ARRANGEMENT
========================================================= */

.sgtht_travel_support_two_column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    align-items: stretch;
    margin-bottom: 35px;
}


/* =========================================================
   COORDINATED TRAVEL CONTENT
========================================================= */

.sgtht_travel_support_main {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    padding: 40px 45px;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 20px;
    border-left: 5px solid #f3525a;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);
}

.sgtht_travel_support_main_heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
}

.sgtht_heading_line {
    width: 42px;
    height: 4px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #f3525a;
}

.sgtht_travel_support_main_heading h3 {
    margin: 0;
    font-size: 26px;
    line-height: 1.35;
    font-weight: 700;
    color: #172033;
}

.sgtht_travel_support_main p {
    margin: 0 0 17px;
    font-size: 15px;
    line-height: 1.85;
    color: #596273;
    text-align: justify;
}

.sgtht_travel_support_main p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TRAVEL ARRANGEMENT
========================================================= */

.sgtht_travel_arrangement {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    padding: 38px 40px;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);
}

.sgtht_travel_arrangement_title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 28px;
}

.sgtht_arrangement_icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 14px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 20px;
}

.sgtht_travel_arrangement_title h3 {
    margin: 0;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
    color: #172033;
}


/* =========================================================
   TRAVEL ARRANGEMENT LIST
========================================================= */

.sgtht_travel_arrangement_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.sgtht_arrangement_item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    box-sizing: border-box;
    padding: 11px 15px;
    border-radius: 10px;
    background: #f8fafc;
    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


.sgtht_arrangement_item i {
    flex-shrink: 0;
    color: #f3525a;
    font-size: 16px;
}

.sgtht_arrangement_item span {
    font-size: 14px;
    line-height: 1.5;
    color: #4f5969;
}


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

.sgtht_travel_support_bottom {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    align-items: start;
    padding: 40px 45px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);
}

.sgtht_travel_support_bottom_icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 22px;
    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.sgtht_travel_support_bottom_content h3 {
    margin: 2px 0 15px;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}

.sgtht_travel_support_bottom_content p {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.8;
    color: #596273;
}


.sgtht_travel_support_compare_row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 15px;
    color: #596273;
    font-size: 15px;
    line-height: 1.7;
    justify-content: center;
}

.sgtht_travel_support_compare_intro {
    color: #596273;
}

.sgtht_travel_support_compare_intro strong {
    color: #172033;
    font-weight: 700;
}


.sgtht_travel_support_compare_row .sgtht_travel_support_link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #f3525a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: underline;
    box-shadow: none;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.sgtht_travel_support_compare_row .sgtht_travel_support_link:hover {
    background: transparent;
    color: #f6ad10;
    transform: none;
    box-shadow: none;
    text-decoration: none;
}

.sgtht_travel_support_compare_row .sgtht_travel_support_link i {
    font-size: 11px;
    transition: transform 0.25s ease;
}

.sgtht_travel_support_compare_row .sgtht_travel_support_link:hover i {
    transform: translateX(4px);
}


.sgtht_travel_support_compare_text {
    color: #596273;
    font-size: 14px;
    line-height: 1.7;
}

/* =========================================================
   TRAVEL SUPPORT - TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtht_travel_support_section {
        padding: 55px 20px;
    }

    .sgtht_travel_support_header {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .sgtht_travel_support_header h2 {
        font-size: 32px;
        line-height: 1.25;
    }

    .sgtht_travel_support_header p {
        font-size: 15px;
        line-height: 1.75;
    }

    /* Highlight Cards */

    .sgtht_travel_support_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        margin-bottom: 25px;
    }

    .sgtht_travel_support_card {
        padding: 28px 23px;
    }

    .sgtht_travel_support_icon {
        width: 52px;
        height: 52px;
        margin-bottom: 19px;
    }

    .sgtht_travel_support_card_content h3 {
        font-size: 18px;
    }

    .sgtht_travel_support_card_content p {
        font-size: 14px;
        line-height: 1.7;
    }

    /* Two Column Content */

    .sgtht_travel_support_two_column {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 25px;
    }

    .sgtht_travel_support_main {
        padding: 35px 35px;
    }

    .sgtht_travel_support_main_heading {
        gap: 13px;
        margin-bottom: 20px;
    }

    .sgtht_travel_support_main_heading h3 {
        font-size: 24px;
    }

    .sgtht_travel_support_main p {
        font-size: 14px;
        line-height: 1.8;
    }

    /* Travel Arrangement */

    .sgtht_travel_arrangement {
        padding: 32px 35px;
    }

    .sgtht_travel_arrangement_title {
        margin-bottom: 23px;
    }

    .sgtht_travel_arrangement_title h3 {
        font-size: 23px;
    }

    /* Bottom Content */

    .sgtht_travel_support_bottom {
        grid-template-columns: 60px 1fr;
        gap: 20px;
        padding: 35px;
    }

    .sgtht_travel_support_bottom_icon {
        width: 54px;
        height: 54px;
    }

    .sgtht_travel_support_bottom_content h3 {
        font-size: 23px;
        margin-bottom: 13px;
    }

    .sgtht_travel_support_bottom_content p {
        font-size: 14px;
        line-height: 1.75;
        text-align: justify;
    }
    
    .sgtht_travel_support_compare_row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 8px;
        width: 100%;
    }

    .sgtht_travel_support_compare_intro,
    .sgtht_travel_support_compare_text {
        width: 100%;
        text-align: center;
    }

    .sgtht_travel_support_link {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

    .sgtht_travel_support_bottom_content {
        text-align: center;
    }

}


/* =========================================================
   TRAVEL SUPPORT - MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767px) {

    .sgtht_travel_support_section {
        padding: 45px 15px 50px;
    }

    .sgtht_travel_support_container {
        max-width: 100%;
    }

    /* Section Header */

    .sgtht_travel_support_header {
        max-width: 100%;
        margin: 0 auto 32px;
    }

    .sgtht_travel_support_badge {
        gap: 7px;
        padding: 7px 13px;
        margin-bottom: 15px;
        font-size: 11px;
        letter-spacing: 0.4px;
    }

    .sgtht_travel_support_badge i {
        font-size: 13px;
    }

    .sgtht_travel_support_header h2 {
        margin-bottom: 14px;
        font-size: 27px;
        line-height: 1.3;
    }

    .sgtht_travel_support_header p {
        font-size: 14px;
        line-height: 1.75;
        text-align: center;
    }


    /* Highlight Cards */

    .sgtht_travel_support_grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 20px;
    }

    .sgtht_travel_support_card {
        min-height: auto;
        padding: 25px 22px;
        border-radius: 16px;
    }

    .sgtht_travel_support_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 17px;
        border-radius: 13px;
        font-size: 19px;
    }

    .sgtht_travel_support_card_content h3 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.4;
    }

    .sgtht_travel_support_card_content p {
        font-size: 13.5px;
        line-height: 1.75;
        text-align: justify;
    }


    /* Two Column Content */

    .sgtht_travel_support_two_column {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 20px;
    }


    /* Coordinated Travel */

    .sgtht_travel_support_main {
        padding: 28px 22px;
        border-left-width: 4px;
        border-radius: 17px;
    }

    .sgtht_travel_support_main_heading {
        align-items: flex-start;
        gap: 11px;
        margin-bottom: 18px;
    }

    .sgtht_heading_line {
        width: 30px;
        height: 3px;
        margin-top: 10px;
    }

    .sgtht_travel_support_main_heading h3 {
        font-size: 21px;
        line-height: 1.35;
    }

    .sgtht_travel_support_main p {
        margin-bottom: 14px;
        font-size: 13.5px;
        line-height: 1.8;
        text-align: justify;
    }


    /* Travel Arrangement */

    .sgtht_travel_arrangement {
        padding: 28px 22px;
        border-radius: 17px;
    }

    .sgtht_travel_arrangement_title {
        gap: 12px;
        margin-bottom: 20px;
    }

    .sgtht_arrangement_icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        font-size: 18px;
    }

    .sgtht_travel_arrangement_title h3 {
        font-size: 21px;
        line-height: 1.35;
    }


    /* Arrangement List */

    .sgtht_travel_arrangement_list {
        gap: 10px;
    }

    .sgtht_arrangement_item {
        min-height: auto;
        gap: 10px;
        padding: 11px 13px;
        border-radius: 9px;
        align-items: flex-start;
    }

    .sgtht_arrangement_item i {
        margin-top: 3px;
        font-size: 14px;
    }

    .sgtht_arrangement_item span {
        font-size: 13px;
        line-height: 1.55;
    }


    /* Bottom Content */

    .sgtht_travel_support_bottom {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 22px;
        border-radius: 17px;
    }

    .sgtht_travel_support_bottom_icon {
        width: 50px;
        height: 50px;
        border-radius: 13px;
        font-size: 20px;
    }

    .sgtht_travel_support_bottom_content h3 {
        margin: 0 0 12px;
        font-size: 21px;
        line-height: 1.4;
    }

    .sgtht_travel_support_bottom_content p {
        margin-bottom: 13px;
        font-size: 13.5px;
        line-height: 1.75;
        text-align: justify;
    }

/* Compare Row - Mobile Center Align */

.sgtht_travel_support_compare_row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 13px;
    text-align: center;
}

.sgtht_travel_support_compare_intro,
.sgtht_travel_support_compare_text,
.sgtht_travel_support_compare_row .sgtht_travel_support_link {
    text-align: center;
    width: 100%;
    display: block;
}
}







/* =========================================================
   INDEPENDENT TRAVEL PROVIDER DISCLAIMER SECTION
========================================================= */

.sgindependent_provider_section {
    width: 100%;
    padding: 65px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
}

.sgindependent_provider_container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.sgindependent_provider_card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    width: 100%;
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.20);
    border-left: 5px solid #f3525a;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.08);
    overflow: hidden;
    transition: all 0.35s ease;
}

.sgindependent_provider_card::before {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #f9b0b3;
    opacity: 0.18;
    pointer-events: none;
}

.sgindependent_provider_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.12);
}

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

.sgindependent_provider_icon {
    position: relative;
    z-index: 1;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #f3525a;
    color: #ffffff;
    font-size: 23px;
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.25);
    transition: all 0.35s ease;
}

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

.sgindependent_provider_content {
    position: relative;
    z-index: 1;
    flex: 1;
}

.sgindependent_provider_text {
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 1.9;
    color: #172033;
    text-align: justify;
}

.sgindependent_provider_last_text {
    margin-bottom: 0;
}

.sgindependent_provider_text a,
.sgindependent_provider_text a strong {
    color: #f3525a !important;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.sgindependent_provider_text a:hover,
.sgindependent_provider_text a:hover strong {
    color: #f6ad10 !important;
    text-decoration: none;
}

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

@media (min-width: 768px) and (max-width: 991px) {

    .sgindependent_provider_section {
        padding: 55px 20px;
    }

    .sgindependent_provider_card {
        gap: 22px;
        padding: 32px 30px;
        border-radius: 16px;
    }

    .sgindependent_provider_icon {
        flex: 0 0 58px;
        width: 58px;
        height: 58px;
        font-size: 21px;
        border-radius: 14px;
    }

    .sgindependent_provider_text {
        font-size: 14px;
        line-height: 1.8;
        text-align: justify;
    }

}


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

@media (max-width: 767px) {

    .sgindependent_provider_section {
        padding: 45px 15px;
    }

    .sgindependent_provider_container {
        max-width: 100%;
    }

    .sgindependent_provider_card {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 30px 22px;
        border-left: 0;
        border-top: 4px solid #f3525a;
        border-radius: 16px;
    }

    .sgindependent_provider_icon {
        flex: 0 0 56px;
        width: 56px;
        height: 56px;
        font-size: 21px;
        border-radius: 14px;
    }

    .sgindependent_provider_content {
        width: 100%;
    }

    .sgindependent_provider_text {
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 1.8;
        text-align: justify;
    }

    .sgindependent_provider_last_text {
        margin-bottom: 0;
    }

}





/* =========================================
   HYDERABAD TO TIRUPATI PLAN SECTION
   ========================================= */

.hdtp-plan-section {
    width: 100%;
    background: #0d4565;
    padding: 60px 39px 60px;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    color: #ffffff;
}


/* =========================================
   TOP PLAN CARD
   ========================================= */

.hdtp-plan-card {
    width: 100%;
    max-width: 1088px;
    min-height: 424px;
    margin: 0 auto;
    padding: 48px 30px 40px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    background: linear-gradient(135deg,
            #104b6d 0%,
            #145d76 100%);

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 24px;

    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}


/* Badge */

.hdtp-plan-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    padding: 5px 13px;

    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.22);

    background: rgba(255, 255, 255, 0.08);

    color: #d8f1ff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 1.4;
}

.hdtp-plan-badge i {
    font-size: 12px;
}


/* Main Heading */

.hdtp-plan-card h2 {
    margin: 15px 0 8px;

    color: #ffffff;

    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.8px;
}


/* Description */

.hdtp-plan-description {
    margin: 0;
    max-width: 720px;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.48;
    font-weight: 400;
}

.hdtp-plan-description strong {
    font-weight: 700;
}


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

.hdtp-plan-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 25px;
}


.hdtp-primary-btn,
.hdtp-secondary-btn {
    min-height: 50px;
    padding: 0 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    box-sizing: border-box;

    border-radius: 40px;

    text-decoration: none;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;

    transition: all 0.25s ease;
}


/* WhatsApp Button */

.hdtp-primary-btn {
    background: #12a94f;
    color: #ffffff;
    border: 1px solid #12a94f;
}

.hdtp-primary-btn i {
    font-size: 17px;
}

.hdtp-primary-btn:hover {
    background: #0d9143;
    border-color: #0d9143;
    transform: translateY(-2px);
    color: #ffffff;
}


/* Enquiry Button */

.hdtp-secondary-btn {
    min-width: 188px;

    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.35);
}

.hdtp-secondary-btn i {
    font-size: 14px;
}

.hdtp-secondary-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-2px);
    color: #ffffff;
}


/* Call Text */

.hdtp-call-text {
    margin: 15px 0 0;

    color: #d5e8f2;

    font-size: 12px;
    line-height: 1.5;
}

.hdtp-call-text a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
}

.hdtp-call-text a:hover {
    color: #f6ad10;
    text-decoration: none;
}


/* Small Text */

.hdtp-small-text {
    margin: 17px 0 0;

    color: #9ed1e7;

    font-size: 12px;
    line-height: 1.45;
}


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

.hdtp-explore-section {
    width: 100%;
    max-width: 1088px;

    margin: 39px auto 0;
    padding-top: 34px;

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

    text-align: center;
}


/* Explore Heading */

.hdtp-explore-section h3 {
    margin: 0;

    color: #ffffff;

    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
}


/* Explore Description */

.hdtp-explore-description {
    margin: 7px auto 19px;

    max-width: 700px;

    color: #82c5df;

    font-size: 12px;
    line-height: 1.4;
}


/* =========================================
   OPTION BUTTON GRID
   ========================================= */

.hdtp-option-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;

    text-align: center;
}


.hdtp-option-btn {
    min-height: 46px;
    padding: 0 12px;

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

    box-sizing: border-box;

    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.17);

    background: rgba(255, 255, 255, 0.09);

    color: #ffffff;

    text-decoration: none;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    transition: all 0.25s ease;
}


.hdtp-option-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
    color: #ffffff;
}


/* Second row - two equal wide buttons */

.hdtp-option-wide {
    grid-column: span 2;

    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(236, 181, 74, 0.45);
}


/* =========================================
   OTHER ROUTES
   ========================================= */

.hdtp-other-routes {
    margin-top: 24px;

    display: flex;
    flex-direction: column;
    align-items: center;
}


.hdtp-routes-title {
    margin-bottom: 8px;

    color: #72b8d3;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.3px;
}


/* Route links */

.hdtp-route-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}


.hdtp-route-links a,
.hdtp-guide-link {
    color: #78c7e5;

    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;

    text-decoration: none;

    border-bottom: 1px solid rgba(120, 199, 229, 0.35);

    transition: all 0.2s ease;
}


.hdtp-route-links a:hover,
.hdtp-guide-link:hover {
    color: #ffffff;
    border-bottom-color: #ffffff;

}


/* Guide Link */

.hdtp-guide-link {
    margin-top: 17px;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .hdtp-plan-section {
        padding: 50px 25px 50px;
    }

    .hdtp-plan-card {
        max-width: 100%;
        min-height: auto;
        padding: 42px 28px 36px;
        border-radius: 22px;
    }

    .hdtp-plan-card h2 {
        margin-top: 14px;
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.5px;
    }

    .hdtp-plan-description {
        max-width: 680px;
        font-size: 15px;
        line-height: 1.55;
    }

    .hdtp-plan-buttons {
        margin-top: 23px;
        gap: 11px;
    }

    .hdtp-primary-btn,
    .hdtp-secondary-btn {
        min-height: 48px;
        padding: 0 20px;
        font-size: 13px;
    }

    .hdtp-secondary-btn {
        min-width: 180px;
    }

    .hdtp-small-text {
        margin-top: 16px;
        font-size: 11.5px;
    }


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

    .hdtp-explore-section {
        max-width: 100%;
        margin-top: 34px;
        padding-top: 30px;
    }

    .hdtp-explore-section h3 {
        font-size: 18px;
    }

    .hdtp-explore-description {
        margin: 7px auto 18px;
        max-width: 650px;
        font-size: 12px;
        line-height: 1.5;
    }


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

    .hdtp-option-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .hdtp-option-btn {
        min-height: 45px;
        padding: 0 10px;
        font-size: 12.5px;
    }

    .hdtp-option-wide {
        grid-column: span 1;
    }


    /* =========================================
       OTHER ROUTES
    ========================================= */

    .hdtp-other-routes {
        margin-top: 22px;
    }

    .hdtp-route-links {
        gap: 20px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   MAX 767px
========================================================= */

@media (max-width: 767px) {

    .hdtp-plan-section {
        padding: 40px 15px 42px;
    }


    /* =========================================
       TOP PLAN CARD
    ========================================= */

    .hdtp-plan-card {
        max-width: 100%;
        min-height: auto;

        padding: 32px 18px 30px;

        border-radius: 18px;
    }


    /* Badge */

    .hdtp-plan-badge {
        gap: 6px;

        padding: 5px 11px;

        font-size: 10px;
        line-height: 1.4;

        text-align: center;
    }

    .hdtp-plan-badge i {
        font-size: 10px;
    }


    /* Heading */

    .hdtp-plan-card h2 {
        margin: 14px 0 9px;

        font-size: 24px;
        line-height: 1.3;

        letter-spacing: -0.3px;
    }


    /* Description */

    .hdtp-plan-description {
        max-width: 100%;

        font-size: 13px;
        line-height: 1.6;
    }


    /* Remove desktop line breaks */

    .hdtp-desktop-break {
        display: none;
    }


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

    .hdtp-plan-buttons {
        width: 100%;

        flex-direction: column;

        gap: 10px;

        margin-top: 22px;
    }


    .hdtp-primary-btn,
    .hdtp-secondary-btn {
        width: 100%;
        min-height: 48px;

        padding: 0 18px;

        font-size: 13px;

        border-radius: 35px;
    }


    .hdtp-secondary-btn {
        min-width: 0;
    }


    .hdtp-primary-btn i {
        font-size: 16px;
    }

    .hdtp-secondary-btn i {
        font-size: 13px;
    }


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

    .hdtp-call-text {
        margin-top: 14px;

        font-size: 11.5px;
        line-height: 1.6;
    }


    /* =========================================
       SMALL TEXT
    ========================================= */

    .hdtp-small-text {
        margin-top: 15px;

        font-size: 10.5px;
        line-height: 1.6;
    }


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

    .hdtp-explore-section {
        max-width: 100%;

        margin-top: 30px;
        padding-top: 27px;
    }


    .hdtp-explore-section h3 {
        font-size: 17px;
        line-height: 1.4;
    }


    .hdtp-explore-description {
        margin: 7px auto 17px;

        max-width: 100%;

        font-size: 11px;
        line-height: 1.6;
    }


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

    .hdtp-option-grid {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    .hdtp-option-btn {
        width: 100%;

        min-height: 44px;

        padding: 8px 12px;

        font-size: 12px;
        line-height: 1.4;

        border-radius: 10px;
    }


    .hdtp-option-wide {
        grid-column: span 1;
    }


    /* =========================================
       OTHER ROUTES
    ========================================= */

    .hdtp-other-routes {
        margin-top: 22px;
    }


    .hdtp-routes-title {
        margin-bottom: 9px;

        font-size: 10px;
        line-height: 1.4;

        text-align: center;
    }


    .hdtp-route-links {
        width: 100%;

        flex-direction: column;

        gap: 9px;
    }


    .hdtp-route-links a,
    .hdtp-guide-link {
        font-size: 11px;
        line-height: 1.5;

        text-align: center;
    }


    .hdtp-guide-link {
        margin-top: 15px;
    }

}

/* =========================================================
   TIRUPATI TOUR PACKAGE FROM HYDERABAD AIRPORT END
========================================================= */

















/* =========================================================
   TIRUPATI TOUR PACKAGE FROM TIRUPATI AIRPORT START
========================================================= */






/* =========================================================
   TEMPLE VISIT GUIDANCE - TIRUMALA TEMPLE DRESS CODE
========================================================= */

.sgtvg_temple_guidance_section {
    width: 100%;
    padding: 65px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtvg_temple_guidance_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtvg_temple_guidance_header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 42px;
}


.sgtvg_temple_guidance_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 8px 17px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 30px;

    font-size: 14px;
    font-weight: 600;

    margin-bottom: 16px;
}


.sgtvg_temple_guidance_badge i {
    font-size: 16px;
}


.sgtvg_temple_guidance_header h2 {
    margin: 0 0 16px;


    font-size: 34px;
    line-height: 1.25;

    color: #172033;
}


.sgtvg_temple_guidance_header p {
    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: #5f6b7a;
}


/* =========================================================
   DRESS CODE GRID
========================================================= */

.sgtvg_dresscode_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;

    margin-bottom: 28px;
}


.sgtvg_dresscode_card {
    padding: 30px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;

    transition: all 0.3s ease;
}


.sgtvg_dresscode_icon {
    width: 48px;
    height: 48px;

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

    margin-bottom: 18px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 50%;

    font-size: 21px;
}


.sgtvg_dresscode_card h3 {
    margin: 0 0 6px;

    font-size: 22px;
    font-weight: 700;

    color: #172033;
}


.sgtvg_dresscode_subtitle {
    display: block;

    margin-bottom: 22px;

    font-size: 14px;
    line-height: 1.6;

    color: #697586;
}


/* =========================================================
   DRESS CODE ITEMS
========================================================= */

.sgtvg_dresscode_item {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    padding: 15px 0;

    border-top: 1px solid #f9b0b3;
}


.sgtvg_dresscode_item i {
    flex-shrink: 0;

    margin-top: 4px;

    color: #f3525a;
    font-size: 16px;

    transition: color 0.3s ease;
}


.sgtvg_dresscode_item strong {
    display: block;

    margin-bottom: 4px;

    font-size: 15px;
    font-weight: 600;

    color: #172033;
}


.sgtvg_dresscode_item p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: #697586;
}


/* =========================================================
   IMPORTANT GUIDANCE BOX
========================================================= */

.sgtvg_guidance_box {
    padding: 28px 30px;

    margin-bottom: 24px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;

    border-radius: 14px;

    box-sizing: border-box;
}


.sgtvg_guidance_heading {
    display: flex;
    align-items: center;
    gap: 11px;

    margin-bottom: 15px;
}


.sgtvg_guidance_heading i {
    color: #f3525a;
    font-size: 20px;

    transition: color 0.3s ease;
}


.sgtvg_guidance_heading:hover i {
    color: #f6ad10;
}


.sgtvg_guidance_heading h3 {
    margin: 0;

    font-size: 19px;
    font-weight: 700;

    color: #172033;
}


.sgtvg_guidance_box p {
    margin: 0 0 13px;

    font-size: 14px;
    line-height: 1.8;

    color: #5f6b7a;
    text-align: justify;
}


.sgtvg_guidance_box p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TRAVEL PREPARATION TIP
========================================================= */

.sgtvg_preparation_box {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 25px 28px;

    margin-bottom: 24px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;

    transition: all 0.3s ease;
}


.sgtvg_preparation_icon {
    width: 48px;
    height: 48px;

    flex-shrink: 0;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 50%;

    font-size: 19px;

    transition: all 0.3s ease;
}


.sgtvg_preparation_content h3 {
    margin: 0 0 8px;

    font-size: 19px;
    font-weight: 700;

    color: #172033;
}


.sgtvg_preparation_content p {
    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: #5f6b7a;

    text-align: justify;
}


/* =========================================================
   PACKAGE LINK
========================================================= */

.sgtvg_package_link {
    padding-top: 8px;

    text-align: center;
}


.sgtvg_package_link p {
    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: #5f6b7a;
}


.sgtvg_package_link a {
    color: #f3525a;
    text-decoration: underline;
    font-weight: 600;

    transition: color 0.3s ease;
}


.sgtvg_package_link a:hover {
    color: #f6ad10;
    text-decoration: none;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtvg_temple_guidance_section {
        padding: 55px 20px;
    }


    .sgtvg_temple_guidance_container {
        max-width: 100%;
    }


    /* SECTION HEADER */

    .sgtvg_temple_guidance_header {
        max-width: 850px;
        margin-bottom: 36px;
    }


    .sgtvg_temple_guidance_header h2 {
        font-size: 30px;
        line-height: 1.3;
    }


    .sgtvg_temple_guidance_header p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* DRESS CODE GRID */

    .sgtvg_dresscode_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;

        margin-bottom: 24px;
    }


    .sgtvg_dresscode_card {
        padding: 25px 22px;
    }


    .sgtvg_dresscode_icon {
        width: 46px;
        height: 46px;

        margin-bottom: 16px;

        font-size: 20px;
    }


    .sgtvg_dresscode_card h3 {
        font-size: 20px;
    }


    .sgtvg_dresscode_subtitle {
        font-size: 13px;
        margin-bottom: 18px;
    }


    .sgtvg_dresscode_item {
        gap: 10px;
        padding: 13px 0;
    }


    .sgtvg_dresscode_item strong {
        font-size: 14px;
    }


    .sgtvg_dresscode_item p {
        font-size: 13px;
        line-height: 1.6;
    }


    /* IMPORTANT GUIDANCE */

    .sgtvg_guidance_box {
        padding: 24px 25px;
        margin-bottom: 20px;
    }


    .sgtvg_guidance_heading {
        margin-bottom: 13px;
    }


    .sgtvg_guidance_heading h3 {
        font-size: 18px;
    }


    .sgtvg_guidance_box p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }


    /* TRAVEL PREPARATION */

    .sgtvg_preparation_box {
        gap: 16px;

        padding: 22px 24px;
        margin-bottom: 20px;
    }


    .sgtvg_preparation_icon {
        width: 46px;
        height: 46px;

        font-size: 18px;
    }


    .sgtvg_preparation_content h3 {
        font-size: 18px;
    }


    .sgtvg_preparation_content p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }


    /* PACKAGE LINK */

    .sgtvg_package_link {
        padding-top: 5px;
    }


    .sgtvg_package_link p {
        font-size: 13px;
        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .sgtvg_temple_guidance_section {
        padding: 45px 16px;
    }


    .sgtvg_temple_guidance_container {
        max-width: 100%;
    }


    /* SECTION HEADER */

    .sgtvg_temple_guidance_header {
        max-width: 100%;
        margin-bottom: 30px;
    }


    .sgtvg_temple_guidance_badge {
        gap: 7px;

        padding: 7px 14px;

        font-size: 13px;

        margin-bottom: 13px;
    }


    .sgtvg_temple_guidance_badge i {
        font-size: 14px;
    }


    .sgtvg_temple_guidance_header h2 {
        font-size: 26px;
        line-height: 1.3;

        margin-bottom: 13px;
    }


    .sgtvg_temple_guidance_header p {
        font-size: 14px;
        line-height: 1.75;

        text-align: center;
    }


    /* DRESS CODE GRID */

    .sgtvg_dresscode_grid {
        grid-template-columns: 1fr;
        gap: 18px;

        margin-bottom: 20px;
    }


    .sgtvg_dresscode_card {
        padding: 23px 20px;

        border-radius: 12px;
    }


    .sgtvg_dresscode_icon {
        width: 44px;
        height: 44px;

        margin-bottom: 15px;

        font-size: 19px;
    }


    .sgtvg_dresscode_card h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }


    .sgtvg_dresscode_subtitle {
        font-size: 13px;
        line-height: 1.6;

        margin-bottom: 17px;
    }


    /* DRESS CODE ITEMS */

    .sgtvg_dresscode_item {
        gap: 10px;
        padding: 13px 0;
    }


    .sgtvg_dresscode_item i {
        margin-top: 3px;
        font-size: 14px;
    }


    .sgtvg_dresscode_item strong {
        font-size: 14px;
        line-height: 1.5;
    }


    .sgtvg_dresscode_item p {
        font-size: 13px;
        line-height: 1.6;
    }


    /* IMPORTANT GUIDANCE */

    .sgtvg_guidance_box {
        padding: 22px 19px;

        margin-bottom: 18px;

        border-radius: 12px;
        border-left-width: 3px;
    }


    .sgtvg_guidance_heading {
        gap: 9px;
        margin-bottom: 12px;
    }


    .sgtvg_guidance_heading i {
        font-size: 18px;
    }


    .sgtvg_guidance_heading h3 {
        font-size: 17px;
        line-height: 1.4;
    }


    .sgtvg_guidance_box p {
        font-size: 13px;
        line-height: 1.75;

        text-align: justify;

        margin-bottom: 12px;
    }


    /* TRAVEL PREPARATION */

    .sgtvg_preparation_box {
        gap: 13px;

        padding: 20px 18px;

        margin-bottom: 18px;

        border-radius: 12px;
    }


    .sgtvg_preparation_icon {
        width: 42px;
        height: 42px;

        font-size: 17px;
    }


    .sgtvg_preparation_content {
        min-width: 0;
    }


    .sgtvg_preparation_content h3 {
        font-size: 17px;
        line-height: 1.4;

        margin-bottom: 7px;
    }


    .sgtvg_preparation_content p {
        font-size: 13px;
        line-height: 1.75;

        text-align: justify;
    }


    /* PACKAGE LINK */

    .sgtvg_package_link {
        padding-top: 4px;
    }


    .sgtvg_package_link p {
        font-size: 13px;
        line-height: 1.75;

        text-align: center;
    }


    .sgtvg_package_link a {
        font-size: 13px;
    }

}












/* =========================================================
   WHY CHOOSE TIRUPATI AIRPORT TO TIRUMALA PACKAGE
========================================================= */

.sgtwtc_package_section {
    width: 100%;
    padding: 70px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.sgtwtc_package_container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtwtc_package_header {
    max-width: 900px;
    margin: 0 auto 45px;
    text-align: center;
}

.sgtwtc_package_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 8px 17px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 30px;

    color: #f3525a;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.25s ease;
}

.sgtwtc_package_badge i {
    font-size: 16px;
}

.sgtwtc_package_header h2 {
    margin: 18px 0 14px;

    color: #172033;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;
}

.sgtwtc_package_header p {
    margin: 0;

    color: #526273;
    font-size: 16px;
    line-height: 1.8;
}

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

.sgtwtc_feature_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 28px;
}


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

.sgtwtc_feature_card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;

    padding: 27px 25px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;

    transition: transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* =========================================================
   FEATURE ICON
========================================================= */

.sgtwtc_feature_icon {
    flex: none;

    width: 48px;
    height: 48px;

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

    margin-bottom: 18px;

    background: #f9b0b3;
    border-radius: 12px;

    color: #f3525a;
    font-size: 20px;

    transition: all 0.25s ease;
}


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

.sgtwtc_feature_content {
    width: 100%;
    flex: none;
}


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

.sgtwtc_feature_content h3 {
    margin: 0 0 10px;

    color: #172033;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;

    transition: color 0.25s ease;
}


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

.sgtwtc_feature_content p {
    margin: 0;

    color: #526273;
    font-size: 14.5px;
    line-height: 1.75;

    text-align: justify;
}

/* =========================================================
   PACKAGE COVERAGE
========================================================= */

.sgtwtc_coverage_box {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 45px;

    margin-top: 28px;
    padding: 32px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;

    transition: all 0.25s ease;
}



/* =========================================================
   LEFT SIDE
========================================================= */

.sgtwtc_coverage_left {
    min-width: 0;
}

.sgtwtc_coverage_heading {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 18px;
}

.sgtwtc_coverage_icon {
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

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

    background: #f9b0b3;
    border-radius: 10px;

    color: #f3525a;
    font-size: 19px;

    transition: all 0.25s ease;
}


.sgtwtc_coverage_heading h3 {
    margin: 0;

    color: #172033;
    font-size: 22px;
    font-weight: 700;
}

.sgtwtc_coverage_content p {
    margin: 0 0 15px;

    color: #526273;
    font-size: 14.5px;
    line-height: 1.8;

    text-align: justify;
}

.sgtwtc_coverage_content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.sgtwtc_coverage_right {
    display: flex;
    align-items: center;

    min-width: 0;
}

.sgtwtc_terms_list {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: 15px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.sgtwtc_terms_list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    padding: 14px 16px;

    background: #f9b0b3;
    border: 1px solid #f9b0b3;
    border-radius: 9px;

    color: #172033;
    font-size: 14px;
    line-height: 1.5;

    box-sizing: border-box;

    transition: all 0.25s ease;
}


.sgtwtc_terms_list li i {
    flex: 0 0 auto;

    margin-top: 2px;

    color: #f3525a;
    font-size: 15px;

    transition: color 0.25s ease;
}


.sgtwtc_terms_list li span {
    flex: 1;
}

/* =========================================================
   PLANNING CTA
========================================================= */

.sgtwtc_planning_box {
    display: flex;
    align-items: flex-start;
    gap: 22px;

    margin-top: 28px;
    padding: 32px;

    background: #f3525a;
    border-radius: 14px;

    box-sizing: border-box;

    transition: background 0.25s ease;
}


.sgtwtc_planning_icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    background: #f9b0b3;
    border-radius: 12px;

    color: #f3525a;
    font-size: 21px;

    transition: all 0.25s ease;
}


.sgtwtc_planning_content {
    flex: 1;
}

.sgtwtc_planning_content h3 {
    margin: 0 0 9px;

    color: #ffffff;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 700;
}

.sgtwtc_planning_content p {
    margin: 0;

    color: #ffffff;
    font-size: 14.5px;
    line-height: 1.75;
}


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

.sgtwtc_button_group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 22px;
}

.sgtwtc_primary_btn,
.sgtwtc_secondary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 46px;
    padding: 11px 20px;

    border-radius: 40px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    box-sizing: border-box;
    transition: all 0.25s ease;
}


/* PRIMARY BUTTON */

.sgtwtc_primary_btn {
    background: #16a84f;
    color: #ffffff;
    border: 1px solid #16a84f;
}

.sgtwtc_primary_btn:hover {
    transform: translateY(-2px);
    color: #ffffff;
}


/* SECONDARY BUTTON */

.sgtwtc_secondary_btn {
    background: #f6ad10;

    border: 1px solid #f9b0b3;
    color: #ffffff;
}

.sgtwtc_secondary_btn:hover {
    background: transparent;
    transform: translateY(-2px);
    color: #ffffff;
}


/* =========================================================
   EXPLORE PACKAGE LINK
========================================================= */

.sgtwtc_explore_text {
    margin-top: 24px;
    text-align: center;
}

.sgtwtc_explore_text p {
    margin: 0;

    color: #526273;
    font-size: 14.5px;
    line-height: 1.7;
}

.sgtwtc_explore_text a {
    color: #f3525a;
    font-weight: 700;

    text-decoration: underline;

    transition: color 0.25s ease;
}

.sgtwtc_explore_text a:hover {
    color: #f6ad10;
    text-decoration: none;
}

.sgtwtc_explore_text a i {
    margin-left: 5px;
    font-size: 12px;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtwtc_package_section {
        padding: 60px 20px;
    }

    .sgtwtc_package_header {
        max-width: 760px;
        margin-bottom: 38px;
    }

    .sgtwtc_package_header h2 {
        font-size: 30px;
    }

    .sgtwtc_package_header p {
        font-size: 15px;
        line-height: 1.75;
    }


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

    .sgtwtc_feature_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        margin-bottom: 24px;
    }

    .sgtwtc_feature_card {
        padding: 23px 20px;
    }

    .sgtwtc_feature_icon {
        width: 45px;
        height: 45px;

        margin-bottom: 16px;

        font-size: 19px;
    }

    .sgtwtc_feature_content h3 {
        font-size: 18px;
        margin-bottom: 9px;
    }

    .sgtwtc_feature_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* =====================================================
       PACKAGE COVERAGE
    ===================================================== */

    .sgtwtc_coverage_box {
        grid-template-columns: 1.2fr 1fr;
        gap: 25px;

        margin-top: 24px;
        padding: 27px;
    }

    .sgtwtc_coverage_heading {
        gap: 11px;
        margin-bottom: 16px;
    }

    .sgtwtc_coverage_icon {
        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        font-size: 18px;
    }

    .sgtwtc_coverage_heading h3 {
        font-size: 20px;
    }

    .sgtwtc_coverage_content p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sgtwtc_terms_list {
        gap: 12px;
    }

    .sgtwtc_terms_list li {
        padding: 12px 14px;
        font-size: 13.5px;
    }


    /* =====================================================
       PLANNING CTA
    ===================================================== */

    .sgtwtc_planning_box {
        gap: 18px;

        margin-top: 24px;
        padding: 27px;
    }

    .sgtwtc_planning_icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        font-size: 20px;
    }

    .sgtwtc_planning_content h3 {
        font-size: 21px;
    }

    .sgtwtc_planning_content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .sgtwtc_button_group {
        margin-top: 20px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .sgtwtc_package_section {
        padding: 48px 16px;
    }

    .sgtwtc_package_container {
        max-width: 100%;
    }


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

    .sgtwtc_package_header {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .sgtwtc_package_badge {
        gap: 7px;

        padding: 7px 14px;

        font-size: 12.5px;
    }

    .sgtwtc_package_badge i {
        font-size: 14px;
    }

    .sgtwtc_package_header h2 {
        margin: 15px 0 12px;

        font-size: 25px;
        line-height: 1.35;
    }

    .sgtwtc_package_header p {
        font-size: 13.5px;
        line-height: 1.7;

        text-align: center;
    }


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

    .sgtwtc_feature_grid {
        grid-template-columns: 1fr;
        gap: 15px;

        margin-bottom: 20px;
    }

    .sgtwtc_feature_card {
        padding: 21px 18px;
        border-radius: 12px;
    }

    .sgtwtc_feature_icon {
        width: 43px;
        height: 43px;

        margin-bottom: 14px;

        font-size: 18px;
        border-radius: 10px;
    }

    .sgtwtc_feature_content h3 {
        margin-bottom: 8px;

        font-size: 17px;
        line-height: 1.4;
    }

    .sgtwtc_feature_content p {
        font-size: 13.5px;
        line-height: 1.7;

        text-align: justify;
    }


    /* =====================================================
       PACKAGE COVERAGE
    ===================================================== */

    .sgtwtc_coverage_box {
        grid-template-columns: 1fr;
        gap: 24px;

        margin-top: 20px;
        padding: 22px 18px;

        border-radius: 12px;
    }


    /* LEFT SIDE */

    .sgtwtc_coverage_heading {
        gap: 10px;

        margin-bottom: 15px;
    }

    .sgtwtc_coverage_icon {
        width: 42px;
        height: 42px;

        flex: 0 0 42px;

        font-size: 18px;
        border-radius: 9px;
    }

    .sgtwtc_coverage_heading h3 {
        font-size: 19px;
        line-height: 1.4;
    }

    .sgtwtc_coverage_content p {
        margin-bottom: 13px;

        font-size: 13.5px;
        line-height: 1.7;

        text-align: justify;
    }


    /* RIGHT SIDE */

    .sgtwtc_coverage_right {
        width: 100%;
    }

    .sgtwtc_terms_list {
        gap: 10px;
    }

    .sgtwtc_terms_list li {
        padding: 12px 13px;

        gap: 9px;

        font-size: 13.5px;
        line-height: 1.5;

        border-radius: 8px;
    }

    .sgtwtc_terms_list li i {
        margin-top: 2px;
        font-size: 14px;
    }


    /* =====================================================
       PLANNING CTA
    ===================================================== */

    .sgtwtc_planning_box {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;

        margin-top: 20px;
        padding: 24px 18px;

        border-radius: 12px;
    }

    .sgtwtc_planning_icon {
        width: 45px;
        height: 45px;

        flex: 0 0 45px;

        font-size: 19px;
        border-radius: 10px;
    }

    .sgtwtc_planning_content {
        width: 100%;
    }

    .sgtwtc_planning_content h3 {
        margin-bottom: 8px;

        font-size: 20px;
        line-height: 1.4;
    }

    .sgtwtc_planning_content p {
        font-size: 13.5px;
        line-height: 1.7;

        text-align: justify;
    }


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

    .sgtwtc_button_group {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .sgtwtc_primary_btn,
    .sgtwtc_secondary_btn {
        width: fit-content;
        flex: 0 0 auto;
        white-space: nowrap;
    }


    /* =====================================================
       EXPLORE PACKAGE
    ===================================================== */

    .sgtwtc_explore_text {
        margin-top: 20px;
    }

    .sgtwtc_explore_text p {
        font-size: 13.5px;
        line-height: 1.7;

        text-align: center;
    }

}











/* =========================================================
   IS THIS PACKAGE RIGHT FOR YOU?
========================================================= */

.sgtirp_rightfit_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.sgtirp_rightfit_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.sgtirp_rightfit_header {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.sgtirp_rightfit_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 8px 16px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 30px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.sgtirp_rightfit_badge i {
    font-size: 15px;
}

.sgtirp_rightfit_header h2 {
    margin: 18px 0 14px;

    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;

    color: #000;
}

.sgtirp_rightfit_header p {
    margin: 0;

    font-size: 16px;
    line-height: 1.8;

    color: #5f6b7a;
}

.sgtirp_rightfit_header p strong {
    color: #f3525a;
}


/* =========================================================
   SUITABLE FOR GRID
========================================================= */

.sgtirp_rightfit_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


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

.sgtirp_rightfit_card {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    padding: 24px 22px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}



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

.sgtirp_rightfit_icon {
    flex: 0 0 46px;

    width: 46px;
    height: 46px;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 12px;

    font-size: 18px;

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


.sgtirp_rightfit_card h3 {
    margin: 0 0 8px;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;

    color: #172033;
}

.sgtirp_rightfit_card p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;

    color: #667085;
    text-align: justify;
}

.sgtirp_rightfit_card strong {
    color: #f3525a;
}


/* =========================================================
   CTA AREA
========================================================= */

.sgtirp_rightfit_cta {
    margin-top: 48px;
    padding: 38px 30px;

    text-align: center;

    background: #f3525a;

    border: 1px solid #f3525a;
    border-radius: 16px;
}

.sgtirp_rightfit_cta h2 {
    margin: 0 0 12px;

    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;

    color: #ffffff;
}

.sgtirp_rightfit_cta>p {
    max-width: 780px;

    margin: 0 auto 25px;

    font-size: 15px;
    line-height: 1.8;

    color: #ffffff;
}


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

.sgtirp_rightfit_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;

    margin-bottom: 25px;
}

.sgtirp_rightfit_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 46px;
    padding: 11px 22px;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

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

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

.sgtirp_rightfit_whatsapp {
    background: #16a84f;
    color: #ffffff;
    border: #059669;
}

.sgtirp_rightfit_whatsapp:hover {
    background: #16a84f;
    color: #ffffff;
    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(246, 173, 16, 0.25);
}


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

.sgtirp_rightfit_enquiry {
    background: #f6ad10;
    color: #ffffff;
}

.sgtirp_rightfit_enquiry:hover {
    background: transparent;
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================================
   EXPLORE TEXT
========================================================= */

.sgtirp_rightfit_explore {
    font-size: 14px;
    line-height: 1.8;
    color: #ffffff;
}

.sgtirp_rightfit_explore strong {
    color: #ffffff;
}

.sgtirp_rightfit_explore a {
    color: #000;

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

    transition: color 0.3s ease;
}

.sgtirp_rightfit_explore a:hover {
    color: #f6ad10;
    text-decoration: none;
}

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

@media (min-width: 768px) and (max-width: 991px) {

    .sgtirp_rightfit_section {
        padding: 50px 20px;
    }

    .sgtirp_rightfit_container {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
    }

    .sgtirp_rightfit_header {
        max-width: 750px;
        margin: 0 auto 35px;
    }

    .sgtirp_rightfit_header h2 {
        font-size: 30px;
    }

    .sgtirp_rightfit_header p {
        font-size: 15px;
        line-height: 1.75;
    }


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

    .sgtirp_rightfit_grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        width: 100%;
        align-items: stretch;
    }


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

    .sgtirp_rightfit_card {
        width: 100%;
        min-width: 0;
        height: 100%;

        display: flex;
        align-items: flex-start;

        padding: 21px 18px;
        gap: 14px;

        box-sizing: border-box;

        background: #ffffff;

        border: 1px solid #f3525a;
        border-radius: 14px;

        overflow: hidden;
    }


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

    .sgtirp_rightfit_icon {
        flex: 0 0 44px;

        width: 44px;
        height: 44px;

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

        font-size: 17px;
    }


    /* =====================================================
       TABLET CARD CONTENT
    ===================================================== */

    .sgtirp_rightfit_card h3 {
        margin: 0 0 7px;

        font-size: 16px;
        line-height: 1.4;
    }

    .sgtirp_rightfit_card p {
        margin: 0;

        font-size: 13px;
        line-height: 1.65;

        text-align: justify;

        overflow-wrap: break-word;
        word-break: normal;
    }


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

    .sgtirp_rightfit_cta {
        margin-top: 38px;
        padding: 32px 25px;
    }

    .sgtirp_rightfit_cta h2 {
        font-size: 24px;
    }

    .sgtirp_rightfit_cta>p {
        font-size: 14px;
        line-height: 1.7;
    }

}


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

@media (max-width: 767px) {

    .sgtirp_rightfit_section {
        padding: 45px 16px;
    }

    .sgtirp_rightfit_header {
        margin-bottom: 28px;
    }

    .sgtirp_rightfit_badge {
        padding: 7px 13px;
        font-size: 12px;
        gap: 7px;
    }

    .sgtirp_rightfit_badge i {
        font-size: 13px;
    }

    .sgtirp_rightfit_header h2 {
        margin: 15px 0 12px;
        font-size: 24px;
        line-height: 1.35;
    }

    .sgtirp_rightfit_header p {
        font-size: 14px;
        line-height: 1.7;
    }


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

    .sgtirp_rightfit_grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sgtirp_rightfit_card {
        gap: 13px;
        padding: 19px 16px;
        border-radius: 12px;
    }

    .sgtirp_rightfit_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
        font-size: 16px;
    }

    .sgtirp_rightfit_card h3 {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .sgtirp_rightfit_card p {
        font-size: 13px;
        line-height: 1.65;
        text-align: justify;
    }


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

    .sgtirp_rightfit_cta {
        margin-top: 30px;
        padding: 28px 17px;
        border-radius: 13px;
    }

    .sgtirp_rightfit_cta h2 {
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .sgtirp_rightfit_cta>p {
        font-size: 13px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    /* =====================================================
   BUTTONS - 2 BUTTONS IN ONE ROW
===================================================== */

    .sgtirp_rightfit_buttons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        gap: 10px;
        width: 100%;
        margin-bottom: 20px;
    }

    .sgtirp_rightfit_btn {
        width: auto;
        min-height: 45px;

        padding: 10px 18px;

        box-sizing: border-box;

        font-size: 13px;
        white-space: nowrap;
    }


    /* =====================================================
       EXPLORE TEXT
    ===================================================== */

    .sgtirp_rightfit_explore {
        font-size: 12px;
        line-height: 1.7;
    }

}

















/* =========================================================
   SIMPLE BOOKING PROCESS
========================================================= */

.sgtbp_booking_process_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.sgtbp_booking_process_container {
    max-width: 1200px;
    margin: 0 auto;
}


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

.sgtbp_booking_process_header {
    max-width: 900px;
    margin: 0 auto 32px;
}

.sgtbp_booking_process_label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: #f3525a;
}

.sgtbp_booking_process_label i {
    font-size: 16px;
}

.sgtbp_booking_process_title {
    margin: 0 0 12px;

    font-size: 31px;
    line-height: 1.3;
    font-weight: 700;

    color: #172033;
}

.sgtbp_booking_process_intro {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;
    color: #526173;
}


/* =========================================================
   BOOKING STEP CARD
========================================================= */

.sgtbp_booking_step_card {
    position: relative;

    height: 100%;
    padding: 24px 23px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 11px;

    box-sizing: border-box;

    transition: transform 0.3s ease,
        box-shadow 0.3s ease;
}

.sgtbp_booking_step_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(243, 82, 90, 0.12);
}


/* =========================================================
   STEP NUMBER
========================================================= */

.sgtbp_booking_step_number {
    position: absolute;
    top: 18px;
    right: 20px;

    font-size: 28px;
    line-height: 1;
    font-weight: 700;

    color: #f9b0b3;
}


/* =========================================================
   STEP ICON
========================================================= */

.sgtbp_booking_step_icon {
    width: 44px;
    height: 44px;

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

    margin-bottom: 15px;

    background: #f9b0b3;
    border-radius: 10px;

    color: #f3525a;
    font-size: 18px;
}


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

.sgtbp_booking_step_card h3 {
    margin: 0 0 10px;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;

    color: #172033;
}

.sgtbp_booking_step_card p {
    margin: 0 0 11px;

    font-size: 15px;
    line-height: 1.7;
    color: #526173;
    text-align: justify;
}

.sgtbp_booking_step_card p:last-child {
    margin-bottom: 0;
}

.sgtbp_booking_step_card ul {
    margin: 9px 0 0;
    padding-left: 18px;
}

.sgtbp_booking_step_card li {
    margin-bottom: 5px;

    font-size: 15px;
    line-height: 1.55;
    color: #526173;
}

.sgtbp_booking_step_card li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   INFORMATION BOX
========================================================= */

.sgtbp_booking_information_box {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 28px;
    padding: 20px 22px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;
    border-radius: 10px;

    box-sizing: border-box;
}

.sgtbp_booking_information_icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    background: #f9b0b3;
    border-radius: 9px;

    color: #f3525a;
    font-size: 18px;
}

.sgtbp_booking_information_content {
    flex: 1;
}

.sgtbp_booking_information_label {
    display: block;
    margin-bottom: 5px;

    font-size: 16px;
    font-weight: 700;

    color: #172033;
}

.sgtbp_booking_information_content p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #526173;
    text-align: justify;
}


/* =========================================================
   PERSONALISED QUOTE
========================================================= */

.sgtbp_quote_wrapper {
    margin-top: 32px;
    padding: 30px 28px;

    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #f9b0b3;

    box-sizing: border-box;
}

.sgtbp_quote_header {
    max-width: 720px;
    margin: 0 auto;
}

.sgtbp_quote_label {
    display: inline-block;
    margin-bottom: 7px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: #f3525a;
}

.sgtbp_quote_header h2 {
    margin: 0 0 10px;

    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;

    color: #172033;
}

.sgtbp_quote_header p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #526173;
}


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

.sgtbp_quote_buttons {
    margin-top: 22px;
}

.sgtbp_quote_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    padding: 10px 18px;

    border-radius: 40px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}

.sgtbp_quote_whatsapp {
    margin-right: 5px;

    background: #16a84f;
    color: #ffffff;
}

.sgtbp_quote_whatsapp:hover {
    background: #16a84f;
    color: #ffffff;
    transform: translateY(-2px);
}

.sgtbp_quote_enquiry {
    margin-left: 5px;

    background: #f6ad10;
    color: #ffffff;
}

.sgtbp_quote_enquiry:hover {

    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================================
   NOTE
========================================================= */

.sgtbp_quote_note {
    max-width: 700px;
    margin: 15px auto 0;

    font-size: 13px;
    line-height: 1.6;
    color: #687587;
}


/* =========================================================
   EXPLORE TEXT
========================================================= */

.sgtbp_explore_text {
    margin: 17px 0 0;

    font-size: 14px;
    line-height: 1.7;
    color: #526173;
}

.sgtbp_explore_text a {
    color: #f3525a;
    text-decoration: underline;
}

.sgtbp_explore_text a:hover {
    color: #f6ad10;
    text-decoration: none;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtbp_booking_process_section {
        padding: 50px 20px;
    }

    .sgtbp_booking_process_container {
        max-width: 900px;
    }


    /* HEADER */

    .sgtbp_booking_process_header {
        max-width: 720px;
        margin-bottom: 28px;
    }

    .sgtbp_booking_process_title {
        font-size: 29px;
    }

    .sgtbp_booking_process_intro {
        font-size: 13px;
        line-height: 1.7;
    }


    /* STEP CARDS */

    .sgtbp_booking_step_card {
        padding: 22px 20px;
    }

    .sgtbp_booking_step_number {
        top: 17px;
        right: 18px;
        font-size: 25px;
    }

    .sgtbp_booking_step_icon {
        width: 42px;
        height: 42px;
        margin-bottom: 13px;
        font-size: 17px;
    }

    .sgtbp_booking_step_card h3 {
        font-size: 19px;
    }

    .sgtbp_booking_step_card p {
        font-size: 12.5px;
        line-height: 1.65;
    }

    .sgtbp_booking_step_card li {
        font-size: 12.5px;
        line-height: 1.55;
    }


    /* INFORMATION BOX */

    .sgtbp_booking_information_box {
        margin-top: 25px;
        padding: 19px 20px;
    }

    .sgtbp_booking_information_label {
        font-size: 14px;
    }

    .sgtbp_booking_information_content p {
        font-size: 12.5px;
        line-height: 1.65;
    }


    /* QUOTE */

    .sgtbp_quote_wrapper {
        margin-top: 28px;
        padding: 27px 24px;
    }

    .sgtbp_quote_header {
        max-width: 650px;
    }

    .sgtbp_quote_header h2 {
        font-size: 25px;
    }

    .sgtbp_quote_header p {
        font-size: 12.5px;
    }

    .sgtbp_quote_buttons {
        margin-top: 20px;
    }

    .sgtbp_quote_btn {
        padding: 10px 17px;
        font-size: 12.5px;
    }

    .sgtbp_quote_note {
        font-size: 11px;
    }

    .sgtbp_explore_text {
        font-size: 12.5px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgtbp_booking_process_section {
        padding: 42px 15px;
    }

    .sgtbp_booking_process_container {
        max-width: 100%;
    }


    /* HEADER */

    .sgtbp_booking_process_header {
        max-width: 100%;
        margin-bottom: 25px;
    }

    .sgtbp_booking_process_label {
        font-size: 11px;
        gap: 6px;
        margin-bottom: 8px;
    }

    .sgtbp_booking_process_label i {
        font-size: 15px;
    }

    .sgtbp_booking_process_title {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .sgtbp_booking_process_intro {
        font-size: 12.5px;
        line-height: 1.65;
    }


    /* STEP CARDS */

    .sgtbp_booking_step_card {
        padding: 21px 19px;
        border-radius: 10px;
    }

    .sgtbp_booking_step_number {
        top: 16px;
        right: 17px;
        font-size: 24px;
    }

    .sgtbp_booking_step_icon {
        width: 41px;
        height: 41px;
        margin-bottom: 12px;
        border-radius: 9px;
        font-size: 17px;
    }

    .sgtbp_booking_step_card h3 {
        font-size: 19px;
        line-height: 1.35;
        margin-bottom: 9px;
        padding-right: 35px;
    }

    .sgtbp_booking_step_card p {
        font-size: 12.5px;
        line-height: 1.65;
        margin-bottom: 10px;
        text-align: justify;
    }

    .sgtbp_booking_step_card ul {
        margin-top: 8px;
        padding-left: 18px;
    }

    .sgtbp_booking_step_card li {
        font-size: 12.5px;
        line-height: 1.55;
        margin-bottom: 4px;
    }


    /* INFORMATION BOX */

    .sgtbp_booking_information_box {
        gap: 12px;
        margin-top: 24px;
        padding: 18px;
        border-left-width: 3px;
    }

    .sgtbp_booking_information_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .sgtbp_booking_information_label {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .sgtbp_booking_information_content p {
        font-size: 12.5px;
        line-height: 1.65;
        text-align: justify;
    }


    /* QUOTE */

    .sgtbp_quote_wrapper {
        margin-top: 27px;
        padding: 25px 18px;
        border-radius: 11px;
    }

    .sgtbp_quote_header {
        max-width: 100%;
    }

    .sgtbp_quote_label {
        font-size: 11px;
        margin-bottom: 6px;
    }

    .sgtbp_quote_header h2 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 9px;
    }

    .sgtbp_quote_header p {
        font-size: 12.5px;
        line-height: 1.65;
    }


    .sgtbp_quote_buttons {
        margin-top: 20px;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .sgtbp_quote_btn {
        flex: 1;

        width: auto;
        margin: 0;

        padding: 10px 12px;

        font-size: 12px;
        white-space: nowrap;
        text-align: center;
    }

    /* NOTE */

    .sgtbp_quote_note {
        max-width: 100%;
        margin-top: 14px;

        font-size: 10.5px;
        line-height: 1.6;
    }


    /* EXPLORE */

    .sgtbp_explore_text {
        margin-top: 15px;

        font-size: 12px;
        line-height: 1.65;
    }

}















/* =========================================================
   EXPLORE MORE TIRUPATI OPTIONS
========================================================= */

.sgtpo_explore_options_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.sgtpo_explore_options_section .container {
    width: 100%;
    max-width: 1200px;
}


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

.sgtpo_explore_options_header {
    max-width: 900px;
    margin: 0 auto 30px;
}

.sgtpo_explore_options_label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    margin-bottom: 15px;
    padding: 8px 17px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 30px;

    color: #f3525a;
    font-size: 14px;
    font-weight: 600;

    box-sizing: border-box;
}

.sgtpo_explore_options_label i {
    color: #f3525a;
    font-size: 16px;
}

.sgtpo_explore_options_title {
    margin: 0 0 16px;

    font-size: 35px;
    line-height: 1.3;
    font-weight: 700;

    color: #172033;
}

.sgtpo_explore_options_intro {
    max-width: 820px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;

    color: #4b5563;
}

.sgtpo_explore_options_intro strong {
    color: #f3525a;
}


/* =========================================================
   PACKAGE OPTIONS GRID
========================================================= */

.sgtpo_explore_options_grid {
    margin-top: 0;
}


/* =========================================================
   BOOTSTRAP COLUMN
   4 CARDS IN ONE ROW
========================================================= */

.sgtpo_explore_options_grid>div {
    display: flex;
}


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

.sgtpo_explore_card {
    width: 100%;
    height: 100%;

    padding: 28px 24px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    cursor: pointer;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.sgtpo_explore_card:hover {
    transform: translateY(-5px);

    border-color: #f6ad10;

    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.10);
}


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

.sgtpo_explore_card_icon {
    width: 50px;
    height: 50px;

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

    margin-bottom: 18px;

    background: #f9b0b3;
    border-radius: 12px;

    color: #f3525a;
    font-size: 20px;

    flex-shrink: 0;

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

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

.sgtpo_explore_card h3 {
    margin: 0 0 12px;

    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;

    color: #172033;
}


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

.sgtpo_explore_card p {
    margin: 0 0 20px;

    font-size: 14px;
    line-height: 1.75;

    color: #5b6472;
    text-align: justify;
}


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

.sgtpo_explore_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: fit-content;

    margin-top: auto;

    padding: 10px 16px;

    background: #f3525a;
    border: 1px solid #f3525a;
    border-radius: 40px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;

    box-sizing: border-box;

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

.sgtpo_explore_btn:hover {
    background: #f6ad10;
    border-color: #f6ad10;
    color: #ffffff;

    transform: translateX(3px);
}

.sgtpo_explore_btn i {
    font-size: 12px;
}


/* =========================================================
   ARRIVAL AIRPORT AREA
========================================================= */

.sgtpo_arrival_area {
    margin-top: 45px;
    padding: 32px 25px;

    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 14px;

    box-sizing: border-box;
}

.sgtpo_arrival_icon {
    width: 50px;
    height: 50px;

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

    margin: 0 auto 15px;

    background: #f9b0b3;
    border-radius: 50%;

    color: #f3525a;
    font-size: 20px;

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


.sgtpo_arrival_area h3 {
    margin: 0 0 10px;

    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;

    color: #172033;
}

.sgtpo_arrival_area p {
    max-width: 700px;
    margin: 0 auto 22px;

    font-size: 14px;
    line-height: 1.7;

    color: #5b6472;
}


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

.sgtpo_airport_links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 12px;
}

.sgtpo_airport_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 11px 18px;

    background: #f3525a;
    border: 1px solid #f3525a;
    border-radius: 40px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;

    box-sizing: border-box;

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

.sgtpo_airport_btn:hover {
    background: #f6ad10;
    border-color: #f6ad10;
    color: #ffffff;

    transform: translateY(-2px);
}


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

.sgtpo_enquiry_area {
    max-width: 900px;
    margin: 30px auto 0;
}

.sgtpo_enquiry_area p {
    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: #4b5563;
}

.sgtpo_enquiry_area a {
    color: #f3525a;
    text-decoration: underline;

    transition: color 0.3s ease;
}

.sgtpo_enquiry_area a:hover {
    color: #f6ad10;
    text-decoration: none;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtpo_explore_options_section {
        padding: 55px 20px;
    }

    .sgtpo_explore_options_section .container {
        max-width: 900px;
    }


    /* SECTION HEADER */

    .sgtpo_explore_options_header {
        max-width: 760px;
        margin-bottom: 25px;
    }

    .sgtpo_explore_options_label {
        font-size: 13px;
        padding: 8px 16px;
    }

    .sgtpo_explore_options_title {
        font-size: 28px;
        line-height: 1.35;
    }

    .sgtpo_explore_options_intro {
        max-width: 700px;
        font-size: 14px;
        line-height: 1.75;
    }


    /* PACKAGE GRID */

    .sgtpo_explore_options_grid {
        row-gap: 20px !important;
    }

    .sgtpo_explore_options_grid>div {
        display: flex;
    }

    .sgtpo_explore_card {
        width: 100%;
        height: 100%;
        padding: 25px 22px;
    }

    .sgtpo_explore_card_icon {
        width: 48px;
        height: 48px;

        margin-bottom: 16px;

        font-size: 19px;
    }

    .sgtpo_explore_card h3 {
        font-size: 18px;
        line-height: 1.45;
    }

    .sgtpo_explore_card p {
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
    }

    .sgtpo_explore_btn {
        font-size: 12px;
        padding: 9px 14px;
    }


    /* ARRIVAL AIRPORT */

    .sgtpo_arrival_area {
        margin-top: 38px;
        padding: 30px 22px;
    }

    .sgtpo_arrival_icon {
        width: 48px;
        height: 48px;

        font-size: 19px;
    }

    .sgtpo_arrival_area h3 {
        font-size: 21px;
    }

    .sgtpo_arrival_area p {
        max-width: 650px;
        font-size: 13px;
        line-height: 1.7;
    }


    /* AIRPORT LINKS */

    .sgtpo_airport_links {
        gap: 10px;
    }

    .sgtpo_airport_btn {
        padding: 10px 16px;
        font-size: 12px;
    }


    /* ENQUIRY */

    .sgtpo_enquiry_area {
        max-width: 750px;
        margin-top: 26px;
    }

    .sgtpo_enquiry_area p {
        font-size: 13px;
        line-height: 1.75;
    }

}

/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgtpo_explore_options_section {
        padding: 45px 15px;
    }

    .sgtpo_explore_options_section .container {
        max-width: 100%;
    }


    /* SECTION HEADER */

    .sgtpo_explore_options_header {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .sgtpo_explore_options_label {
        gap: 7px;

        margin-bottom: 13px;
        padding: 7px 14px;

        font-size: 12px;
    }

    .sgtpo_explore_options_label i {
        font-size: 14px;
    }

    .sgtpo_explore_options_title {
        margin-bottom: 13px;

        font-size: 23px;
        line-height: 1.4;
    }

    .sgtpo_explore_options_intro {
        max-width: 100%;

        font-size: 13px;
        line-height: 1.75;
    }


    /* PACKAGE GRID */

    .sgtpo_explore_options_grid {
        row-gap: 18px !important;
    }

    .sgtpo_explore_options_grid>div {
        display: flex;
    }

    .sgtpo_explore_card {
        width: 100%;
        height: 100%;

        padding: 23px 20px;
    }

    .sgtpo_explore_card_icon {
        width: 46px;
        height: 46px;

        margin-bottom: 15px;

        font-size: 18px;
    }

    .sgtpo_explore_card h3 {
        margin-bottom: 10px;

        font-size: 18px;
        line-height: 1.45;
    }

    .sgtpo_explore_card p {
        margin-bottom: 18px;

        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
    }


    /* CARD BUTTON */

    .sgtpo_explore_btn {
        padding: 9px 14px;

        font-size: 12px;
        line-height: 1.4;
    }

    .sgtpo_explore_btn i {
        font-size: 11px;
    }


    /* ARRIVAL AIRPORT */

    .sgtpo_arrival_area {
        margin-top: 30px;
        padding: 26px 18px;
    }

    .sgtpo_arrival_icon {
        width: 46px;
        height: 46px;

        margin-bottom: 13px;

        font-size: 18px;
    }

    .sgtpo_arrival_area h3 {
        margin-bottom: 9px;

        font-size: 20px;
        line-height: 1.4;
    }

    .sgtpo_arrival_area p {
        max-width: 100%;

        margin-bottom: 20px;

        font-size: 13px;
        line-height: 1.7;
    }


    /* AIRPORT LINKS */

    .sgtpo_airport_links {
        width: 100%;

        flex-direction: column;
        gap: 10px;
    }

    .sgtpo_airport_btn {
        width: 100%;

        padding: 10px 14px;

        font-size: 12px;
        line-height: 1.5;

        box-sizing: border-box;
    }


    /* ENQUIRY */

    .sgtpo_enquiry_area {
        max-width: 100%;
        margin-top: 23px;
    }

    .sgtpo_enquiry_area p {
        font-size: 12px;
        line-height: 1.75;
    }

}















/* =========================================
   TIRUPATI AIRPORT TO TIRUMALA
   ========================================= */

.tdatm-plan-journey-section {
    width: 100%;
    padding: 50px 20px 50px;
    background: #155a78;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}

.tdatm-plan-journey-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}


/* =========================================
   ROUTE BADGE
   ========================================= */

.tdatm-route-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 13px;
    margin-bottom: 11px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.08);
    color: #dbeaf2;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 1.2;
}

.tdatm-route-badge i {
    color: #ffd43b;
    font-size: 12px;
}


/* =========================================
   MAIN HEADING
   ========================================= */

.tdatm-plan-journey-title {
    margin: 0;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.tdatm-plan-journey-description {
    max-width: 800px;
    margin: 10px auto 19px;
    color: #f1f7fa;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
}

.tdatm-plan-journey-description strong {
    color: #ffffff;
    font-weight: 800;
}


/* =========================================
   TRAVEL SERVICE GRID
   ========================================= */

.tdatm-travel-service-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin: 0 auto 21px;
}

.tdatm-service-item {
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    box-sizing: border-box;
}

.tdatm-service-item i {
    color: #ffd43b;
    font-size: 14px;
}


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

.tdatm-action-buttons {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    margin: 0 auto;
}

.tdatm-quote-button,
.tdatm-enquiry-button {
    min-width: 290px;
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 21px;
    border-radius: 40px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    transition: all 0.25s ease;
}

.tdatm-quote-button {
    background: #12a84f;
    border: 1px solid #12a84f;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.tdatm-quote-button i {
    font-size: 17px;
}

.tdatm-quote-button:hover {
    background: #0d9143;
    border-color: #0d9143;
    color: #ffffff;
    transform: translateY(-2px);
}

.tdatm-enquiry-button {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #ffffff;
}

.tdatm-enquiry-button i {
    font-size: 14px;
}

.tdatm-enquiry-button:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.60);
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================
   BOOKING NOTE
   ========================================= */

.tdatm-booking-note {
    max-width: 680px;
    margin: 13px auto 21px;
    color: #d4e7ef;
    font-size: 12.5px;
    line-height: 1.4;
    font-weight: 400;
}

.tdatm-booking-note strong {
    color: #ffffff;
    font-weight: 800;
}


/* =========================================
   TRANSPARENT ARRANGEMENT BOX
   ========================================= */

.tdatm-transparency-box {
    width: 100%;
    padding: 16px 28px 15px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 15px;
    background: rgba(0, 43, 63, 0.18);
    text-align: center;
    box-sizing: border-box;
}

.tdatm-transparency-box h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
}

.tdatm-transparency-box p {
    margin: 0 0 6px;
    color: #dcecf2;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
}

.tdatm-transparency-box p:last-child {
    margin-bottom: 0;
}

.tdatm-transparency-box strong {
    color: #ffffff;
    font-weight: 800;
}


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

.tdatm-bottom-note {
    max-width: 880px;
    margin: 18px auto 0;
    color: rgba(221, 238, 245, 0.68);
    font-size: 11.5px;
    line-height: 1.4;
    font-weight: 400;
}

/* =========================================
   TABLET RESPONSIVE
   768px - 991px
========================================= */

@media (max-width: 991px) {

    .tdatm-plan-journey-section {
        padding: 45px 20px;
    }

    .tdatm-plan-journey-container {
        max-width: 900px;
    }


    /* ROUTE BADGE */

    .tdatm-route-badge {
        padding: 6px 12px;
        font-size: 10.5px;
    }


    /* MAIN HEADING */

    .tdatm-plan-journey-title {
        font-size: 30px;
        line-height: 1.25;
    }


    /* DESCRIPTION */

    .tdatm-plan-journey-description {
        max-width: 750px;
        margin: 10px auto 18px;
        font-size: 14px;
        line-height: 1.5;
    }


    /* TRAVEL SERVICES */

    .tdatm-travel-service-grid {
        margin-bottom: 20px;
    }

    .tdatm-service-item {
        min-height: 43px;
        padding: 8px 12px;
        font-size: 12.5px;
    }


    /* ACTION BUTTONS */

    .tdatm-action-buttons {
        gap: 12px;
    }

    .tdatm-quote-button,
    .tdatm-enquiry-button {
        min-width: 0;
        width: 100%;
        min-height: 51px;
        padding: 11px 18px;
        font-size: 13.5px;
    }


    /* BOOKING NOTE */

    .tdatm-booking-note {
        max-width: 650px;
        margin: 13px auto 20px;
        font-size: 12px;
        line-height: 1.45;
    }


    /* TRANSPARENT ARRANGEMENT BOX */

    .tdatm-transparency-box {
        padding: 16px 24px 15px;
    }

    .tdatm-transparency-box h3 {
        font-size: 13.5px;
    }

    .tdatm-transparency-box p {
        font-size: 11.8px;
        line-height: 1.45;
    }


    /* BOTTOM NOTE */

    .tdatm-bottom-note {
        max-width: 800px;
        margin-top: 17px;
        font-size: 11.2px;
        line-height: 1.45;
    }

}


/* =========================================
   MOBILE RESPONSIVE
   767px and below
========================================= */

@media (max-width: 767px) {

    .tdatm-plan-journey-section {
        padding: 40px 15px;
    }

    .tdatm-plan-journey-container {
        max-width: 100%;
    }


    /* ROUTE BADGE */

    .tdatm-route-badge {
        max-width: 100%;
        padding: 6px 10px;
        margin-bottom: 10px;
        font-size: 9.5px;
        line-height: 1.3;
    }

    .tdatm-route-badge i {
        font-size: 11px;
    }


    /* MAIN HEADING */

    .tdatm-plan-journey-title {
        font-size: 25px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }


    /* DESCRIPTION */

    .tdatm-plan-journey-description {
        max-width: 100%;
        margin: 10px auto 18px;
        font-size: 13px;
        line-height: 1.5;
    }


    /* TRAVEL SERVICES */

    .tdatm-travel-service-grid {
        display: block;
        width: 100%;
    }

    .tdatm-service-item {
        width: 100%;
        margin-bottom: 9px;
    }

    .tdatm-service-item:last-child {
        margin-bottom: 0;
    }


    /* ACTION BUTTONS */

    .tdatm-action-buttons {
        gap: 10px;
    }

    .tdatm-quote-button,
    .tdatm-enquiry-button {
        min-width: 0;
        width: 100%;
        min-height: 49px;
        padding: 10px 14px;
        font-size: 12.5px;
        gap: 7px;
    }

    .tdatm-quote-button i {
        font-size: 16px;
    }

    .tdatm-enquiry-button i {
        font-size: 13px;
    }


    /* BOOKING NOTE */

    .tdatm-booking-note {
        max-width: 100%;
        margin: 12px auto 18px;
        font-size: 11.5px;
        line-height: 1.5;
    }


    /* TRANSPARENT ARRANGEMENT BOX */

    .tdatm-transparency-box {
        padding: 15px 16px 14px;
        border-radius: 13px;
    }

    .tdatm-transparency-box h3 {
        margin-bottom: 7px;
        font-size: 13px;
        line-height: 1.35;
    }

    .tdatm-transparency-box p {
        margin-bottom: 7px;
        font-size: 11px;
        line-height: 1.5;
    }


    /* BOTTOM NOTE */

    .tdatm-bottom-note {
        max-width: 100%;
        margin-top: 16px;
        font-size: 10.5px;
        line-height: 1.5;
    }

}

/* =========================================================
   TIRUPATI TOUR PACKAGE FROM TIRUPATI AIRPORT END
========================================================= */

/* =========================================================
   TIRUPATI TOUR PACKAGE FROM CHENNAI AIRPORT START
========================================================= */
.route_link_hover {
    transition: color 0.2s ease-in-out !important;
}

.route_link_hover:hover {
    color: #F3525A !important;
    /* Darker hover text color */
}

.hdtp-feature-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 20px 0;
}

.hdtp-feature-badge {
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hdtp-feature-badge i {
    color: #fbcfe8;
}

.hdtp-notice-box {
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid #eab308;
    border-radius: 8px;
    padding: 14px 18px;
    margin: 20px auto 16px auto;
    max-width: 750px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
}

.hdtp-notice-icon {
    color: #eab308;
    font-size: 1.1rem;
    margin-top: 3px;
    flex-shrink: 0;
}

.hdtp-notice-box p {
    color: #f3f4f6;
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.hdtp-notice-box strong {
    color: #fef08a;
}

.hdtp-disclaimer-text {
    color: #9ca3af;
    font-size: 0.75rem;
    line-height: 1.4;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.hdtp-disclaimer-text strong {
    color: #d1d5db;
}

/* =========================================================
   TIRUPATI TOUR PACKAGE FROM CHENNAI AIRPORT END
========================================================= */


/* =========================================
   2 DAYS TIRUPATI TOUR PACKAGE START
========================================= */




/* =============== 2 DAYS TIRUPATI TOUR PACKAGE BANNER ================ */

.xqvtrp2d-banner-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 60px 20px 60px;
    background: #050b1c;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.xqvtrp2d-grid-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(56, 83, 112, 0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 83, 112, 0.16) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: 0.65;
}

.xqvtrp2d-banner-container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}

/* TOP BADGE */

.xqvtrp2d-top-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 15px;
    border-radius: 50px;
    background: rgba(15, 84, 108, 0.35);
    border: 1px solid rgba(42, 176, 216, 0.42);
    color: #8fd2e8;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 7px;
    box-shadow: inset 0 0 15px rgba(24, 131, 166, 0.1);
}

.xqvtrp2d-top-badge i {
    font-size: 12px;
}

/* HEADING */

.xqvtrp2d-banner-container h1 {
    margin: 0;
    color: #f4f4f4;
    font-size: 62px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.xqvtrp2d-banner-container h2 {
    margin: 8px 0 10px;
    color: #d7e7ed;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 600;
}

.xqvtrp2d-description {
    max-width: 1080px;
    margin: 0 auto 16px;
    color: #cbd1da;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 400;
}

.xqvtrp2d-description strong {
    color: #f1f1f1;
    font-weight: 700;
}

/* INFO BOX */

.xqvtrp2d-info-box {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 16px;
    padding: 11px 20px;
    border-radius: 15px;
    box-sizing: border-box;
    text-align: left;
    background: rgba(33, 43, 62, 0.72);
    border: 1px solid rgba(43, 137, 179, 0.55);
}

.xqvtrp2d-info-box p {
    margin: 0;
    color: #c7cbd2;
    font-size: 15.5px;
    line-height: 1.35;
    font-weight: 400;
    text-align: center;
}

.xqvtrp2d-info-box strong {
    color: #8fcbe0;
    font-weight: 700;
}

.xqvtrp2d-info-box strong:last-child {
    color: #eeeeee;
}

/* FEATURES */

.xqvtrp2d-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    max-width: 1120px;
    margin: 0 auto 18px;
}

.xqvtrp2d-feature-item {
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    box-sizing: border-box;
    border-radius: 11px;
    background: linear-gradient(180deg,
            rgba(25, 36, 56, 0.88),
            rgba(15, 23, 39, 0.92));
    border: 1px solid rgba(64, 85, 113, 0.5);
    color: #cfd2d8;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    transition: 0.3s ease;
}

.xqvtrp2d-warning-item {
    color: #f2c85f;
    border-color: rgba(183, 118, 13, 0.65);
    background: linear-gradient(180deg,
            rgba(56, 37, 20, 0.75),
            rgba(34, 25, 20, 0.9));
}

.xqvtrp2d-feature-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.xqvtrp2d-feature-item i {
    font-size: 15px;
}


/* BUTTONS */

.xqvtrp2d-action-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 11px;
}

.xqvtrp2d-whatsapp-btn,
.xqvtrp2d-quote-btn {
    min-height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 0 25px;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    transition: 0.3s ease;

}

.xqvtrp2d-whatsapp-btn {
    gap: 10px;
    min-width: 402px;
    color: #ffffff;
    background: #16b64a;
    box-shadow: 0 8px 20px rgba(28, 111, 193, 0.25);
}

.xqvtrp2d-whatsapp-btn i {
    font-size: 20px;
}

.xqvtrp2d-whatsapp-btn:hover {
    transform: translateY(-2px);
    color: #ffffff;
}

.xqvtrp2d-quote-btn {
    min-width: 260px;
    color: #ffffff;
    background: #f6ad10;
    border: 1px solid rgba(73, 94, 123, 0.7);
    gap: 10px;
}

.xqvtrp2d-quote-btn:hover {
    transform: translateY(-2px);
    color: #ffffff;
}

.xqvtrp2d-quote-btn i {
    font-size: 14px;
}

/* BOTTOM NOTE */

.xqvtrp2d-bottom-note {
    margin: 0;
    color: #aeb5c1;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
}

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

@media (max-width: 991px) {

    .xqvtrp2d-banner-section {
        padding: 40px 16px;
    }

    .xqvtrp2d-banner-container {
        max-width: 100%;
    }

    .xqvtrp2d-banner-container h1 {
        font-size: 36px;
        line-height: 1.15;
    }

    .xqvtrp2d-banner-container h2 {
        font-size: 20px;
        line-height: 1.4;
    }

    .xqvtrp2d-description {
        font-size: 15px;
        max-width: 100%;
    }

    .xqvtrp2d-info-box {
        max-width: 100%;
        padding: 14px 18px;
    }

    .xqvtrp2d-info-box p {
        font-size: 14.5px;
        line-height: 1.5;
    }

    .xqvtrp2d-feature-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .xqvtrp2d-feature-item {
        min-height: 48px;
        font-size: 14px;
        padding: 8px 12px;
    }

    /* Force 3 Buttons in 1 Single Line for Tablet View */
    .xqvtrp2d-action-row {
        display: flex;
        flex-direction: row;      /* Forces side-by-side alignment */
        justify-content: center;
        align-items: stretch;
        width: 100%;
        gap: 8px;                 /* Compact gap for tight viewports */
        box-sizing: border-box;
    }

    .xqvtrp2d-whatsapp-btn,
    .xqvtrp2d-quote-btn {
        flex: 1;                  /* Distributes equal width across all 3 buttons */
        width: 0;                 /* Resets width so flex-grow calculates correctly */
        min-width: 0 !important;  /* Overrides any fixed min-width */
        min-height: 48px;
        padding: 8px 6px;         /* Smaller horizontal padding to prevent breaking */
        font-size: 12px;          /* Adjusted font size to fit text in 1 line */
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        box-sizing: border-box;
        border-radius: 50px;
        text-decoration: none;
    }

    /* Keep icons compact */
    .xqvtrp2d-whatsapp-btn i,
    .xqvtrp2d-quote-btn i {
        font-size: 14px;
        flex-shrink: 0;
    }
}

/* Optional Mobile Fallback (Stack on small phone screens under 600px) */
@media (max-width: 600px) {
    .xqvtrp2d-action-row {
        flex-direction: column;
    }
    
    .xqvtrp2d-whatsapp-btn,
    .xqvtrp2d-quote-btn {
        width: 100%;
        font-size: 14px;
        padding: 12px 16px;
    }
}


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

@media (max-width: 767px) {

    .xqvtrp2d-banner-section {
        padding: 40px 15px;
    }

    .xqvtrp2d-grid-bg {
        background-size: 28px 28px;
    }

    .xqvtrp2d-top-badge {
        font-size: 12px;
        padding: 8px 13px;
        gap: 6px;
        line-height: 1.3;
    }

    .xqvtrp2d-top-badge i {
        font-size: 11px;
    }

    .xqvtrp2d-banner-container h1 {
        font-size: 30px;
        line-height: 1.15;
        letter-spacing: -0.8px;
    }

    .xqvtrp2d-banner-container h2 {
        margin: 12px 0;
        font-size: 18px;
        line-height: 1.45;
    }

    .xqvtrp2d-description {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 18px;
    }

    .xqvtrp2d-info-box {
        padding: 14px 13px;
        margin-bottom: 16px;
        border-radius: 13px;
    }

    .xqvtrp2d-info-box p {
        font-size: 13.5px;
        line-height: 1.55;
    }

    .xqvtrp2d-feature-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 20px;
    }

    .xqvtrp2d-feature-item {
        width: 100%;
        min-height: 46px;
        font-size: 14px;
        padding: 10px 12px;
    }

    .xqvtrp2d-feature-item i {
        font-size: 14px;
        flex-shrink: 0;
    }

    .xqvtrp2d-action-row {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 14px;
    }

    .xqvtrp2d-whatsapp-btn,
    .xqvtrp2d-quote-btn {
        width:100%;
        min-width: 0;
        min-height: 52px;
        padding: 0 15px;
        font-size: 15px;
    }

    .xqvtrp2d-bottom-note {
        font-size: 12.5px;
        line-height: 1.55;
    }

    .xqvtrp2d-bottom-note br {
        display: none;
    }
}














/* =========================================================
   PACKAGE OVERVIEW
========================================================= */

.sgtpo_package_overview_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtpo_package_overview_container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtpo_package_overview_header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 42px;
}


.sgtpo_package_overview_label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-bottom: 12px;

    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.sgtpo_package_overview_label i {
    font-size: 16px;
}


.sgtpo_package_overview_title {
    position: relative;

    margin: 0;
    padding-bottom: 18px;

    color: #172033;
    font-size: 35px;
    line-height: 1.3;
    font-weight: 700;
}


.sgtpo_package_overview_title::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 55px;
    height: 3px;

    background: #f3525a;
    border-radius: 10px;

    transform: translateX(-50%);
}


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

.sgtpo_package_overview_content {
    width: 100%;
}


/* =========================================================
   INTRO
========================================================= */

.sgtpo_package_overview_intro {
    max-width: 1000px;
    margin: 0 auto 30px;
}


.sgtpo_package_overview_intro p,
.sgtpo_package_overview_highlight_text p,
.sgtpo_package_overview_day_content p,
.sgtpo_package_overview_notice_content p,
.sgtpo_package_overview_singapore p {
    margin: 0;

    color: #4b5563;
    font-size: 15px;
    line-height: 1.9;
    text-align: justify;
}


.sgtpo_package_overview_intro strong,
.sgtpo_package_overview_highlight_text strong,
.sgtpo_package_overview_day_content strong,
.sgtpo_package_overview_notice_content strong,
.sgtpo_package_overview_singapore strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   PACKAGE HIGHLIGHT
========================================================= */

.sgtpo_package_overview_highlight {
    display: flex;
    align-items: center;
    gap: 20px;

    margin-bottom: 32px;
    padding: 20px 24px;

    background: #fff7f7;
    border-top: 1px solid #f9b0b3;
    border-bottom: 1px solid #f9b0b3;

    box-sizing: border-box;
}


.sgtpo_package_overview_highlight_icon {
    flex: 0 0 46px;

    width: 46px;
    height: 46px;

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

    background: #f3525a;
    color: #ffffff;

    border-radius: 50%;

    font-size: 18px;
}


.sgtpo_package_overview_highlight_text {
    flex: 1;
}


/* =========================================================
   DAY WRAPPER
========================================================= */

.sgtpo_package_overview_days {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;

    margin-bottom: 28px;
}


/* =========================================================
   DAY CARDS
========================================================= */

.sgtpo_package_overview_day {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    min-height: 170px;

    padding: 25px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 16px;

    box-sizing: border-box;

    transition: transform 0.25s ease,
        box-shadow 0.25s ease;
}


.sgtpo_package_overview_day:hover {
    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.09);
}


.sgtpo_package_overview_day_icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    background: #fff1f2;
    color: #f3525a;

    border-radius: 12px;

    font-size: 19px;
}


.sgtpo_package_overview_day_content {
    flex: 1;
}


.sgtpo_package_overview_day_label {
    display: block;

    margin-bottom: 9px;

    color: #f3525a;
    font-size: 17px;
    font-weight: 700;
}


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

.sgtpo_package_overview_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}


/* =========================================================
   DARSHAN NOTICE
========================================================= */

.sgtpo_package_overview_notice {
    display: flex;
    align-items: flex-start;
    gap: 17px;

    padding: 25px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;
    border-radius: 16px;

    box-sizing: border-box;
}


.sgtpo_package_overview_notice_icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 50%;

    font-size: 17px;
}


.sgtpo_package_overview_notice_content {
    flex: 1;
}


.sgtpo_package_overview_notice_content h3 {
    margin: 0 0 7px;

    color: #f3525a;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================================
   SINGAPORE PLANNING
========================================================= */

.sgtpo_package_overview_singapore {
    position: relative;

    padding: 25px;

    background: #f3525a;

    border-radius: 16px;

    box-sizing: border-box;
    overflow: hidden;
}


.sgtpo_package_overview_singapore::before {
    content: "";

    position: absolute;
    right: -45px;
    top: -55px;

    width: 150px;
    height: 150px;

    border: 30px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}


.sgtpo_package_overview_singapore_header {
    position: relative;
    z-index: 2;

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

    margin-bottom: 9px;
}


.sgtpo_package_overview_singapore_header i {
    color: #ffffff;
    font-size: 18px;
}


.sgtpo_package_overview_singapore_header h3 {
    margin: 0;

    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}


.sgtpo_package_overview_singapore p {
    position: relative;
    z-index: 2;

    color: #ffffff;
}


.sgtpo_package_overview_singapore strong {
    color: #ffffff;
}

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

@media (max-width: 991px) {

    .sgtpo_package_overview_section {
        padding: 50px 20px;
    }

    .sgtpo_package_overview_container {
        max-width: 100%;
    }

    .sgtpo_package_overview_header {
        max-width: 760px;
        margin-bottom: 35px;
    }

    .sgtpo_package_overview_title {
        font-size: 30px;
    }

    .sgtpo_package_overview_intro {
        max-width: 100%;
        margin-bottom: 26px;
    }

    .sgtpo_package_overview_intro p {

        text-align: center;
    }

    .sgtpo_package_overview_days {
        gap: 18px;
    }

    .sgtpo_package_overview_day {
        min-height: auto;
        padding: 22px;
        gap: 15px;
    }

    .sgtpo_package_overview_day_icon {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .sgtpo_package_overview_day_label {
        font-size: 16px;
    }

    .sgtpo_package_overview_bottom {
        gap: 18px;
    }

    .sgtpo_package_overview_notice,
    .sgtpo_package_overview_singapore {
        padding: 22px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   575px and below
========================================================= */

@media (max-width: 575px) {

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

    .sgtpo_package_overview_section {
        width: 100%;
        padding: 40px 15px;
        box-sizing: border-box;
    }

    .sgtpo_package_overview_container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }


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

    .sgtpo_package_overview_header {
        width: 100%;
        margin-bottom: 28px;
        box-sizing: border-box;
    }

    .sgtpo_package_overview_label {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin-bottom: 10px;
        font-size: 11px;
        letter-spacing: 0.6px;
    }

    .sgtpo_package_overview_label i {
        font-size: 14px;
    }

    .sgtpo_package_overview_title {
        padding-bottom: 15px;
        font-size: 21px;
        line-height: 1.35;
    }

    .sgtpo_package_overview_title::after {
        width: 48px;
        height: 3px;
    }


    /* =====================================================
       INTRO TEXT
    ===================================================== */

    .sgtpo_package_overview_intro {
        width: 100%;
        margin-bottom: 22px;
        box-sizing: border-box;
    }

    .sgtpo_package_overview_intro p {
        margin: 0;
        font-size: 13px;
        line-height: 1.75;
        text-align: center;
        word-spacing: normal;
        letter-spacing: normal;
    }


    /* =====================================================
       COMMON TEXT FIX
       IMPORTANT: JUSTIFY REMOVED
    ===================================================== */

    .sgtpo_package_overview_highlight_text p,
    .sgtpo_package_overview_day_content p,
    .sgtpo_package_overview_notice_content p,
    .sgtpo_package_overview_singapore p {
        margin: 0;
        width: 100%;
        font-size: 12px;
        line-height: 1.75;
        text-align: justify;
        word-spacing: normal;
        letter-spacing: normal;
        overflow-wrap: break-word;
        word-break: normal;
    }


    /* =====================================================
       PACKAGE HIGHLIGHT
    ===================================================== */

    .sgtpo_package_overview_highlight {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;

        display: flex;
        align-items: flex-start;

        gap: 12px;
        margin-bottom: 22px;
        padding: 16px 14px;

        overflow: hidden;
    }

    .sgtpo_package_overview_highlight_icon {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        font-size: 15px;
    }

    .sgtpo_package_overview_highlight_text {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .sgtpo_package_overview_highlight_text p {
        padding: 0;
    }


    /* =====================================================
       DAY CARDS
       MOBILE = 1 CARD PER ROW
    ===================================================== */

    .sgtpo_package_overview_days {
        width: 100%;
        max-width: 100%;

        display: grid;
        grid-template-columns: minmax(0, 1fr);

        gap: 14px;
        margin-bottom: 22px;

        box-sizing: border-box;
    }

    .sgtpo_package_overview_day {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        box-sizing: border-box;

        display: flex;
        align-items: flex-start;

        gap: 12px;

        min-height: auto;
        padding: 16px 14px;

        border-radius: 13px;

        overflow: hidden;
    }

    .sgtpo_package_overview_day:hover {
        transform: none;
    }

    .sgtpo_package_overview_day_icon {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        border-radius: 10px;

        font-size: 15px;
    }

    .sgtpo_package_overview_day_content {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .sgtpo_package_overview_day_label {
        margin-bottom: 6px;

        font-size: 15px;
        line-height: 1.4;
    }


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

    .sgtpo_package_overview_bottom {
        width: 100%;
        max-width: 100%;

        display: grid;
        grid-template-columns: minmax(0, 1fr);

        gap: 14px;

        box-sizing: border-box;
    }


    /* =====================================================
       DARSHAN NOTICE
    ===================================================== */

    .sgtpo_package_overview_notice {
        width: 100%;
        max-width: 100%;

        box-sizing: border-box;

        display: flex;
        align-items: flex-start;

        gap: 12px;
        padding: 16px 14px;

        border-radius: 13px;

        overflow: hidden;
    }

    .sgtpo_package_overview_notice_icon {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        font-size: 15px;
    }

    .sgtpo_package_overview_notice_content {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .sgtpo_package_overview_notice_content h3 {
        margin-bottom: 6px;

        font-size: 15px;
        line-height: 1.4;
    }


    /* =====================================================
       SINGAPORE PLANNING
    ===================================================== */

    .sgtpo_package_overview_singapore {
        width: 100%;
        max-width: 100%;

        box-sizing: border-box;

        padding: 20px 17px;
        border-radius: 13px;

        overflow: hidden;
    }

    .sgtpo_package_overview_singapore_header {
        display: flex;
        align-items: center;

        gap: 8px;
        margin-bottom: 7px;
    }

    .sgtpo_package_overview_singapore_header i {
        flex: 0 0 auto;
        font-size: 16px;
    }

    .sgtpo_package_overview_singapore_header h3 {
        margin: 0;
        font-size: 16px;
        line-height: 1.4;
    }

    .sgtpo_package_overview_singapore::before {
        right: -65px;
        top: -65px;

        width: 130px;
        height: 130px;

        border-width: 25px;
    }


    /* =====================================================
       PREVENT HORIZONTAL OVERFLOW
    ===================================================== */

    .sgtpo_package_overview_section *,
    .sgtpo_package_overview_section *::before,
    .sgtpo_package_overview_section *::after {
        box-sizing: border-box;
    }

}















/* =========================================================
   PACKAGE HIGHLIGHTS
========================================================= */

.sgtph_package_highlights_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtph_package_highlights_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtph_package_highlights_header {
    max-width: 820px;
    margin: 0 auto 45px;
    text-align: center;
}


.sgtph_package_highlights_label {
    display: inline-block;
    margin-bottom: 13px;
    padding: 7px 18px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.sgtph_package_highlights_header h2 {
    margin: 0 0 18px;

    color: #172033;

    font-size: 35px;
    line-height: 1.25;
    font-weight: 700;
}


.sgtph_package_highlights_header p {
    margin: 0;

    color: #526174;

    font-size: 15px;
    line-height: 1.8;
}


.sgtph_package_highlights_header p strong {
    color: #172033;
    font-weight: 600;
}


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

.sgtph_package_highlight_card {
    height: 100%;

    display: flex;
    align-items: flex-start;
    gap: 20px;

    padding: 27px 25px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.14);
    border-radius: 15px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.sgtph_package_highlight_card:hover {
    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.10);
}


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

.sgtph_package_highlight_icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 13px;

    font-size: 21px;

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


.sgtph_package_highlight_card:hover .sgtph_package_highlight_icon {
    background: #f3525a;
    color: #ffffff;
}


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

.sgtph_package_highlight_content {
    flex: 1;
    min-width: 0;
}


.sgtph_package_highlight_content h3 {
    margin: 2px 0 9px;

    color: #172033;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}


.sgtph_package_highlight_content p {
    margin: 0;

    color: #59677a;

    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}


.sgtph_package_highlight_content p strong {
    color: #303c50;
    font-weight: 600;
}


/* =========================================================
   PACKAGE NOTE
========================================================= */

.sgtph_package_highlights_note {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    margin-top: 30px;
    padding: 21px 24px;

    background: #ffffff;

    border-left: 4px solid #f3525a;
    border-radius: 10px;

    box-shadow: 0 6px 20px rgba(23, 32, 51, 0.05);

    box-sizing: border-box;
}


.sgtph_package_highlights_note_icon {
    flex: 0 0 auto;

    color: #f3525a;

    font-size: 19px;
    line-height: 1.7;
}


.sgtph_package_highlights_note p {
    margin: 0;

    color: #59677a;

    font-size: 13px;
    line-height: 1.75;
    text-align: justify;
}


.sgtph_package_highlights_note p strong {
    color: #172033;
    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtph_package_highlights_section {
        padding: 55px 20px;
    }


    .sgtph_package_highlights_container {
        max-width: 900px;
    }


    /* HEADER */

    .sgtph_package_highlights_header {
        max-width: 720px;
        margin-bottom: 35px;
    }


    .sgtph_package_highlights_label {
        margin-bottom: 11px;
        padding: 7px 17px;
        font-size: 12px;
    }


    .sgtph_package_highlights_header h2 {
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 1.3;
    }


    .sgtph_package_highlights_header p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* CARD */

    .sgtph_package_highlight_card {
        gap: 16px;
        padding: 23px 20px;
        border-radius: 14px;
    }


    .sgtph_package_highlight_icon {
        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        border-radius: 12px;

        font-size: 19px;
    }


    .sgtph_package_highlight_content h3 {
        margin: 1px 0 8px;
        font-size: 17px;
        line-height: 1.4;
    }


    .sgtph_package_highlight_content p {
        font-size: 13px;
        line-height: 1.7;
    }


    /* PACKAGE NOTE */

    .sgtph_package_highlights_note {
        gap: 13px;

        margin-top: 25px;
        padding: 19px 21px;

        border-radius: 9px;
    }


    .sgtph_package_highlights_note_icon {
        font-size: 18px;
    }


    .sgtph_package_highlights_note p {
        font-size: 12.5px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgtph_package_highlights_section {
        padding: 45px 15px;
    }


    .sgtph_package_highlights_container {
        max-width: 100%;
    }


    /* HEADER */

    .sgtph_package_highlights_header {
        max-width: 100%;
        margin-bottom: 30px;
    }


    .sgtph_package_highlights_label {
        margin-bottom: 10px;
        padding: 6px 15px;

        font-size: 11px;
        letter-spacing: 0.8px;
    }


    .sgtph_package_highlights_header h2 {
        margin-bottom: 14px;

        font-size: 25px;
        line-height: 1.3;
    }


    .sgtph_package_highlights_header p {
        font-size: 13.5px;
        line-height: 1.7;
        text-align: center;
    }


    /* CARD */

    .sgtph_package_highlight_card {
        gap: 15px;

        padding: 21px 18px;

        border-radius: 13px;
    }


    .sgtph_package_highlight_icon {
        flex: 0 0 45px;

        width: 45px;
        height: 45px;

        border-radius: 11px;

        font-size: 18px;
    }


    .sgtph_package_highlight_content h3 {
        margin: 1px 0 7px;

        font-size: 16px;
        line-height: 1.4;
    }


    .sgtph_package_highlight_content p {
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
    }


    /* PACKAGE NOTE */

    .sgtph_package_highlights_note {
        gap: 11px;

        margin-top: 20px;
        padding: 17px 16px;

        border-left-width: 3px;
        border-radius: 9px;
    }


    .sgtph_package_highlights_note_icon {
        font-size: 17px;
        line-height: 1.7;
    }


    .sgtph_package_highlights_note p {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }

}
















/* =========================================================
   TOUR ITINERARY
========================================================= */

.sgti_tour_itinerary_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgti_tour_itinerary_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.sgti_tour_itinerary_header {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 30px;
}


.sgti_tour_itinerary_label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.sgti_tour_itinerary_label_icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
}


.sgti_tour_itinerary_title {
    margin: 0 0 15px;
    color: #172033;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}


.sgti_tour_itinerary_intro {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.85;
}


.sgti_tour_itinerary_intro strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   DAY ROW
========================================================= */

.sgti_days_row {
    align-items: stretch;
}


.sgti_days_row>.col-lg-6 {
    display: flex;
}


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

.sgti_day_card {
    width: 100%;
    height: 100%;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 24px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);
    box-sizing: border-box;
    transition: all 0.3s ease;
}


.sgti_day_card:hover {
    border-color: #f3525a;
    box-shadow: 0 15px 38px rgba(243, 82, 90, 0.11);
}


/* =========================================================
   DAY BADGE
========================================================= */

.sgti_day_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 9px 17px;
    background: #f3525a;
    color: #ffffff;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}


.sgti_day_badge_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}


/* =========================================================
   DAY HEADING
========================================================= */

.sgti_day_heading {
    margin-bottom: 28px;
}


.sgti_day_heading h3 {
    margin: 0 0 7px;
    color: #172033;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}


.sgti_day_heading h4 {
    margin: 0;
    color: #f3525a;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
}


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

.sgti_day_content {
    width: 100%;
}


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

.sgti_itinerary_item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #f9e1e2;
    box-sizing: border-box;
}


.sgti_itinerary_item:first-child {
    padding-top: 0;
}


.sgti_itinerary_item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}


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

.sgti_itinerary_icon {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 12px;
    font-size: 17px;
    box-sizing: border-box;
}


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

.sgti_itinerary_content {
    flex: 1;
    min-width: 0;
}


.sgti_itinerary_content h5 {
    margin: 0 0 8px;
    color: #172033;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


.sgti_itinerary_content p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.8;
    text-align: justify;
}


.sgti_itinerary_content p strong {
    color: #172033;
    font-weight: 700;
}


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

.sgti_itinerary_list {
    margin: 12px 0 10px;
    padding: 0;
    list-style: none;
}


.sgti_itinerary_list li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #475467;
    font-size: 13px;
    line-height: 1.5;
}


.sgti_itinerary_list li:last-child {
    margin-bottom: 0;
}


.sgti_itinerary_list li i {
    color: #f3525a;
    font-size: 12px;
}


/* =========================================================
   SIGHTSEEING NOTE
========================================================= */

.sgti_itinerary_note {
    margin-top: 13px !important;
    padding-top: 11px;
    border-top: 1px dashed #f9b0b3;
    color: #8a5560 !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   TEMPLE FEE NOTE
========================================================= */

.sgti_fee_note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 14px;
    padding: 12px 13px;
    background: #fff5f5;
    border-left: 3px solid #f3525a;
    border-radius: 8px;
    box-sizing: border-box;
}


.sgti_fee_icon {
    flex: 0 0 auto;
    color: #f3525a;
    font-size: 13px;
    padding-top: 2px;
}


.sgti_fee_note p {
    margin: 0;
    color: #79535a;
    font-size: 11px;
    line-height: 1.7;
    text-align: justify;
}


.sgti_fee_note p strong {
    color: #172033;
}


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

.sgti_completion_item .sgti_itinerary_icon {
    background: #f3525a;
    color: #ffffff;
}


/* =========================================================
   INFORMATION BOX
========================================================= */

.sgti_itinerary_information {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 45px;
    padding: 28px 30px;
    background: #fff5f5;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    box-sizing: border-box;
}


.sgti_information_icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3525a;
    color: #ffffff;
    border-radius: 12px;
    font-size: 18px;
}


.sgti_information_content {
    flex: 1;
    min-width: 0;
}


.sgti_information_content h3 {
    margin: 0 0 8px;
    color: #172033;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}


.sgti_information_content p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.8;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgti_tour_itinerary_section {
        padding: 55px 20px;
    }


    .sgti_tour_itinerary_container {
        max-width: 900px;
    }


    /* HEADER */

    .sgti_tour_itinerary_header {
        max-width: 760px;
        margin-bottom: 38px;
    }


    .sgti_tour_itinerary_label {
        font-size: 12px;
        letter-spacing: 1.3px;
    }


    .sgti_tour_itinerary_label_icon {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }


    .sgti_tour_itinerary_title {
        font-size: 34px;
        line-height: 1.25;
    }


    .sgti_tour_itinerary_intro {
        font-size: 14px;
        line-height: 1.8;
    }


    /* DAY ROW */

    .sgti_days_row {
        align-items: stretch;
    }


    .sgti_days_row>.col-lg-6 {
        display: flex;
    }


    /* DAY CARD */

    .sgti_day_card {
        padding: 27px 23px;
        border-radius: 20px;
    }


    /* DAY BADGE */

    .sgti_day_badge {
        margin-bottom: 15px;
        padding: 8px 15px;
        font-size: 11px;
    }


    .sgti_day_badge_icon {
        font-size: 12px;
    }


    /* DAY HEADING */

    .sgti_day_heading {
        margin-bottom: 23px;
    }


    .sgti_day_heading h3 {
        font-size: 21px;
        line-height: 1.35;
    }


    .sgti_day_heading h4 {
        font-size: 14px;
        line-height: 1.55;
    }


    /* ITINERARY ITEM */

    .sgti_itinerary_item {
        gap: 13px;
        padding: 17px 0;
    }


    /* ICON */

    .sgti_itinerary_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 15px;
    }


    /* CONTENT */

    .sgti_itinerary_content h5 {
        margin-bottom: 7px;
        font-size: 14px;
    }


    .sgti_itinerary_content p {
        font-size: 12px;
        line-height: 1.75;
    }


    /* SIGHTSEEING LIST */

    .sgti_itinerary_list {
        margin: 10px 0 8px;
    }


    .sgti_itinerary_list li {
        gap: 7px;
        margin-bottom: 6px;
        font-size: 12px;
    }


    .sgti_itinerary_list li i {
        font-size: 11px;
    }


    /* SIGHTSEEING NOTE */

    .sgti_itinerary_note {
        margin-top: 10px !important;
        padding-top: 9px;
        font-size: 10px !important;
        line-height: 1.65 !important;
    }


    /* FEE NOTE */

    .sgti_fee_note {
        gap: 8px;
        margin-top: 11px;
        padding: 10px 11px;
    }


    .sgti_fee_icon {
        font-size: 12px;
    }


    .sgti_fee_note p {
        font-size: 10px;
        line-height: 1.65;
        text-align: justify;
    }


    /* INFORMATION BOX */

    .sgti_itinerary_information {
        gap: 15px;
        margin-top: 35px;
        padding: 23px 24px;
        border-radius: 16px;
    }


    .sgti_information_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 16px;
    }


    .sgti_information_content h3 {
        margin-bottom: 7px;
        font-size: 16px;
    }


    .sgti_information_content p {
        font-size: 12px;
        line-height: 1.75;
        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgti_tour_itinerary_section {
        padding: 45px 15px;
    }


    .sgti_tour_itinerary_container {
        max-width: 100%;
    }


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

    .sgti_tour_itinerary_header {
        max-width: 100%;
        margin-bottom: 35px;
    }


    .sgti_tour_itinerary_label {
        gap: 7px;
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 1.1px;
    }


    .sgti_tour_itinerary_label_icon {
        width: 29px;
        height: 29px;
        font-size: 12px;
    }


    .sgti_tour_itinerary_title {
        margin-bottom: 13px;
        font-size: 28px;
        line-height: 1.3;
    }


    .sgti_tour_itinerary_intro {
        font-size: 12px;
        line-height: 1.75;
        text-align: center;
    }


    /* =====================================================
       DAY ROW
    ====================================================== */

    .sgti_days_row {
        align-items: initial;
    }


    .sgti_days_row>.col-lg-6 {
        display: block;
    }


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

    .sgti_day_card {
        height: auto;
        padding: 22px 17px;
        border-radius: 18px;
    }


    .sgti_day_card:hover {
        transform: none;
    }


    /* =====================================================
       DAY BADGE
    ====================================================== */

    .sgti_day_badge {
        gap: 7px;
        margin-bottom: 14px;
        padding: 8px 13px;
        font-size: 10px;
        letter-spacing: 1px;
    }


    .sgti_day_badge_icon {
        font-size: 11px;
    }


    /* =====================================================
       DAY HEADING
    ====================================================== */

    .sgti_day_heading {
        margin-bottom: 22px;
    }


    .sgti_day_heading h3 {
        margin-bottom: 6px;
        font-size: 20px;
        line-height: 1.35;
    }


    .sgti_day_heading h4 {
        font-size: 13px;
        line-height: 1.6;
    }


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

    .sgti_itinerary_item {
        gap: 12px;
        padding: 17px 0;
    }


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

    .sgti_itinerary_icon {
        flex: 0 0 39px;
        width: 39px;
        height: 39px;
        border-radius: 10px;
        font-size: 14px;
    }


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

    .sgti_itinerary_content h5 {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 1.45;
    }


    .sgti_itinerary_content p {
        font-size: 11px;
        line-height: 1.75;
        text-align: justify;
    }


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

    .sgti_itinerary_list {
        margin: 10px 0 8px;
    }


    .sgti_itinerary_list li {
        gap: 7px;
        margin-bottom: 6px;
        font-size: 11px;
    }


    .sgti_itinerary_list li i {
        font-size: 10px;
    }


    /* =====================================================
       SIGHTSEEING NOTE
    ====================================================== */

    .sgti_itinerary_note {
        margin-top: 10px !important;
        padding-top: 9px;
        font-size: 9px !important;
        line-height: 1.65 !important;
        text-align: justify;
    }


    /* =====================================================
       TEMPLE FEE NOTE
    ====================================================== */

    .sgti_fee_note {
        gap: 7px;
        margin-top: 10px;
        padding: 10px 11px;
        border-left-width: 2px;
    }


    .sgti_fee_icon {
        font-size: 11px;
        padding-top: 1px;
    }


    .sgti_fee_note p {
        font-size: 9px;
        line-height: 1.65;
        text-align: justify;
    }


    /* =====================================================
       INFORMATION BOX
    ====================================================== */

    .sgti_itinerary_information {
        gap: 12px;
        margin-top: 30px;
        padding: 19px 16px;
        border-radius: 14px;
    }


    .sgti_information_icon {
        flex: 0 0 37px;
        width: 37px;
        height: 37px;
        border-radius: 9px;
        font-size: 14px;
    }


    .sgti_information_content h3 {
        margin-bottom: 6px;
        font-size: 15px;
        line-height: 1.45;
    }


    .sgti_information_content p {
        font-size: 10px;
        line-height: 1.7;
        text-align: justify;
    }

}














/* =========================================================
   QUICK ITINERARY
========================================================= */

.sgtqi_quick_itinerary_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.sgtqi_quick_itinerary_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.sgtqi_quick_itinerary_header {
    max-width: 850px;
    margin: 0 auto 45px;
}

.sgtqi_quick_itinerary_label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sgtqi_quick_itinerary_label i {
    font-size: 16px;
}

.sgtqi_quick_itinerary_title {
    margin: 0 0 12px;
    color: #172033;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.sgtqi_quick_itinerary_intro {
    max-width: 760px;
    margin: 0 auto;
    color: #596579;
    font-size: 15px;
    line-height: 1.8;
}

.sgtqi_quick_itinerary_intro strong {
    color: #172033;
    font-weight: 700;
}


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

.sgtqi_itinerary_card {
    width: 100%;
    height: 100%;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sgtqi_itinerary_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.11);
}


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

.sgtqi_itinerary_card_top {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding-bottom: 24px;
    border-bottom: 1px solid #edf0f4;
}

.sgtqi_itinerary_number {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3525a;
    color: #ffffff;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(243, 82, 90, 0.22);
}

.sgtqi_itinerary_day_content {
    min-width: 0;
}

.sgtqi_itinerary_route_label {
    display: block;
    margin-bottom: 5px;
    color: #f3525a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sgtqi_itinerary_route_title {
    margin: 0 0 6px;
    color: #172033;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

.sgtqi_itinerary_day {
    display: inline-block;
    color: #6c7688;
    font-size: 13px;
    font-weight: 500;
}


/* =========================================================
   ROUTE
========================================================= */

.sgtqi_itinerary_route {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    padding-top: 24px;
}

.sgtqi_route_item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 9px;
    color: #344054;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.sgtqi_route_item i {
    flex: 0 0 auto;
    color: #f3525a;
    font-size: 13px;
}

.sgtqi_route_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f9b0b3;
    font-size: 10px;
}


/* =========================================================
   FLEXIBILITY NOTE
========================================================= */

.sgtqi_flexibility_note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 1000px;
    margin: 35px auto 0;
    padding: 22px 24px;
    background: #ffffff;
    border-left: 4px solid #f3525a;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);
    box-sizing: border-box;
}

.sgtqi_flexibility_icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 50%;
    font-size: 16px;
}

.sgtqi_flexibility_content {
    min-width: 0;
}

.sgtqi_flexibility_content h4 {
    margin: 0 0 6px;
    color: #172033;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.sgtqi_flexibility_content p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.75;
    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtqi_quick_itinerary_section {
        padding: 50px 20px;
    }

    .sgtqi_quick_itinerary_container {
        max-width: 900px;
    }

    .sgtqi_quick_itinerary_header {
        max-width: 720px;
        margin-bottom: 35px;
    }

    .sgtqi_quick_itinerary_title {
        font-size: 30px;
    }

    .sgtqi_quick_itinerary_intro {
        font-size: 14px;
        line-height: 1.75;
    }


    /* ITINERARY CARD */

    .sgtqi_itinerary_card {
        padding: 22px;
        border-radius: 16px;
    }

    .sgtqi_itinerary_card_top {
        gap: 14px;
        padding-bottom: 20px;
    }

    .sgtqi_itinerary_number {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        font-size: 15px;
    }

    .sgtqi_itinerary_route_label {
        font-size: 10px;
    }

    .sgtqi_itinerary_route_title {
        font-size: 19px;
    }

    .sgtqi_itinerary_day {
        font-size: 12px;
    }


    /* ROUTE */

    .sgtqi_itinerary_route {
        gap: 7px;
        padding-top: 20px;
    }

    .sgtqi_route_item {
        padding: 8px 10px;
        font-size: 11px;
    }

    .sgtqi_route_item i {
        font-size: 12px;
    }

    .sgtqi_route_arrow {
        font-size: 9px;
    }


    /* FLEXIBILITY NOTE */

    .sgtqi_flexibility_note {
        max-width: 850px;
        margin-top: 28px;
        padding: 20px;
    }

    .sgtqi_flexibility_content p {
        font-size: 12px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgtqi_quick_itinerary_section {
        padding: 45px 15px;
    }

    .sgtqi_quick_itinerary_container {
        max-width: 100%;
    }


    /* HEADER */

    .sgtqi_quick_itinerary_header {
        max-width: 100%;
        margin-bottom: 28px;
    }

    .sgtqi_quick_itinerary_label {
        gap: 6px;
        margin-bottom: 9px;
        font-size: 11px;
        letter-spacing: 1px;
    }

    .sgtqi_quick_itinerary_label i {
        font-size: 14px;
    }

    .sgtqi_quick_itinerary_title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.3;
    }

    .sgtqi_quick_itinerary_intro {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.7;
    }


    /* ITINERARY CARD */

    .sgtqi_itinerary_card {
        padding: 20px;
        border-radius: 15px;
    }

    .sgtqi_itinerary_card_top {
        gap: 13px;
        padding-bottom: 19px;
    }

    .sgtqi_itinerary_number {
        width: 44px;
        height: 44px;
        border-radius: 11px;
        font-size: 14px;
    }

    .sgtqi_itinerary_route_label {
        margin-bottom: 4px;
        font-size: 10px;
        letter-spacing: 0.8px;
    }

    .sgtqi_itinerary_route_title {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 1.35;
    }

    .sgtqi_itinerary_day {
        font-size: 12px;
    }


    /* ROUTE */

    .sgtqi_itinerary_route {
        gap: 7px;
        padding-top: 19px;
    }

    .sgtqi_route_item {
        padding: 8px 10px;
        font-size: 11px;
        border-radius: 8px;
    }

    .sgtqi_route_item i {
        font-size: 11px;
    }

    .sgtqi_route_arrow {
        font-size: 8px;
    }


    /* FLEXIBILITY NOTE */

    .sgtqi_flexibility_note {
        gap: 12px;
        margin-top: 24px;
        padding: 17px;
        border-left-width: 3px;
        border-radius: 10px;
    }

    .sgtqi_flexibility_icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .sgtqi_flexibility_content h4 {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .sgtqi_flexibility_content p {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }

}














/* =========================================================
   IMPORTANT DARSHAN INFORMATION
========================================================= */

.sgtidt_darshan_transparency_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtidt_darshan_transparency_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtidt_darshan_transparency_card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    width: 100%;
    padding: 38px 42px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 18px;
    box-sizing: border-box;
    overflow: hidden;
}


/* Decorative Background Shape */

.sgtidt_darshan_transparency_card::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -75px;
    bottom: -85px;
    background: #f9b0b3;
    opacity: 0.18;
    border-radius: 50%;
    pointer-events: none;
}


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

.sgtidt_darshan_transparency_icon {
    position: relative;
    z-index: 2;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3525a;
    color: #ffffff;
    border-radius: 15px;
    font-size: 25px;
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.20);
}


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

.sgtidt_darshan_transparency_content {
    position: relative;
    z-index: 2;
    flex: 1;
    min-width: 0;
}


/* =========================================================
   LABEL
========================================================= */

.sgtidt_darshan_transparency_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


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

.sgtidt_darshan_transparency_title {
    margin: 0 0 20px;
    color: #172033;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}


/* =========================================================
   HIGHLIGHT TEXT
========================================================= */

.sgtidt_darshan_transparency_highlight {
    margin: 0 0 18px;
    padding: 15px 18px;
    background: #ffffff;
    border-left: 3px solid #f3525a;
    border-radius: 8px;
    color: #172033;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    box-sizing: border-box;
}


/* =========================================================
   BODY TEXT
========================================================= */

.sgtidt_darshan_transparency_text {
    margin: 0 0 16px;
    color: #4b5567;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
    text-align: justify;
}


.sgtidt_darshan_transparency_text:last-child {
    margin-bottom: 0;
}


.sgtidt_darshan_transparency_text strong {
    color: #172033;
    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (max-width: 991px) {

    .sgtidt_darshan_transparency_section {
        padding: 52px 20px;
    }

    .sgtidt_darshan_transparency_container {
        max-width: 900px;
    }

    .sgtidt_darshan_transparency_card {
        gap: 22px;
        padding: 32px 30px;
        border-radius: 16px;
    }

    .sgtidt_darshan_transparency_icon {
        flex: 0 0 58px;
        width: 58px;
        height: 58px;
        border-radius: 14px;
        font-size: 23px;
    }

    .sgtidt_darshan_transparency_label {
        margin-bottom: 8px;
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .sgtidt_darshan_transparency_title {
        margin-bottom: 18px;
        font-size: 29px;
        line-height: 1.3;
    }

    .sgtidt_darshan_transparency_highlight {
        margin-bottom: 17px;
        padding: 14px 17px;
        font-size: 15px;
        line-height: 1.7;
    }

    .sgtidt_darshan_transparency_text {
        margin-bottom: 15px;
        font-size: 13.5px;
        line-height: 1.8;
        text-align: justify;
    }

    .sgtidt_darshan_transparency_card::after {
        width: 150px;
        height: 150px;
        right: -65px;
        bottom: -70px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgtidt_darshan_transparency_section {
        padding: 42px 15px;
    }

    .sgtidt_darshan_transparency_container {
        max-width: 100%;
    }

    .sgtidt_darshan_transparency_card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 27px 21px;
        border-left: 4px solid #f3525a;
        border-radius: 15px;
    }

    .sgtidt_darshan_transparency_icon {
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        border-radius: 13px;
        font-size: 21px;
    }

    .sgtidt_darshan_transparency_content {
        width: 100%;
    }

    .sgtidt_darshan_transparency_label {
        margin-bottom: 8px;
        font-size: 10.5px;
        letter-spacing: 1.1px;
    }

    .sgtidt_darshan_transparency_title {
        margin-bottom: 17px;
        font-size: 25px;
        line-height: 1.3;
    }

    .sgtidt_darshan_transparency_highlight {
        margin-bottom: 16px;
        padding: 13px 15px;
        border-left-width: 3px;
        border-radius: 7px;
        font-size: 14px;
        line-height: 1.65;
        text-align: left;
    }

    .sgtidt_darshan_transparency_text {
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.8;
        text-align: justify;
    }

    .sgtidt_darshan_transparency_card::after {
        width: 125px;
        height: 125px;
        right: -55px;
        bottom: -60px;
    }

}

















/* =========================================================
   PACKAGE PRICING
========================================================= */

.sgtppc_package_pricing_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtppc_package_pricing_container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtppc_package_pricing_header {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}


.sgtppc_package_pricing_label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #fff0f1;
    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


.sgtppc_package_pricing_label_icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;
    font-size: 12px;
}


.sgtppc_package_pricing_title {
    margin: 0 0 18px;
    color: #172033;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
}


.sgtppc_package_pricing_intro {
    margin: 0;
    color: #5d6675;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
}


.sgtppc_package_pricing_intro strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   PRICING FACTORS
========================================================= */

.sgtppc_package_pricing_factors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 30px;
}


.sgtppc_package_pricing_factor {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 82px;
    padding: 16px 18px;
    border: 1px solid #f9b0b3;
    border-radius: 14px;
    background: #ffffff;
    box-sizing: border-box;
    transition: all 0.3s ease;
}


.sgtppc_package_pricing_factor:hover {
    transform: translateY(-4px);
    border-color: #f3525a;
    box-shadow: 0 12px 28px rgba(243, 82, 90, 0.12);
}


.sgtppc_package_pricing_factor_icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 17px;
}


.sgtppc_package_pricing_factor_content {
    min-width: 0;
}


.sgtppc_package_pricing_factor_content span {
    display: block;
    color: #172033;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}


/* =========================================================
   QUOTE BOX
========================================================= */

.sgtppc_package_pricing_quote_box {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
    padding: 24px 26px;
    border-left: 4px solid #f3525a;
    border-radius: 14px;
    background: #fff6f6;
    box-sizing: border-box;
}


.sgtppc_package_pricing_quote_icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f3525a;
    color: #ffffff;
    font-size: 20px;
}


.sgtppc_package_pricing_quote_content {
    flex: 1;
}


.sgtppc_package_pricing_quote_text {
    margin: 0 0 7px;
    color: #172033;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    text-align: justify;
}


.sgtppc_package_pricing_quote_note {
    margin: 0;
    color: #697383;
    font-size: 13px;
    line-height: 1.75;
    text-align: justify;
}


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

.sgtppc_package_pricing_actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}


.sgtppc_package_pricing_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 13px 24px;
    border-radius: 40px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    box-sizing: border-box;
    transition: all 0.3s ease;
}


.sgtppc_package_pricing_btn i {
    font-size: 16px;
}


.sgtppc_package_pricing_btn_primary {
    background: #16b64a;
    color: #ffffff;
    border: 1px solid #16b64a;
}


.sgtppc_package_pricing_btn_primary:hover {

    color: #ffffff;
    transform: translateY(-2px);
}


.sgtppc_package_pricing_btn_secondary {
    background: #ffffff;
    color: #f3525a;
    border: 1px solid #f3525a;
}


.sgtppc_package_pricing_btn_secondary:hover {

    color: #f3525a;
    transform: translateY(-2px);
}


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

.sgtppc_package_pricing_footer {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 22px;
    border-top: 1px solid #f9b0b3;
}


.sgtppc_package_pricing_footer_icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f3525a;
    font-size: 15px;
}


.sgtppc_package_pricing_footer p {
    margin: 0;
    color: #697383;
    font-size: 12px;
    line-height: 1.8;
    text-align: justify;
}

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

@media (max-width: 991px) {

    .sgtppc_package_pricing_section {
        padding: 55px 20px;
    }


    .sgtppc_package_pricing_header {
        max-width: 760px;
        margin-bottom: 36px;
    }


    .sgtppc_package_pricing_title {
        font-size: 34px;
        line-height: 1.3;
    }


    .sgtppc_package_pricing_intro {
        font-size: 14px;
        line-height: 1.85;
    }


    /* PRICING FACTORS */

    .sgtppc_package_pricing_factors {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-bottom: 26px;
    }


    .sgtppc_package_pricing_factor {
        min-height: 78px;
        padding: 15px 17px;
    }


    .sgtppc_package_pricing_factor_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        font-size: 16px;
    }


    .sgtppc_package_pricing_factor_content span {
        font-size: 12.5px;
    }


    /* QUOTE BOX */

    .sgtppc_package_pricing_quote_box {
        gap: 16px;
        margin-bottom: 26px;
        padding: 22px 23px;
    }


    .sgtppc_package_pricing_quote_icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        font-size: 18px;
    }


    .sgtppc_package_pricing_quote_text {
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
    }


    .sgtppc_package_pricing_quote_note {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }


    /* BUTTONS */

    .sgtppc_package_pricing_actions {
        gap: 12px;
        margin-bottom: 25px;
    }


    .sgtppc_package_pricing_btn {
        min-height: 48px;
        padding: 12px 21px;
        font-size: 12.5px;
    }


    /* FOOTER */

    .sgtppc_package_pricing_footer {
        max-width: 760px;
        padding-top: 20px;
    }


    .sgtppc_package_pricing_footer p {
        font-size: 11.5px;
        line-height: 1.75;
        text-align: justify;
    }

}


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

@media (max-width: 767px) {

    .sgtppc_package_pricing_section {
        padding: 45px 15px;
    }


    .sgtppc_package_pricing_header {
        margin-bottom: 30px;
    }


    .sgtppc_package_pricing_label {
        gap: 7px;
        margin-bottom: 12px;
        padding: 7px 13px;
        font-size: 10px;
        letter-spacing: 0.9px;
    }


    .sgtppc_package_pricing_label_icon {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }


    .sgtppc_package_pricing_title {
        margin-bottom: 14px;
        font-size: 25px;
        line-height: 1.3;
    }


    .sgtppc_package_pricing_intro {
        font-size: 13px;
        line-height: 1.8;
    }


    /* PRICING FACTORS */

    .sgtppc_package_pricing_factors {
        grid-template-columns: 1fr;
        gap: 11px;
        margin-bottom: 22px;
    }


    .sgtppc_package_pricing_factor {
        min-height: 70px;
        padding: 13px 15px;
        border-radius: 12px;
    }


    .sgtppc_package_pricing_factor:hover {
        transform: none;
    }


    .sgtppc_package_pricing_factor_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 15px;
    }


    .sgtppc_package_pricing_factor_content span {
        font-size: 12px;
        line-height: 1.4;
    }


    /* QUOTE BOX */

    .sgtppc_package_pricing_quote_box {
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 22px;
        padding: 18px 15px;
        border-left-width: 3px;
        border-radius: 12px;
    }


    .sgtppc_package_pricing_quote_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 16px;
    }


    .sgtppc_package_pricing_quote_content {
        min-width: 0;
    }


    .sgtppc_package_pricing_quote_text {
        margin-bottom: 6px;
        font-size: 12.5px;
        line-height: 1.65;
    }


    .sgtppc_package_pricing_quote_note {
        font-size: 11px;
        line-height: 1.7;
    }


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

    .sgtppc_package_pricing_actions {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 10px;
        margin-bottom: 22px;
    }


    .sgtppc_package_pricing_btn {
        width: auto;
        flex: 1;
        min-height: 47px;
        padding: 12px 10px;
        border-radius: 40px;
        font-size: 11px;
        white-space: nowrap;
    }


    .sgtppc_package_pricing_btn i {
        font-size: 14px;
    }


    .sgtppc_package_pricing_btn:hover {
        transform: none;
    }

    /* FOOTER */

    .sgtppc_package_pricing_footer {
        gap: 8px;
        padding-top: 17px;
    }


    .sgtppc_package_pricing_footer_icon {
        flex: 0 0 21px;
        width: 21px;
        height: 21px;
        font-size: 13px;
    }


    .sgtppc_package_pricing_footer p {
        font-size: 10.5px;
        line-height: 1.7;
        text-align: justify;
    }

}














/* =========================================================
   PACKAGE SUITABILITY
========================================================= */

.sgtps_package_suitability_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtps_package_suitability_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


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

.sgtps_package_suitability_header {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}


.sgtps_package_suitability_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


.sgtps_package_suitability_label i {
    font-size: 15px;
}


.sgtps_package_suitability_title {
    margin: 0;
    color: #172033;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================================
   INTRO
========================================================= */

.sgtps_package_suitability_intro {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #172033;
    font-size: 15px;
    font-weight: 600;
}


.sgtps_package_suitability_intro i {
    color: #f3525a;
    font-size: 17px;
}

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

.sgtps_package_suitability_card {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 14px;

    width: 100%;

    height: 100%;

    min-height: 145px;

    padding: 20px 20px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 14px;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.sgtps_package_suitability_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

    background: #f3525a;
}


.sgtps_package_suitability_card:hover {

    transform: translateY(-4px);

    border-color: #f9b0b3;

    box-shadow: 0 12px 28px rgba(23, 32, 51, 0.08);
}


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

.sgtps_package_suitability_icon {

    flex: 0 0 auto;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 18px;

    box-sizing: border-box;
}


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

.sgtps_package_suitability_card p {

    width: 100%;

    margin: 0;

    color: #172033;

    font-size: 14px;

    line-height: 1.7;

    font-weight: 500;
}


/* =========================================================
   BOOTSTRAP COLUMN HEIGHT
========================================================= */

.sgtps_package_suitability_content .row>[class*="col-"] {

    display: flex;
}


.sgtps_package_suitability_content .row>[class*="col-"] .sgtps_package_suitability_card {

    width: 100%;
}



/* =========================================================
   IMPORTANT NOTE
========================================================= */

.sgtps_package_suitability_note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    margin-top: 24px;
    padding: 21px 22px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 14px;
    box-sizing: border-box;
}


.sgtps_package_suitability_note_icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 50%;
    font-size: 17px;
}


.sgtps_package_suitability_note_content {
    flex: 1;
}


.sgtps_package_suitability_note_content h3 {
    margin: 0 0 5px;
    color: #f3525a;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


.sgtps_package_suitability_note_content p {
    margin: 0;
    color: #172033;
    font-size: 13.5px;
    line-height: 1.7;
    font-weight: 500;
}


.sgtps_package_suitability_note_content strong {
    color: #f3525a;
    font-weight: 700;
}

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

@media (max-width: 991px) {

    .sgtps_package_suitability_section {
        padding: 55px 20px;
    }


    .sgtps_package_suitability_header {
        max-width: 720px;
        margin-bottom: 36px;
    }


    .sgtps_package_suitability_label {
        margin-bottom: 10px;
        font-size: 12px;
    }


    .sgtps_package_suitability_title {
        font-size: 28px;
        line-height: 1.35;
    }


    .sgtps_package_suitability_intro {
        margin-bottom: 18px;
        font-size: 14px;
    }


    /* CARD */

    .sgtps_package_suitability_card {
        min-height: 145px;
        padding: 19px 18px;
        gap: 13px;
    }


    .sgtps_package_suitability_icon {
        width: 42px;
        height: 42px;
        border-radius: 11px;
        font-size: 17px;
    }


    .sgtps_package_suitability_card p {
        font-size: 13.5px;
        line-height: 1.65;
        text-align: justify;
    }


    /* IMPORTANT NOTE */

    .sgtps_package_suitability_note {
        gap: 14px;
        margin-top: 22px;
        padding: 19px 20px;
    }


    .sgtps_package_suitability_note_icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 16px;
    }


    .sgtps_package_suitability_note_content h3 {
        font-size: 15px;
    }


    .sgtps_package_suitability_note_content p {
        font-size: 13px;
        line-height: 1.65;
        text-align: justify;
    }

}


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

@media (max-width: 575px) {

    .sgtps_package_suitability_section {
        padding: 45px 15px;
    }


    .sgtps_package_suitability_container {
        max-width: 100%;
    }


    /* HEADER */

    .sgtps_package_suitability_header {
        max-width: 100%;
        margin-bottom: 28px;
    }


    .sgtps_package_suitability_label {
        gap: 6px;
        margin-bottom: 9px;
        font-size: 11px;
        letter-spacing: 1px;
    }


    .sgtps_package_suitability_label i {
        font-size: 13px;
    }


    .sgtps_package_suitability_title {
        font-size: 23px;
        line-height: 1.35;
    }


    /* INTRO */

    .sgtps_package_suitability_intro {
        justify-content: center;
        gap: 7px;
        margin-bottom: 16px;
        font-size: 13px;
    }


    .sgtps_package_suitability_intro i {
        font-size: 15px;
    }


    /* BOOTSTRAP COLUMNS */

    .sgtps_package_suitability_content .row>[class*="col-"] {
        display: flex;
    }


    /* CARD */

    .sgtps_package_suitability_card {

        width: 100%;

        height: 100%;

        min-height: 145px;

        padding: 17px 16px;

        gap: 12px;

        border-radius: 12px;
    }


    .sgtps_package_suitability_card::before {
        width: 3px;
    }


    .sgtps_package_suitability_card:hover {
        transform: none;
        box-shadow: none;
    }


    /* ICON */

    .sgtps_package_suitability_icon {

        flex: 0 0 auto;

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 16px;
    }


    /* TEXT */

    .sgtps_package_suitability_card p {

        width: 100%;

        margin: 0;

        font-size: 13px;

        line-height: 1.6;

        text-align: justify;
    }


    /* IMPORTANT NOTE */

    .sgtps_package_suitability_note {

        align-items: flex-start;

        gap: 11px;

        margin-top: 18px;

        padding: 17px 15px;

        border-left-width: 4px;

        border-radius: 12px;
    }


    .sgtps_package_suitability_note_icon {

        flex: 0 0 34px;

        width: 34px;

        height: 34px;

        font-size: 14px;
    }


    .sgtps_package_suitability_note_content {
        min-width: 0;
    }


    .sgtps_package_suitability_note_content h3 {

        margin: 0 0 4px;

        font-size: 14px;

        line-height: 1.4;
    }


    .sgtps_package_suitability_note_content p {

        font-size: 12px;

        line-height: 1.65;
        text-align: justify;
    }

}
















/* =========================================================
   WHY CHOOSE THIS PACKAGE
========================================================= */

.sgtwctp_why_choose_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtwctp_why_choose_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.sgtwctp_why_choose_header {
    max-width: 850px;
    margin: 0 auto 45px;
}


.sgtwctp_why_choose_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    padding: 7px 15px;
    border-radius: 30px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.sgtwctp_why_choose_label i {
    font-size: 14px;
}


.sgtwctp_why_choose_title {
    margin: 0 0 10px;
    color: #172033;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
}


.sgtwctp_why_choose_intro {
    max-width: 760px;
    margin: 0 auto;
    color: #687386;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}


/* =========================================================
   BENEFIT CARDS
========================================================= */

.sgtwctp_why_choose_cards {
    margin-top: 0;
}


.sgtwctp_why_choose_card {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 25px 23px;
    border: 1px solid #edf0f4;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(23, 32, 51, 0.06);
    overflow: hidden;
    box-sizing: border-box;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.sgtwctp_why_choose_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #f3525a;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
}


.sgtwctp_why_choose_card:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 14px 35px rgba(243, 82, 90, 0.12);
}


.sgtwctp_why_choose_card:hover::before {
    transform: scaleY(1);
}


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

.sgtwctp_why_choose_icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 20px;
    box-sizing: border-box;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.sgtwctp_why_choose_card:hover .sgtwctp_why_choose_icon {
    background: #f3525a;
    color: #ffffff;
    transform: rotate(-3deg);
}


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

.sgtwctp_why_choose_content {
    min-width: 0;
    flex: 1;
}

.sgtwctp_why_choose_content h3 {
    margin: 0 0 9px;
    color: #172033;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}


.sgtwctp_why_choose_content p {
    margin: 0;
    color: #687386;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.75;
    text-align: justify;
}


.sgtwctp_why_choose_content strong {
    color: #172033;
    font-weight: 700;
}


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

.sgtwctp_why_choose_bottom {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 1050px;
    margin: 38px auto 0;
    padding: 20px 23px;
    border: 1px solid #f9b0b3;
    border-radius: 13px;
    background: #fff7f7;
    box-sizing: border-box;
}


.sgtwctp_why_choose_bottom_icon {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f3525a;
    font-size: 19px;
}


.sgtwctp_why_choose_bottom p {
    margin: 0;
    color: #4f5a6c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
}

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

@media (min-width: 768px) and (max-width: 991px) {

    .sgtwctp_why_choose_section {
        padding: 50px 20px;
    }

    .sgtwctp_why_choose_header {
        max-width: 760px;
        margin-bottom: 38px;
    }

    .sgtwctp_why_choose_title {
        font-size: 32px;
        line-height: 1.3;
    }

    .sgtwctp_why_choose_intro {
        font-size: 14px;
        line-height: 1.75;
    }

    .sgtwctp_why_choose_card {
        gap: 14px;
        padding: 22px 19px;
        border-radius: 14px;
    }

    .sgtwctp_why_choose_icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 12px;
        font-size: 18px;
    }

    .sgtwctp_why_choose_content h3 {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .sgtwctp_why_choose_content p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }

    .sgtwctp_why_choose_bottom {
        max-width: 100%;
        margin-top: 32px;
        padding: 18px 20px;
        gap: 13px;
    }

    .sgtwctp_why_choose_bottom p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }

}


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

@media (max-width: 767px) {

    .sgtwctp_why_choose_section {
        padding: 42px 15px;
    }

    .sgtwctp_why_choose_container {
        width: 100%;
    }


    /* SECTION HEADER */

    .sgtwctp_why_choose_header {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .sgtwctp_why_choose_label {
        gap: 6px;
        margin-bottom: 10px;
        padding: 6px 12px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .sgtwctp_why_choose_label i {
        font-size: 12px;
    }

    .sgtwctp_why_choose_title {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .sgtwctp_why_choose_intro {
        max-width: 100%;
        font-size: 12.5px;
        line-height: 1.7;
    }


    /* BENEFIT CARDS */

    .sgtwctp_why_choose_cards {
        margin-top: 0;
    }

    .sgtwctp_why_choose_card {
        gap: 13px;
        padding: 19px 16px;
        border-radius: 13px;
    }


    /* ICON */

    .sgtwctp_why_choose_icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 11px;
        font-size: 17px;
    }


    /* CARD CONTENT */

    .sgtwctp_why_choose_content h3 {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .sgtwctp_why_choose_content p {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }


    /* BOTTOM DESCRIPTION */

    .sgtwctp_why_choose_bottom {
        width: 100%;
        max-width: 100%;
        margin-top: 28px;
        padding: 16px;
        gap: 11px;
        border-radius: 11px;
    }

    .sgtwctp_why_choose_bottom_icon {
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        font-size: 17px;
    }

    .sgtwctp_why_choose_bottom p {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }

}















/* =========================================================
   SIMPLE BOOKING PROCESS
========================================================= */

.sgtbp_simple_booking_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtbp_simple_booking_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.sgtbp_simple_booking_header {
    max-width: 850px;
    margin: 0 auto 45px;
}


.sgtbp_simple_booking_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.sgtbp_simple_booking_label i {
    font-size: 18px;
}


.sgtbp_simple_booking_title {
    margin: 0 0 16px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;
}


.sgtbp_simple_booking_intro {
    max-width: 780px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.8;
    color: #526174;
}


/* =========================================================
   BOOKING STEPS
========================================================= */

.sgtbp_simple_booking_steps {
    align-items: stretch;
}


.sgtbp_booking_step_card {
    width: 100%;
    height: 100%;
    padding: 28px 24px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 16px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.sgtbp_booking_step_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #f3525a;
}


.sgtbp_booking_step_card:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.10);
}


/* =========================================================
   STEP NUMBER
========================================================= */

.sgtbp_step_number {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 50%;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}


.sgtbp_step_content {
    width: 100%;
}


.sgtbp_step_label {
    display: block;
    margin-bottom: 8px;
    color: #f3525a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.sgtbp_step_title {
    margin: 0 0 16px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: #172033;
}


.sgtbp_step_details {
    font-size: 13px;
    line-height: 1.75;
    color: #526174;
}


.sgtbp_step_details p {
    margin: 0;
    text-align: justify;
}


.sgtbp_step_details ul {
    margin: 0;
    padding-left: 18px;
}


.sgtbp_step_details li {
    margin-bottom: 7px;
}


.sgtbp_step_details li:last-child {
    margin-bottom: 0;
}


.sgtbp_step_details li::marker {
    color: #f3525a;
}


/* =========================================================
   BEFORE CONFIRMATION
========================================================= */

.sgtbp_confirmation_note {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 30px;
    padding: 17px 20px;
    background: #ffffff;
    border-left: 4px solid #f3525a;
    border-radius: 10px;
    box-sizing: border-box;
}


.sgtbp_confirmation_icon {
    flex: 0 0 auto;
    color: #f3525a;
    font-size: 18px;
    line-height: 1.6;
}


.sgtbp_confirmation_text {
    font-size: 13px;
    line-height: 1.7;
    color: #526174;
    text-align: justify;
}


.sgtbp_confirmation_text strong {
    color: #172033;
    font-weight: 700;
}


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

.sgtbp_booking_cta {
    margin-top: 32px;
}


.sgtbp_booking_cta_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 25px;
    background: #f3525a;
    color: #ffffff;
    border: 2px solid #f3525a;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}


.sgtbp_booking_cta_btn:hover {
    background: #ffffff;
    color: #f3525a;
    border-color: #f3525a;
    text-decoration: none;
}

.sgtbp_booking_cta_btn i {
    margin-right: 8px;
    font-size: 13px;
}

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

@media (max-width: 991px) {

    .sgtbp_simple_booking_section {
        padding: 55px 20px;
    }

    .sgtbp_simple_booking_header {
        max-width: 750px;
        margin-bottom: 38px;
    }

    .sgtbp_simple_booking_title {
        font-size: 34px;
    }

    .sgtbp_simple_booking_intro {
        font-size: 14px;
        line-height: 1.75;
    }

    .sgtbp_booking_step_card {
        padding: 25px 22px;
        border-radius: 15px;
    }

    .sgtbp_step_number {
        width: 46px;
        height: 46px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .sgtbp_step_title {
        font-size: 20px;
        line-height: 1.35;
    }

    .sgtbp_step_details {
        font-size: 13px;
        line-height: 1.7;
    }

    .sgtbp_confirmation_note {
        margin-top: 28px;
        padding: 16px 18px;
    }

    .sgtbp_confirmation_text {
        font-size: 13px;
        line-height: 1.7;
    }

    .sgtbp_booking_cta {
        margin-top: 30px;
    }

}


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

@media (max-width: 575px) {

    .sgtbp_simple_booking_section {
        padding: 42px 15px;
    }

    .sgtbp_simple_booking_header {
        margin-bottom: 30px;
    }

    .sgtbp_simple_booking_label {
        gap: 6px;
        margin-bottom: 10px;
        font-size: 11px;
        letter-spacing: 0.6px;
    }

    .sgtbp_simple_booking_label i {
        font-size: 16px;
    }

    .sgtbp_simple_booking_title {
        font-size: 28px;
        line-height: 1.25;
        margin-bottom: 13px;
    }

    .sgtbp_simple_booking_intro {
        font-size: 13px;
        line-height: 1.7;
    }


    /* BOOKING STEPS */

    .sgtbp_simple_booking_steps {
        row-gap: 18px;
    }

    .sgtbp_booking_step_card {
        padding: 23px 20px;
        border-radius: 14px;
    }

    .sgtbp_step_number {
        width: 44px;
        height: 44px;
        margin-bottom: 17px;
        font-size: 13px;
    }

    .sgtbp_step_label {
        margin-bottom: 7px;
        font-size: 10px;
    }

    .sgtbp_step_title {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 13px;
    }

    .sgtbp_step_details {
        font-size: 12.5px;
        line-height: 1.7;
    }

    .sgtbp_step_details ul {
        padding-left: 17px;
    }

    .sgtbp_step_details li {
        margin-bottom: 6px;
    }


    /* BEFORE CONFIRMATION */

    .sgtbp_confirmation_note {
        margin-top: 24px;
        padding: 15px 16px;
        gap: 10px;
        border-left-width: 3px;
        border-radius: 9px;
    }

    .sgtbp_confirmation_icon {
        font-size: 16px;
        line-height: 1.6;
    }

    .sgtbp_confirmation_text {
        font-size: 12px;
        line-height: 1.65;
    }


    /* CTA */

    .sgtbp_booking_cta {
        margin-top: 26px;
    }

    .sgtbp_booking_cta_btn {
        min-height: 47px;
        padding: 12px 20px;
        font-size: 12px;
        border-radius: 40px;
    }

    .sgtbp_booking_cta_btn i {
        margin-right: 7px;
        font-size: 12px;
    }

}















/* =========================================================
   BEFORE YOU BOOK
========================================================= */

.sgtbbt_before_booking_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtbbt_before_booking_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* HEADER */

.sgtbbt_before_booking_header {
    max-width: 850px;
    margin: 0 auto 15px;
    text-align: center;
}


.sgtbbt_before_booking_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 10px;
    border-radius: 30px;
    background: #f9b0b3;
    color: #172033;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
}


.sgtbbt_before_booking_label i {
    color: #f3525a;
    font-size: 15px;
}


.sgtbbt_before_booking_header h2 {
    margin: 0 0 12px;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    color: #172033;
}


.sgtbbt_before_booking_header p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #596579;
}


.sgtbbt_before_booking_header strong {
    color: #172033;
    font-weight: 700;
}


/* CONTENT */

.sgtbbt_before_booking_content {
    width: 100%;
}


.sgtbbt_before_booking_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}


.sgtbbt_before_booking_title i {
    color: #f3525a;
    font-size: 20px;
}


.sgtbbt_before_booking_title h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}


/* BOOTSTRAP ROW */

.sgtbbt_before_booking_row {
    width: 100%;
    margin: 0;
}


/* CARDS */

.sgtbbt_before_booking_card {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 28px;
    border: 1px solid #f0d0d2;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);
    box-sizing: border-box;
}


.sgtbbt_before_booking_highlight {
    background: #fff8f8;
    border-color: #f9b0b3;
}


.sgtbbt_before_booking_icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 19px;
}


.sgtbbt_before_booking_card_content {
    flex: 1;
    min-width: 0;
}


.sgtbbt_before_booking_card_content>h4 {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}


.sgtbbt_before_booking_note {
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid #f1e2e3;
}


.sgtbbt_before_booking_note:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.sgtbbt_before_booking_note_heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
}

.sgtbbt_before_booking_note_heading i {
    flex-shrink: 0;
    color: #f3525a;
    font-size: 14px;
}

.sgtbbt_before_booking_note_heading h5 {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #f3525a;
}

.sgtbbt_before_booking_note p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.8;
    color: #596579;
    text-align: justify;
}


.sgtbbt_before_booking_note strong {
    color: #172033;
    font-weight: 700;
}

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

@media (max-width: 991px) {

    .sgtbbt_before_booking_section {
        padding: 50px 20px;
    }


    .sgtbbt_before_booking_header {
        max-width: 750px;
        margin-bottom: 20px;
    }


    .sgtbbt_before_booking_label {
        font-size: 12.5px;
        padding: 8px 15px;
        margin-bottom: 10px;
    }


    .sgtbbt_before_booking_header h2 {
        font-size: 30px;
        line-height: 1.3;
    }


    .sgtbbt_before_booking_header p {
        font-size: 14px;
        line-height: 1.75;
    }


    .sgtbbt_before_booking_title {
        margin-bottom: 18px;
    }


    .sgtbbt_before_booking_title h3 {
        font-size: 20px;
    }


    .sgtbbt_before_booking_card {
        height: auto;
        padding: 25px;
        gap: 16px;
    }


    .sgtbbt_before_booking_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        font-size: 18px;
    }


    .sgtbbt_before_booking_card_content>h4 {
        font-size: 17px;
        margin-bottom: 18px;
    }


    .sgtbbt_before_booking_note {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }


    .sgtbbt_before_booking_note_heading {
        gap: 8px;
        margin-bottom: 6px;
    }


    .sgtbbt_before_booking_note_heading i {
        font-size: 13px;
    }


    .sgtbbt_before_booking_note_heading h5 {
        font-size: 14px;
    }


    .sgtbbt_before_booking_note p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }

}


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

@media (max-width: 767px) {

    .sgtbbt_before_booking_section {
        padding: 45px 15px;
    }


    .sgtbbt_before_booking_container {
        width: 100%;
    }


    .sgtbbt_before_booking_header {
        max-width: 100%;
        margin-bottom: 20px;
    }


    .sgtbbt_before_booking_label {
        gap: 7px;
        padding: 7px 13px;
        margin-bottom: 10px;
        font-size: 11.5px;
        border-radius: 25px;
    }


    .sgtbbt_before_booking_label i {
        font-size: 13px;
    }


    .sgtbbt_before_booking_header h2 {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 10px;
    }


    .sgtbbt_before_booking_header p {
        font-size: 12.5px;
        line-height: 1.7;
    }


    .sgtbbt_before_booking_title {
        gap: 8px;
        margin-bottom: 16px;
    }


    .sgtbbt_before_booking_title i {
        font-size: 17px;
    }


    .sgtbbt_before_booking_title h3 {
        font-size: 18px;
        line-height: 1.4;
    }


    .sgtbbt_before_booking_row {
        --bs-gutter-y: 15px;
    }


    .sgtbbt_before_booking_card {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 20px 17px;
        border-radius: 15px;
    }


    .sgtbbt_before_booking_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 17px;
    }


    .sgtbbt_before_booking_card_content {
        width: 100%;
    }


    .sgtbbt_before_booking_card_content>h4 {
        font-size: 16px;
        line-height: 1.45;
        margin-bottom: 17px;
    }


    .sgtbbt_before_booking_note {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }


    .sgtbbt_before_booking_note_heading {
        gap: 7px;
        margin-bottom: 6px;
    }


    .sgtbbt_before_booking_note_heading i {
        font-size: 12px;
    }


    .sgtbbt_before_booking_note_heading h5 {
        font-size: 13.5px;
        line-height: 1.45;
    }


    .sgtbbt_before_booking_note p {
        font-size: 12px;
        line-height: 1.75;
        text-align: justify;
    }


    .sgtbbt_before_booking_note strong {
        font-weight: 700;
    }

}














/* =========================================================
   STILL HAVE QUESTIONS ABOUT YOUR TIRUPATI TRIP
========================================================= */

.sgtsqyt_still_questions_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}


.sgtsqyt_still_questions_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


/* CARD */

.sgtsqyt_still_questions_card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 40px 40px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.14);
    border-radius: 22px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.08);
}


/* TOP ACCENT */

.sgtsqyt_still_questions_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #f3525a;
}


/* 1ST ROW - ICON */

.sgtsqyt_still_questions_icon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 18px;
    font-size: 25px;
    box-sizing: border-box;
}


/* CONTENT */

.sgtsqyt_still_questions_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
}


/* 2ND ROW - TITLE */

.sgtsqyt_still_questions_title {
    margin: 0 0 12px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.35;
    color: #172033;
    text-align: center;
}


/* 3RD ROW - TEXT */

.sgtsqyt_still_questions_text {
    margin: 0;
    max-width: 850px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: #596579;
    text-align: center;
}


.sgtsqyt_still_questions_text strong {
    color: #172033;
    font-weight: 700;
}


/* 4TH ROW - BUTTON */

.sgtsqyt_still_questions_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
    padding: 13px 22px;
    background: #f3525a;
    color: #ffffff;
    text-decoration: none;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    transition: all 0.3s ease;
    box-sizing: border-box;
}


.sgtsqyt_still_questions_btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}


.sgtsqyt_still_questions_btn:hover {
    background: #d94049;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.25);
}


.sgtsqyt_still_questions_btn:hover i {
    transform: translateX(4px);
}

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

@media (min-width: 768px) and (max-width: 991px) {

    .sgtsqyt_still_questions_section {
        padding: 50px 20px;
    }

    .sgtsqyt_still_questions_card {
        padding: 35px 30px;
        border-radius: 20px;
    }

    .sgtsqyt_still_questions_icon {
        width: 64px;
        height: 64px;
        min-width: 64px;
        margin-bottom: 18px;
        font-size: 23px;
        border-radius: 17px;
    }

    .sgtsqyt_still_questions_title {
        margin-bottom: 11px;
        font-size: 22px;
        line-height: 1.4;
    }

    .sgtsqyt_still_questions_text {
        max-width: 700px;
        font-size: 14px;
        line-height: 1.75;
    }

    .sgtsqyt_still_questions_btn {
        margin-top: 20px;
        padding: 12px 20px;
        font-size: 13px;
    }

}


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

@media (max-width: 767px) {

    .sgtsqyt_still_questions_section {
        padding: 45px 15px;
    }

    .sgtsqyt_still_questions_card {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .sgtsqyt_still_questions_icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        margin-bottom: 16px;
        font-size: 21px;
        border-radius: 15px;
    }

    .sgtsqyt_still_questions_title {
        margin-bottom: 10px;
        font-size: 17px;
        line-height: 1.4;
    }

    .sgtsqyt_still_questions_text {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.75;
    }

    .sgtsqyt_still_questions_btn {
        margin-top: 18px;
        padding: 12px 17px;
        font-size: 12px;
        gap: 8px;
    }

    .sgtsqyt_still_questions_btn i {
        font-size: 11px;
    }

}

















/* =========================================================
   READY TO PLAN TIRUPATI TRIP SECTION - MEDIUM SIZE
========================================================= */

.xqsgt_quote_ready_section {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 50px 20px 50px;

    background-color: #0d4565;

    background-image:
        linear-gradient(rgba(73, 99, 128, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(73, 99, 128, 0.09) 1px, transparent 1px);

    background-size: 28px 28px;

    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

.xqsgt_quote_ready_section *,
.xqsgt_quote_ready_section *::before,
.xqsgt_quote_ready_section *::after {
    box-sizing: border-box;
}

.xqsgt_quote_ready_container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}


/* BADGE */

.xqsgt_quote_ready_badge {
    width: fit-content;
    margin: 0 auto 16px;
    padding: 8px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #8fd9ee;
    background: rgba(23, 64, 83, 0.72);
    border: 1px solid rgba(59, 173, 205, 0.55);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 1;
}

.xqsgt_quote_ready_badge i {
    font-size: 16px;
    color: #63cbe8;
}


/* TITLE */

.xqsgt_quote_ready_title {
    margin: 0;
    color: #f6f3ed;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -1px;
}


/* DECORATIVE LINE */

.xqsgt_quote_ready_line {
    margin: 10px auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.xqsgt_quote_ready_line span {
    display: block;
    height: 4px;
    border-radius: 20px;
}

.xqsgt_quote_ready_line span:nth-child(1) {
    width: 12px;
    background: #37b9da;
}

.xqsgt_quote_ready_line span:nth-child(2) {
    width: 52px;
    background: #4194d4;
}

.xqsgt_quote_ready_line span:nth-child(3) {
    width: 12px;
    background: #538bd5;
}


/* DESCRIPTION */

.xqsgt_quote_ready_description {
    margin: 0 auto;
    color: #c5cbd5;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.xqsgt_quote_ready_description strong {
    color: #f1ede7;
    font-weight: 700;
}


/* FEATURE BOXES */

.xqsgt_quote_ready_features {
    width: 100%;
    margin: 15px auto 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.xqsgt_quote_ready_feature {
    min-height: 62px;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
    background: rgb(22 33 52 / 39%);
    border: 1px solid #263751;
    border-radius: 16px;
    color: #d0d3da;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.xqsgt_quote_ready_feature_icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #102e43;
    color: #4dc4e7;
}

.xqsgt_quote_ready_feature_icon i {
    font-size: 15px;
}


/* INFO BOX */

.xqsgt_quote_ready_info_box {
    width: 100%;
    min-height: 76px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    background: rgb(22 33 52 / 39%);
    border: 1px solid #245979;
    border-radius: 16px;
}

.xqsgt_quote_ready_info_icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #12374c;
    border: 1px solid rgba(71, 181, 215, 0.25);
    color: #58c9e8;
}

.xqsgt_quote_ready_info_icon i {
    font-size: 17px;
}

.xqsgt_quote_ready_info_box p {
    margin: 0;
    color: #c4c8d0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
}

.xqsgt_quote_ready_info_box strong {
    color: #f1f0ed;
    font-weight: 700;
}


/* BUTTONS */

.xqsgt_quote_ready_buttons {
    margin: 28px auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.xqsgt_quote_ready_whatsapp_btn,
.xqsgt_quote_ready_enquiry_btn {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease;
    cursor: pointer;
}

.xqsgt_quote_ready_whatsapp_btn {
    min-width: 360px;
    padding: 0 25px;
    gap: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #2fbd6d, #188d71);
    box-shadow: 0 10px 20px rgba(29, 178, 104, 0.15);
}

.xqsgt_quote_ready_whatsapp_btn i {
    font-size: 19px;
}

.xqsgt_quote_ready_enquiry_btn {
    min-width: 220px;
    padding: 0 25px;
    color: #d9dce2;
    background: rgba(25, 35, 53, 0.98);
    border: 1px solid #35445b;
}

.xqsgt_quote_ready_whatsapp_btn:hover {
    transform: translateY(-2px);

    color: #ffffff;
}

.xqsgt_quote_ready_enquiry_btn:hover {
    transform: translateY(-2px);

    color: #ffffff;
}

.xqsgt_quote_ready_enquiry_btn i {
    color: #ffffff;
    font-size: 16px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.xqsgt_quote_ready_enquiry_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}


/* DARSHAN ALERT */

.xqsgt_quote_ready_alert {
    width: 100%;
    min-height: 66px;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-align: left;
    background: rgba(55, 27, 21, 0.82);
    border: 1px solid #754511;
    border-radius: 13px;
}

.xqsgt_quote_ready_alert_icon {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #15110a;
    background: #f7bf17;
}

.xqsgt_quote_ready_alert_icon i {
    font-size: 10px;
    font-weight: 700;
}

.xqsgt_quote_ready_alert p {
    margin: 0;
    color: #c8c5c5;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
}

.xqsgt_quote_ready_alert strong {
    color: #e2c98c;
    font-weight: 700;
}


/* BOTTOM TEXT */

.xqsgt_quote_ready_bottom_text {
    margin: 16px auto 0;
    color: #a9b2c0;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 400;
}

.xqsgt_quote_ready_bottom_text strong {
    color: #d9dee8;
    font-weight: 600;
}

/* =========================================================
   TABLET RESPONSIVE - 768px TO 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .xqsgt_quote_ready_section {
        padding: 45px 25px;
    }

    .xqsgt_quote_ready_container {
        max-width: 760px;
    }


    /* BADGE */

    .xqsgt_quote_ready_badge {
        margin-bottom: 14px;
        padding: 8px 15px;
        font-size: 13px;
    }

    .xqsgt_quote_ready_badge i {
        font-size: 15px;
    }


    /* TITLE */

    .xqsgt_quote_ready_title {
        font-size: 32px;
        letter-spacing: -0.6px;
    }


    /* DESCRIPTION */

    .xqsgt_quote_ready_description {
        font-size: 16px;
        line-height: 1.55;
    }


    /* FEATURE BOXES */

    .xqsgt_quote_ready_features {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 15px auto;
    }

    .xqsgt_quote_ready_feature {
        min-height: 60px;
        padding: 10px 12px;
        gap: 8px;
        font-size: 13px;
        border-radius: 13px;
        white-space: normal;
    }

    .xqsgt_quote_ready_feature_icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        border-radius: 9px;
    }

    .xqsgt_quote_ready_feature_icon i {
        font-size: 14px;
    }


    /* INFO BOX */

    .xqsgt_quote_ready_info_box {
        min-height: 72px;
        padding: 13px 16px;
        gap: 12px;
        border-radius: 14px;
    }

    .xqsgt_quote_ready_info_icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .xqsgt_quote_ready_info_box p {
        font-size: 14px;
        line-height: 1.5;
    }


    /* BUTTONS */

    .xqsgt_quote_ready_buttons {
        margin: 25px auto 27px;
        gap: 12px;
    }

    .xqsgt_quote_ready_whatsapp_btn {
        min-width: 0;
        width: 55%;
        padding: 0 18px;
        font-size: 14px;
    }

    .xqsgt_quote_ready_enquiry_btn {
        min-width: 0;
        width: 45%;
        padding: 0 18px;
        font-size: 14px;
    }


    /* ALERT */

    .xqsgt_quote_ready_alert {
        min-height: 64px;
        padding: 12px 14px;
        gap: 11px;
    }

    .xqsgt_quote_ready_alert p {
        font-size: 12px;
        line-height: 1.5;
    }


    /* BOTTOM TEXT */

    .xqsgt_quote_ready_bottom_text {
        margin-top: 14px;
        font-size: 12px;
        text-align: center;
    }

}


/* =========================================================
   MOBILE RESPONSIVE - 767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .xqsgt_quote_ready_section {
        padding: 40px 15px;
        background-size: 24px 24px;
    }

    .xqsgt_quote_ready_container {
        max-width: 100%;
    }


    /* BADGE */

    .xqsgt_quote_ready_badge {
        margin-bottom: 14px;
        padding: 8px 14px;
        gap: 7px;
        font-size: 12px;
        letter-spacing: 0.5px;
    }

    .xqsgt_quote_ready_badge i {
        font-size: 14px;
    }


    /* TITLE */

    .xqsgt_quote_ready_title {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.4px;
    }


    /* DECORATIVE LINE */

    .xqsgt_quote_ready_line {
        margin: 9px auto 11px;
        gap: 5px;
    }

    .xqsgt_quote_ready_line span:nth-child(1),
    .xqsgt_quote_ready_line span:nth-child(3) {
        width: 9px;
        height: 3px;
    }

    .xqsgt_quote_ready_line span:nth-child(2) {
        width: 42px;
        height: 3px;
    }


    /* DESCRIPTION */

    .xqsgt_quote_ready_description {
        font-size: 14px;
        line-height: 1.55;
    }


    /* FEATURE BOXES */

    .xqsgt_quote_ready_features {
        grid-template-columns: 1fr;
        gap: 9px;
        margin: 17px auto 14px;
    }

    .xqsgt_quote_ready_feature {
        width: 100%;
        min-height: 55px;
        padding: 9px 13px;
        gap: 10px;
        border-radius: 12px;
        font-size: 13px;
        white-space: normal;
    }

    .xqsgt_quote_ready_feature_icon {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        border-radius: 9px;
    }

    .xqsgt_quote_ready_feature_icon i {
        font-size: 14px;
    }


    /* INFO BOX */

    .xqsgt_quote_ready_info_box {
        min-height: auto;
        padding: 13px 14px;
        gap: 10px;
        align-items: flex-start;
        border-radius: 12px;
    }

    .xqsgt_quote_ready_info_icon {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        border-radius: 9px;
    }

    .xqsgt_quote_ready_info_icon i {
        font-size: 15px;
    }

    .xqsgt_quote_ready_info_box p {
        font-size: 12px;
        line-height: 1.55;
        text-align: left;
    }


    /* BUTTONS */

    .xqsgt_quote_ready_buttons {
        width: 100%;
        margin: 22px auto 25px;
        flex-direction: column;
        gap: 10px;
    }

    .xqsgt_quote_ready_whatsapp_btn,
    .xqsgt_quote_ready_enquiry_btn {
        width: 100%;
        min-width: 0;
        min-height: 50px;
        padding: 0 16px;
        border-radius: 35px;
        font-size: 13px;
    }

    .xqsgt_quote_ready_whatsapp_btn {
        gap: 8px;
    }

    .xqsgt_quote_ready_whatsapp_btn i {
        font-size: 17px;
    }

    .xqsgt_quote_ready_enquiry_btn {
        gap: 7px;
    }

    .xqsgt_quote_ready_enquiry_btn i {
        margin-right: 0;
        font-size: 15px;
    }


    /* DARSHAN ALERT */

    .xqsgt_quote_ready_alert {
        min-height: auto;
        padding: 12px 13px;
        gap: 10px;
        align-items: flex-start;
        border-radius: 11px;
    }

    .xqsgt_quote_ready_alert_icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        margin-top: 1px;
    }

    .xqsgt_quote_ready_alert_icon i {
        font-size: 9px;
    }

    .xqsgt_quote_ready_alert p {
        font-size: 11px;
        line-height: 1.55;
        text-align: left;
    }


    /* BOTTOM TEXT */

    .xqsgt_quote_ready_bottom_text {
        margin-top: 13px;
        font-size: 11px;
        line-height: 1.55;
    }

}

/* =========================================
   2 DAYS TIRUPATI TOUR PACKAGE END
========================================= */


/* =========================================================
   TIRUPATI Srivani Vip Break Darshan Package START
========================================================= */
/* Medium Balanced Container & Background */
.sv_hero_wrapper {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 45px 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #ffffff;
}

.sv_hero_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 15, 29, 0.85) 0%, rgba(5, 8, 18, 0.93) 100%);
    z-index: 1;
}

.sv_hero_container {
    position: relative;
    z-index: 2;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Badge Header */
.sv_hero_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.22);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 13px;
    color: #e0f2fe;
    backdrop-filter: blur(4px);
    margin-bottom: 14px;
}

.sv_badge_symbol {
    color: #f59e0b;
    font-size: 15px;
}

/* Medium Headings */
.sv_hero_title {
    font-size: 2.4rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.2;
    letter-spacing: -0.4px;
}

.sv_hero_subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    color: #7dd3fc;
    margin: 0 0 22px 0;
    max-width: 820px;
    line-height: 1.4;
}

/* Medium Card Box */
.sv_hero_card {
    background: rgba(18, 26, 41, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 20px 28px;
    max-width: 880px;
    backdrop-filter: blur(8px);
    margin-bottom: 14px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
}

.sv_card_text {
    font-size: 0.92rem;
    line-height: 1.5;
    color: #e2e8f0;
    margin: 0 0 12px 0;
}

.sv_text_icon {
    color: #38bdf8;
    margin-right: 5px;
}

.sv_card_disclaimer {
    font-size: 0.85rem;
    line-height: 1.4;
    color: #cbd5e1;
    margin: 0;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
}

.sv_text_highlight {
    color: #fde047;
}

/* Medium Alert Strip */
.sv_hero_alert {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(12, 45, 60, 0.55);
    border: 1px solid rgba(56, 189, 248, 0.3);
    border-radius: 10px;
    padding: 10px 20px;
    max-width: 880px;
    margin-bottom: 22px;
    text-align: left;
}

.sv_alert_icon {
    background: #0284c7;
    color: #ffffff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
}

.sv_alert_text {
    font-size: 0.83rem;
    color: #e0f2fe;
    margin: 0;
    line-height: 1.35;
}

/* Medium Grid Tiles */
.sv_feature_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    width: 100%;
    max-width: 920px;
    margin-bottom: 24px;
}

.sv_feature_tile {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    padding: 13px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #f1f5f9;
    text-align: center;
    transition: all 0.3s ease;
}

.sv_feature_tile i {
    font-size: 17px;
    color: #38bdf8;
}

.sv_feature_tile.sv_tile_highlight {
    background: rgba(45, 36, 18, 0.75);
    border: 1px solid rgba(234, 179, 8, 0.5);
}

.sv_feature_tile.sv_tile_highlight i {
    color: #facc15;
}

/* Medium Buttons */
.sv_button_group {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.sv_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sv_btn:hover {
    transform: translateY(-2px);
}

.sv_btn_whatsapp {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 3px 15px rgba(16, 185, 129, 0.3);
}

.sv_btn_outline {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

.sv_hero_footer_text {
    font-size: 0.8rem;
    color: #94a3b8;
    margin: 0;
}

/* Responsive Styles for Mobile & Tablet */
@media (max-width: 992px) {
    .sv_feature_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sv_hero_title {
        font-size: 1.9rem;
    }
}

@media (max-width: 768px) {
    .sv_hero_wrapper {
        padding: 30px 14px;
    }

    .sv_hero_title {
        font-size: 1.6rem;
    }

    .sv_hero_subtitle {
        font-size: 0.95rem;
    }

    .sv_hero_card {
        padding: 16px 18px;
    }

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

    .sv_hero_alert {
        flex-direction: row;
        padding: 10px 14px;
    }
}

@media (max-width: 480px) {
    .sv_feature_grid {
        grid-template-columns: 1fr;
    }

    .sv_button_group {
        width: 100%;
        flex-direction: column;
    }

    .sv_btn {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }
}

/* Color Palette Variables based on Pic 1 */
:root {
    --red-primary: #f05a5b;
    --red-light-bg: #fff5f5;
    --red-card-border: #ffe1e1;
    --red-icon-bg: #fca5a5;
    --text-dark: #222222;
    --text-muted: #666666;
}

/* Base Section Background with Dot Pattern */
.srivani-info-section {
    position: relative;
    background-color: #ffffff;
    background-image: radial-gradient(#e5e7eb 1.2px, transparent 1.2px);
    background-size: 18px 18px;
    overflow: hidden;
}

/* Curved Gradient Shape */
.srivani-bg-curve {
    position: absolute;
    top: -200px;
    right: -200px;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(254, 226, 226, 0.5) 0%, rgba(254, 226, 226, 0.1) 70%, transparent 100%);
    border: 1px solid #ffe1e1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.z-index-2 {
    position: relative;
    z-index: 2;
}

/* Text Colors */
.text-red-accent {
    color: var(--red-primary) !important;
}

/* Header Badge & Section Titles */
.srivani-top-badge {
    background-color: #ffe4e6;
    color: #e11d48;
    border: 1px solid #fecdd3;
    font-weight: 600;
    font-size: 0.85rem;
}

.srivani-section-title {
    font-size: 1.85rem;
    letter-spacing: -0.3px;
    color: var(--text-dark);
}

.srivani-section-subtitle {
    max-width: 680px;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Card Styling (Matching Pic 1 Border & Shadow) */
.srivani-card {
    border-radius: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid var(--red-card-border) !important;
    box-shadow: 0 4px 15px rgba(240, 90, 91, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.srivani-card-main-title {
    font-size: 1.25rem;
    color: var(--text-dark);
}

/* Inner Section Titles/Subheadings (Pic 1 Style) */
.srivani-subheading {
    color: var(--red-primary);
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
}

.srivani-text {
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--text-muted);
}

/* Thin Divider Between Sections */
.srivani-divider {
    height: 1px;
    background-color: #f3f4f6;
    margin: 1.25rem 0;
}

/* Icon Box Styles (Matching Pic 1 Top Red Icons) */
.srivani-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red-solid-icon-box {
    background-color: #fca5a5;
    color: #ffffff;
    font-size: 1.1rem;
}

/* Inner Info Box Styles */
.inner-info-box.red-light-inner-box {
    background-color: var(--red-light-bg);
    border: 1px solid var(--red-card-border);
}

/* Bottom Banner Styles */
.srivani-bottom-banner {
    background-color: #ffffff;
    border: 1px solid var(--red-card-border);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.bottom-banner-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #ffe4e6;
    color: var(--red-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive Font Adjustments */
@media (max-width: 991.98px) {
    .srivani-section-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .srivani-info-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .srivani-section-title {
        font-size: 1.3rem;
    }

    .srivani-section-subtitle {
        font-size: 0.85rem;
    }

    .srivani-card {
        padding: 1rem !important;
    }

    .srivani-card-main-title {
        font-size: 1.1rem;
    }
}


/* Color Variables */
:root {
    --red-primary: #f05a5b;
    --red-light-bg: #fff5f5;
    --red-card-border: #ffe1e1;
    --red-icon-bg: #fca5a5;
    --text-dark: #222222;
    --text-muted: #666666;
}

/* Base Section Background */
.srivani-info-section {
    position: relative;
    background-color: #ffffff;
    background-image: radial-gradient(#e5e7eb 1.2px, transparent 1.2px);
    background-size: 18px 18px;
    overflow: hidden;
}

/* Oval Curve Positioned to Top-Left */
.srivani-bg-curve-left {
    position: absolute;
    top: -200px;
    left: -200px;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(254, 226, 226, 0.5) 0%, rgba(254, 226, 226, 0.1) 70%, transparent 100%);
    border: 1px solid #ffe1e1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.z-index-2 {
    position: relative;
    z-index: 2;
}

/* Text Colors */
.text-red-accent {
    color: var(--red-primary) !important;
}

/* Header Badge & Titles */
.srivani-top-badge {
    background-color: #ffe4e6;
    color: #e11d48;
    border: 1px solid #fecdd3;
    font-weight: 600;
    font-size: 0.85rem;
}

.srivani-section-title {
    font-size: 1.85rem;
    letter-spacing: -0.3px;
    color: var(--text-dark);
}

.srivani-section-subtitle {
    max-width: 680px;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Card Styling */
.srivani-card {
    border-radius: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid var(--red-card-border) !important;
    box-shadow: 0 4px 15px rgba(240, 90, 91, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.srivani-card-main-title {
    font-size: 1.25rem;
    color: var(--text-dark);
}

/* Subheadings & Text */
.srivani-subheading {
    color: var(--red-primary);
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
}

.srivani-text {
    font-size: 0.88rem;
    line-height: 1.6;
    color: var(--text-muted);
}

/* Dividers */
.srivani-divider {
    height: 1px;
    background-color: #f3f4f6;
    margin: 1.25rem 0;
}

/* Icon Box Varieties */
.srivani-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red-solid-icon-box {
    background-color: var(--red-icon-bg);
    color: #ffffff;
    font-size: 1.1rem;
}

.red-light-icon-box {
    background-color: #ffe4e6;
    font-size: 1rem;
}

/* Inner Info Box Styles */
.inner-info-box.red-light-inner-box {
    background-color: var(--red-light-bg);
    border: 1px solid var(--red-card-border);
}

/* Bottom Banner Styles */
.srivani-bottom-banner {
    background-color: #ffffff;
    border: 1px solid var(--red-card-border);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.bottom-banner-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #ffe4e6;
    color: var(--red-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive Styles */
@media (max-width: 991.98px) {
    .srivani-section-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .srivani-info-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .srivani-section-title {
        font-size: 1.3rem;
    }

    .srivani-section-subtitle {
        font-size: 0.85rem;
    }

    .srivani-card {
        padding: 1rem !important;
    }

    .srivani-card-main-title {
        font-size: 1.1rem;
    }
}

/* ==========================================
   1. COLOR VARIABLES & BASE SETUP
   ========================================== */
:root {
    --bg-section: #F7F9FB;
    --purple-primary: #7C3AED;
    --purple-light-bg: #F5F3FF;
    --purple-border: #DDD6FE;
    --cyan-primary: #06B6D4;
    --cyan-light-bg: #ECFEFF;
    --cyan-border: #A5F3FC;
    --text-dark: #1F2937;
    --text-muted: #6B7280;
}

/* Base Section Background */
.srivani-eligibility-section {
    background-color: var(--bg-section) !important;
    position: relative;
}

/* Utility Helper Classes */
.text-purple {
    color: var(--purple-primary) !important;
}

.text-cyan {
    color: var(--cyan-primary) !important;
}

.z-index-2 {
    position: relative;
    z-index: 2;
}


/* ==========================================
   2. BADGE & SECTION HEADERS
   ========================================== */
.srivani-purple-badge {
    background-color: #F3E8FF;
    color: var(--purple-primary);
    border: 1px solid #E9D5FF;
    font-weight: 600;
    font-size: 0.85rem;
}

.srivani-main-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
    color: var(--text-dark);
}

.srivani-subtitle {
    max-width: 720px;
    font-size: 0.95rem;
    line-height: 1.6;
}


/* ==========================================
   3. CARDS & CONTAINER STYLES
   ========================================== */
.srivani-card {
    border-radius: 16px !important;
    background-color: #ffffff !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.srivani-card.purple-card {
    border: 1px solid var(--purple-border) !important;
}

.srivani-card.cyan-card {
    border: 1px solid var(--cyan-border) !important;
}

.srivani-text {
    font-size: 0.9rem;
    line-height: 1.65;
}


/* ==========================================
   4. ICON BOXES & INNER ALERT BOXES
   ========================================== */
.srivani-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.purple-solid-icon {
    background-color: var(--purple-primary);
    color: #ffffff;
}

.cyan-solid-icon {
    background-color: var(--cyan-primary);
    color: #ffffff;
}

.dark-solid-icon {
    background-color: var(--text-dark);
    color: #ffffff;
}

.purple-light-icon {
    background-color: #EDE9FE;
}

/* Inner Alert Box Variations */
.purple-light-inner-box {
    background-color: var(--purple-light-bg);
    border: 1px solid var(--purple-border);
}

.cyan-light-inner-box {
    background-color: var(--cyan-light-bg);
    border: 1px solid var(--cyan-border);
}


/* ==========================================
   5. TABLET RESPONSIVE VIEW (max-width: 991.98px)
   ========================================== */
@media (max-width: 991.98px) {
    .srivani-eligibility-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .srivani-main-title {
        font-size: 1.65rem;
    }

    .srivani-subtitle {
        font-size: 0.9rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .srivani-card {
        padding: 1.25rem !important;
    }

    .srivani-card .row.g-3 {
        --bs-gutter-y: 0.75rem;
    }
}


/* ==========================================
   6. MOBILE RESPONSIVE VIEW (max-width: 767.98px)
   ========================================== */
@media (max-width: 767.98px) {
    .srivani-main-title {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .srivani-main-title br {
        display: none;
    }

    .srivani-card {
        padding: 1rem !important;
        border-radius: 12px !important;
    }

    .srivani-icon-box {
        width: 36px;
        height: 36px;
        font-size: 0.95rem;
        border-radius: 8px;
    }

    .srivani-text {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .inner-info-box {
        padding: 0.85rem !important;
    }

    .srivani-card .row.g-3>[class*="col-"] {
        width: 100%;
    }

    .srivani-card .bg-light {
        padding: 0.85rem !important;
    }

    .card.border-warning,
    .card.border-0.bg-white {
        padding: 0.85rem !important;
    }

    .card.border-warning .d-flex,
    .card.border-0.bg-white .d-flex {
        gap: 0.75rem !important;
    }
}


/* ==========================================
   7. SMALL MOBILE VIEW (max-width: 480px)
   ========================================== */
@media (max-width: 480px) {
    .srivani-eligibility-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .srivani-purple-badge {
        font-size: 0.75rem;
        padding: 0.35rem 0.75rem !important;
    }

    .srivani-main-title {
        font-size: 1.25rem;
    }

    .srivani-subtitle {
        font-size: 0.8rem;
    }
}

/* ==========================================
   1. COLOR VARIABLES & BASE SETUP
   ========================================== */
:root {
    --bg-section: #F7F9FB;
    --purple-primary: #7C3AED;
    --purple-light-bg: #F5F3FF;
    --purple-border: #DDD6FE;
    --cyan-primary: #06B6D4;
    --cyan-light-bg: #ECFEFF;
    --cyan-border: #A5F3FC;
    --amber-primary: #F59E0B;
    --amber-light-bg: #FFFBEB;
    --green-primary: #10B981;
    --green-light-bg: #ECFDF5;
    --blue-primary: #3B82F6;
    --blue-light-bg: #EFF6FF;
    --red-primary: #EF4444;
    --red-light-bg: #FEF2F2;
    --text-dark: #1F2937;
    --text-muted: #6B7280;
}

/* Base Section Background */
.srivani-eligibility-section {
    background-color: var(--bg-section) !important;
    position: relative;
}

/* Utility Helper Classes */
.text-purple {
    color: var(--purple-primary) !important;
}

.text-cyan {
    color: var(--cyan-primary) !important;
}

.z-index-2 {
    position: relative;
    z-index: 2;
}


/* ==========================================
   2. BADGE & SECTION HEADERS
   ========================================== */
.srivani-purple-badge {
    background-color: #F3E8FF;
    color: var(--purple-primary);
    border: 1px solid #E9D5FF;
    font-weight: 600;
    font-size: 0.85rem;
}

.srivani-main-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
    color: var(--text-dark);
}

.srivani-subtitle {
    max-width: 720px;
    font-size: 0.95rem;
    line-height: 1.6;
}


/* ==========================================
   3. CARDS & CONTAINER STYLES
   ========================================== */
.srivani-card {
    border-radius: 16px !important;
    background-color: #ffffff !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.srivani-card.purple-card {
    border: 1px solid var(--purple-border) !important;
}

.srivani-card.cyan-card {
    border: 1px solid var(--cyan-border) !important;
}

.srivani-text {
    font-size: 0.9rem;
    line-height: 1.65;
}


/* ==========================================
   4. ICON BOXES & INNER ALERT BOXES
   ========================================== */
.srivani-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.purple-solid-icon {
    background-color: var(--purple-primary);
    color: #ffffff;
}

.cyan-solid-icon {
    background-color: var(--cyan-primary);
    color: #ffffff;
}

.dark-solid-icon {
    background-color: var(--text-dark);
    color: #ffffff;
}

.purple-light-icon {
    background-color: #EDE9FE;
}

/* Inner Alert Box Variations */
.purple-light-inner-box {
    background-color: var(--purple-light-bg);
    border: 1px solid var(--purple-border);
}

.cyan-light-inner-box {
    background-color: var(--cyan-light-bg);
    border: 1px solid var(--cyan-border);
}


/* ==========================================
   5. HOVER CARD GRID STYLES (MATCHED TO ICONS)
   ========================================== */
.check-item-card {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    /* cursor: pointer; */
    position: relative;
    border-color: #E5E7EB !important;
}

.check-item-card .check-icon {
    transition: transform 0.25s ease !important;
}

/* Base Hover Effect (Lift + Soft Shadow) */
.check-item-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.check-item-card:hover .check-icon {
    transform: scale(1.18);
}

/* 1. Cyan Card Hover */
.check-card-cyan:hover {
    border-color: var(--cyan-primary) !important;
    background-color: var(--cyan-light-bg) !important;
}

/* 2. Purple Card Hover */
.check-card-purple:hover {
    border-color: var(--purple-primary) !important;
    background-color: var(--purple-light-bg) !important;
}

/* 3. Amber Card Hover */
.check-card-amber:hover {
    border-color: var(--amber-primary) !important;
    background-color: var(--amber-light-bg) !important;
}

/* 4. Green Card Hover */
.check-card-green:hover {
    border-color: var(--green-primary) !important;
    background-color: var(--green-light-bg) !important;
}

/* 5. Blue Card Hover */
.check-card-blue:hover {
    border-color: var(--blue-primary) !important;
    background-color: var(--blue-light-bg) !important;
}

/* 6. Red Card Hover */
.check-card-red:hover {
    border-color: var(--red-primary) !important;
    background-color: var(--red-light-bg) !important;
}


/* ==========================================
   6. TABLET RESPONSIVE VIEW (max-width: 991.98px)
   ========================================== */
@media (max-width: 991.98px) {
    .srivani-eligibility-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .srivani-main-title {
        font-size: 1.65rem;
    }

    .srivani-subtitle {
        font-size: 0.9rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .srivani-card {
        padding: 1.25rem !important;
    }

    .srivani-card .row.g-3 {
        --bs-gutter-y: 0.75rem;
    }
}


/* ==========================================
   7. MOBILE RESPONSIVE VIEW (max-width: 767.98px)
   ========================================== */
@media (max-width: 767.98px) {
    .srivani-main-title {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .srivani-main-title br {
        display: none;
    }

    .srivani-card {
        padding: 1rem !important;
        border-radius: 12px !important;
    }

    .srivani-icon-box {
        width: 36px;
        height: 36px;
        font-size: 0.95rem;
        border-radius: 8px;
    }

    .srivani-text {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .inner-info-box {
        padding: 0.85rem !important;
    }

    .srivani-card .row.g-3>[class*="col-"] {
        width: 100%;
    }

    .srivani-card .bg-light {
        padding: 0.85rem !important;
    }

    .card.border-warning,
    .card.border-0.bg-white {
        padding: 0.85rem !important;
    }

    .card.border-warning .d-flex,
    .card.border-0.bg-white .d-flex {
        gap: 0.75rem !important;
    }
}


/* ==========================================
   8. SMALL MOBILE VIEW (max-width: 480px)
   ========================================== */
@media (max-width: 480px) {
    .srivani-eligibility-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .srivani-purple-badge {
        font-size: 0.75rem;
        padding: 0.35rem 0.75rem !important;
    }

    .srivani-main-title {
        font-size: 1.25rem;
    }

    .srivani-subtitle {
        font-size: 0.8rem;
    }
}

/* Color Palette Variables */
:root {
    --theme-bg-soft: #FAF7F7;
    --theme-card-bg: #FFFFFF;
    --theme-card-border: #F3E8E8;
    --theme-text-dark: #111827;
    --theme-text-muted: #6B7280;

    /* Step Accent Palette */
    --step-green: #059669;
    --step-green-bg: #ECFDF5;
    --step-blue: #2563EB;
    --step-blue-bg: #EFF6FF;
    --step-purple: #7C3AED;
    --step-purple-bg: #F5F3FF;
    --step-cyan: #0891B2;
    --step-cyan-bg: #ECFEFF;
    --step-orange: #D97706;
    --step-orange-bg: #FFFBEB;
    --step-red: #DC2626;
    --step-red-bg: #FEF2F2;

    --line-color: #E2E8F0;

    /* Additional Footer Card Variables */
    --card-blue-bg: #F0F5FF;
    --card-blue-border: #ADC6FF;
    --indigo-accent: #4F46E5;

    --card-red-bg: #FFF1F2;
    --card-red-border: #FFD8E4;
    --red-accent: #E11D48;

    --card-light-border: #E5E7EB;
    --navy-dark: #0F172A;
}

.srivani-booking-section {
    background-color: var(--theme-bg-soft);
    position: relative;
}

/* Base Helpers */
.max-w-2xl {
    max-width: 680px;
}

.leading-relaxed {
    line-height: 1.6;
}

.x-small {
    font-size: 0.75rem;
}

/* Header & Badges */
.booking-badge {
    background-color: #FFE4E6;
    color: var(--red-accent);
    border: 1px solid #FECDD3;
    font-size: 0.82rem;
    font-weight: 600;
}

.booking-badge .small-dot {
    font-size: 0.5rem;
    vertical-align: middle;
}

.section-main-title {
    font-size: 2rem;
    color: var(--theme-text-dark);
    letter-spacing: -0.5px;
}

.section-subtitle {
    max-width: 760px;
    font-size: 0.92rem;
    line-height: 1.6;
}

/* Alert Card */
.warning-alert-card {
    background-color: #FFFBEB;
    border: 1px solid #FDE68A !important;
    border-radius: 14px;
}

.alert-icon-box {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background-color: #F59E0B;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Timeline Connecting Line System */
.srivani-timeline-wrapper {
    position: relative;
    padding-left: 0;
    margin-bottom: 2rem;
}

.srivani-timeline-wrapper::before {
    content: '';
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 39px;
    width: 2px;
    background-color: var(--line-color);
    z-index: 1;
}

.timeline-item {
    position: relative;
    z-index: 2;
    margin-bottom: 1.5rem;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.step-card {
    background-color: var(--theme-card-bg);
    border: 1px solid var(--theme-card-border) !important;
    border-radius: 16px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.step-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

.step-number-box {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    color: #FFFFFF;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 3;
}

/* Step Color Accents */
.step-green .step-number-box {
    background-color: var(--step-green);
}

.step-green .step-label,
.text-green {
    color: var(--step-green);
}

.step-blue .step-number-box {
    background-color: var(--step-blue);
}

.step-blue .step-label,
.text-blue {
    color: var(--step-blue);
}

.bg-blue-light {
    background-color: var(--step-blue-bg);
    border: 1px solid #BFDBFE;
}

.step-purple .step-number-box {
    background-color: var(--step-purple);
}

.step-purple .step-label,
.text-purple {
    color: var(--step-purple);
}

.step-cyan .step-number-box {
    background-color: var(--step-cyan);
}

.step-cyan .step-label {
    color: var(--step-cyan);
}

.bg-cyan-light {
    background-color: var(--step-cyan-bg);
    border: 1px solid #A5F3FC;
}

.step-orange .step-number-box {
    background-color: var(--step-orange);
}

.step-orange .step-label {
    color: var(--step-orange);
}

.step-red .step-number-box {
    background-color: var(--step-red);
}

.step-red .step-label,
.text-red {
    color: var(--step-red);
}

.step-label {
    font-size: 0.78rem;
    letter-spacing: 0.5px;
}

.step-title {
    line-height: 1.35;
}

.step-text {
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Notice Footer Cards */
.notice-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.notice-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.notice-card-blue {
    background-color: var(--card-blue-bg);
    border: 1px solid var(--card-blue-border) !important;
}

.notice-card-red {
    background-color: var(--card-red-bg);
    border: 1px solid var(--card-red-border) !important;
}

.notice-card-light {
    background-color: var(--theme-card-bg);
    border: 1px solid var(--card-light-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.notice-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.bg-indigo {
    background-color: var(--indigo-accent);
}

.text-indigo {
    color: var(--indigo-accent);
}

.bg-danger-solid {
    background-color: var(--red-accent);
}

.icon-square {
    font-size: 0.9rem;
    border-radius: 2px;
}

.agency-assist-box {
    background-color: #FFFFFF;
    border: 1px solid #FFE4E6;
}

.ttd-temple-icon-box {
    width: 48px;
    height: 48px;
    background-color: #F1F5F9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.text-navy {
    color: var(--navy-dark);
}

.btn-navy-dark {
    background-color: var(--navy-dark);
    border: none;
    font-size: 0.9rem;
    transition: background-color 0.2s ease;
}

.btn-navy-dark:hover {
    background-color: #1E293B;
    color: #FFFFFF;
}

/* Responsive Rules */
@media (max-width: 991.98px) {
    .section-main-title {
        font-size: 1.65rem;
    }
}

@media (max-width: 767.98px) {
    .section-main-title {
        font-size: 1.35rem;
    }

    .section-subtitle {
        font-size: 0.85rem;
    }

    .srivani-timeline-wrapper::before {
        left: 29px;
    }

    .step-number-box {
        width: 38px;
        height: 38px;
        font-size: 1rem;
        border-radius: 10px;
    }

    .step-card .card-body {
        padding: 1rem !important;
    }

    .timeline-item {
        margin-bottom: 1rem;
    }

    .notice-icon-box {
        width: 36px;
        height: 36px;
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .srivani-timeline-wrapper::before {
        left: 25px;
    }

    .step-number-box {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }
}


/* ==========================================
   1. COLOR PALETTE & VARIABLES
   ========================================== */
:root {
    --page-bg: #fff;
    --text-main: #1E293B;
    --text-muted: #64748B;
    --card-border: #E2E8F0;

    /* Accent Colors */
    --green-main: #059669;
    --green-bg: #ECFDF5;
    --green-border: #A7F3D0;

    --blue-main: #2563EB;
    --blue-bg: #EFF6FF;
    --blue-border: #BFDBFE;

    --amber-main: #D97706;
    --amber-bg: #FFFBEB;
    --amber-border: #FDE68A;

    --cyan-main: #0891B2;
    --cyan-bg: #ECFEFF;
    --cyan-border: #A5F3FC;

    --pink-main: #E11D48;
    --pink-bg: #FFF1F2;
    --pink-border: #FECDD3;

    --slate-main: #475569;
    --slate-bg: #F1F5F9;
}

/* ==========================================
   2. GENERAL BASE STYLES
   ========================================== */
.srivani-cost-section {
    background-color: var(--page-bg);
    color: var(--text-main);
    font-family: inherit;
}

.max-w-4xl {
    max-width: 900px;
}

.max-w-xl {
    max-width: 580px;
}

.leading-relaxed {
    line-height: 1.55;
}

.x-small {
    font-size: 0.78rem;
}

/* ==========================================
   3. TYPOGRAPHY & HEADERS
   ========================================== */
.main-title {
    font-size: 1.85rem;
    letter-spacing: -0.02em;
}

.sub-text {
    font-size: 0.88rem;
    max-width: 780px;
    line-height: 1.6;
}

.badge-pill-green {
    background-color: #D1FAE5;
    color: var(--green-main);
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #A7F3D0;
}

.badge-sub {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

.text-green {
    color: var(--green-main);
}

.text-blue {
    color: var(--blue-main);
}

/* ==========================================
   4. ICON BOXES
   ========================================== */
.icon-square {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.icon-square.sm-square {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
    border-radius: 8px;
}

.bg-green-solid {
    background-color: var(--green-main);
}

.bg-blue-solid {
    background-color: var(--blue-main);
}

.bg-amber-solid {
    background-color: var(--amber-main);
}

.bg-cyan-solid {
    background-color: var(--cyan-main);
}

.bg-pink-solid {
    background-color: var(--pink-main);
}

.bg-slate-subtle {
    background-color: var(--slate-bg);
}

.text-slate {
    color: var(--slate-main);
}

/* ==========================================
   5. TOP COMPARISON CARDS
   ========================================== */
.card-green {
    background-color: var(--green-bg);
    border: 1px solid var(--green-border) !important;
}

.card-blue {
    background-color: var(--blue-bg);
    border: 1px solid var(--blue-border) !important;
}

.card-desc {
    font-size: 0.86rem;
    line-height: 1.55;
}

.inner-box {
    border-width: 1px;
    border-style: solid;
}

.border-green {
    border-color: var(--green-border);
}

.border-blue {
    border-color: var(--blue-border);
}

/* ==========================================
   6. STACKED ROW CARDS
   ========================================== */
.row-card {
    background-color: #FFFFFF;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.card-amber {
    background-color: var(--amber-bg);
    border: 1px solid var(--amber-border) !important;
}

.card-cyan {
    background-color: var(--cyan-bg);
    border: 1px solid var(--cyan-border) !important;
}

.card-pink {
    background-color: var(--pink-bg);
    border: 1px solid var(--pink-border) !important;
}

/* ==========================================
   7. TABLET RESPONSIVE RULES (<= 991px)
   ========================================== */
@media (max-width: 991.98px) {
    .srivani-cost-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .main-title {
        font-size: 1.6rem;
    }

    .sub-text {
        font-size: 0.85rem;
    }

    .card-green,
    .card-blue {
        padding: 1.25rem !important;
    }
}

/* ==========================================
   8. MOBILE RESPONSIVE RULES (<= 767px)
   ========================================== */
@media (max-width: 767.98px) {
    .main-title {
        font-size: 1.35rem;
        line-height: 1.3;
    }

    .sub-text {
        font-size: 0.82rem;
        margin-bottom: 1.5rem !important;
    }

    .row-card {
        padding: 0.75rem !important;
    }

    .row-card .card-body {
        flex-direction: row;
        align-items: flex-start;
        gap: 0.75rem !important;
    }

    .row-card h4 {
        font-size: 0.9rem !important;
    }

    .row-card p {
        font-size: 0.8rem !important;
    }

    .icon-square {
        width: 34px;
        height: 34px;
        font-size: 0.85rem;
        border-radius: 8px;
    }

    .badge-sub {
        font-size: 0.65rem;
    }

    .max-w-xl {
        padding: 0.75rem !important;
    }
}

/* ==========================================
   9. SMALL MOBILE RESPONSIVE RULES (<= 480px)
   ========================================== */
@media (max-width: 480px) {
    .srivani-cost-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .main-title {
        font-size: 1.2rem;
    }

    .card-green .d-flex.align-items-center,
    .card-blue .d-flex.align-items-center {
        gap: 0.5rem !important;
    }

    .card-green h3.h2 {
        font-size: 1.5rem !important;
    }

    .card-blue h3.h5 {
        font-size: 1rem !important;
    }

    .inner-box {
        padding: 0.75rem !important;
    }

    .box-text {
        font-size: 0.78rem !important;
    }
}

/* ==========================================
   1. COLOR PALETTE & VARIABLES
   ========================================== */
:root {
    --page-bg: #FAF8F8;
    --text-main: #1E293B;
    --text-muted: #64748B;
    --card-border: #E2E8F0;

    /* Theme Accents */
    --warning-bg: #FFFBEB;
    --warning-border: #FDE68A;
    --warning-main: #D97706;

    --blue-bg: #EFF6FF;
    --blue-border: #BFDBFE;
    --blue-main: #2563EB;

    --pink-bg: #FFF1F2;
    --pink-border: #FECDD3;
    --pink-main: #E11D48;

    --purple-bg: #F5F3FF;
    --purple-border: #DDD6FE;
    --purple-main: #7C3AED;
    --purple-light: #EDE9FE;

    --cyan-bg: #ECFEFF;
    --cyan-border: #A5F3FC;
    --cyan-main: #0891B2;
}

/* ==========================================
   2. BASE STYLES & LAYOUT WIDTH FIXES
   ========================================== */
.guidelines-section {
    background-color: var(--page-bg);
    color: var(--text-main);
    font-family: inherit;
}

/* MAIN CONTAINER WIDTH SET TO 100% OF PARENT (UP TO 1100px) */
.max-w-4xl {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

/* EXPANDED CALLOUT BOXES TO FULL CONTAINER WIDTH */
.max-w-xl {
    max-width: 100% !important;
    width: 100% !important;
}

.leading-relaxed {
    line-height: 1.55;
}

.x-small {
    font-size: 0.76rem;
}

/* ==========================================
   3. TYPOGRAPHY & BADGES
   ========================================== */
.main-title {
    font-size: 1.85rem;
    letter-spacing: -0.02em;
}

.sub-text {
    font-size: 0.88rem;
    max-width: 800px;
    line-height: 1.6;
    margin-left: auto;
    margin-right: auto;
}

.badge-pill-purple {
    background-color: #F3E8FF;
    color: var(--purple-main);
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid var(--purple-border);
    transition: all 0.25s ease;
}

.badge-pill-purple:hover {
    background-color: var(--purple-main);
    color: #FFFFFF;
    border-color: var(--purple-main);
    transform: translateY(-1px);
}

.badge-sub {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

.text-blue {
    color: var(--blue-main);
}

.text-pink {
    color: var(--pink-main);
}

.text-purple {
    color: var(--purple-main);
}

/* ==========================================
   4. ICON BOXES
   ========================================== */
.icon-square {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.mini-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
    transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}

.bg-warning-solid {
    background-color: var(--warning-main);
}

.bg-blue-solid {
    background-color: var(--blue-main);
}

.bg-pink-solid {
    background-color: var(--pink-main);
}

.bg-purple-solid {
    background-color: var(--purple-main);
}

.bg-purple-light {
    background-color: var(--purple-light);
}

.bg-cyan-solid {
    background-color: var(--cyan-main);
}

/* ==========================================
   5. CARD CONTAINERS & EXPANDING HOVER EFFECTS
   ========================================== */
.card-warning,
.card-blue,
.card-pink,
.card-purple,
.card-cyan {
    width: 100% !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.3s ease;
}

/* Hover Elevations */
.card-warning:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(217, 119, 6, 0.12) !important;
    border-color: var(--warning-main) !important;
}

.card-blue:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12) !important;
    border-color: var(--blue-main) !important;
}

.card-pink:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(225, 29, 72, 0.12) !important;
    border-color: var(--pink-main) !important;
}

.card-purple:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(124, 58, 237, 0.12) !important;
    border-color: var(--purple-main) !important;
}

.card-cyan:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(8, 145, 178, 0.12) !important;
    border-color: var(--cyan-main) !important;
}

/* Icon Pop Effect on Card Hover */
.card-warning:hover .icon-square,
.card-blue:hover .icon-square,
.card-pink:hover .icon-square,
.card-purple:hover .icon-square,
.card-cyan:hover .icon-square {
    transform: scale(1.1) rotate(-3deg);
}

/* Inner Highlight Boxes */
.inner-box {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    transition: all 0.25s ease;
}

.border-blue-subtle {
    border-color: #DBEAFE;
}

.border-pink-subtle {
    border-color: #FFE4E6;
}

.inner-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
}

/* Practical Guidelines Grid Items & Icon Color Hover Fix */
.card-purple .bg-white.border {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card-purple .bg-white.border:hover {
    transform: translateY(-2px);
    border-color: var(--purple-border) !important;
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.1);
}

/* Guarantees icon visibility on hover */
.card-purple .bg-white.border:hover .mini-icon {
    transform: scale(1.1);
    background-color: var(--purple-main) !important;
    color: #FFFFFF !important;
}

.card-purple .bg-white.border:hover .mini-icon i {
    color: #FFFFFF !important;
}

/* Bottom Notice Callout Hover */
.guidelines-section .max-w-xl.bg-white {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.guidelines-section .max-w-xl.bg-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================
   6. TABLET RESPONSIVE RULES (Viewport <= 991px)
   ========================================== */
@media (max-width: 991.98px) {
    .guidelines-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .main-title {
        font-size: 1.55rem;
    }

    .sub-text {
        font-size: 0.85rem;
    }

    .card-warning,
    .card-blue,
    .card-pink,
    .card-purple,
    .card-cyan {
        padding: 1.25rem !important;
    }
}

/* ==========================================
   7. MOBILE RESPONSIVE RULES (Viewport <= 767px)
   ========================================== */
@media (max-width: 767.98px) {
    .main-title {
        font-size: 1.35rem;
        line-height: 1.3;
    }

    .sub-text {
        font-size: 0.82rem;
        margin-bottom: 1.25rem !important;
    }

    .icon-square {
        width: 36px;
        height: 36px;
        font-size: 0.9rem;
        border-radius: 8px;
    }

    .card-warning,
    .card-blue,
    .card-pink,
    .card-purple,
    .card-cyan {
        padding: 1rem !important;
    }

    .card-purple .row.g-3 {
        --bs-gutter-y: 0.75rem;
    }

    .card-purple .bg-white {
        padding: 0.75rem !important;
    }

    .card-warning:hover,
    .card-blue:hover,
    .card-pink:hover,
    .card-purple:hover,
    .card-cyan:hover,
    .inner-box:hover,
    .card-purple .bg-white.border:hover {
        transform: translateY(-1px);
    }
}

/* ==========================================
   8. SMALL MOBILE PHONES (Viewport <= 480px)
   ========================================== */
@media (max-width: 480px) {
    .guidelines-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .main-title {
        font-size: 1.2rem;
    }

    .icon-square {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }

    .mini-icon {
        width: 28px;
        height: 28px;
        font-size: 0.75rem;
    }

    .badge-sub {
        font-size: 0.65rem;
    }

    .inner-box {
        padding: 0.75rem !important;
    }
}

/* Equals heights & smooth animations across grid rows */
.doc-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 1rem;
}

.doc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Icon Container Styling */
.icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}


/* ==========================================
   AIRPORT PACKAGE CARDS STYLES & FULL-CARD CLICK
   ========================================== */
.pkg-card {
    background-color: #FFFFFF;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid #EEF2F6 !important;
}

.pkg-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Icon Containers & Theme Colors */
.pkg-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.theme-green .pkg-icon-box {
    background-color: #E6F4EA;
    color: #10B981;
}

.theme-green .pkg-badge {
    color: #10B981;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

.theme-blue .pkg-icon-box {
    background-color: #EBF5FF;
    color: #2563EB;
}

.theme-blue .pkg-badge {
    color: #2563EB;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

.theme-purple .pkg-icon-box {
    background-color: #F3E8FF;
    color: #8B5CF6;
}

.theme-purple .pkg-badge {
    color: #8B5CF6;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

/* Purple Utility Classes */
.text-purple {
    color: #8B5CF6 !important;
}

.btn-purple {
    background-color: #8B5CF6;
    color: #FFF;
    border: none;
}

.btn-purple:hover {
    background-color: #7C3AED;
    color: #FFF;
}

.pkg-btn {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
    border-radius: 8px;
}

/* ==========================================
   RESOURCE CARDS FULL-CLICK HOVER STYLES
   ========================================== */
.resource-card-link {
    display: block;
    color: inherit;
}

.resource-card {
    background-color: #FFFFFF;
    border-color: #E2E8F0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.resource-card-link:hover .resource-card {
    transform: translateY(-3px);
    border-color: #CBD5E1 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06) !important;
}

.resource-title {
    color: #1E293B;
    font-size: 0.88rem;
    line-height: 1.35;
    transition: color 0.2s ease;
}

.resource-card-link:hover .resource-title {
    color: #2563EB;
}

.resource-desc {
    font-size: 0.76rem;
    line-height: 1.4;
    color: #64748B !important;
}

.resource-icon {
    font-size: 1.05rem;
    width: 22px;
    text-align: center;
    margin-top: 1px;
}

.text-cyan {
    color: #0891B2 !important;
}

/* ==========================================
   RESPONSIVE BREAKPOINTS (TABLET & MOBILE)
   ========================================== */
/* Tablet View (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .pkg-card .card-body {
        padding: 1.25rem !important;
    }

    .pkg-title {
        font-size: 1rem;
    }

    .resource-title {
        font-size: 0.84rem;
    }
}

/* Mobile View (< 767px) */
@media (max-width: 767.98px) {
    .pkg-card {
        border-radius: 12px !important;
    }

    .pkg-btn {
        font-size: 0.8rem;
    }

    .resource-card {
        padding: 0.875rem !important;
    }
}

/* Color Palette Utilities */
.text-purple {
    color: #8B5CF6 !important;
}

.text-cyan {
    color: #0891B2 !important;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.z-index-2 {
    z-index: 2;
}

/* Section Header Custom Styles */
.srivani-top-badge {
    background-color: #EEF2FF;
    color: #3730A3;
    font-weight: 600;
    font-size: 0.8rem;
}

.intro-content {
    max-width: 820px;
}

.srivani-section-subtitle {
    font-size: 0.925rem;
    line-height: 1.6;
}

/* Important Notice Banner */
.srivani-bottom-banner {
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
}

/* Compare Banner Card */
.header-banner-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0 !important;
}

/* Resource Grid Cards */
.resource-card {
    background-color: #FFFFFF;
    border-color: #E2E8F0 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.resource-card:hover {
    border-color: #000000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.resource-card:hover .resource-title a {
    color: #2563EB !important;
}

.resource-icon {
    font-size: 1.15rem;
    width: 24px;
    text-align: center;
    margin-top: 2px;
}

.resource-title {
    font-size: 0.9rem;
    line-height: 1.35;
}

.resource-desc {
    font-size: 0.78rem;
    line-height: 1.4;
    color: #64748B !important;
}

/* Bottom Emerald CTA Box */
.cta-banner-box {
    background-color: #F0FDF4;
    border: 1.5px solid #BBF7D0;
}

.cta-icon-wrapper {
    width: 44px;
    height: 44px;
    background-color: #DCFCE7;
    color: #16A34A;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.cta-desc {
    max-width: 680px;
}

.btn-emerald {
    background-color: #059669;
    border: 1px solid #059669;
}

.btn-emerald:hover {
    background-color: #047857;
    border-color: #047857;
}

/* Disclaimer Text */
.disclaimer-text {
    font-size: 0.72rem;
    max-width: 820px;
    color: #64748B !important;
    line-height: 1.5;
}

/* ==========================================
   RESPONSIVE LAYOUT BREAKPOINTS
   ========================================== */

/* Tablet (768px to 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .resource-title {
        font-size: 0.85rem;
    }

    .resource-desc {
        font-size: 0.75rem;
    }
}

/* Mobile (< 768px) */
@media (max-width: 767.98px) {
    .srivani-section-title {
        font-size: 1.35rem;
    }

    .header-banner-card {
        text-align: left;
    }

    .cta-banner-box {
        padding: 1.75rem 1rem !important;
    }

    .resource-card {
        padding: 0.875rem !important;
    }
}

/* Color Variables & Helper Classes */
.bg-light-emerald {
    background-color: #ECFDF5;
}

.text-emerald {
    color: #059669 !important;
}

.bg-emerald {
    background-color: #10B981 !important;
}

.bg-purple {
    background-color: #8B5CF6 !important;
}

.bg-amber {
    background-color: #D97706 !important;
}

.bg-cyan {
    background-color: #06B6D4 !important;
}

.bg-rose {
    background-color: #E11D48 !important;
}

.text-rose {
    color: #E11D48 !important;
}

.bg-orange {
    background-color: #EA580C !important;
}

.bg-indigo {
    background-color: #6366F1 !important;
}

.bg-teal {
    background-color: #0D9488 !important;
}

.bg-blue {
    background-color: #2563EB !important;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.extra-small {
    font-size: 0.75rem;
}

/* Section & Header */
.section-title {
    font-size: 1.75rem;
}

.intro-paragraphs {
    max-width: 820px;
    line-height: 1.6;
}

/* Feature Grid Cards */
.service-feature-card {
    background-color: #FFFFFF;
    border-color: #E2E8F0 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.service-feature-card:hover {
    transform: translateY(-3px);
    border-color: #CBD5E1 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
}

.feature-icon-box {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

/* Red Transparency Notice Box */
.transparency-notice-box {
    background-color: #FFF5F5;
    border: 1px solid #FECDD3 !important;
}

.notice-badge {
    width: 32px;
    height: 32px;
}

.notice-micro-card {
    border-color: #FFE4E6 !important;
    background-color: #FFFFFF;
}

/* Cyan Informational Banner Box */
.cyan-info-box {
    background-color: #ECFEFF;
    border: 1px solid #A5F3FC !important;
}

.cyan-icon-box {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/* ==========================================
   RESPONSIVE BREAKPOINTS (MOBILE & TABLET)
   ========================================== */

/* Tablet View (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .section-title {
        font-size: 1.5rem;
    }
}

/* Mobile View (< 767px) */
@media (max-width: 767.98px) {
    .section-title {
        font-size: 1.35rem;
    }

    .service-feature-card {
        padding: 1rem !important;
    }

    .cyan-info-box .d-flex {
        flex-direction: row;
    }
}

/* Color Palette Variables & Helpers */
.bg-cyan-light {
    background-color: #ECFEFF !important;
}

.text-cyan {
    color: #0891B2 !important;
}

.bg-cyan {
    background-color: #0891B2 !important;
}

.bg-emerald-light {
    background-color: #ECFDF5 !important;
}

.text-emerald {
    color: #059669 !important;
}

.bg-blue-light {
    background-color: #EFF6FF !important;
}

.text-blue {
    color: #2563EB !important;
}

.bg-purple {
    background-color: #8B5CF6 !important;
}

.text-purple {
    color: #8B5CF6 !important;
}

.border-purple-active {
    border: 1.5px solid #C4B5FD !important;
    background-color: #FAFAFE;
}

.bg-amber-light {
    background-color: #FFFBEB !important;
}

.bg-amber-soft {
    background-color: #FEF3C7 !important;
}

.bg-amber-ultra-light {
    background-color: #FFFDF5 !important;
}

.text-amber {
    color: #D97706 !important;
}

.border-amber-light {
    border: 1px solid #FDE68A !important;
}

.bg-orange-light {
    background-color: #FFF7ED !important;
}

.text-orange {
    color: #EA580C !important;
}

.bg-rose-light {
    background-color: #FFF1F2 !important;
}

.text-rose {
    color: #E11D48 !important;
}

.bg-indigo-light {
    background-color: #EEF2FF !important;
}

.text-indigo {
    color: #4F46E5 !important;
}

.bg-teal-light {
    background-color: #F0FDFA !important;
}

.text-teal {
    color: #0D9488 !important;
}

.bg-slate-dark {
    background-color: #475569 !important;
}

.extra-small {
    font-size: 0.75rem;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

/* Structural Container Width */
.plan-steps-wrapper {
    max-width: 820px;
}

.header-subtitle {
    max-width: 720px;
    line-height: 1.6;
}

.plan-title {
    font-size: 1.75rem;
}

/* Badges & Icons */
.step-number-badge {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

.step-icon-badge {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

/* Banners & Special Boxes */
.alert-amber-card {
    background-color: #FFFBEB;
    border: 1px solid #FDE68A;
}

.special-cyan-box {
    background-color: #F0FDFA;
    border: 1px solid #99F6E4;
}

.reminder-gray-box {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

/* ==========================================
   HOVER EFFECTS & TRANSITIONS
   ========================================== */
.plan-card {
    transition: transform 0.25 ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.shadow-sm-hover {
    border-color: #E2E8F0 !important;
    background-color: #FFFFFF;
}

.shadow-sm-hover:hover {
    transform: translateY(-2px);
    border-color: #94A3B8 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05) !important;
}

.shadow-sm-hover:hover .step-number-badge {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* ==========================================
   RESPONSIVE BREAKPOINTS (MOBILE & TABLET)
   ========================================== */

/* Tablet View (768px to 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .plan-title {
        font-size: 1.5rem;
    }
}

/* Mobile View (< 767px) */
@media (max-width: 767.98px) {
    .plan-title {
        font-size: 1.3rem;
    }

    .step-number-badge {
        width: 32px;
        height: 32px;
        font-size: 0.75rem;
    }

    .step-icon-badge {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }

    .plan-card {
        padding: 0.875rem !important;
    }
}


/* Background & Grid Pattern Theme */
.sg-pattern-section {
    background-color: #FAFAFD;
    background-image: radial-gradient(#CBD5E1 0.75px, transparent 0.75px);
    background-size: 16px 16px;
}

/* Color Variables */
.text-navy {
    color: #0F172A !important;
}

.bg-navy {
    background-color: #0F172A !important;
}

.text-coral {
    color: #FF7A6E !important;
}

.bg-coral {
    background-color: #FF7A6E !important;
}

.bg-coral-soft {
    background-color: #FFF5F4 !important;
}

.border-coral-light {
    border-color: #FECDD3 !important;
}

.bg-theme-badge {
    background-color: #F1F3F9 !important;
    border: 1px solid #E2E8F0;
}

.text-theme-dark {
    color: #334155 !important;
}

/* Typography & Layout */
.extra-small {
    font-size: 0.78rem;
}

.header-subtitle {
    max-width: 720px;
    line-height: 1.6;
}

.main-wrapper {
    max-width: 880px;
}

/* Custom Card Styling matching the image pattern */
.card-custom {
    background: #FFFFFF;
    border: 1px solid #F1F3F5;
    border-radius: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card-custom:hover {
    transform: translateY(-2px);
    border-color: #FECDD3;
    box-shadow: 0 8px 20px rgba(255, 122, 110, 0.08);
}

/* Icon Box Design */
.icon-square {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

.icon-square-sm {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

/* Custom 5-column helper for desktop flow steps */
@media (min-width: 768px) {
    .col-md-2-4 {
        flex: 0 0 auto;
        width: 20%;
    }
}

/* Mobile Horizontal Scroll for Flow Steps */
.flow-scroll-wrapper {
    overflow-x: auto;
    padding-bottom: 5px;
    -webkit-overflow-scrolling: touch;
}

.flow-scroll-wrapper::-webkit-scrollbar {
    height: 4px;
}

.flow-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #E2E8F0;
    border-radius: 10px;
}

/* Mobile & Tablet Adjustments */
@media (max-width: 767.98px) {
    .section-title {
        font-size: 1.35rem;
    }

    .card-custom {
        padding: 1.1rem !important;
    }

    .header-subtitle {
        font-size: 0.825rem;
    }
}

/* =========================================================
   TIRUPATI Srivani Vip Break Darshan Package END
========================================================= */


/* =========================================================
   TIRUPATI NRI DARSHAN PACKAGE START
========================================================= */



/* =========================================================
   TIRUPATI NRI DARSHAN PACKAGE BANNER
========================================================= */

.tnridp_banner_section {
    width: 100%;
    min-height: auto;
    height: auto;

    position: relative;
    overflow: hidden;

    padding: 60px 20px 60px;

    font-family: "Poppins", sans-serif;
    color: #ffffff;

    box-sizing: border-box;
}


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

.tnridp_banner_overlay {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(47, 193, 224, 0.08),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            rgba(2, 8, 23, 0.12),
            rgba(2, 8, 23, 0.38)
        );

    pointer-events: none;
}


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

.tnridp_banner_container {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
    padding: 0;

    position: relative;
    z-index: 2;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   BADGE
========================================================= */

.tnridp_banner_badge {
    display: inline-flex;

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

    gap: 8px;

    padding: 6px 15px;

    border: 1px solid rgba(22, 202, 237, 0.45);
    border-radius: 30px;

    background: rgba(5, 18, 34, 0.55);

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.18);

    color: #9feaf7;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.2;
    letter-spacing: 0.1px;

    box-sizing: border-box;
}


.tnridp_banner_badge i {
    color: #f9b80f;
    font-size: 13px;
    line-height: 1;
}


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

.tnridp_banner_title {
    margin: 15px 0 5px;

    font-size: 50px;
    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -1.2px;

    color: #f7f8fb;

    text-align: center;
}


/* =========================================================
   SUBTITLE
========================================================= */

.tnridp_banner_subtitle {
    width: 100%;
    max-width: 780px;

    margin: 0 auto 15px;

    font-size: 25px;
    line-height: 1.3;

    font-weight: 400;

    color: #b9dce5;

    text-align: center;

    box-sizing: border-box;
}


.tnridp_banner_subtitle span {
    display: inline;
}


/* =========================================================
   MAIN INFORMATION CARD
========================================================= */

.tnridp_banner_info_card {
    width: 100%;
    max-width: 850px;

    margin: 0 auto;

    padding: 15px 22px 16px;

    border: 1px solid rgba(104, 128, 158, 0.35);

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            rgba(14, 27, 46, 0.91),
            rgba(10, 18, 33, 0.94)
        );

    box-shadow:
        0 14px 38px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    box-sizing: border-box;
}


/* =========================================================
   INFO INTRO
========================================================= */

.tnridp_info_intro {
    color: #d4dce7;

    font-size: 13px;
    line-height: 1.4;

    text-align: center;
}


.tnridp_info_intro p {
    margin: 0 0 7px;
}


.tnridp_info_intro p:last-child {
    margin-bottom: 0;
}


.tnridp_info_intro i {
    margin-right: 6px;
    color: #5dd9ef;
}


.tnridp_info_intro strong {
    color: #f5f7fa;
    font-weight: 700;
}


/* =========================================================
   DIVIDER
========================================================= */

.tnridp_info_divider {
    width: 100%;
    height: 1px;

    margin: 10px 0;

    background: rgba(133, 151, 177, 0.18);
}


/* =========================================================
   INFO NOTICE
========================================================= */

.tnridp_info_notice {
    display: flex;

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

    gap: 9px;

    color: #e4e9f0;

    font-size: 12px;
    line-height: 1.4;

    text-align: justify;
}


.tnridp_info_notice_icon {
    flex: 0 0 auto;

    color: #f9b80f;

    font-size: 14px;

    padding-top: 1px;
}


.tnridp_info_notice p {
    margin: 0;
}


.tnridp_info_notice strong {
    color: #f2f5f8;
}


.tnridp_gold_text {
    color: #f2c85b;
    font-weight: 600;
}


.tnridp_info_bottom {
    margin: 8px 0 0;

    color: #c6ceda;

    font-size: 12px;
    line-height: 1.4;
}


/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.tnridp_important_notice {
    width: 100%;
    max-width: 850px;

    margin: 13px auto 15px;

    padding: 8px 14px;

    display: flex;

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

    gap: 9px;

    border: 1px solid rgba(17, 197, 235, 0.38);

    border-radius: 12px;

    background: rgba(9, 26, 43, 0.74);

    box-sizing: border-box;
}


.tnridp_important_icon {
    flex: 0 0 auto;

    color: #4de0fa;

    font-size: 14px;
}


.tnridp_important_notice p {
    margin: 0;

    color: #dce3ec;

    font-size: 11.5px;
    line-height: 1.35;
}


.tnridp_important_notice strong:first-child {
    color: #55dff5;
}


/* =========================================================
   BOOTSTRAP MT-3
   Existing HTML class is kept
========================================================= */

.tnridp_banner_container > .mt-3 {
    height: 12px;

    margin: 0 !important;
    padding: 0 !important;

    display: block;
}


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

.tnridp_feature_grid {
    width: 100%;
    max-width: 1000px;

    margin: 0 auto;

    display: grid;

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

    gap: 8px;

    box-sizing: border-box;
}


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

.tnridp_feature_item {
    width: 100%;

    min-height: 72px;

    padding: 9px 7px;

    display: flex;

    flex-direction: column;

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

    gap: 6px;

    border: 1px solid rgba(103, 125, 151, 0.28);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 30, 49, 0.91),
            rgba(12, 20, 36, 0.94)
        );

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.tnridp_feature_item:hover {
    transform: translateY(-2px);

    border-color: rgba(74, 211, 236, 0.48);

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.22);
}


/* =========================================================
   FEATURE ICON
========================================================= */

.tnridp_feature_icon {
    color: #5ce1f5;

    font-size: 14px;

    line-height: 1;
}


/* =========================================================
   FEATURE TEXT
========================================================= */

.tnridp_feature_text {
    color: #edf1f5;

    font-size: 11px;

    line-height: 1.25;

    font-weight: 600;

    text-align: center;
}


/* =========================================================
   WARNING FEATURE
========================================================= */

.tnridp_feature_warning {
    border-color: rgba(218, 157, 24, 0.55);

    background:
        linear-gradient(
            145deg,
            rgba(57, 38, 16, 0.91),
            rgba(35, 26, 15, 0.94)
        );
}


.tnridp_feature_warning:hover {
    border-color: rgba(245, 181, 31, 0.8);
}


.tnridp_feature_warning .tnridp_feature_icon {
    color: #f6c338;
}


.tnridp_feature_warning .tnridp_feature_text {
    color: #f7d65f;
}


/* =========================================================
   CTA AREA
========================================================= */

.tnridp_banner_cta {
    width: 100%;

    margin: 19px auto 0;

    display: flex;

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

    gap: 12px;

    box-sizing: border-box;
}


/* =========================================================
   CTA COMMON
========================================================= */

.tnridp_whatsapp_btn,
.tnridp_options_btn {
    min-height: 52px;

    padding: 0 22px;

    display: inline-flex;

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

    gap: 9px;

    border-radius: 30px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.2;

    box-sizing: border-box;

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


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

.tnridp_whatsapp_btn {
    width: 355px;

    background: #08b87d;

    color: #ffffff;

    box-shadow:
        0 8px 22px rgba(0, 184, 125, 0.18);
}


.tnridp_whatsapp_btn i {
    font-size: 23px;
}


.tnridp_whatsapp_btn:hover {
    background: #06a970;

    color: #ffffff;

    transform: translateY(-2px);
}


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

.tnridp_options_btn {
    width: 275px;

    border: 1px solid rgba(226, 231, 239, 0.65);

    background: rgba(10, 17, 31, 0.5);

    color: #f4f5f7;
}


.tnridp_options_btn i {
    font-size: 16px;
}


.tnridp_options_btn:hover {
    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

    transform: translateY(-2px);
}


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

.tnridp_banner_footer {
    margin: 10px 0 0;

    color: #8daac7;

    font-size: 11px;
    line-height: 1.3;

    text-align: center;
}


.tnridp_banner_footer strong {
    color: #9eb8d2;
}


/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tnridp_banner_section {
        min-height: auto;
        height: auto;

        padding: 24px 18px 28px;
    }


    .tnridp_banner_container {
        max-width: 900px;
    }


    /* BADGE */

    .tnridp_banner_badge {
        padding: 6px 15px;

        font-size: 12px;
    }


    /* TITLE */

    .tnridp_banner_title {
        margin: 13px 0 6px;

        font-size: 44px;
        line-height: 1.1;

        letter-spacing: -0.8px;
    }


    /* SUBTITLE */

    .tnridp_banner_subtitle {
        max-width: 700px;

        margin: 0 auto 16px;

        font-size: 20px;
        line-height: 1.35;
    }


    /* INFORMATION CARD */

    .tnridp_banner_info_card {
        max-width: 780px;

        padding: 16px 20px;
    }


    .tnridp_info_intro {
        font-size: 12.5px;
        line-height: 1.45;
    }


    .tnridp_info_notice {
        font-size: 11.8px;
        line-height: 1.45;
        text-align: justify;
    }


    .tnridp_info_bottom {
        font-size: 11.8px;
        line-height: 1.45;
    }


    /* IMPORTANT NOTICE */

    .tnridp_important_notice {
        max-width: 780px;

        margin: 13px auto 15px;

        padding: 9px 14px;
    }


    .tnridp_important_notice p {
        font-size: 11.5px;
        line-height: 1.4;
    }


    /* GAP */

    .tnridp_banner_container > .mt-3 {
        height: 11px;
    }


    /* FEATURE GRID */

    .tnridp_feature_grid {
        max-width: 780px;

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

        gap: 9px;
    }


    .tnridp_feature_item {
        min-height: 76px;

        padding: 10px 8px;
    }


    .tnridp_feature_icon {
        font-size: 15px;
    }


    .tnridp_feature_text {
        font-size: 11.5px;

        line-height: 1.3;
    }


    /* CTA */

    .tnridp_banner_cta {
        margin-top: 19px;

        gap: 12px;
    }


    .tnridp_whatsapp_btn,
    .tnridp_options_btn {
        min-height: 52px;

        font-size: 13px;
    }


    .tnridp_whatsapp_btn {
        width: 350px;
    }


    .tnridp_options_btn {
        width: 270px;
    }


    /* FOOTER */

    .tnridp_banner_footer {
        margin-top: 10px;

        font-size: 11px;
    }

}


/* =========================================================
   MOBILE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tnridp_banner_section {
        min-height: auto;
        height: auto;

        padding: 20px 13px 25px;
    }


    .tnridp_banner_container {
        max-width: 100%;
    }


    /* BADGE */

    .tnridp_banner_badge {
        padding: 6px 13px;

        gap: 7px;

        font-size: 10.5px;

        line-height: 1.2;
    }


    .tnridp_banner_badge i {
        font-size: 12px;
    }


    /* TITLE */

    .tnridp_banner_title {
        margin: 11px 0 5px;

        font-size: 30px;
        line-height: 1.12;

        letter-spacing: -0.5px;
    }


    /* SUBTITLE */

    .tnridp_banner_subtitle {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 15px;

        font-size: 14px;
        line-height: 1.45;
    }


    .tnridp_banner_subtitle span {
        display: inline;
    }


    /* INFORMATION CARD */

    .tnridp_banner_info_card {
        width: 100%;
        max-width: 100%;

        padding: 14px 12px;

        border-radius: 14px;
    }


    .tnridp_info_intro {
        font-size: 11.2px;

        line-height: 1.5;

        text-align: center;
    }


    .tnridp_info_intro p {
        margin-bottom: 7px;
    }


    .tnridp_info_intro i {
        margin-right: 4px;
    }


    /* DIVIDER */

    .tnridp_info_divider {
        margin: 9px 0;
    }


    /* INFO NOTICE */

    .tnridp_info_notice {
        gap: 7px;

        font-size: 10.7px;
        line-height: 1.5;

        text-align: justify;

        justify-content: flex-start;
    }


    .tnridp_info_notice_icon {
        font-size: 13px;
    }


    .tnridp_info_bottom {
        margin-top: 8px;

        font-size: 10.7px;
        line-height: 1.5;
    }


    /* IMPORTANT NOTICE */

    .tnridp_important_notice {
        width: 100%;
        max-width: 100%;

        margin: 11px auto 13px;

        padding: 9px 11px;

        gap: 7px;

        align-items: flex-start;
    }


    .tnridp_important_icon {
        font-size: 13px;

        padding-top: 1px;
    }


    .tnridp_important_notice p {
        font-size: 10.5px;

        line-height: 1.5;

        text-align: left;
    }


    /* GAP */

    .tnridp_banner_container > .mt-3 {
        height: 9px;
    }


    /* FEATURE GRID */

    .tnridp_feature_grid {
        width: 100%;
        max-width: 100%;

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

        gap: 7px;
    }


    .tnridp_feature_item {
        width: 100%;

        min-height: 68px;

        padding: 8px 6px;

        gap: 5px;

        border-radius: 10px;
    }


    .tnridp_feature_icon {
        font-size: 13px;
    }


    .tnridp_feature_text {
        font-size: 9.8px;

        line-height: 1.3;
    }


    /* CTA */

    .tnridp_banner_cta {
        width: 100%;

        margin-top: 16px;

        display: flex;

        flex-direction: column;

        gap: 10px;
    }


    .tnridp_whatsapp_btn,
    .tnridp_options_btn {
        width: 100%;
        min-width: 100%;

        min-height: 50px;

        padding: 0 15px;

        font-size: 12.5px;
    }


    .tnridp_whatsapp_btn i {
        font-size: 21px;
    }


    .tnridp_options_btn i {
        font-size: 15px;
    }


    /* FOOTER */

    .tnridp_banner_footer {
        margin-top: 8px;

        font-size: 10px;

        line-height: 1.4;
    }

}







/* =========================================================
   NRI DARSHAN INFORMATION SECTION
========================================================= */

.tdnri_info_section {

    width: 100%;
    padding: 65px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


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

.tdnri_info_container {

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
}


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

.tdnri_info_heading {

    width: fit-content;

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

    margin: 0 auto 18px;

    padding: 8px 17px;

    border: 1px solid rgba(243, 82, 90, 0.25);
    border-radius: 50px;

    background: #fff5f5;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;

    box-sizing: border-box;
}


.tdnri_info_heading_icon {

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

    color: #f3525a;

    font-size: 15px;
}


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

.tdnri_main_title {

    width: 100%;

    margin-bottom: 20px;

    text-align: center;
}


.tdnri_main_title h2 {

    margin: 0;

    font-size: 36px;
    line-height: 1.3;

    font-weight: 800;

    letter-spacing: -0.4px;

    color: #172033;
}


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

.tdnri_intro_content {

    width: 100%;
    max-width: 940px;

    margin: 0 auto 42px;

    text-align: center;
}


.tdnri_intro_content p {

    margin: 0;

    font-size: 15px;
    line-height: 1.85;

    color: #596579;
}


.tdnri_intro_content strong {

    color: #172033;
    font-weight: 700;
}


/* =========================================================
   MAIN CARDS ROW
========================================================= */

.tdnri_cards_row {

    margin-bottom: 35px;
}


/* =========================================================
   LEFT - UNDERSTANDING AREA
========================================================= */

.tdnri_glance_area {

    width: 100%;
    height: 100%;

    padding: 30px;

    border: 1px solid rgba(243, 82, 90, 0.18);
    border-radius: 22px;

    background: #fff7f7;

    box-sizing: border-box;

    transition: 0.3s ease;
}


.tdnri_glance_area:hover {

    border-color: rgba(243, 82, 90, 0.35);

    box-shadow: 0 14px 35px rgba(243, 82, 90, 0.08);
}


/* =========================================================
   LEFT HEADING
========================================================= */

.tdnri_glance_heading {

    display: flex;
    align-items: flex-start;

    gap: 15px;

    margin-bottom: 25px;
}


.tdnri_glance_icon {

    width: 50px;
    height: 50px;

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

    flex-shrink: 0;

    border-radius: 14px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 20px;
}


.tdnri_glance_heading h3 {

    margin: 0 0 5px;

    font-size: 23px;
    line-height: 1.35;

    font-weight: 700;

    color: #172033;
}


.tdnri_glance_heading h4 {

    margin: 0 0 7px;

    font-size: 15px;
    line-height: 1.5;

    font-weight: 700;

    color: #f3525a;
}


.tdnri_glance_heading p {

    margin: 0;

    font-size: 13px;
    line-height: 1.7;

    color: #657084;

    text-align: justify;
}


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

.tdnri_understanding_content {

    width: 100%;
}


.tdnri_understanding_content p {

    margin: 0;

    padding: 17px 18px;

    border: 1px solid rgba(243, 82, 90, 0.11);
    border-radius: 13px;

    background: #ffffff;

    font-size: 13.5px;
    line-height: 1.8;

    color: #596579;

    text-align: justify;

    box-sizing: border-box;
}


.tdnri_understanding_content strong {

    color: #172033;
    font-weight: 700;
}


/* =========================================================
   LEFT NOTE
========================================================= */

.tdnri_glance_note {

    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 18px;

    padding: 14px 15px;

    border: 1px solid rgba(243, 82, 90, 0.16);
    border-radius: 12px;

    background: #ffffff;

    box-sizing: border-box;
}


.tdnri_glance_note i {

    margin-top: 3px;

    flex-shrink: 0;

    color: #f3525a;

    font-size: 15px;
}


.tdnri_glance_note p {

    margin: 0;

    font-size: 12.5px;
    line-height: 1.7;

    color: #596579;

    text-align: justify;
}


/* =========================================================
   RIGHT - TRAVEL PLANNING CARD
========================================================= */

.tdnri_understanding_section {

    width: 100%;
    height: 100%;

    padding: 30px;

    border: 1px solid rgba(243, 82, 90, 0.18);
    border-radius: 22px;

    background: #ffffff;

    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.06);

    box-sizing: border-box;

    transition: 0.3s ease;
}


.tdnri_understanding_section:hover {

    border-color: rgba(243, 82, 90, 0.32);

    box-shadow: 0 16px 36px rgba(23, 32, 51, 0.08);
}


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

.tdnri_section_title {

    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-bottom: 24px;
}


.tdnri_section_title_icon {

    width: 50px;
    height: 50px;

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

    flex: 0 0 50px;

    border-radius: 14px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 20px;
}


.tdnri_section_title_content {

    flex: 1;
    min-width: 0;
}


.tdnri_section_title_content h3 {

    margin: 0;

    font-size: 23px;
    line-height: 1.4;

    font-weight: 700;

    color: #172033;
}


.tdnri_section_title_content p {

    margin: 7px 0 0;

    font-size: 13px;
    line-height: 1.7;

    color: #5f6b7a;

    text-align: justify;
}


/* =========================================================
   TRAVEL PLANNING CARDS
========================================================= */

.tdnri_glance_grid {

    display: block;
}


.tdnri_glance_card {

    position: relative;

    width: 100%;

    padding: 17px 16px;

    margin-bottom: 12px;

    border: 1px solid rgba(243, 82, 90, 0.13);
    border-radius: 14px;

    background: #fff7f7;

    box-sizing: border-box;

    transition: all 0.3s ease;
}


.tdnri_glance_card:last-child {

    margin-bottom: 0;
}


.tdnri_glance_card:hover {

    border-color: rgba(243, 82, 90, 0.35);

    background: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.08);
}


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

.tdnri_glance_card_icon {

    width: 38px;
    height: 38px;

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

    margin-bottom: 10px;

    border-radius: 10px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 16px;
}


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

.tdnri_glance_card h4 {

    margin: 0 0 6px;

    font-size: 15px;
    line-height: 1.45;

    font-weight: 700;

    color: #172033;
}


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

.tdnri_glance_card p {

    margin: 0;

    font-size: 12.5px;
    line-height: 1.7;

    color: #657084;

    text-align: justify;
}


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

.tdnri_verify_section {

    width: 100%;

    padding: 22px 25px;

    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;

    border-radius: 17px;

    background: #fff7f7;

    box-sizing: border-box;

    transition: 0.3s ease;
}


.tdnri_verify_section:hover {

    box-shadow: 0 10px 28px rgba(243, 82, 90, 0.08);
}


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

.tdnri_verify_header {

    display: flex;
    align-items: flex-start;

    gap: 15px;
}


.tdnri_verify_icon {

    width: 46px;
    height: 46px;

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

    flex: 0 0 46px;

    border-radius: 12px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 19px;
}


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

.tdnri_verify_content {

    flex: 1;
    min-width: 0;
}


.tdnri_verify_content h3 {

    margin: 0 0 6px;

    font-size: 19px;
    line-height: 1.4;

    font-weight: 700;

    color: #172033;
}


.tdnri_verify_content p {

    margin: 0;

    font-size: 13px;
    line-height: 1.75;

    color: #5f6b7a;

    text-align: justify;
}


.tdnri_verify_content p strong {

    color: #172033;
    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

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

    .tdnri_info_section {
        padding: 55px 20px;
    }


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

    .tdnri_main_title h2 {
        font-size: 32px;
        line-height: 1.35;
    }


    /* =========================
       INTRO
    ========================= */

    .tdnri_intro_content {
        max-width: 850px;
        margin-bottom: 35px;
    }

    .tdnri_intro_content p {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =========================
       BOOTSTRAP COLUMNS
       Keep 2 columns on tablet
    ========================= */

    .tdnri_cards_row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .tdnri_cards_row > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }


    /* =========================
       LEFT / RIGHT MAIN CARDS
    ========================= */

    .tdnri_glance_area,
    .tdnri_understanding_section {
        padding: 25px;
        border-radius: 20px;
    }


    /* =========================
       LEFT HEADING
    ========================= */

    .tdnri_glance_heading {
        gap: 13px;
        margin-bottom: 22px;
    }

    .tdnri_glance_icon {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        font-size: 19px;
    }

    .tdnri_glance_heading h3 {
        font-size: 21px;
        line-height: 1.4;
    }

    .tdnri_glance_heading h4 {
        font-size: 14px;
    }

    .tdnri_glance_heading p {
        font-size: 12.5px;
        line-height: 1.7;
    }


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

    .tdnri_understanding_content p {
        padding: 15px 16px;
        font-size: 13px;
        line-height: 1.75;
    }


    /* =========================
       NOTE
    ========================= */

    .tdnri_glance_note {
        padding: 13px 14px;
        gap: 9px;
    }

    .tdnri_glance_note p {
        font-size: 12px;
        line-height: 1.7;
    }


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

    .tdnri_section_title {
        gap: 13px;
        margin-bottom: 21px;
    }

    .tdnri_section_title_icon {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        border-radius: 13px;
        font-size: 19px;
    }

    .tdnri_section_title_content h3 {
        font-size: 21px;
        line-height: 1.4;
    }

    .tdnri_section_title_content p {
        font-size: 12.5px;
        line-height: 1.7;
    }


    /* =========================
       TRAVEL CARDS
    ========================= */

    .tdnri_glance_card {
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 13px;
    }

    .tdnri_glance_card_icon {
        width: 36px;
        height: 36px;
        margin-bottom: 9px;
        border-radius: 9px;
        font-size: 15px;
    }

    .tdnri_glance_card h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .tdnri_glance_card p {
        font-size: 12px;
        line-height: 1.7;
    }


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

    .tdnri_verify_section {
        padding: 20px 22px;
        border-radius: 15px;
    }

    .tdnri_verify_header {
        gap: 13px;
    }

    .tdnri_verify_icon {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border-radius: 11px;
        font-size: 18px;
    }

    .tdnri_verify_content h3 {
        font-size: 18px;
    }

    .tdnri_verify_content p {
        font-size: 12.5px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

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

    .tdnri_info_section {
        padding: 45px 15px;
    }


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

    .tdnri_info_container {
        max-width: 100%;
    }


    /* =========================
       BADGE
    ========================= */

    .tdnri_info_heading {
        gap: 7px;

        margin-bottom: 15px;

        padding: 7px 14px;

        font-size: 12px;
    }

    .tdnri_info_heading_icon {
        font-size: 14px;
    }


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

    .tdnri_main_title {
        margin-bottom: 17px;
    }

    .tdnri_main_title h2 {
        font-size: 27px;
        line-height: 1.35;
        letter-spacing: -0.2px;
    }


    /* =========================
       INTRO
    ========================= */

    .tdnri_intro_content {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .tdnri_intro_content p {
        font-size: 13.5px;
        line-height: 1.8;
        text-align: center;
    }


    /* =========================
       BOOTSTRAP ROW
    ========================= */

    .tdnri_cards_row {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: 25px;
    }

    .tdnri_cards_row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }


    /* =========================
       MAIN CARDS
    ========================= */

    .tdnri_glance_area,
    .tdnri_understanding_section {
        height: auto;

        padding: 21px 17px;

        border-radius: 18px;
    }


    /* =========================
       LEFT HEADING
    ========================= */

    .tdnri_glance_heading {
        gap: 11px;
        margin-bottom: 20px;
    }

    .tdnri_glance_icon {
        width: 43px;
        height: 43px;

        border-radius: 11px;

        font-size: 17px;
    }

    .tdnri_glance_heading h3 {
        font-size: 19px;
        line-height: 1.4;
    }

    .tdnri_glance_heading h4 {
        margin-bottom: 5px;
        font-size: 13.5px;
    }

    .tdnri_glance_heading p {
        font-size: 12px;
        line-height: 1.7;
    }


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

    .tdnri_understanding_content p {
        padding: 14px 15px;

        border-radius: 12px;

        font-size: 12.5px;
        line-height: 1.75;
    }


    /* =========================
       NOTE
    ========================= */

    .tdnri_glance_note {
        gap: 8px;

        margin-top: 15px;

        padding: 12px 13px;

        border-radius: 11px;
    }

    .tdnri_glance_note i {
        margin-top: 2px;
        font-size: 14px;
    }

    .tdnri_glance_note p {
        font-size: 11.8px;
        line-height: 1.7;
    }


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

    .tdnri_section_title {
        gap: 11px;
        margin-bottom: 20px;
    }

    .tdnri_section_title_icon {
        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        border-radius: 11px;

        font-size: 17px;
    }

    .tdnri_section_title_content h3 {
        font-size: 19px;
        line-height: 1.4;
    }

    .tdnri_section_title_content p {
        margin-top: 6px;

        font-size: 12px;
        line-height: 1.7;
    }


    /* =========================
       TRAVEL PLANNING CARDS
    ========================= */

    .tdnri_glance_card {
        padding: 14px;

        margin-bottom: 9px;

        border-radius: 12px;
    }

    .tdnri_glance_card_icon {
        width: 35px;
        height: 35px;

        margin-bottom: 8px;

        border-radius: 9px;

        font-size: 14px;
    }

    .tdnri_glance_card h4 {
        margin-bottom: 5px;

        font-size: 13.5px;
        line-height: 1.45;
    }

    .tdnri_glance_card p {
        font-size: 11.8px;
        line-height: 1.7;
    }


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

    .tdnri_verify_section {
        padding: 17px 15px;

        border-left-width: 4px;

        border-radius: 14px;
    }

    .tdnri_verify_header {
        gap: 10px;
    }

    .tdnri_verify_icon {
        width: 40px;
        height: 40px;

        flex: 0 0 40px;

        border-radius: 10px;

        font-size: 16px;
    }

    .tdnri_verify_content h3 {
        margin-bottom: 5px;

        font-size: 17px;
        line-height: 1.4;
    }

    .tdnri_verify_content p {
        font-size: 11.8px;
        line-height: 1.7;
    }

}










/* =========================================================
   NRI DARSHAN ELIGIBILITY INFORMATION SECTION
========================================================= */

.tdnri_eligibility_info_x8k4_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   MAIN HEADING AREA
========================================================= */

.tdnri_eligibility_heading_x8k4 {

    text-align: center;

    margin-bottom: 30px;

}


.tdnri_eligibility_badge_x8k4 {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 8px 17px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.22);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

    box-shadow:
        0 6px 18px rgba(30, 45, 65, 0.07);

    margin-bottom: 18px;

}


.tdnri_eligibility_badge_icon_x8k4 {

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 13px;

}


.tdnri_eligibility_heading_x8k4 h2 {

    margin: 0 0 18px;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 800;

    color: #172033;

    letter-spacing: -0.6px;

}


.tdnri_eligibility_heading_x8k4 p {

    max-width: 900px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 1.85;

    color: #536174;

}


.tdnri_eligibility_heading_x8k4 strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   GUIDE HEADING - CENTER
========================================================= */

.tdnri_eligibility_guide_head_x8k4 {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-bottom: 28px;

    padding-left: 0;

    text-align: center;

}


/* =========================================================
   GUIDE ICON
========================================================= */

.tdnri_eligibility_guide_icon_x8k4 {

    flex: 0 0 auto;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 15px;

    font-size: 21px;

    box-shadow:
        0 10px 22px rgba(243, 82, 90, 0.22);

}


/* =========================================================
   GUIDE TEXT WRAPPER
========================================================= */

.tdnri_eligibility_guide_head_x8k4 > div:last-child {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}


/* =========================================================
   GUIDE LABEL
========================================================= */

.tdnri_eligibility_guide_head_x8k4 span {

    display: block;

    margin-bottom: 3px;

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

}


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

.tdnri_eligibility_guide_head_x8k4 h3 {

    margin: 0 0 5px;

    font-size: 25px;

    line-height: 1.3;

    font-weight: 800;

    color: #172033;

}


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

.tdnri_eligibility_guide_head_x8k4 p {

    max-width: 700px;

    margin: 0;

    color: #657286;

    font-size: 15px;

    line-height: 1.6;

    text-align: center;

}


/* =========================================================
   ELIGIBILITY ITEMS
========================================================= */

.tdnri_eligibility_item_x8k4 {

    position: relative;

    height: 100%;

    padding: 30px 25px 28px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 18px;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.tdnri_eligibility_item_x8k4::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

}


.tdnri_eligibility_item_x8k4::after {

    content: "";

    position: absolute;

    width: 80px;

    height: 80px;

    right: -35px;

    bottom: -35px;

    background: #f9b0b3;

    opacity: 0.18;

    border-radius: 50%;

    pointer-events: none;

}


.tdnri_eligibility_item_x8k4:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.20);

    box-shadow:
        0 18px 35px rgba(31, 48, 70, 0.11);

}


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

.tdnri_eligibility_item_icon_x8k4 {

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 14px;

    font-size: 20px;

    margin-bottom: 20px;

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

}


.tdnri_eligibility_item_x8k4:hover
.tdnri_eligibility_item_icon_x8k4 {

    background: #f3525a;

    color: #ffffff;

}


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

.tdnri_eligibility_item_number_x8k4 {

    position: absolute;

    top: 18px;

    right: 21px;

    font-size: 12px;

    font-weight: 800;

    color: #f9b0b3;

    letter-spacing: 0.5px;

}


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

.tdnri_eligibility_item_x8k4 h4 {

    position: relative;

    z-index: 2;

    margin: 0 0 11px;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 750;

    color: #172033;

}


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

.tdnri_eligibility_item_x8k4 p {

    position: relative;

    z-index: 2;

    margin: 0;

    font-size: 15px;

    line-height: 1.75;

    color: #687588;

    text-align: justify;

}


/* =========================================================
   IMPORTANT BOX
========================================================= */

.tdnri_eligibility_important_x8k4 {

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-top: 48px;

    padding: 24px 27px;

    background: #ffffff;

    border-left: 5px solid #f3525a;

    border-radius: 15px;

    box-shadow:
        0 10px 28px rgba(31, 48, 70, 0.08);

    box-sizing: border-box;

}


.tdnri_eligibility_important_icon_x8k4 {

    flex: 0 0 auto;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 16px;

    box-shadow:
        0 7px 16px rgba(243, 82, 90, 0.20);

}


.tdnri_eligibility_important_content_x8k4 {

    flex: 1;

}


.tdnri_eligibility_important_content_x8k4 h3 {

    margin: 0 0 6px;

    font-size: 17px;

    font-weight: 800;

    color: #172033;

}


.tdnri_eligibility_important_content_x8k4 p {

    margin: 0;

    font-size: 14px;

    line-height: 1.75;

    color: #687588;

    text-align: justify;

}


/* =========================================================
   OUR ROLE
========================================================= */

.tdnri_eligibility_role_x8k4 {

    display: flex;

    align-items: center;

    gap: 16px;

    margin-top: 18px;

    padding: 21px 25px;

    background: rgba(249, 176, 179, 0.20);

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 14px;

    box-sizing: border-box;

}


.tdnri_eligibility_role_icon_x8k4 {

    flex: 0 0 auto;

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 17px;

}


.tdnri_eligibility_role_content_x8k4 {

    font-size: 14px;

    line-height: 1.7;

    color: #59677a;

    text-align: justify;

}


.tdnri_eligibility_role_content_x8k4 strong {

    color: #172033;

    font-weight: 800;

    margin-right: 4px;

}


/* =========================================================
   RESPONSIVE - TABLET
   768px TO 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {


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

    .tdnri_eligibility_info_x8k4_section {

        padding: 50px 20px 55px;

    }


    /* =====================================================
       MAIN HEADING
    ===================================================== */

    .tdnri_eligibility_heading_x8k4 {

        margin-bottom: 28px;

    }


    .tdnri_eligibility_badge_x8k4 {

        padding: 8px 16px;

        font-size: 12px;

        margin-bottom: 16px;

    }


    .tdnri_eligibility_heading_x8k4 h2 {

        font-size: 34px;

        line-height: 1.25;

        margin-bottom: 15px;

    }


    .tdnri_eligibility_heading_x8k4 p {

        max-width: 720px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* =====================================================
       GUIDE HEADING
    ===================================================== */

    .tdnri_eligibility_guide_head_x8k4 {

        gap: 13px;

        margin-bottom: 25px;

    }


    .tdnri_eligibility_guide_icon_x8k4 {

        width: 50px;

        height: 50px;

        font-size: 20px;

        border-radius: 14px;

    }


    .tdnri_eligibility_guide_head_x8k4 h3 {

        font-size: 23px;

    }


    .tdnri_eligibility_guide_head_x8k4 p {

        max-width: 650px;

        font-size: 14px;

        line-height: 1.65;

    }


    /* =====================================================
       ELIGIBILITY ITEMS
    ===================================================== */

    .tdnri_eligibility_item_x8k4 {

        padding: 27px 23px 26px;

        border-radius: 17px;

    }


    .tdnri_eligibility_item_icon_x8k4 {

        width: 48px;

        height: 48px;

        margin-bottom: 18px;

        font-size: 19px;

        border-radius: 13px;

    }


    .tdnri_eligibility_item_x8k4 h4 {

        font-size: 17px;

        line-height: 1.4;

        margin-bottom: 9px;

    }


    .tdnri_eligibility_item_x8k4 p {

        font-size: 14px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       IMPORTANT BOX
    ===================================================== */

    .tdnri_eligibility_important_x8k4 {

        gap: 16px;

        margin-top: 40px;

        padding: 22px 24px;

    }


    .tdnri_eligibility_important_icon_x8k4 {

        width: 40px;

        height: 40px;

        font-size: 15px;

    }


    .tdnri_eligibility_important_content_x8k4 h3 {

        font-size: 16px;

    }


    .tdnri_eligibility_important_content_x8k4 p {

        font-size: 14px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       OUR ROLE
    ===================================================== */

    .tdnri_eligibility_role_x8k4 {

        gap: 14px;

        margin-top: 16px;

        padding: 19px 22px;

    }


    .tdnri_eligibility_role_icon_x8k4 {

        width: 41px;

        height: 41px;

        font-size: 16px;

        border-radius: 11px;

    }


    .tdnri_eligibility_role_content_x8k4 {

        font-size: 14px;

        line-height: 1.7;

        text-align: left;

    }

}


/* =========================================================
   RESPONSIVE - MOBILE
   UP TO 767px
========================================================= */

@media (max-width: 767px) {


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

    .tdnri_eligibility_info_x8k4_section {

        padding: 42px 15px 45px;

    }


    /* =====================================================
       MAIN HEADING
    ===================================================== */

    .tdnri_eligibility_heading_x8k4 {

        margin-bottom: 25px;

    }


    .tdnri_eligibility_badge_x8k4 {

        gap: 7px;

        padding: 7px 14px;

        font-size: 11px;

        margin-bottom: 14px;

    }


    .tdnri_eligibility_badge_icon_x8k4 {

        width: 23px;

        height: 23px;

        font-size: 12px;

    }


    .tdnri_eligibility_heading_x8k4 h2 {

        margin-bottom: 13px;

        font-size: 28px;

        line-height: 1.25;

        letter-spacing: -0.3px;

    }


    .tdnri_eligibility_heading_x8k4 p {

        max-width: 100%;

        padding: 0 4px;

        font-size: 14px;

        line-height: 1.7;

    }


    /* =====================================================
       GUIDE HEADING
    ===================================================== */

    .tdnri_eligibility_guide_head_x8k4 {

        gap: 11px;

        margin-bottom: 22px;

        padding: 0 5px;

    }


    .tdnri_eligibility_guide_icon_x8k4 {

        width: 48px;

        height: 48px;

        font-size: 19px;

        border-radius: 13px;

    }


    .tdnri_eligibility_guide_head_x8k4 span {

        margin-bottom: 3px;

        font-size: 10px;

        letter-spacing: 0.8px;

    }


    .tdnri_eligibility_guide_head_x8k4 h3 {

        margin-bottom: 5px;

        font-size: 21px;

        line-height: 1.3;

    }


    .tdnri_eligibility_guide_head_x8k4 p {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.6;

    }


    /* =====================================================
       ELIGIBILITY ITEMS
    ===================================================== */

    .tdnri_eligibility_item_x8k4 {

        padding: 25px 21px 24px;

        border-radius: 16px;

    }


    .tdnri_eligibility_item_x8k4::before {

        height: 3px;

    }


    .tdnri_eligibility_item_x8k4::after {

        width: 70px;

        height: 70px;

        right: -30px;

        bottom: -30px;

    }


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

    .tdnri_eligibility_item_icon_x8k4 {

        width: 46px;

        height: 46px;

        margin-bottom: 17px;

        font-size: 18px;

        border-radius: 12px;

    }


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

    .tdnri_eligibility_item_number_x8k4 {

        top: 16px;

        right: 18px;

        font-size: 11px;

    }


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

    .tdnri_eligibility_item_x8k4 h4 {

        margin-bottom: 9px;

        font-size: 17px;

        line-height: 1.4;

    }


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

    .tdnri_eligibility_item_x8k4 p {

        font-size: 14px;

        line-height: 1.7;

        text-align: left;

    }


    /* =====================================================
       IMPORTANT BOX
    ===================================================== */

    .tdnri_eligibility_important_x8k4 {

        flex-direction: column;

        align-items: flex-start;

        gap: 13px;

        margin-top: 32px;

        padding: 20px 19px;

        border-left-width: 4px;

        border-radius: 13px;

    }


    .tdnri_eligibility_important_icon_x8k4 {

        width: 39px;

        height: 39px;

        font-size: 15px;

    }


    .tdnri_eligibility_important_content_x8k4 {

        width: 100%;

    }


    .tdnri_eligibility_important_content_x8k4 h3 {

        margin-bottom: 6px;

        font-size: 16px;

        line-height: 1.4;

    }


    .tdnri_eligibility_important_content_x8k4 p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       OUR ROLE
    ===================================================== */

    .tdnri_eligibility_role_x8k4 {

        flex-direction: column;

        align-items: flex-start;

        gap: 12px;

        margin-top: 14px;

        padding: 18px 18px;

        border-radius: 13px;

    }


    .tdnri_eligibility_role_icon_x8k4 {

        width: 40px;

        height: 40px;

        font-size: 15px;

        border-radius: 11px;

    }


    .tdnri_eligibility_role_content_x8k4 {

        width: 100%;

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }


    .tdnri_eligibility_role_content_x8k4 strong {

        margin-right: 3px;

    }

}









/* =========================================================
   OFFICIAL BOOKING GUIDANCE - NRI DARSHAN
========================================================= */

.tdnri_official_booking_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.tdnri_official_booking_section *,
.tdnri_official_booking_section *::before,
.tdnri_official_booking_section *::after {
    box-sizing: border-box;
}


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

.tdnri_official_booking_header {
    max-width: 850px;
    margin: 0 auto 50px;
    text-align: center;
}

.tdnri_official_booking_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    margin-bottom: 17px;
    border: 1px solid #f9b0b3;
    border-radius: 50px;
    background: #ffffff;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.tdnri_official_booking_badge i {
    color: #f3525a;
    font-size: 15px;
}

.tdnri_official_booking_header h2 {
    margin: 0 0 15px;
    color: #172033;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.tdnri_official_booking_header p {
    max-width: 800px;
    margin: 0 auto;
    color: #526174;
    font-size: 15px;
    line-height: 1.85;
    text-align: center;
}

.tdnri_official_booking_header strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   JOURNEY WRAPPER
========================================================= */

.tdnri_journey_wrapper {
    width: 100%;
    padding: 34px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.06);
}

.tdnri_journey_heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 32px;
}

.tdnri_journey_icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 21px;
}

.tdnri_journey_label {
    display: block;
    margin-bottom: 3px;
    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tdnri_journey_heading h3 {
    margin: 0;
    color: #172033;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================================
   JOURNEY CARDS
========================================================= */

.tdnri_journey_card {
    position: relative;
    height: 100%;
    min-height: 250px;
    padding: 27px 25px 25px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e7dfe0;
    border-radius: 18px;
    transition: transform 0.3s ease, box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.tdnri_journey_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f3525a;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.tdnri_journey_card:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 14px 30px rgba(243, 82, 90, 0.10);
}

.tdnri_journey_card:hover::before {
    transform: scaleX(1);
}

.tdnri_journey_number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #f9b0b3;
    font-size: 27px;
    line-height: 1;
    font-weight: 800;
}

.tdnri_journey_card_icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 14px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 19px;
}

.tdnri_journey_card_content h4 {
    margin: 0 35px 12px 0;
    color: #172033;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.tdnri_journey_card_content p {
    margin: 0;
    color: #657083;
    font-size: 13.5px;
    line-height: 1.8;
    text-align: justify;
}

.tdnri_journey_card_content strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   CURRENT PROCESS BOX
========================================================= */

.tdnri_current_process_box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    padding: 25px 28px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;
    border-radius: 17px;
}

.tdnri_current_process_icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 18px;
}

.tdnri_current_process_content h3 {
    margin: 0 0 7px;
    color: #172033;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_current_process_content p {
    margin: 0;
    color: #657083;
    font-size: 13.5px;
    line-height: 1.75;
    text-align: justify;
}


/* =========================================================
   TRAVEL AGENCY DISCLOSURE
========================================================= */

.tdnri_agency_disclosure {
    width: 100%;
    margin-top: 35px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.05);
}

.tdnri_agency_disclosure_top {
    padding: 30px 32px 25px;
    background: #fff7f7;
    border-bottom: 1px solid #f9b0b3;
}

.tdnri_agency_disclosure_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.tdnri_agency_disclosure_badge i {
    font-size: 15px;
}

.tdnri_agency_disclosure_top h3 {
    margin: 0;
    color: #172033;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_agency_disclosure_content {
    padding: 28px 32px 30px;
}

.tdnri_agency_disclosure_content p {
    margin: 0 0 16px;
    color: #5f6c7d;
    font-size: 14px;
    line-height: 1.85;
    text-align: justify;
}

.tdnri_agency_disclosure_content p:last-child {
    margin-bottom: 0;
}

.tdnri_agency_disclosure_content strong {
    color: #172033;
    font-weight: 700;
}

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

@media (max-width: 991px) {

    .tdnri_official_booking_section {
        padding: 55px 20px;
    }


    /* Main Header */

    .tdnri_official_booking_header {
        max-width: 750px;
        margin-bottom: 40px;
    }

    .tdnri_official_booking_header h2 {
        font-size: 30px;
    }

    .tdnri_official_booking_header p {
        font-size: 14px;
        line-height: 1.8;
    }


    /* Journey Wrapper */

    .tdnri_journey_wrapper {
        padding: 28px;
        border-radius: 20px;
    }

    .tdnri_journey_heading {
        margin-bottom: 28px;
    }

    .tdnri_journey_heading h3 {
        font-size: 22px;
    }


    /* Journey Cards */

    .tdnri_journey_card {
        min-height: 235px;
        padding: 24px 22px;
        border-radius: 17px;
    }

    .tdnri_journey_card_content h4 {
        font-size: 16px;
    }

    .tdnri_journey_card_content p {
        font-size: 13px;
        line-height: 1.75;
    }


    /* Current Process */

    .tdnri_current_process_box {
        margin-top: 25px;
        padding: 23px 24px;
        gap: 17px;
    }

    .tdnri_current_process_content h3 {
        font-size: 17px;
    }

    .tdnri_current_process_content p {
        font-size: 13px;
        line-height: 1.75;
    }


    /* Agency Disclosure */

    .tdnri_agency_disclosure {
        margin-top: 28px;
        border-radius: 20px;
    }

    .tdnri_agency_disclosure_top {
        padding: 27px 28px 23px;
    }

    .tdnri_agency_disclosure_top h3 {
        font-size: 22px;
    }

    .tdnri_agency_disclosure_content {
        padding: 25px 28px 28px;
    }

    .tdnri_agency_disclosure_content p {
        font-size: 13.5px;
        line-height: 1.8;
    }

}


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

@media (max-width: 767px) {

    .tdnri_official_booking_section {
        padding: 45px 15px;
    }


    /* Main Header */

    .tdnri_official_booking_header {
        margin-bottom: 32px;
    }

    .tdnri_official_booking_badge {
        padding: 7px 14px;
        margin-bottom: 14px;
        font-size: 11px;
    }

    .tdnri_official_booking_badge i {
        font-size: 13px;
    }

    .tdnri_official_booking_header h2 {
        margin-bottom: 13px;
        font-size: 26px;
        line-height: 1.3;
    }

    .tdnri_official_booking_header p {
        font-size: 13px;
        line-height: 1.75;
        text-align: center;
    }


    /* Journey Wrapper */

    .tdnri_journey_wrapper {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .tdnri_journey_heading {
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 24px;
    }

    .tdnri_journey_icon {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        border-radius: 13px;
        font-size: 18px;
    }

    .tdnri_journey_label {
        margin-bottom: 3px;
        font-size: 10px;
        letter-spacing: 0.8px;
    }

    .tdnri_journey_heading h3 {
        font-size: 19px;
        line-height: 1.4;
    }


    /* Journey Cards */

    .tdnri_journey_card {
        min-height: auto;
        padding: 22px 19px;
        border-radius: 16px;
    }

    .tdnri_journey_number {
        top: 15px;
        right: 17px;
        font-size: 23px;
    }

    .tdnri_journey_card_icon {
        width: 44px;
        height: 44px;
        margin-bottom: 16px;
        border-radius: 12px;
        font-size: 17px;
    }

    .tdnri_journey_card_content h4 {
        margin-right: 28px;
        margin-bottom: 10px;
        font-size: 15.5px;
        line-height: 1.45;
    }

    .tdnri_journey_card_content p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }


    /* Current Process */

    .tdnri_current_process_box {
        align-items: flex-start;
        gap: 14px;
        margin-top: 22px;
        padding: 20px 19px;
        border-radius: 15px;
    }

    .tdnri_current_process_icon {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border-radius: 12px;
        font-size: 16px;
    }

    .tdnri_current_process_content h3 {
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 1.45;
    }

    .tdnri_current_process_content p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }


    /* Travel Agency Disclosure */

    .tdnri_agency_disclosure {
        margin-top: 22px;
        border-radius: 18px;
    }

    .tdnri_agency_disclosure_top {
        padding: 23px 20px 20px;
    }

    .tdnri_agency_disclosure_badge {
        gap: 7px;
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .tdnri_agency_disclosure_badge i {
        font-size: 13px;
    }

    .tdnri_agency_disclosure_top h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .tdnri_agency_disclosure_content {
        padding: 21px 20px 23px;
    }

    .tdnri_agency_disclosure_content p {
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.78;
        text-align: justify;
    }

}













/* =========================================================
   NRI DARSHAN COST & PRICE GUIDE
========================================================= */

.tdnri_cost_guide_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.tdnri_cost_guide_section *,
.tdnri_cost_guide_section *::before,
.tdnri_cost_guide_section *::after {
    box-sizing: border-box;
}


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

.tdnri_cost_guide_header {
    max-width: 900px;
    margin: 0 auto 48px;
}

.tdnri_cost_guide_icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    color: #f3525a;
    font-size: 25px;
}

.tdnri_cost_guide_header h2 {
    margin: 0 0 18px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;
}

.tdnri_cost_guide_header p {
    margin: 0;
    font-size: 15px;
    line-height: 1.9;
    color: #596579;
}

.tdnri_cost_guide_header strong,
.tdnri_cost_guide_card strong,
.tdnri_cost_guide_transparency strong {
    color: #172033;
}


/* =========================================================
   PRIMARY COST ROW
========================================================= */

.tdnri_cost_guide_main_row {
    margin-left: -12px;
    margin-right: -12px;
}

.tdnri_cost_guide_main_row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}


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

.tdnri_cost_guide_card {
    height: 100%;
    padding: 28px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tdnri_cost_guide_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(23, 32, 51, 0.11);
}

.tdnri_cost_guide_notice_card {
    background: #fff8f8;
}


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

.tdnri_cost_guide_card_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0f1;
    border: 1px solid #f9b0b3;
    border-radius: 14px;
    color: #f3525a;
    font-size: 19px;
}


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

.tdnri_cost_guide_card h3 {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}

.tdnri_cost_guide_card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.85;
    color: #596579;
    text-align: justify;
}


/* =========================================================
   LABEL
========================================================= */

.tdnri_cost_guide_label {
    display: inline-block;
    margin-bottom: 8px;
    color: #f3525a;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}


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

.tdnri_cost_guide_list {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
}

.tdnri_cost_guide_list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 13px;
    color: #596579;
    font-size: 14px;
    line-height: 1.6;
}

.tdnri_cost_guide_list li:last-child {
    margin-bottom: 0;
}

.tdnri_cost_guide_list li i {
    margin-top: 4px;
    color: #f3525a;
    font-size: 12px;
}


/* =========================================================
   TRAVEL PACKAGE PRICING FACTORS
   FIXED LAYOUT
========================================================= */

.tdnri_cost_guide_details_card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}


/* Content area beside calculator icon */

.tdnri_cost_guide_details_card > div:last-child {
    flex: 1;
    min-width: 0;
}


/* Bootstrap row inside pricing factors */

.tdnri_cost_guide_details_card .row {
    width: 100%;
}


/* =========================================================
   PRICING FACTOR ITEM
========================================================= */

.tdnri_cost_guide_detail_item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tdnri_cost_guide_detail_icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0f1;
    border-radius: 11px;
    color: #f3525a;
    font-size: 14px;
}

.tdnri_cost_guide_detail_item strong {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #172033;
}

.tdnri_cost_guide_detail_item span:last-child {
    display: block;
    font-size: 12px;
    line-height: 1.6;
    color: #697588;
}


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

.tdnri_cost_guide_quote_card {
    background: #fff8f8;
}


/* =========================================================
   COST COMPARISON
========================================================= */

.tdnri_cost_guide_comparison {
    margin-top: 32px;
    padding: 22px;
    display: flex;
    align-items: stretch;
    gap: 20px;
    background: #fff8f8;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
}

.tdnri_cost_guide_comparison_item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 18px;
}

.tdnri_cost_guide_comparison_item
    + .tdnri_cost_guide_comparison_item {
    border-left: 1px solid #f9b0b3;
}

.tdnri_cost_guide_comparison_icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
    color: #f3525a;
}

.tdnri_cost_guide_comparison_item strong {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #172033;
}

.tdnri_cost_guide_comparison_item span:last-child {
    display: block;
    font-size: 13px;
    color: #f3525a;
    font-weight: 600;
}


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

.tdnri_cost_guide_transparency {
    margin-top: 30px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);
}

.tdnri_cost_guide_transparency_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff0f1;
    border-radius: 13px;
    color: #f3525a;
    font-size: 19px;
}

.tdnri_cost_guide_transparency
    .tdnri_cost_guide_label {
    margin-bottom: 12px;
    font-size: 17px;
}

.tdnri_cost_guide_transparency p {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.85;
    color: #596579;
    text-align: justify;
}

.tdnri_cost_guide_transparency p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_cost_guide_section {
        padding: 50px 20px;
    }


    /* -----------------------------------------
       HEADER
    ----------------------------------------- */

    .tdnri_cost_guide_header {
        max-width: 760px;
        margin-bottom: 38px;
    }

    .tdnri_cost_guide_icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
        font-size: 22px;
        border-radius: 16px;
    }

    .tdnri_cost_guide_header h2 {
        font-size: 31px;
        margin-bottom: 16px;
    }

    .tdnri_cost_guide_header p {
        font-size: 14px;
        line-height: 1.8;
    }


    /* -----------------------------------------
       MAIN COST CARDS
    ----------------------------------------- */

    .tdnri_cost_guide_main_row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .tdnri_cost_guide_main_row > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tdnri_cost_guide_card {
        padding: 24px;
        gap: 17px;
        border-radius: 18px;
    }

    .tdnri_cost_guide_card_icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 13px;
        font-size: 17px;
    }

    .tdnri_cost_guide_card h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .tdnri_cost_guide_card p {
        font-size: 13px;
        line-height: 1.8;
    }

    .tdnri_cost_guide_label {
        font-size: 12px;
        margin-bottom: 7px;
    }


    /* -----------------------------------------
       PRICING FACTORS
    ----------------------------------------- */

    .tdnri_cost_guide_details_card {
        display: flex;
        align-items: flex-start;
        gap: 17px;
    }

    .tdnri_cost_guide_details_card > div:last-child {
        flex: 1;
        min-width: 0;
    }

    .tdnri_cost_guide_details_card .row {
        width: 100%;
    }

    .tdnri_cost_guide_detail_item {
        gap: 10px;
    }

    .tdnri_cost_guide_detail_icon {
        flex: 0 0 35px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        font-size: 13px;
    }

    .tdnri_cost_guide_detail_item strong {
        font-size: 13px;
    }

    .tdnri_cost_guide_detail_item span:last-child {
        font-size: 11px;
    }


    /* -----------------------------------------
       COMPARISON
    ----------------------------------------- */

    .tdnri_cost_guide_comparison {
        margin-top: 25px;
        padding: 18px;
        gap: 15px;
        border-radius: 16px;
    }

    .tdnri_cost_guide_comparison_item {
        gap: 12px;
        padding: 7px 12px;
    }

    .tdnri_cost_guide_comparison_icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 13px;
    }

    .tdnri_cost_guide_comparison_item strong {
        font-size: 13px;
    }

    .tdnri_cost_guide_comparison_item span:last-child {
        font-size: 12px;
    }


    /* -----------------------------------------
       TRANSPARENCY
    ----------------------------------------- */

    .tdnri_cost_guide_transparency {
        margin-top: 25px;
        padding: 24px;
        gap: 16px;
        border-radius: 16px;
    }

    .tdnri_cost_guide_transparency_icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 17px;
    }

    .tdnri_cost_guide_transparency
        .tdnri_cost_guide_label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .tdnri_cost_guide_transparency p {
        font-size: 13px;
        line-height: 1.8;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdnri_cost_guide_section {
        padding: 42px 15px;
    }


    /* -----------------------------------------
       HEADER
    ----------------------------------------- */

    .tdnri_cost_guide_header {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .tdnri_cost_guide_icon {
        width: 52px;
        height: 52px;
        margin-bottom: 15px;
        border-radius: 15px;
        font-size: 21px;
    }

    .tdnri_cost_guide_header h2 {
        font-size: 23px;
        line-height: 1.3;
        margin-bottom: 14px;
    }

    .tdnri_cost_guide_header p {
        font-size: 13px;
        line-height: 1.8;
        text-align: center;
    }


    /* -----------------------------------------
       MAIN COST CARDS
    ----------------------------------------- */

    .tdnri_cost_guide_main_row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .tdnri_cost_guide_main_row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 16px;
    }

    .tdnri_cost_guide_main_row > [class*="col-"]:last-child {
        margin-bottom: 0;
    }

    .tdnri_cost_guide_card {
        height: auto;
        padding: 21px;
        gap: 14px;
        border-radius: 17px;
    }

    .tdnri_cost_guide_card_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 16px;
    }

    .tdnri_cost_guide_card h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 9px;
    }

    .tdnri_cost_guide_card p {
        font-size: 13px;
        line-height: 1.75;
    }

    .tdnri_cost_guide_label {
        font-size: 11.5px;
        line-height: 1.5;
        margin-bottom: 6px;
    }


    /* -----------------------------------------
       LIST
    ----------------------------------------- */

    .tdnri_cost_guide_list {
        margin-top: 4px;
    }

    .tdnri_cost_guide_list li {
        font-size: 12.5px;
        line-height: 1.6;
        gap: 8px;
        margin-bottom: 10px;
    }

    .tdnri_cost_guide_list li i {
        margin-top: 4px;
        font-size: 10px;
    }


    /* -----------------------------------------
       PRICING FACTORS
    ----------------------------------------- */

    .tdnri_cost_guide_details_card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .tdnri_cost_guide_details_card > div:last-child {
        width: 100%;
        min-width: 0;
    }

    .tdnri_cost_guide_details_card .row {
        width: 100%;
    }

    .tdnri_cost_guide_detail_item {
        gap: 10px;
    }

    .tdnri_cost_guide_detail_icon {
        flex: 0 0 35px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        font-size: 12px;
    }

    .tdnri_cost_guide_detail_item strong {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .tdnri_cost_guide_detail_item span:last-child {
        font-size: 11.5px;
        line-height: 1.55;
    }


    /* -----------------------------------------
       COMPARISON
    ----------------------------------------- */

    .tdnri_cost_guide_comparison {
        margin-top: 22px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 0;
        border-radius: 15px;
    }

    .tdnri_cost_guide_comparison_item {
        flex: none;
        width: 100%;
        padding: 9px 4px;
        gap: 11px;
    }

    .tdnri_cost_guide_comparison_item
        + .tdnri_cost_guide_comparison_item {
        padding-top: 15px;
        border-left: 0;
        border-top: 1px solid #f9b0b3;
    }

    .tdnri_cost_guide_comparison_icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 13px;
    }

    .tdnri_cost_guide_comparison_item strong {
        font-size: 12.5px;
        margin-bottom: 3px;
    }

    .tdnri_cost_guide_comparison_item span:last-child {
        font-size: 11.5px;
    }


    /* -----------------------------------------
       TRANSPARENCY
    ----------------------------------------- */

    .tdnri_cost_guide_transparency {
        margin-top: 22px;
        padding: 21px;
        gap: 13px;
        border-radius: 16px;
    }

    .tdnri_cost_guide_transparency_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        font-size: 16px;
    }

    .tdnri_cost_guide_transparency
        .tdnri_cost_guide_label {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 9px;
    }

    .tdnri_cost_guide_transparency p {
        font-size: 12.5px;
        line-height: 1.75;
    }

}














/* =========================================================
   TIRUPATI TRAVEL PLANNING GUIDE
========================================================= */

.tdnri_tirupati_planning_guide {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.tdnri_tirupati_planning_guide *,
.tdnri_tirupati_planning_guide *::before,
.tdnri_tirupati_planning_guide *::after {
    box-sizing: border-box;
}


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

.tdnri_tirupati_planning_header {
    max-width: 980px;
    margin: 0 auto 55px;
}

.tdnri_tirupati_planning_badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    border: 1px solid #f9b0b3;
    border-radius: 50px;
    background: #ffffff;
    color: #f3525a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.tdnri_tirupati_planning_badge i {
    color: #f3525a;
}

.tdnri_tirupati_planning_title {
    margin: 15px 0 15px;
    color: #172033;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.tdnri_tirupati_planning_intro {
    margin: 0;
    color: #4d596b;
    font-size: 16px;
    line-height: 1.9;
}

.tdnri_tirupati_planning_intro strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   12 STEP PLANNING JOURNEY
========================================================= */

.tdnri_tirupati_steps_wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.tdnri_tirupati_steps_heading {
    margin-bottom: 20px;
}

.tdnri_tirupati_steps_label {
    display: inline-block;
    margin-bottom: 10px;
    color: #f3525a;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tdnri_tirupati_steps_heading h3 {
    margin: 0;
    color: #172033;
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================================
   STEP CARDS
========================================================= */

.tdnri_tirupati_step_card {
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.16);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.05);
    transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.tdnri_tirupati_step_card:hover {
    transform: translateY(-4px);
    border-color: #f9b0b3;
    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.09);
}

.tdnri_tirupati_step_number {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f3525a;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 7px 16px rgba(243, 82, 90, 0.22);
}

.tdnri_tirupati_step_content {
    flex: 1;
    min-width: 0;
}

.tdnri_tirupati_step_content h4 {
    margin: 2px 0 9px;
    color: #172033;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_tirupati_step_content p {
    margin: 0;
    color: #5a6575;
    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}

.tdnri_tirupati_step_content strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   PLAN TRAVEL AROUND DARSHAN
========================================================= */

.tdnri_tirupati_boundary_area {
    max-width: 1100px;
    margin: 30px auto 0;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 30px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 18px;
}

.tdnri_tirupati_boundary_icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 21px;
}

.tdnri_tirupati_boundary_content {
    flex: 1;
}

.tdnri_tirupati_boundary_content h3 {
    margin: 1px 0 9px;
    color: #172033;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_tirupati_boundary_content p {
    margin: 0;
    color: #5a6575;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   TRAVEL PLANNING BOUNDARY
========================================================= */

.tdnri_tirupati_travel_boundary {
    max-width: 1100px;
    margin: 20px auto 0;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.05);
}

.tdnri_tirupati_travel_boundary_heading {
    margin-bottom: 15px;
}

.tdnri_tirupati_travel_boundary_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #f3525a;
    font-size: 14px;
    font-weight: 700;
}

.tdnri_tirupati_travel_boundary_badge i {
    color: #f3525a;
}

.tdnri_tirupati_travel_boundary_heading h3 {
    margin: 0;
    color: #172033;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_tirupati_travel_boundary_content p {
    margin: 0 0 10px;
    color: #5a6575;
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.tdnri_tirupati_travel_boundary_content p:last-child {
    margin-bottom: 0;
}

.tdnri_tirupati_travel_boundary_content strong {
    color: #172033;
    font-weight: 700;
}

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

@media (max-width: 991px) {

    .tdnri_tirupati_planning_guide {
        padding: 50px 18px;
    }

    .tdnri_tirupati_planning_header {
        max-width: 850px;
        margin-bottom: 45px;
    }

    .tdnri_tirupati_planning_title {
        font-size: 28px;
        line-height: 1.3;
    }

    .tdnri_tirupati_planning_intro {
        font-size: 15px;
        line-height: 1.8;
    }

    .tdnri_tirupati_steps_wrapper {
        max-width: 100%;
    }

    .tdnri_tirupati_steps_heading {
        margin-bottom: 20px;
    }

    .tdnri_tirupati_steps_heading h3 {
        font-size: 25px;
    }

    .tdnri_tirupati_step_card {
        padding: 21px;
        gap: 16px;
        border-radius: 16px;
    }

    .tdnri_tirupati_step_number {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 16px;
    }

    .tdnri_tirupati_step_content h4 {
        font-size: 17px;
        margin-top: 1px;
        margin-bottom: 8px;
    }

    .tdnri_tirupati_step_content p {
        font-size: 13.5px;
        line-height: 1.75;
    }

    .tdnri_tirupati_boundary_area {
        max-width: 100%;
        margin-top: 28px;
        padding: 24px 25px;
        gap: 17px;
        border-radius: 16px;
    }

    .tdnri_tirupati_boundary_icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 12px;
        font-size: 19px;
    }

    .tdnri_tirupati_boundary_content h3 {
        font-size: 20px;
    }

    .tdnri_tirupati_boundary_content p {
        font-size: 13.5px;
        line-height: 1.75;
    }

    .tdnri_tirupati_travel_boundary {
        max-width: 100%;
        margin-top: 18px;
        padding: 28px;
        border-radius: 18px;
    }

    .tdnri_tirupati_travel_boundary_heading {
        margin-bottom: 14px;
    }

    .tdnri_tirupati_travel_boundary_heading h3 {
        font-size: 24px;
    }

    .tdnri_tirupati_travel_boundary_content p {
        font-size: 14px;
        line-height: 1.8;
    }

}


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

@media (max-width: 767px) {

    .tdnri_tirupati_planning_guide {
        padding: 42px 15px;
    }

    /* -------------------------
       HEADER
    ------------------------- */

    .tdnri_tirupati_planning_header {
        margin-bottom: 35px;
    }

    .tdnri_tirupati_planning_badge {
        gap: 8px;
        padding: 8px 14px;
        font-size: 12px;
        border-radius: 40px;
    }

    .tdnri_tirupati_planning_badge i {
        font-size: 14px;
    }

    .tdnri_tirupati_planning_title {
        margin: 14px 0 13px;
        font-size: 27px;
        line-height: 1.32;
    }

    .tdnri_tirupati_planning_intro {
        font-size: 13.5px;
        line-height: 1.8;
        text-align: center;
    }


    /* -------------------------
       12 STEP HEADING
    ------------------------- */

    .tdnri_tirupati_steps_heading {
        margin-bottom: 18px;
    }

    .tdnri_tirupati_steps_label {
        margin-bottom: 7px;
        font-size: 12px;
        letter-spacing: 0.8px;
    }

    .tdnri_tirupati_steps_heading h3 {
        font-size: 21px;
        line-height: 1.4;
    }


    /* -------------------------
       STEP CARDS
    ------------------------- */

    .tdnri_tirupati_step_card {
        padding: 18px;
        gap: 13px;
        border-radius: 15px;
    }

    .tdnri_tirupati_step_number {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 14px;
    }

    .tdnri_tirupati_step_content {
        min-width: 0;
    }

    .tdnri_tirupati_step_content h4 {
        margin: 1px 0 7px;
        font-size: 15.5px;
        line-height: 1.4;
    }

    .tdnri_tirupati_step_content p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }


    /* -------------------------
       PLAN TRAVEL AROUND DARSHAN
    ------------------------- */

    .tdnri_tirupati_boundary_area {
        margin-top: 25px;
        padding: 20px;
        gap: 13px;
        border-left-width: 4px;
        border-radius: 15px;
    }

    .tdnri_tirupati_boundary_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 17px;
    }

    .tdnri_tirupati_boundary_content h3 {
        margin: 0 0 7px;
        font-size: 17px;
        line-height: 1.4;
    }

    .tdnri_tirupati_boundary_content p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }


    /* -------------------------
       TRAVEL PLANNING BOUNDARY
    ------------------------- */

    .tdnri_tirupati_travel_boundary {
        margin-top: 18px;
        padding: 22px 19px;
        border-radius: 16px;
    }

    .tdnri_tirupati_travel_boundary_heading {
        margin-bottom: 13px;
    }

    .tdnri_tirupati_travel_boundary_badge {
        gap: 7px;
        margin-bottom: 8px;
        font-size: 12px;
    }

    .tdnri_tirupati_travel_boundary_badge i {
        font-size: 13px;
    }

    .tdnri_tirupati_travel_boundary_heading h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .tdnri_tirupati_travel_boundary_content p {
        margin-bottom: 9px;
        font-size: 12.5px;
        line-height: 1.75;
        text-align: justify;
    }

}












/* =========================================================
   SINGAPORE TRAVELLER GUIDANCE
========================================================= */

.tdnri_sg_traveller_guidance_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.tdnri_sg_traveller_guidance_section *,
.tdnri_sg_traveller_guidance_section *::before,
.tdnri_sg_traveller_guidance_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   INTRO
========================================================= */

.tdnri_sg_guidance_intro {
    max-width: 950px;
    margin: 0 auto 50px;
}

.tdnri_sg_guidance_icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    color: #f3525a;
    font-size: 27px;
}

.tdnri_sg_guidance_title {
    margin: 0 0 12px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;
}

.tdnri_sg_guidance_subtitle {
    margin: 0 0 18px;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 600;
    color: #f3525a;
}

.tdnri_sg_guidance_text {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #596273;

}

.tdnri_sg_guidance_text strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   POSITIONING
========================================================= */

.tdnri_sg_positioning_box {
    margin-bottom: 45px;
    padding: 30px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 18px;
}

.tdnri_sg_section_heading {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-bottom: 17px;
}

.tdnri_sg_heading_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f3525a;
    color: #ffffff;
    font-size: 21px;
}

.tdnri_sg_heading_label {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #f3525a;
}

.tdnri_sg_section_heading h3 {
    margin: 0;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;
    color: #172033;
}

.tdnri_sg_positioning_box p {
    margin: 0;
    font-size: 15px;
    line-height: 1.85;
    color: #596273;
    text-align: justify;
}

.tdnri_sg_positioning_box strong {
    color: #172033;
}


/* =========================================================
   JOURNEY CARDS
========================================================= */

.tdnri_sg_journey_section {
    margin-bottom: 45px;
}

.tdnri_sg_journey_card {
    height: 100%;
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tdnri_sg_journey_card::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    top: -55px;
    right: -55px;
    border-radius: 50%;
    background: #fff1f2;
}

.tdnri_sg_journey_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 38px rgba(23, 32, 51, 0.11);
}

.tdnri_sg_step_number {
    position: absolute;
    top: 20px;
    right: 22px;
    z-index: 2;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    color: #f9b0b3;
}

.tdnri_sg_journey_icon {
    width: 55px;
    height: 55px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 22px;
}

.tdnri_sg_step_label {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #f3525a;
}

.tdnri_sg_journey_card h3 {
    margin: 0 0 14px;
    font-size: 23px;
    line-height: 1.35;
    font-weight: 700;
    color: #172033;
}

.tdnri_sg_journey_card p {
    margin: 0 0 20px;
    font-size: 14.5px;
    line-height: 1.8;
    color: #596273;
    text-align: justify;
}

.tdnri_sg_journey_card p strong {
    color: #172033;
}

.tdnri_sg_journey_card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tdnri_sg_journey_card li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 1.6;
    color: #4e5869;
}

.tdnri_sg_journey_card li:last-child {
    margin-bottom: 0;
}

.tdnri_sg_journey_card li i {
    flex: 0 0 auto;
    margin-top: 4px;
    color: #f3525a;
    font-size: 13px;
}


/* =========================================================
   ARRIVAL POINTS
========================================================= */

.tdnri_sg_arrival_points {
    margin-top: 5px;
}

.tdnri_sg_arrival_item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding: 12px 14px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
}

.tdnri_sg_arrival_item:last-child {
    margin-bottom: 0;
}

.tdnri_sg_arrival_item i {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    border-radius: 8px;
    background: #f3525a;
    color: #ffffff;
    font-size: 12px;
}

.tdnri_sg_arrival_item span {
    font-size: 14px;
    font-weight: 700;
    color: #172033;
}

.tdnri_sg_arrival_item small {
    margin-left: auto;
    font-size: 11px;
    color: #7a8290;
}


/* =========================================================
   TRAVEL FLOW
========================================================= */

.tdnri_sg_travel_flow {
    margin-bottom: 45px;
}

.tdnri_sg_flow_card {
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.06);
}

.tdnri_sg_flow_icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f3525a;
    color: #ffffff;
    font-size: 20px;
}

.tdnri_sg_flow_card h3 {
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;
    color: #172033;
}

.tdnri_sg_flow_card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #596273;
    text-align: justify;
}


/* =========================================================
   CLARIFICATION
========================================================= */

.tdnri_sg_clarification_box {
    padding: 34px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 20px;
}

.tdnri_sg_clarification_header {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-bottom: 22px;
}

.tdnri_sg_clarification_icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #f3525a;
    color: #ffffff;
    font-size: 22px;
}

.tdnri_sg_clarification_header span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #f3525a;
}

.tdnri_sg_clarification_header h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}

.tdnri_sg_clarification_content p {
    margin: 0 0 17px;
    font-size: 15px;
    line-height: 1.9;
    color: #596273;
    text-align: justify;
}

.tdnri_sg_clarification_content p:last-child {
    margin-bottom: 0;
}

.tdnri_sg_clarification_content strong {
    color: #172033;
    font-weight: 700;
}

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

@media (max-width: 991px) {

    .tdnri_sg_traveller_guidance_section {
        padding: 55px 20px;
    }

    .tdnri_sg_guidance_intro {
        max-width: 850px;
        margin-bottom: 42px;
    }

    .tdnri_sg_guidance_title {
        font-size: 32px;
    }

    .tdnri_sg_guidance_subtitle {
        font-size: 21px;
    }

    .tdnri_sg_guidance_text {
        font-size: 15px;
        line-height: 1.85;
        text-align: center;
    }

    .tdnri_sg_positioning_box {
        margin-bottom: 38px;
        padding: 27px;
    }

    .tdnri_sg_section_heading {
        gap: 15px;
    }

    .tdnri_sg_section_heading h3 {
        font-size: 20px;
    }

    .tdnri_sg_positioning_box p {
        font-size: 14.5px;
        line-height: 1.8;
    }

    .tdnri_sg_journey_section {
        margin-bottom: 38px;
    }

    .tdnri_sg_journey_card {
        padding: 27px;
        border-radius: 18px;
    }

    .tdnri_sg_journey_card h3 {
        font-size: 21px;
    }

    .tdnri_sg_journey_card p {
        font-size: 14px;
        line-height: 1.75;
    }

    .tdnri_sg_journey_card li {
        font-size: 13.5px;
    }

    .tdnri_sg_arrival_item {
        padding: 11px 12px;
    }

    .tdnri_sg_arrival_item span {
        font-size: 13.5px;
    }

    .tdnri_sg_arrival_item small {
        font-size: 10.5px;
    }

    .tdnri_sg_travel_flow {
        margin-bottom: 38px;
    }

    .tdnri_sg_flow_card {
        padding: 25px;
        gap: 15px;
        border-radius: 16px;
    }

    .tdnri_sg_flow_card h3 {
        font-size: 18px;
    }

    .tdnri_sg_flow_card p {
        font-size: 13.5px;
        line-height: 1.75;
    }

    .tdnri_sg_clarification_box {
        padding: 29px;
        border-radius: 18px;
    }

    .tdnri_sg_clarification_header {
        gap: 15px;
        margin-bottom: 20px;
    }

    .tdnri_sg_clarification_header h3 {
        font-size: 21px;
    }

    .tdnri_sg_clarification_content p {
        font-size: 14px;
        line-height: 1.8;
    }

}


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

@media (max-width: 767px) {

    .tdnri_sg_traveller_guidance_section {
        padding: 45px 15px;
    }


    /* -----------------------------------------------------
       INTRO
    ----------------------------------------------------- */

    .tdnri_sg_guidance_intro {
        margin-bottom: 35px;
    }

    .tdnri_sg_guidance_icon {
        width: 58px;
        height: 58px;
        margin-bottom: 17px;
        border-radius: 15px;
        font-size: 23px;
    }

    .tdnri_sg_guidance_title {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .tdnri_sg_guidance_subtitle {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 15px;
    }

    .tdnri_sg_guidance_text {
        font-size: 14px;
        line-height: 1.8;
        text-align: center;
    }


    /* -----------------------------------------------------
       POSITIONING
    ----------------------------------------------------- */

    .tdnri_sg_positioning_box {
        margin-bottom: 32px;
        padding: 22px 18px;
        border-left-width: 4px;
        border-radius: 15px;
    }

    .tdnri_sg_section_heading {
        gap: 11px;
        margin-bottom: 14px;
    }

    .tdnri_sg_heading_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 17px;
    }

    .tdnri_sg_heading_label {
        margin-bottom: 4px;
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .tdnri_sg_section_heading h3 {
        font-size: 17px;
        line-height: 1.45;
    }

    .tdnri_sg_positioning_box p {
        font-size: 13.5px;
        line-height: 1.8;
        text-align: justify;
    }


    /* -----------------------------------------------------
       JOURNEY
    ----------------------------------------------------- */

    .tdnri_sg_journey_section {
        margin-bottom: 32px;
    }

    .tdnri_sg_journey_card {
        padding: 23px 19px;
        border-radius: 16px;
    }

    .tdnri_sg_journey_card::after {
        width: 90px;
        height: 90px;
        top: -45px;
        right: -45px;
    }

    .tdnri_sg_step_number {
        top: 17px;
        right: 18px;
        font-size: 21px;
    }

    .tdnri_sg_journey_icon {
        width: 48px;
        height: 48px;
        margin-bottom: 18px;
        border-radius: 13px;
        font-size: 19px;
    }

    .tdnri_sg_step_label {
        margin-bottom: 6px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .tdnri_sg_journey_card h3 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 1.4;
    }

    .tdnri_sg_journey_card p {
        margin-bottom: 17px;
        font-size: 13.5px;
        line-height: 1.8;
        text-align: justify;
    }

    .tdnri_sg_journey_card li {
        gap: 8px;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 1.55;
    }

    .tdnri_sg_journey_card li i {
        margin-top: 3px;
        font-size: 12px;
    }


    /* -----------------------------------------------------
       ARRIVAL POINTS
    ----------------------------------------------------- */

    .tdnri_sg_arrival_points {
        margin-top: 3px;
    }

    .tdnri_sg_arrival_item {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 9px;
        padding: 10px 11px;
        border-radius: 10px;
    }

    .tdnri_sg_arrival_item i {
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
        border-radius: 7px;
        font-size: 11px;
    }

    .tdnri_sg_arrival_item span {
        font-size: 13px;
    }

    .tdnri_sg_arrival_item small {
        margin-left: auto;
        font-size: 9.5px;
    }


    /* -----------------------------------------------------
       TRAVEL FLOW
    ----------------------------------------------------- */

    .tdnri_sg_travel_flow {
        margin-bottom: 32px;
    }

    .tdnri_sg_flow_card {
        padding: 21px 18px;
        gap: 13px;
        border-radius: 14px;
    }

    .tdnri_sg_flow_icon {
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        border-radius: 11px;
        font-size: 17px;
    }

    .tdnri_sg_flow_card h3 {
        margin-bottom: 8px;
        font-size: 16.5px;
        line-height: 1.45;
    }

    .tdnri_sg_flow_card p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }


    /* -----------------------------------------------------
       CLARIFICATION
    ----------------------------------------------------- */

    .tdnri_sg_clarification_box {
        padding: 23px 18px;
        border-radius: 15px;
    }

    .tdnri_sg_clarification_header {
        gap: 11px;
        margin-bottom: 18px;
    }

    .tdnri_sg_clarification_icon {
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        border-radius: 11px;
        font-size: 18px;
    }

    .tdnri_sg_clarification_header span {
        margin-bottom: 4px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .tdnri_sg_clarification_header h3 {
        font-size: 18px;
        line-height: 1.45;
    }

    .tdnri_sg_clarification_content p {
        margin-bottom: 14px;
        font-size: 13.5px;
        line-height: 1.8;
        text-align: justify;
    }

}













/* =========================================================
   INDIA-SIDE TRAVEL OPTIONS
========================================================= */

.tdnri_india_arrival_options_section {

    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_india_arrival_options_section *,
.tdnri_india_arrival_options_section *::before,
.tdnri_india_arrival_options_section *::after {

    box-sizing: border-box;

}


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

.tdnri_india_arrival_header {

    max-width: 900px;
    margin: 0 auto 48px;

}

.tdnri_india_arrival_icon {

    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    color: #f3525a;
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.08);

}

.tdnri_india_arrival_icon i {

    font-size: 26px;

}

.tdnri_india_arrival_eyebrow {

    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #f3525a;

}

.tdnri_india_arrival_header h2 {

    margin: 0 0 18px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #172033;

}

.tdnri_india_arrival_header p {

    margin: 0;
    font-size: 15px;
    line-height: 1.85;
    color: #536174;

}

.tdnri_india_arrival_header strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   ARRIVAL CARDS
========================================================= */

.tdnri_india_arrival_cards_row {

    align-items: stretch;

}

.tdnri_india_arrival_card {

    height: 100%;
    padding: 30px 28px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.14);
    border-radius: 22px;
    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.08);
    transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.tdnri_india_arrival_card:hover {

    transform: translateY(-7px);
    border-color: #f9b0b3;
    box-shadow: 0 18px 38px rgba(23, 32, 51, 0.13);

}


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

.tdnri_india_arrival_card_top {

    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;

}

.tdnri_india_arrival_card_icon {

    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 14px;
    color: #f3525a;

}

.tdnri_india_arrival_card_icon i {

    font-size: 20px;

}

.tdnri_india_arrival_number {

    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f3525a;

}


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

.tdnri_india_arrival_card h3 {

    margin: 0 0 14px;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 900;
    color: #172033;

}

.tdnri_india_arrival_card h4 {

    margin: 0 0 14px;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 800;
    color: #000a;
    text-align: justify;

}

.tdnri_india_arrival_card>p {

    margin: 0 0 24px;
    font-size: 14px;
    line-height: 1.8;
    color: #596579;
    text-align: justify;

}

.tdnri_india_arrival_card>p strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   TRAVEL SERVICES
========================================================= */

.tdnri_india_travel_services {

    margin-top: auto;
    padding: 20px;
    background: #fdf4f4;
    border: 1px solid #f9b0b3;
    border-radius: 16px;

}

.tdnri_india_services_title {

    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 700;
    color: #172033;

}

.tdnri_india_services_title i {

    color: #f3525a;
    font-size: 15px;

}

.tdnri_india_travel_services ul {

    margin: 0;
    padding: 0;
    list-style: none;

}

.tdnri_india_travel_services li {

    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 1.55;
    color: #596579;

}

.tdnri_india_travel_services li:last-child {

    margin-bottom: 0;

}

.tdnri_india_travel_services li i {

    margin-top: 4px;
    color: #f3525a;
    font-size: 10px;

}


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

.tdnri_india_arrival_link {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 22px;
    padding: 13px 16px;
    background: #f3525a;
    border: 1px solid #f3525a;
    border-radius: 12px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
    transition: background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;

}

.tdnri_india_arrival_link:hover {

    background: #172033;
    border-color: #172033;
    color: #ffffff;
    transform: translateY(-2px);

}

.tdnri_india_arrival_link i {

    flex-shrink: 0;
    font-size: 13px;
    transition: transform 0.3s ease;

}

.tdnri_india_arrival_link:hover i {

    transform: translateX(4px);

}


/* =========================================================
   DARSHAN TRANSPARENCY
========================================================= */

.tdnri_darshan_transparency_box {

    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-top: 45px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.07);

}

.tdnri_darshan_transparency_icon {

    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 14px;
    color: #f3525a;

}

.tdnri_darshan_transparency_icon i {

    font-size: 21px;

}

.tdnri_darshan_transparency_content {

    flex: 1;

}

.tdnri_darshan_transparency_eyebrow {

    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #f3525a;

}

.tdnri_darshan_transparency_content h3 {

    margin: 0 0 16px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;

}

.tdnri_darshan_transparency_content p {

    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.8;
    color: #596579;
    text-align: justify;

}

.tdnri_darshan_transparency_content p:last-child {

    margin-bottom: 0;

}

.tdnri_darshan_transparency_content strong {

    color: #172033;
    font-weight: 700;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_india_arrival_options_section {

        padding: 55px 20px;

    }

    /* Section Header */

    .tdnri_india_arrival_header {

        max-width: 780px;
        margin-bottom: 40px;

    }

    .tdnri_india_arrival_icon {

        width: 58px;
        height: 58px;
        margin-bottom: 16px;

    }

    .tdnri_india_arrival_icon i {

        font-size: 24px;

    }

    .tdnri_india_arrival_eyebrow {

        font-size: 12px;
        letter-spacing: 1.2px;

    }

    .tdnri_india_arrival_header h2 {

        font-size: 32px;
        line-height: 1.3;

    }

    .tdnri_india_arrival_header p {

        font-size: 14px;
        line-height: 1.8;

    }


    /* Arrival Cards */

    .tdnri_india_arrival_card {

        padding: 26px 23px;
        border-radius: 20px;

    }

    .tdnri_india_arrival_card_top {

        gap: 12px;
        margin-bottom: 19px;

    }

    .tdnri_india_arrival_card_icon {

        width: 44px;
        height: 44px;
        flex: 0 0 44px;

    }

    .tdnri_india_arrival_card_icon i {

        font-size: 18px;

    }

    .tdnri_india_arrival_number {

        font-size: 11px;

    }

    .tdnri_india_arrival_card h3 {

        font-size: 19px;
        line-height: 1.4;

    }

    .tdnri_india_arrival_card h4 {

        font-size: 16px;
        line-height: 1.5;

    }

    .tdnri_india_arrival_card>p {

        font-size: 13px;
        line-height: 1.75;

    }


    /* Travel Services */

    .tdnri_india_travel_services {

        padding: 17px;

    }

    .tdnri_india_services_title {

        font-size: 13px;

    }

    .tdnri_india_travel_services li {

        font-size: 12px;
        line-height: 1.5;

    }


    /* Card Link */

    .tdnri_india_arrival_link {

        padding: 12px 14px;
        font-size: 12px;

    }


    /* Transparency Box */

    .tdnri_darshan_transparency_box {

        gap: 18px;
        margin-top: 38px;
        padding: 25px;

    }

    .tdnri_darshan_transparency_icon {

        width: 48px;
        height: 48px;
        flex: 0 0 48px;

    }

    .tdnri_darshan_transparency_icon i {

        font-size: 19px;

    }

    .tdnri_darshan_transparency_content h3 {

        font-size: 20px;
        line-height: 1.45;

    }

    .tdnri_darshan_transparency_content p {

        font-size: 13px;
        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .tdnri_india_arrival_options_section {

        padding: 45px 15px;

    }


    /* Section Header */

    .tdnri_india_arrival_header {

        max-width: 100%;
        margin-bottom: 32px;

    }

    .tdnri_india_arrival_icon {

        width: 56px;
        height: 56px;
        margin-bottom: 15px;
        border-radius: 16px;

    }

    .tdnri_india_arrival_icon i {

        font-size: 23px;

    }

    .tdnri_india_arrival_eyebrow {

        margin-bottom: 8px;
        font-size: 10px;
        letter-spacing: 1px;

    }

    .tdnri_india_arrival_header h2 {

        margin-bottom: 15px;
        font-size: 27px;
        line-height: 1.3;

    }

    .tdnri_india_arrival_header p {

        font-size: 13px;
        line-height: 1.75;
        text-align: center;

    }


    /* Arrival Cards */

    .tdnri_india_arrival_cards_row {

        --bs-gutter-y: 20px;

    }

    .tdnri_india_arrival_card {

        padding: 23px 19px;
        border-radius: 18px;

    }

    .tdnri_india_arrival_card:hover {

        transform: none;

    }


    /* Card Top */

    .tdnri_india_arrival_card_top {

        gap: 11px;
        margin-bottom: 18px;

    }

    .tdnri_india_arrival_card_icon {

        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        border-radius: 12px;

    }

    .tdnri_india_arrival_card_icon i {

        font-size: 18px;

    }

    .tdnri_india_arrival_number {

        font-size: 10px;
        letter-spacing: 0.8px;

    }


    /* Card Content */

    .tdnri_india_arrival_card h3 {

        margin-bottom: 11px;
        font-size: 19px;
        line-height: 1.4;

    }

    .tdnri_india_arrival_card h4 {

        margin-bottom: 12px;
        font-size: 15px;
        line-height: 1.55;
        text-align: justify;

    }

    .tdnri_india_arrival_card>p {

        margin-bottom: 20px;
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;

    }


    /* Travel Services */

    .tdnri_india_travel_services {

        padding: 17px 16px;
        border-radius: 14px;

    }

    .tdnri_india_services_title {

        gap: 8px;
        margin-bottom: 11px;
        font-size: 13px;

    }

    .tdnri_india_services_title i {

        font-size: 14px;

    }

    .tdnri_india_travel_services li {

        gap: 8px;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.55;

    }

    .tdnri_india_travel_services li i {

        margin-top: 4px;
        font-size: 9px;

    }


    /* Card Link */

    .tdnri_india_arrival_link {

        gap: 10px;
        margin-top: 18px;
        padding: 12px 13px;
        border-radius: 11px;
        font-size: 11px;
        line-height: 1.5;

    }

    .tdnri_india_arrival_link:hover {

        transform: none;

    }

    .tdnri_india_arrival_link i {

        font-size: 11px;

    }


    /* Transparency Box */

    .tdnri_darshan_transparency_box {

        flex-direction: column;
        gap: 15px;
        margin-top: 28px;
        padding: 21px 18px;
        border-left: 4px solid #f3525a;
        border-radius: 17px;

    }

    .tdnri_darshan_transparency_icon {

        width: 45px;
        height: 45px;
        flex: 0 0 45px;
        border-radius: 12px;

    }

    .tdnri_darshan_transparency_icon i {

        font-size: 18px;

    }

    .tdnri_darshan_transparency_content {

        width: 100%;

    }

    .tdnri_darshan_transparency_eyebrow {

        margin-bottom: 7px;
        font-size: 10px;
        letter-spacing: 0.9px;

    }

    .tdnri_darshan_transparency_content h3 {

        margin-bottom: 13px;
        font-size: 18px;
        line-height: 1.45;

    }

    .tdnri_darshan_transparency_content p {

        margin-bottom: 12px;
        font-size: 12.5px;
        line-height: 1.75;
        text-align: justify;

    }

}















/* =========================================================
   NRI TIRUPATI INDEPENDENT TRAVEL SERVICES
========================================================= */

.tdnri_independent_travel_services_section {

    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_independent_travel_services_section *,
.tdnri_independent_travel_services_section *::before,
.tdnri_independent_travel_services_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   MAIN HEADING
========================================================= */

.tdnri_independent_travel_services_heading {

    max-width: 900px;
    margin: 0 auto 50px;

}

.tdnri_independent_travel_services_eyebrow,
.tdnri_darshan_transparency_eyebrow {

    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 17px;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    border-radius: 50px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;

}

.tdnri_independent_travel_services_heading h2,
.tdnri_darshan_transparency_heading h2 {

    margin: 0 0 16px;
    color: #172033;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;

}

.tdnri_independent_travel_services_heading p,
.tdnri_darshan_transparency_heading p {

    margin: 0;
    color: #596579;
    font-size: 16px;
    line-height: 1.8;

}

.tdnri_independent_travel_services_heading strong,
.tdnri_darshan_transparency_heading strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   SERVICE CARDS
========================================================= */

.tdnri_independent_travel_services_grid {

    margin-top: 0;

}

.tdnri_independent_service_card {

    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 26px;
    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;

}

.tdnri_independent_service_card::before {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #f3525a;
    transition: height 0.3s ease;

}

.tdnri_independent_service_card:hover {

    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 16px 36px rgba(23, 32, 51, 0.10);

}

.tdnri_independent_service_card:hover::before {

    height: 100%;

}


/* =========================================================
   SERVICE ICON
========================================================= */

.tdnri_independent_service_icon {

    width: 52px;
    min-width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    border-radius: 14px;
    color: #f3525a;
    font-size: 21px;
    transition: all 0.3s ease;

}

.tdnri_independent_service_card:hover .tdnri_independent_service_icon {

    background: #f3525a;
    border-color: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);

}

.tdnri_independent_service_card h3 {

    margin: 1px 0 9px;
    color: #172033;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;

}

.tdnri_independent_service_card p {

    margin: 0;
    color: #657084;
    font-size: 14.5px;
    line-height: 1.75;
    text-align: justify;

}

.tdnri_independent_service_card p strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   DARSHAN TRANSPARENCY WRAPPER
========================================================= */

.tdnri_darshan_transparency_wrapper {

    margin-top: 70px;
    padding: 50px 35px;
    background: #fffafa;
    border: 1px solid #f9b0b3;
    border-radius: 24px;
    position: relative;

}

.tdnri_darshan_transparency_wrapper::before {

    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 80px;
    height: 4px;
    background: #f3525a;
    border-radius: 0 0 10px 10px;
    transform: translateX(-50%);

}

.tdnri_darshan_transparency_heading {

    max-width: 850px;
    margin: 0 auto 40px;

}

.tdnri_darshan_transparency_heading h2 {

    font-size: 30px;

}


/* =========================================================
   TRANSPARENCY BOXES
========================================================= */

.tdnri_transparency_box {

    height: 100%;
    padding: 30px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #edf0f4;
    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

}

.tdnri_transparency_services_box {

    border-top: 4px solid #f3525a;

}

.tdnri_transparency_ttd_box {

    border-top: 4px solid #f9b0b3;

}

.tdnri_transparency_box_icon {

    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 13px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 20px;

}

.tdnri_transparency_box h3 {

    margin: 0 0 20px;
    color: #172033;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;

}

.tdnri_transparency_box ul {

    padding: 0;
    margin: 0;
    list-style: none;

}

.tdnri_transparency_box li {

    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 13px;
    color: #596579;
    font-size: 14.5px;
    line-height: 1.6;

}

.tdnri_transparency_box li:last-child {

    margin-bottom: 0;

}

.tdnri_transparency_box li i {

    margin-top: 4px;
    color: #f3525a;
    font-size: 14px;

}


/* =========================================================
   FINAL DARSHAN NOTE
========================================================= */

.tdnri_darshan_final_note {

    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 30px;
    padding: 23px 25px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;
    border-radius: 15px;

}

.tdnri_darshan_final_icon {

    width: 42px;
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    border-radius: 50%;
    color: #f3525a;
    font-size: 18px;

}

.tdnri_darshan_final_note p {

    margin: 0;
    color: #596579;
    font-size: 14.5px;
    line-height: 1.8;
    text-align: justify;

}

.tdnri_darshan_final_note strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   BOTTOM SCOPE NOTE
========================================================= */

.tdnri_independent_travel_scope_note {

    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 30px auto 0;
    max-width: 1000px;
    padding: 22px 25px;
    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.05);

}

.tdnri_independent_travel_scope_note>i {

    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    background: #fff1f2;
    border-radius: 50%;
    color: #f3525a;
    font-size: 17px;

}

.tdnri_independent_travel_scope_note p {

    margin: 0;
    color: #596579;
    font-size: 14.5px;
    line-height: 1.8;
    text-align: justify;

}

.tdnri_independent_travel_scope_note strong {

    color: #172033;
    font-weight: 700;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_independent_travel_services_section {

        padding: 55px 20px;

    }

    .tdnri_independent_travel_services_heading {

        max-width: 780px;
        margin-bottom: 40px;

    }

    .tdnri_independent_travel_services_heading h2,
    .tdnri_darshan_transparency_heading h2 {

        font-size: 30px;
        line-height: 1.3;

    }

    .tdnri_independent_travel_services_heading p,
    .tdnri_darshan_transparency_heading p {

        font-size: 15px;
        line-height: 1.8;

    }

    .tdnri_independent_service_card {

        gap: 17px;
        padding: 25px 22px;
        border-radius: 17px;

    }

    .tdnri_independent_service_icon {

        width: 49px;
        min-width: 49px;
        height: 49px;
        font-size: 20px;

    }

    .tdnri_independent_service_card h3 {

        font-size: 18px;

    }

    .tdnri_independent_service_card p {

        font-size: 14px;
        line-height: 1.75;

    }

    .tdnri_darshan_transparency_wrapper {

        margin-top: 55px;
        padding: 42px 25px;
        border-radius: 22px;

    }

    .tdnri_darshan_transparency_heading {

        max-width: 750px;
        margin-bottom: 35px;

    }

    .tdnri_transparency_box {

        padding: 27px 24px;
        border-radius: 17px;

    }

    .tdnri_transparency_box h3 {

        font-size: 19px;

    }

    .tdnri_transparency_box li {

        font-size: 14px;
        gap: 10px;

    }

    .tdnri_darshan_final_note {

        gap: 14px;
        padding: 21px 22px;

    }

    .tdnri_darshan_final_note p {

        font-size: 14px;
        line-height: 1.8;

    }

    .tdnri_independent_travel_scope_note {

        max-width: 850px;
        padding: 21px 22px;

    }

    .tdnri_independent_travel_scope_note p {

        font-size: 14px;
        line-height: 1.8;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdnri_independent_travel_services_section {

        padding: 45px 15px;

    }


    /* -----------------------------------------------------
       MAIN HEADING
    ----------------------------------------------------- */

    .tdnri_independent_travel_services_heading {

        margin-bottom: 35px;

    }

    .tdnri_independent_travel_services_eyebrow,
    .tdnri_darshan_transparency_eyebrow {

        margin-bottom: 10px;
        padding: 6px 13px;
        font-size: 11px;
        letter-spacing: 0.5px;

    }

    .tdnri_independent_travel_services_heading h2,
    .tdnri_darshan_transparency_heading h2 {

        font-size: 25px;
        line-height: 1.35;
        margin-bottom: 14px;

    }

    .tdnri_independent_travel_services_heading p,
    .tdnri_darshan_transparency_heading p {

        font-size: 14px;
        line-height: 1.75;

    }


    /* -----------------------------------------------------
       SERVICE CARDS
    ----------------------------------------------------- */

    .tdnri_independent_travel_services_grid {

        --bs-gutter-y: 18px;

    }

    .tdnri_independent_service_card {

        gap: 14px;
        padding: 22px 18px;
        border-radius: 16px;

    }

    .tdnri_independent_service_icon {

        width: 45px;
        min-width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 18px;

    }

    .tdnri_independent_service_card h3 {

        margin: 0 0 8px;
        font-size: 17px;
        line-height: 1.4;

    }

    .tdnri_independent_service_card p {

        font-size: 13.5px;
        line-height: 1.7;
        text-align: justify;

    }


    /* -----------------------------------------------------
       DARSHAN TRANSPARENCY
    ----------------------------------------------------- */

    .tdnri_darshan_transparency_wrapper {

        margin-top: 45px;
        padding: 38px 16px;
        border-radius: 20px;

    }

    .tdnri_darshan_transparency_wrapper::before {

        width: 65px;
        height: 3px;

    }

    .tdnri_darshan_transparency_heading {

        margin-bottom: 30px;

    }

    .tdnri_darshan_transparency_heading h2 {

        font-size: 24px;

    }


    /* -----------------------------------------------------
       TRANSPARENCY BOXES
    ----------------------------------------------------- */

    .tdnri_transparency_box {

        padding: 24px 20px;
        border-radius: 16px;

    }

    .tdnri_transparency_box_icon {

        width: 46px;
        height: 46px;
        margin-bottom: 15px;
        border-radius: 12px;
        font-size: 18px;

    }

    .tdnri_transparency_box h3 {

        margin-bottom: 17px;
        font-size: 18px;
        line-height: 1.4;

    }

    .tdnri_transparency_box li {

        gap: 9px;
        margin-bottom: 12px;
        font-size: 13.5px;
        line-height: 1.6;

    }

    .tdnri_transparency_box li i {

        margin-top: 3px;
        font-size: 13px;

    }


    /* -----------------------------------------------------
       FINAL DARSHAN NOTE
    ----------------------------------------------------- */

    .tdnri_darshan_final_note {

        gap: 12px;
        margin-top: 22px;
        padding: 19px 17px;
        border-radius: 14px;

    }

    .tdnri_darshan_final_icon {

        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 16px;

    }

    .tdnri_darshan_final_note p {

        font-size: 13.5px;
        line-height: 1.75;
        text-align: justify;

    }


    /* -----------------------------------------------------
       BOTTOM SCOPE NOTE
    ----------------------------------------------------- */

    .tdnri_independent_travel_scope_note {

        gap: 11px;
        margin-top: 22px;
        padding: 18px 16px;
        border-radius: 14px;

    }

    .tdnri_independent_travel_scope_note>i {

        width: 36px;
        min-width: 36px;
        height: 36px;
        font-size: 15px;

    }

    .tdnri_independent_travel_scope_note p {

        font-size: 13.5px;
        line-height: 1.75;
        text-align: justify;

    }

}










/* =========================================================
   INDEPENDENT TIRUPATI TRAVEL PLANNING
========================================================= */

.tdnri_independent_travel_planning_section {

    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_independent_travel_planning_section *,
.tdnri_independent_travel_planning_section *::before,
.tdnri_independent_travel_planning_section *::after {

    box-sizing: border-box;

}

.tdnri_independent_travel_planning_section .row {

    margin-top: 0;
    margin-bottom: 15px;

}

.tdnri_independent_travel_planning_section .row:last-child {

    margin-bottom: 0;

}


/* =========================================================
   TOP BADGE
========================================================= */

.tdnri_independent_travel_planning_badge {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    margin-bottom: 10px;
    border: 1px solid #f9b0b3;
    border-radius: 30px;
    background: #fff4f4;
    color: #f3525a;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;

}

.tdnri_independent_travel_planning_badge i {

    color: #f3525a;
    font-size: 11px;

}


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

.tdnri_independent_travel_planning_title {

    margin: 0 auto 15px;
    max-width: 900px;
    color: #081a3a;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.8px;

}


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

.tdnri_independent_travel_planning_intro {

    max-width: 900px;
    margin: 0 auto 28px;

}

.tdnri_independent_travel_planning_intro p {

    margin: 0 0 10px;
    color: #4d5b70;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;


}

.tdnri_independent_travel_planning_intro p:last-child {

    margin-bottom: 0;

}

.tdnri_independent_travel_planning_intro strong {

    color: #f3525a;
    font-weight: 700;

}


/* =========================================================
   TRAVEL PACKAGE INFORMATION
========================================================= */

.tdnri_independent_travel_planning_info {

    position: relative;
    min-height: 82px;
    margin-bottom: 10px;
    padding: 20px 25px 20px 65px;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
    background: #fff7f7;

}

.tdnri_independent_travel_planning_info_icon {

    position: absolute;
    top: 21px;
    left: 20px;
    width: 34px;
    height: 34px;
    border: 1px solid #f9b0b3;
    border-radius: 50%;
    background: #ffffff;
    color: #f3525a;
    text-align: center;
    line-height: 32px;
    font-size: 13px;

}

.tdnri_independent_travel_planning_info p {

    margin: 0;
    color: #435269;
    font-size: 14px;
    line-height: 1.65;
    text-align: justify;

}

.tdnri_independent_travel_planning_info strong {

    color: #f3525a;
    font-weight: 700;

}


/* =========================================================
   SERVICE / TTD CARDS
========================================================= */

.tdnri_independent_travel_planning_service_card,
.tdnri_independent_travel_planning_ttd_card {

    min-height: 205px;
    padding: 22px 24px;
    border-radius: 12px;

}

.tdnri_independent_travel_planning_service_card {

    border: 1px solid #f9b0b3;
    background: #fff7f7;

}

.tdnri_independent_travel_planning_ttd_card {

    border: 1px solid #f9b0b3;
    background: #fff4f4;

}


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

.tdnri_independent_travel_planning_card_heading {

    min-height: 43px;
    margin-bottom: 12px;

}

.tdnri_independent_travel_planning_card_icon {

    float: left;
    width: 34px;
    height: 34px;
    margin-right: 12px;
    border: 1px solid #f9b0b3;
    border-radius: 9px;
    background: #ffffff;
    text-align: center;
    line-height: 32px;
    font-size: 13px;

}

.tdnri_independent_travel_planning_service_card .tdnri_independent_travel_planning_card_icon {

    color: #f3525a;

}

.tdnri_independent_travel_planning_ttd_card .tdnri_independent_travel_planning_card_icon {

    color: #f3525a;

}

.tdnri_independent_travel_planning_card_heading h3 {

    margin: 0;
    padding-top: 7px;
    color: #172033;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;

}


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

.tdnri_independent_travel_planning_service_card ul,
.tdnri_independent_travel_planning_ttd_card ul {

    margin: 0;
    padding: 0 0 0 21px;

}

.tdnri_independent_travel_planning_service_card li,
.tdnri_independent_travel_planning_ttd_card li {

    margin-bottom: 10px;
    padding-left: 1px;
    font-size: 13px;
    line-height: 1.5;

}

.tdnri_independent_travel_planning_service_card li:last-child,
.tdnri_independent_travel_planning_ttd_card li:last-child {

    margin-bottom: 0;

}

.tdnri_independent_travel_planning_service_card li,
.tdnri_independent_travel_planning_ttd_card li {

    color: #f3525a;

}

.tdnri_independent_travel_planning_service_card li span,
.tdnri_independent_travel_planning_ttd_card li span {

    color: #526073;
    font-size: 14px;

}


/* =========================================================
   DARSHAN TRANSPARENCY
========================================================= */

.tdnri_independent_travel_planning_transparency {

    position: relative;
    min-height: 120px;
    margin-bottom: 18px;
    padding: 22px 25px 20px 66px;
    border: 1px solid #f3525a;
    border-radius: 12px;
    background: #0d172d;
    box-shadow: 0 7px 20px rgba(13, 23, 45, 0.12);

}

.tdnri_independent_travel_planning_transparency_icon {

    position: absolute;
    top: 22px;
    left: 20px;
    width: 34px;
    height: 34px;
    border: 1px solid #f9b0b3;
    border-radius: 8px;
    background: #17233d;
    color: #f3525a;
    text-align: center;
    line-height: 32px;
    font-size: 12px;

}

.tdnri_independent_travel_planning_transparency_content {

    margin: 0;

}

.tdnri_independent_travel_planning_transparency_label {

    display: block;
    margin-bottom: 7px;
    color: #f3525a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;

}

.tdnri_independent_travel_planning_transparency_content p {

    margin: 0;
    color: #e8edf5;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;

}

.tdnri_independent_travel_planning_transparency_content strong {

    color: #f9b0b3;
    font-weight: 700;

}


/* =========================================================
   SINGAPORE TRAVELLER INFORMATION
========================================================= */

.tdnri_independent_travel_planning_singapore {

    min-height: 70px;
    padding: 15px 20px;
    border: 1px solid #f9b0b3;
    border-radius: 11px;
    background: #fff7f7;
    text-align: center;

}

.tdnri_independent_travel_planning_singapore p {

    margin: 0;
    color: #657286;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;

}

.tdnri_independent_travel_planning_singapore strong {

    color: #f3525a;
    font-weight: 700;

}

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

@media (max-width: 991px) {

    .tdnri_independent_travel_planning_section {

        padding: 50px 18px;

    }

    .tdnri_independent_travel_planning_title {

        font-size: 34px;
        line-height: 1.15;

    }

    .tdnri_independent_travel_planning_intro {

        max-width: 850px;
        margin-bottom: 24px;

    }

    .tdnri_independent_travel_planning_intro p {

        font-size: 14px;
        line-height: 1.7;

    }

    .tdnri_independent_travel_planning_info {

        padding: 19px 22px 19px 62px;

    }

    .tdnri_independent_travel_planning_info p {

        font-size: 13.5px;
        line-height: 1.65;

    }

    .tdnri_independent_travel_planning_service_card,
    .tdnri_independent_travel_planning_ttd_card {

        min-height: 205px;
        padding: 21px 22px;

    }

    .tdnri_independent_travel_planning_card_heading h3 {

        font-size: 15px;

    }

    .tdnri_independent_travel_planning_service_card li,
    .tdnri_independent_travel_planning_ttd_card li {

        font-size: 12.5px;
        line-height: 1.5;
        margin-bottom: 9px;

    }

    .tdnri_independent_travel_planning_service_card li span,
    .tdnri_independent_travel_planning_ttd_card li span {

        font-size: 13px;

    }

    .tdnri_independent_travel_planning_transparency {

        min-height: auto;
        padding: 21px 22px 20px 63px;

    }

    .tdnri_independent_travel_planning_transparency_content p {

        font-size: 13.5px;
        line-height: 1.6;

    }

    .tdnri_independent_travel_planning_singapore {

        padding: 14px 18px;

    }

    .tdnri_independent_travel_planning_singapore p {

        font-size: 12.5px;

    }

}


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

@media (max-width: 767px) {

    .tdnri_independent_travel_planning_section {

        padding: 42px 15px;

    }

    .tdnri_independent_travel_planning_section .row {

        margin-bottom: 12px;

    }


    /* ---------------------------------------------------------
       TOP BADGE
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_badge {

        gap: 7px;
        padding: 6px 13px;
        margin-bottom: 9px;
        font-size: 10px;

    }

    .tdnri_independent_travel_planning_badge i {

        font-size: 10px;

    }


    /* ---------------------------------------------------------
       MAIN TITLE
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_title {

        margin-bottom: 13px;
        font-size: 28px;
        line-height: 1.18;
        letter-spacing: -0.4px;

    }


    /* ---------------------------------------------------------
       INTRO CONTENT
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_intro {

        margin-bottom: 22px;

    }

    .tdnri_independent_travel_planning_intro p {

        margin-bottom: 9px;
        font-size: 13px;
        line-height: 1.7;
        text-align: center;

    }


    /* ---------------------------------------------------------
       TRAVEL PACKAGE INFORMATION
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_info {

        min-height: auto;
        margin-bottom: 10px;
        padding: 18px 18px 18px 57px;
        border-radius: 11px;

    }

    .tdnri_independent_travel_planning_info_icon {

        top: 18px;
        left: 16px;
        width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 12px;

    }

    .tdnri_independent_travel_planning_info p {

        font-size: 12.5px;
        line-height: 1.65;
        text-align: justify;

    }


    /* ---------------------------------------------------------
       SERVICE / TTD CARDS
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_service_card,
    .tdnri_independent_travel_planning_ttd_card {

        min-height: auto;
        padding: 19px 18px;
        border-radius: 11px;

    }


    /* ---------------------------------------------------------
       CARD HEADING
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_card_heading {

        min-height: 40px;
        margin-bottom: 11px;

    }

    .tdnri_independent_travel_planning_card_icon {

        width: 32px;
        height: 32px;
        margin-right: 10px;
        line-height: 30px;
        font-size: 12px;

    }

    .tdnri_independent_travel_planning_card_heading h3 {

        padding-top: 6px;
        font-size: 14px;
        line-height: 1.35;

    }


    /* ---------------------------------------------------------
       CARD LIST
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_service_card ul,
    .tdnri_independent_travel_planning_ttd_card ul {

        padding-left: 19px;

    }

    .tdnri_independent_travel_planning_service_card li,
    .tdnri_independent_travel_planning_ttd_card li {

        margin-bottom: 8px;
        padding-left: 1px;
        font-size: 12px;
        line-height: 1.55;

    }

    .tdnri_independent_travel_planning_service_card li span,
    .tdnri_independent_travel_planning_ttd_card li span {

        font-size: 12.5px;

    }


    /* ---------------------------------------------------------
       DARSHAN TRANSPARENCY
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_transparency {

        min-height: auto;
        margin-bottom: 12px;
        padding: 19px 18px 19px 57px;
        border-radius: 11px;

    }

    .tdnri_independent_travel_planning_transparency_icon {

        top: 19px;
        left: 16px;
        width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 11px;

    }

    .tdnri_independent_travel_planning_transparency_label {

        margin-bottom: 6px;
        font-size: 10px;

    }

    .tdnri_independent_travel_planning_transparency_content p {

        font-size: 12.5px;
        line-height: 1.65;
        text-align: justify;

    }


    /* ---------------------------------------------------------
       SINGAPORE TRAVELLER INFORMATION
    --------------------------------------------------------- */

    .tdnri_independent_travel_planning_singapore {

        min-height: auto;
        padding: 13px 16px;
        border-radius: 10px;

    }

    .tdnri_independent_travel_planning_singapore p {

        font-size: 11.5px;
        line-height: 1.6;
        text-align: center;

    }

}

















/* =========================================================
   NRI DARSHAN TRAVEL PACKAGE PRICE
========================================================= */

.tdnri_travel_package_price_section {

    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_travel_package_price_section *,
.tdnri_travel_package_price_section *::before,
.tdnri_travel_package_price_section *::after {

    box-sizing: border-box;

}


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

.tdnri_travel_price_icon {

    width: 62px;
    height: 62px;
    margin: 0 auto 10px;

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

    background: #fff1f2;
    color: #f3525a;

    border-radius: 18px;

    font-size: 25px;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.10);

}

.tdnri_travel_price_title {

    margin: 0 0 10px;

    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;

    color: #172033;

}

.tdnri_travel_price_intro {

    max-width: 850px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;

    color: #596579;

}

.tdnri_travel_price_intro strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   MAIN REQUIREMENTS BLOCK
========================================================= */

.tdnri_price_main_row {

    margin-top: 55px;

}

.tdnri_price_visual_card {

    min-height: 275px;
    padding: 38px 32px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background: linear-gradient(145deg,
            #f3525a 0%,
            #f9b0b3 100%);

    border-radius: 24px;

    position: relative;
    overflow: hidden;

    box-shadow: 0 18px 40px rgba(243, 82, 90, 0.18);

}

.tdnri_price_visual_card::after {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -55px;
    bottom: -55px;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;

}

.tdnri_price_visual_icon {

    width: 56px;
    height: 56px;

    margin-bottom: 22px;

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

    background: rgba(255, 255, 255, 0.20);
    color: #ffffff;

    border-radius: 16px;

    font-size: 23px;

}

.tdnri_price_visual_label {

    margin-bottom: 8px;

    color: #ffffff;
    font-size: 14px;
    font-weight: 600;

    letter-spacing: 0.5px;
    text-transform: uppercase;

}

.tdnri_price_visual_card h3 {

    margin: 0;

    color: #ffffff;

    font-size: 26px;
    line-height: 1.35;
    font-weight: 700;

    max-width: 400px;

}

.tdnri_price_content_box {

    padding: 30px 35px;

    border-left: 4px solid #f3525a;

    background: #fff7f7;

    border-radius: 0 18px 18px 0;

}

.tdnri_price_content_box p {

    margin: 0 0 15px;

    font-size: 15px;
    line-height: 1.85;

    color: #596579;

}

.tdnri_price_content_box p:last-child {

    margin-bottom: 0;

}

.tdnri_price_content_box strong {

    color: #172033;
    font-weight: 700;
    text-align: justify;

}


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

.tdnri_price_affect_header {

    margin-top: 30px;
    margin-bottom: 20px;

}

.tdnri_small_icon {

    width: 52px;
    height: 52px;

    margin: 0 auto 15px;

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

    background: #fff1f2;
    color: #f3525a;

    border-radius: 15px;

    font-size: 20px;

}

.tdnri_price_affect_header h3 {

    margin: 0 0 12px;

    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;

    color: #172033;

}

.tdnri_price_affect_header p {

    margin: 0;

    color: #697386;

    font-size: 15px;
    line-height: 1.7;


}


/* =========================================================
   PRICE FACTOR CARDS
========================================================= */

.tdnri_price_factor_row {

    margin-left: -10px;
    margin-right: -10px;

}

.tdnri_price_factor_row>[class*="col-"] {

    padding-left: 10px;
    padding-right: 10px;

}

.tdnri_price_factor_card {

    height: 100%;
    min-height: 215px;

    padding: 28px 25px;

    background: #ffffff;

    border: 1px solid #edf0f4;
    border-radius: 20px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.055);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.tdnri_price_factor_card:hover {

    transform: translateY(-6px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 32px rgba(243, 82, 90, 0.12);

}

.tdnri_factor_icon {

    width: 50px;
    height: 50px;

    margin-bottom: 20px;

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

    background: #fff1f2;
    color: #f3525a;

    border-radius: 14px;

    font-size: 19px;

}

.tdnri_price_factor_card h4 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    text-align: center;

}

.tdnri_price_factor_card p {

    margin: 0;

    color: #697386;
    text-align: center;
    font-size: 14px;
    line-height: 1.7;

}


/* =========================================================
   PRICE SUMMARY
========================================================= */

.tdnri_price_summary_row {

    margin-top: 38px;

}

.tdnri_price_summary_card {

    height: 100%;

    padding: 32px;

    background: #fdf3f3;

    border: 1px solid #f9d9da;

    border-radius: 22px;

    position: relative;

}

.tdnri_ttd_summary {

    background: #ffffff;
    border-color: #edf0f4;

}

.tdnri_summary_icon {

    width: 52px;
    height: 52px;

    margin-bottom: 20px;

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

    background: #f3525a;
    color: #ffffff;

    border-radius: 15px;

    font-size: 20px;

}

.tdnri_price_summary_card h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;

}

.tdnri_price_summary_card p {

    margin: 0;

    color: #697386;
    text-align: justify;
    font-size: 14px;
    line-height: 1.8;

}


/* =========================================================
   PRICE TRANSPARENCY
========================================================= */

.tdnri_price_transparency_box {

    margin-top: 32px;
    padding: 35px 38px;

    background: #172033;

    border-radius: 24px;

    position: relative;
    overflow: hidden;

    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.14);

}

.tdnri_price_transparency_box::before {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -95px;
    right: -70px;

    border: 1px solid rgba(249, 176, 179, 0.25);

    border-radius: 50%;

}

.tdnri_transparency_heading {

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

    margin-bottom: 22px;

}

.tdnri_transparency_icon {

    width: 46px;
    height: 46px;

    flex: 0 0 46px;

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

    background: #f3525a;
    color: #ffffff;

    border-radius: 13px;

    font-size: 18px;

}

.tdnri_transparency_heading h3 {

    margin: 0;

    color: #ffffff;

    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;

}

.tdnri_price_transparency_box p {

    margin: 0 0 18px;

    color: #d7dce5;

    font-size: 14px;
    line-height: 1.85;
    text-align: justify;

}

.tdnri_price_transparency_box p:last-child {

    margin-bottom: 0;

}

.tdnri_price_transparency_box strong {

    color: #f9b0b3;
    font-weight: 700;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_travel_package_price_section {

        padding: 55px 20px;

    }


    /* Section Header */

    .tdnri_travel_price_title {

        font-size: 32px;

    }

    .tdnri_travel_price_intro {

        max-width: 720px;
        font-size: 15px;

    }


    /* Main Requirements */

    .tdnri_price_main_row {

        margin-top: 42px;

    }

    .tdnri_price_visual_card {

        min-height: 250px;
        padding: 32px 28px;

        border-radius: 21px;

    }

    .tdnri_price_visual_card h3 {

        font-size: 24px;

    }

    .tdnri_price_content_box {

        padding: 26px 28px;

    }

    .tdnri_price_content_box p {

        font-size: 14px;
        line-height: 1.8;

    }


    /* Affect Header */

    .tdnri_price_affect_header {

        margin-top: 45px;
        margin-bottom: 25px;

    }

    .tdnri_price_affect_header h3 {

        font-size: 25px;

    }

    .tdnri_price_affect_header p {

        font-size: 14px;

    }


    /* Factor Cards */

    .tdnri_price_factor_card {

        min-height: 200px;
        padding: 24px 20px;

        border-radius: 18px;

    }

    .tdnri_factor_icon {

        width: 46px;
        height: 46px;

        margin: 0 auto 15px;

        font-size: 17px;

    }

    .tdnri_price_factor_card h4 {

        font-size: 17px;

        margin-bottom: 8px;

    }

    .tdnri_price_factor_card p {

        font-size: 13px;
        line-height: 1.65;

    }


    /* Summary Cards */

    .tdnri_price_summary_row {

        margin-top: 25px;

    }

    .tdnri_price_summary_card {

        padding: 28px 25px;

        border-radius: 20px;

    }

    .tdnri_summary_icon {

        width: 48px;
        height: 48px;

        margin-bottom: 16px;

        font-size: 18px;

    }

    .tdnri_price_summary_card h3 {

        font-size: 20px;

    }

    .tdnri_price_summary_card p {

        font-size: 13px;
        line-height: 1.75;

    }


    /* Transparency */

    .tdnri_price_transparency_box {

        margin-top: 25px;
        padding: 30px;

        border-radius: 21px;

    }

    .tdnri_transparency_heading {

        margin-bottom: 18px;

    }

    .tdnri_transparency_heading h3 {

        font-size: 20px;

    }

    .tdnri_price_transparency_box p {

        font-size: 13px;
        line-height: 1.8;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .tdnri_travel_package_price_section {

        padding: 45px 15px;

    }


    /* Section Header */

    .tdnri_travel_price_icon {

        width: 55px;
        height: 55px;

        margin-bottom: 12px;

        border-radius: 15px;

        font-size: 22px;

    }

    .tdnri_travel_price_title {

        font-size: 25px;
        line-height: 1.3;

        margin-bottom: 10px;

    }

    .tdnri_travel_price_intro {

        max-width: 100%;

        font-size: 14px;
        line-height: 1.75;

    }


    /* Main Requirements */

    .tdnri_price_main_row {

        margin-top: 35px;

    }

    .tdnri_price_visual_card {

        min-height: 220px;

        padding: 28px 24px;

        border-radius: 20px;

        box-shadow: 0 12px 28px rgba(243, 82, 90, 0.15);

    }

    .tdnri_price_visual_icon {

        width: 50px;
        height: 50px;

        margin-bottom: 17px;

        border-radius: 14px;

        font-size: 21px;

    }

    .tdnri_price_visual_label {

        font-size: 12px;

        margin-bottom: 7px;

    }

    .tdnri_price_visual_card h3 {

        font-size: 21px;
        line-height: 1.35;

    }


    .tdnri_price_content_box {

        margin-top: 0;

        padding: 23px 20px;

        border-left: 0;
        border-top: 4px solid #f3525a;

        border-radius: 0 0 17px 17px;

    }

    .tdnri_price_content_box p {

        font-size: 13.5px;
        line-height: 1.8;

        text-align: justify;

        margin-bottom: 13px;

    }


    /* Affect Header */

    .tdnri_price_affect_header {

        margin-top: 45px;
        margin-bottom: 25px;

    }

    .tdnri_small_icon {

        width: 48px;
        height: 48px;

        margin-bottom: 12px;

        border-radius: 13px;

        font-size: 18px;

    }

    .tdnri_price_affect_header h3 {

        font-size: 23px;
        line-height: 1.35;

        margin-bottom: 9px;

    }

    .tdnri_price_affect_header p {

        font-size: 13.5px;
        line-height: 1.7;

    }


    /* Factor Cards */

    .tdnri_price_factor_row {

        margin-left: -7px;
        margin-right: -7px;

    }

    .tdnri_price_factor_row>[class*="col-"] {

        padding-left: 7px;
        padding-right: 7px;

    }

    .tdnri_price_factor_card {

        min-height: 185px;

        padding: 22px 18px;

        border-radius: 17px;

    }

    .tdnri_factor_icon {

        width: 45px;
        height: 45px;

        margin: 0 auto 12px;

        border-radius: 11px;

        font-size: 17px;

    }

    .tdnri_price_factor_card h4 {

        font-size: 16px;
        line-height: 1.35;

        margin: 0 0 8px;

    }

    .tdnri_price_factor_card p {

        font-size: 13px;
        line-height: 1.65;

    }


    /* Summary */

    .tdnri_price_summary_row {

        margin-top: 18px;

    }

    .tdnri_price_summary_card {

        padding: 24px 20px;

        border-radius: 18px;

    }

    .tdnri_summary_icon {

        width: 47px;
        height: 47px;

        margin-bottom: 15px;

        border-radius: 13px;

        font-size: 18px;

    }

    .tdnri_price_summary_card h3 {

        font-size: 19px;
        line-height: 1.35;

        margin-bottom: 10px;

    }

    .tdnri_price_summary_card p {

        font-size: 13px;
        line-height: 1.75;

        text-align: justify;

    }


    /* Transparency */

    .tdnri_price_transparency_box {

        margin-top: 20px;

        padding: 25px 20px;

        border-radius: 19px;

        box-shadow: 0 12px 28px rgba(23, 32, 51, 0.12);

    }

    .tdnri_price_transparency_box::before {

        width: 130px;
        height: 130px;

        top: -70px;
        right: -55px;

    }

    .tdnri_transparency_heading {

        gap: 11px;

        margin-bottom: 17px;

    }

    .tdnri_transparency_icon {

        width: 42px;
        height: 42px;

        flex: 0 0 42px;

        border-radius: 11px;

        font-size: 16px;

    }

    .tdnri_transparency_heading h3 {

        font-size: 18px;
        line-height: 1.35;

    }

    .tdnri_price_transparency_box p {

        font-size: 13px;
        line-height: 1.8;

        text-align: justify;

        margin-bottom: 15px;

    }

}














/* =========================================================
   NRI DARSHAN TRAVEL CHECKLIST
========================================================= */

.tdnri_pretravel_checklist_section {
    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
}

.tdnri_pretravel_checklist_section *,
.tdnri_pretravel_checklist_section *::before,
.tdnri_pretravel_checklist_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.tdnri_pretravel_checklist_heading {
    max-width: 900px;
    margin: 0 auto 48px;
}

.tdnri_pretravel_checklist_label {
    display: inline-block;
    margin-bottom: 10px;
    padding: 7px 18px;
    background: #f9b0b3;
    color: #172033;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.tdnri_pretravel_checklist_title {
    margin: 0 0 15px;
    color: #172033;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.tdnri_pretravel_checklist_intro {
    max-width: 850px;
    margin: 0 auto;
    color: #4c586b;
    font-size: 16px;
    line-height: 1.8;
}

.tdnri_pretravel_checklist_intro strong {
    color: #172033;
    font-weight: 700;
}

/* =========================================================
   BEFORE YOU TRAVEL
========================================================= */

.tdnri_pretravel_checklist_subheading {
    width: 100%;
    max-width: 950px;
    margin: 0 auto 38px;
    padding: 25px 28px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(243, 82, 90, 0.12);
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.06);
}

.tdnri_pretravel_checklist_subheading_top {
    width: 100%;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px;
}

.tdnri_pretravel_checklist_icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    background: #f3525a;
    color: #ffffff;
    border-radius: 16px;
    font-size: 23px;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.22);
}

.tdnri_pretravel_checklist_subheading_top h3 {
    margin: 0;
    padding: 0;
    color: #172033;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

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

.tdnri_pretravel_checklist_subheading>p {
    width: 100%;
    margin: 5px 0 0;
    padding: 5px 0 0;

    color: #596579;
    font-size: 14px;
    line-height: 1.75;
    text-align: center;
}



/* =========================================================
   CHECKLIST CARDS
========================================================= */

.tdnri_pretravel_checklist_items {
    margin-bottom: 25px;
}

.tdnri_pretravel_checklist_card {
    height: 100%;
    padding: 25px 22px;
    display: flex;
    align-items: flex-start;
    gap: 17px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.06);
    transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.tdnri_pretravel_checklist_card:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.10);
}

.tdnri_pretravel_checklist_card_icon {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 13px;
    font-size: 18px;
    transition: background 0.3s ease,
        color 0.3s ease;
}

.tdnri_pretravel_checklist_card:hover .tdnri_pretravel_checklist_card_icon {
    background: #f3525a;
    color: #ffffff;
}

.tdnri_pretravel_checklist_card h4 {
    margin: 0 0 8px;
    color: #172033;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_pretravel_checklist_card p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}


/* =========================================================
   IMPORTANT TTD NOTICE
========================================================= */

.tdnri_pretravel_checklist_notice {
    max-width: 1250px;
    margin: 0 auto;
    padding: 28px 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #ffffff;
    border-left: 5px solid #f3525a;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.07);
}

.tdnri_pretravel_checklist_notice_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 50%;
    font-size: 20px;
}

.tdnri_pretravel_checklist_notice_content {
    flex: 1;
}

.tdnri_pretravel_checklist_notice_content h3 {
    margin: 0 0 10px;
    color: #172033;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.tdnri_pretravel_checklist_notice_content p {
    margin: 0 0 10px;
    color: #596579;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.tdnri_pretravel_checklist_notice_content p:last-child {
    margin-bottom: 0;
}

.tdnri_pretravel_checklist_notice_content strong {
    color: #172033;
    font-weight: 700;
}

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

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_pretravel_checklist_section {
        padding: 50px 18px;
    }

    /* Main Heading */

    .tdnri_pretravel_checklist_heading {
        max-width: 800px;
        margin-bottom: 40px;
    }

    .tdnri_pretravel_checklist_title {
        font-size: 34px;
    }

    .tdnri_pretravel_checklist_intro {
        font-size: 15px;
        line-height: 1.75;
    }


    /* Before You Travel */

    .tdnri_pretravel_checklist_subheading {
        max-width: 850px;
        margin-bottom: 32px;
        padding: 23px 24px;
        border-radius: 16px;
    }

    .tdnri_pretravel_checklist_subheading_top {
        gap: 16px;
    }

    .tdnri_pretravel_checklist_icon {
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        border-radius: 15px;
        font-size: 21px;
    }

    .tdnri_pretravel_checklist_subheading_top h3 {
        font-size: 23px;
    }

    .tdnri_pretravel_checklist_subheading>p {
        margin-top: 5px;
        padding-top: 5px;
        font-size: 14px;
        line-height: 1.7;
    }


    /* Checklist Cards */

    .tdnri_pretravel_checklist_items {
        margin-bottom: 25px;
    }

    .tdnri_pretravel_checklist_card {
        padding: 22px 20px;
        gap: 15px;
        border-radius: 16px;
    }

    .tdnri_pretravel_checklist_card_icon {
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        border-radius: 12px;
        font-size: 17px;
    }

    .tdnri_pretravel_checklist_card h4 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .tdnri_pretravel_checklist_card p {
        font-size: 13px;
        line-height: 1.65;
    }


    /* Important Notice */

    .tdnri_pretravel_checklist_notice {
        max-width: 100%;
        padding: 25px 24px;
        gap: 17px;
        border-left-width: 4px;
        border-radius: 16px;
    }

    .tdnri_pretravel_checklist_notice_icon {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .tdnri_pretravel_checklist_notice_content h3 {
        font-size: 20px;
    }

    .tdnri_pretravel_checklist_notice_content p {
        font-size: 13px;
        line-height: 1.7;
    }

}


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

@media (max-width: 767px) {

    .tdnri_pretravel_checklist_section {
        padding: 42px 15px;
    }


    /* Main Heading */

    .tdnri_pretravel_checklist_heading {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .tdnri_pretravel_checklist_label {
        margin-bottom: 9px;
        padding: 6px 15px;
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .tdnri_pretravel_checklist_title {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .tdnri_pretravel_checklist_intro {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }


    /* Before You Travel */

    .tdnri_pretravel_checklist_subheading {
        max-width: 100%;
        margin-bottom: 28px;
        padding: 20px 18px;
        border-radius: 15px;
    }

    .tdnri_pretravel_checklist_subheading_top {
        gap: 13px;
        justify-content: center !important;
        align-items: center !important;
    }

    .tdnri_pretravel_checklist_icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 13px;
        font-size: 18px;
    }

    .tdnri_pretravel_checklist_subheading_top h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    .tdnri_pretravel_checklist_subheading>p {
        margin-top: 5px;
        padding-top: 5px;
        font-size: 13px;
        line-height: 1.7;
        text-align: center;
    }


    /* Checklist Grid */

    .tdnri_pretravel_checklist_items {
        margin-bottom: 25px;
    }

    /* Bootstrap columns will control the width */

    .tdnri_pretravel_checklist_card {
        min-height: auto;
        padding: 20px 17px;
        gap: 13px;
        border-radius: 15px;
    }

    .tdnri_pretravel_checklist_card_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 16px;
    }

    .tdnri_pretravel_checklist_card h4 {
        margin-bottom: 6px;
        font-size: 15px;
        line-height: 1.4;
    }

    .tdnri_pretravel_checklist_card p {
        font-size: 13px;
        line-height: 1.65;
        text-align: justify;
    }


    /* Important TTD Notice */

    .tdnri_pretravel_checklist_notice {
        width: 100%;
        max-width: 100%;
        padding: 22px 18px;
        display: flex;
        align-items: flex-start;
        gap: 13px;
        border-left-width: 4px;
        border-radius: 15px;
    }

    .tdnri_pretravel_checklist_notice_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .tdnri_pretravel_checklist_notice_content h3 {
        margin-bottom: 9px;
        font-size: 18px;
        line-height: 1.4;
    }

    .tdnri_pretravel_checklist_notice_content p {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
    }

}
















/* =========================================================
   IMPORTANT NRI DARSHAN TRANSPARENCY
========================================================= */

.tdnri_darshan_transparency_section {

    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_darshan_transparency_section *,
.tdnri_darshan_transparency_section *::before,
.tdnri_darshan_transparency_section *::after {

    box-sizing: border-box;

}


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

.tdnri_darshan_transparency_heading {

    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;

}

.tdnri_darshan_transparency_eyebrow {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
    border-radius: 30px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;

}

.tdnri_darshan_transparency_eyebrow i {

    font-size: 14px;

}

.tdnri_darshan_transparency_heading h2 {

    margin: 0 0 14px;
    color: #172033;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;

}

.tdnri_darshan_transparency_heading p {

    max-width: 720px;
    margin: 0 auto;
    color: #667085;
    font-size: 15px;
    line-height: 1.8;


}


/* =========================================================
   MAIN TRANSPARENCY CARDS
========================================================= */

.tdnri_darshan_transparency_main_row {

    margin-bottom: 28px;

}

.tdnri_darshan_transparency_card {

    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);
    transition: all 0.3s ease;

}

.tdnri_darshan_transparency_card:hover {

    transform: translateY(-5px);
    border-color: #f3525a;
    box-shadow: 0 18px 40px rgba(243, 82, 90, 0.13);

}


/* =========================================================
   COMMON ICON
========================================================= */

.tdnri_darshan_transparency_icon {

    width: 52px;
    min-width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 21px;

}

.tdnri_darshan_transparency_content {

    flex: 1;

}

.tdnri_darshan_transparency_content h3 {

    margin: 0 0 12px;
    color: #172033;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;

}

.tdnri_darshan_transparency_content p {

    margin: 0 0 10px;
    color: #667085;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;

}

.tdnri_darshan_transparency_content p:last-child {

    margin-bottom: 0;

}

.tdnri_darshan_transparency_content strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   TWO COLUMN INFORMATION SECTION
========================================================= */

.tdnri_darshan_two_column_row {

    margin-top: 28px;
    align-items: stretch;

}


/* =========================================================
   INDEPENDENT TRAVEL SERVICES
========================================================= */

.tdnri_darshan_services_box {

    height: 100%;
    margin-top: 0;
    padding: 30px;
    background: #fff8f8;
    border: 1px solid #f9b0b3;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.05);
    transition: all 0.3s ease;

}

.tdnri_darshan_services_box:hover {

    border-color: #f3525a;
    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.10);

}


/* =========================================================
   SERVICES INTRO
========================================================= */

.tdnri_darshan_services_intro {

    padding-right: 0;
    margin-bottom: 25px;

}

.tdnri_darshan_services_intro .tdnri_darshan_transparency_icon {

    margin-bottom: 18px;

}

.tdnri_darshan_services_intro h3 {

    margin: 0 0 12px;
    color: #172033;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;

}

.tdnri_darshan_services_intro p {

    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;

}

.tdnri_darshan_services_intro strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   SERVICE ITEMS
========================================================= */

.tdnri_darshan_service_items {

    margin: 0;

}

.tdnri_darshan_service_item {

    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 15px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
    color: #172033;
    transition: all 0.3s ease;

}

.tdnri_darshan_service_item i {

    color: #f3525a;
    font-size: 17px;
    min-width: 20px;
    text-align: center;

}

.tdnri_darshan_service_item span {

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;

}

.tdnri_darshan_service_item:hover {

    border-color: #f3525a;
    background: #fff1f2;
    transform: translateX(4px);

}


/* =========================================================
   TTD MATTERS SECTION
========================================================= */

.tdnri_ttd_matters_section {

    height: 100%;
    margin-top: 0;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e9dfe0;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.05);
    transition: all 0.3s ease;

}

.tdnri_ttd_matters_section:hover {

    border-color: #f9b0b3;
    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.08);

}


/* =========================================================
   TTD MATTERS HEADING
========================================================= */

.tdnri_ttd_matters_heading {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;

}

.tdnri_ttd_matters_heading h3 {

    margin: 0;
    color: #172033;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;

}


/* =========================================================
   TTD MATTERS LIST
========================================================= */

.tdnri_ttd_matters_list {

    margin: 0;

}


/* =========================================================
   TTD MATTER ITEMS
========================================================= */

.tdnri_ttd_matter_item {

    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid #f9b0b3;
    border-radius: 11px;
    background: #fff8f8;
    transition: all 0.3s ease;

}

.tdnri_ttd_matter_item i {

    color: #f3525a;
    font-size: 15px;
    min-width: 18px;
    text-align: center;

}

.tdnri_ttd_matter_item span {

    color: #344054;
    font-size: 12.5px;
    line-height: 1.5;
    font-weight: 600;

}

.tdnri_ttd_matter_item:hover {

    background: #fff1f2;
    border-color: #f3525a;
    transform: translateY(-2px);

}


/* =========================================================
   TTD NOTICE
========================================================= */

.tdnri_ttd_notice {

    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 16px 17px;
    background: #fff1f2;
    border-left: 4px solid #f3525a;
    border-radius: 10px;

}

.tdnri_ttd_notice>i {

    margin-top: 3px;
    color: #f3525a;
    font-size: 17px;
    min-width: 17px;

}

.tdnri_ttd_notice p {

    margin: 0;
    color: #667085;
    font-size: 12.5px;
    line-height: 1.75;
    text-align: justify;

}


/* =========================================================
   SINGAPORE TRAVELLER NOTE
========================================================= */

.tdnri_singapore_traveller_note {

    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 28px;
    padding: 24px 26px;
    background: #172033;
    border-radius: 16px;

}

.tdnri_singapore_note_icon {

    width: 48px;
    min-width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f3525a;
    color: #ffffff;
    font-size: 19px;

}

.tdnri_singapore_note_content {

    flex: 1;

}

.tdnri_singapore_note_content p {

    margin: 0;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.85;
    text-align: justify;
}

.tdnri_singapore_note_content strong {

    color: #f9b0b3;
    font-weight: 700;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_darshan_transparency_section {

        padding: 55px 20px;

    }


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

    .tdnri_darshan_transparency_heading {

        max-width: 760px;
        margin-bottom: 40px;

    }

    .tdnri_darshan_transparency_heading h2 {

        font-size: 30px;

    }

    .tdnri_darshan_transparency_heading p {

        font-size: 14px;

    }


    /* =====================================================
       MAIN TRANSPARENCY CARDS
    ===================================================== */

    .tdnri_darshan_transparency_card {

        padding: 25px;
        gap: 16px;

    }

    .tdnri_darshan_transparency_content h3 {

        font-size: 18px;

    }

    .tdnri_darshan_transparency_content p {

        font-size: 13px;
        line-height: 1.75;

    }


    /* =====================================================
       TWO COLUMN SECTION
    ===================================================== */

    .tdnri_darshan_two_column_row {

        margin-top: 25px;

    }


    /* =====================================================
       INDEPENDENT TRAVEL SERVICES
    ===================================================== */

    .tdnri_darshan_services_box {

        padding: 25px;

    }

    .tdnri_darshan_services_intro {

        margin-bottom: 22px;

    }

    .tdnri_darshan_services_intro h3 {

        font-size: 20px;

    }

    .tdnri_darshan_services_intro p {

        font-size: 13px;
        line-height: 1.75;

    }


    .tdnri_darshan_service_item {

        min-height: 60px;
        padding: 12px 13px;
        gap: 9px;

    }

    .tdnri_darshan_service_item i {

        font-size: 16px;
        min-width: 18px;

    }

    .tdnri_darshan_service_item span {

        font-size: 12px;

    }


    /* =====================================================
       TTD MATTERS
    ===================================================== */

    .tdnri_ttd_matters_section {

        padding: 25px;

    }

    .tdnri_ttd_matters_heading {

        gap: 12px;
        margin-bottom: 22px;

    }

    .tdnri_ttd_matters_heading h3 {

        font-size: 20px;

    }


    .tdnri_ttd_matter_item {

        min-height: 60px;
        padding: 12px 11px;
        gap: 8px;

    }

    .tdnri_ttd_matter_item i {

        font-size: 14px;
        min-width: 17px;

    }

    .tdnri_ttd_matter_item span {

        font-size: 11.5px;

    }


    /* =====================================================
       TTD NOTICE
    ===================================================== */

    .tdnri_ttd_notice {

        padding: 15px;
        gap: 10px;

    }

    .tdnri_ttd_notice p {

        font-size: 12px;
        line-height: 1.7;

    }


    /* =====================================================
       SINGAPORE TRAVELLER NOTE
    ===================================================== */

    .tdnri_singapore_traveller_note {

        padding: 21px 22px;
        gap: 15px;

    }

    .tdnri_singapore_note_content p {

        font-size: 12.5px;
        line-height: 1.8;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .tdnri_darshan_transparency_section {

        padding: 45px 16px;

    }


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

    .tdnri_darshan_transparency_heading {

        max-width: 100%;
        margin-bottom: 32px;

    }

    .tdnri_darshan_transparency_eyebrow {

        padding: 7px 13px;
        margin-bottom: 13px;
        font-size: 10.5px;
        letter-spacing: 0.3px;

    }

    .tdnri_darshan_transparency_eyebrow i {

        font-size: 12px;

    }

    .tdnri_darshan_transparency_heading h2 {

        font-size: 25px;
        line-height: 1.3;

    }

    .tdnri_darshan_transparency_heading p {

        max-width: 100%;
        font-size: 13px;
        line-height: 1.7;

    }


    /* =====================================================
       MAIN TRANSPARENCY CARDS
    ===================================================== */

    .tdnri_darshan_transparency_main_row {

        margin-bottom: 20px;

    }

    .tdnri_darshan_transparency_card {

        padding: 22px 20px;
        gap: 14px;
        border-radius: 16px;

    }

    .tdnri_darshan_transparency_icon {

        width: 45px;
        min-width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 18px;

    }

    .tdnri_darshan_transparency_content h3 {

        margin-bottom: 9px;
        font-size: 17px;
        line-height: 1.45;

    }

    .tdnri_darshan_transparency_content p {

        margin-bottom: 8px;
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;

    }


    /* =====================================================
       TWO COLUMN SECTION
       Bootstrap col-lg-6 will stack automatically
    ===================================================== */

    .tdnri_darshan_two_column_row {

        margin-top: 20px;

    }


    /* =====================================================
       INDEPENDENT TRAVEL SERVICES
    ===================================================== */

    .tdnri_darshan_services_box {

        padding: 24px 20px;
        border-radius: 17px;

    }

    .tdnri_darshan_services_intro {

        margin-bottom: 21px;

    }

    .tdnri_darshan_services_intro .tdnri_darshan_transparency_icon {

        margin-bottom: 15px;

    }

    .tdnri_darshan_services_intro h3 {

        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;

    }

    .tdnri_darshan_services_intro p {

        font-size: 13px;
        line-height: 1.75;
        text-align: justify;

    }


    /* =====================================================
       SERVICE ITEMS
    ===================================================== */

    .tdnri_darshan_service_items {

        margin: 0;

    }

    .tdnri_darshan_service_item {

        min-height: 58px;
        padding: 12px 13px;
        gap: 10px;
        border-radius: 10px;

    }

    .tdnri_darshan_service_item i {

        font-size: 16px;
        min-width: 19px;

    }

    .tdnri_darshan_service_item span {

        font-size: 12.5px;
        line-height: 1.4;

    }


    /* =====================================================
       TTD MATTERS
    ===================================================== */

    .tdnri_ttd_matters_section {

        padding: 24px 20px;
        border-radius: 17px;

    }

    .tdnri_ttd_matters_heading {

        gap: 12px;
        margin-bottom: 21px;

    }

    .tdnri_ttd_matters_heading h3 {

        font-size: 20px;
        line-height: 1.4;

    }


    /* =====================================================
       TTD MATTER ITEMS
    ===================================================== */

    .tdnri_ttd_matter_item {

        min-height: 58px;
        padding: 12px 13px;
        gap: 9px;

    }

    .tdnri_ttd_matter_item i {

        font-size: 14px;
        min-width: 18px;

    }

    .tdnri_ttd_matter_item span {

        font-size: 12px;
        line-height: 1.45;

    }


    /* =====================================================
       TTD NOTICE
    ===================================================== */

    .tdnri_ttd_notice {

        margin-top: 20px;
        padding: 15px;
        gap: 10px;

    }

    .tdnri_ttd_notice>i {

        font-size: 16px;
        min-width: 16px;

    }

    .tdnri_ttd_notice p {

        font-size: 12px;
        line-height: 1.7;
        text-align: justify;

    }


    /* =====================================================
       SINGAPORE TRAVELLER NOTE
    ===================================================== */

    .tdnri_singapore_traveller_note {

        margin-top: 20px;
        padding: 20px;
        gap: 13px;
        border-radius: 14px;

    }

    .tdnri_singapore_note_icon {

        width: 43px;
        min-width: 43px;
        height: 43px;
        border-radius: 10px;
        font-size: 17px;

    }

    .tdnri_singapore_note_content p {

        font-size: 12px;
        line-height: 1.75;
        text-align: justify;

    }

}














/* =========================================================
   IMPORTANT TTD REQUIREMENTS - VERIFY LATEST INFORMATION
========================================================= */

.tdnri_ttd_requirements_verify_section {

    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_ttd_requirements_verify_section *,
.tdnri_ttd_requirements_verify_section *::before,
.tdnri_ttd_requirements_verify_section *::after {

    box-sizing: border-box;

}

.tdnri_ttd_requirements_verify_container {

    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 38px 42px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 20px;

    text-align: center;

    position: relative;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.08);

}

.tdnri_ttd_requirements_verify_icon {

    width: 64px;
    height: 64px;

    margin: 0 auto 20px;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 50%;

    font-size: 26px;

}

.tdnri_ttd_requirements_verify_title {

    margin: 0 auto 18px;

    max-width: 760px;

    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;

    color: #172033;

}

.tdnri_ttd_requirements_verify_text {

    margin: 0 auto 16px;

    max-width: 790px;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;

    color: #4b5563;

}

.tdnri_ttd_requirements_verify_text:last-child {

    margin-bottom: 0;

}

.tdnri_ttd_requirements_verify_text strong {

    color: #f3525a;
    font-weight: 700;

}

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

@media (max-width: 991px) {

    .tdnri_ttd_requirements_verify_section {

        padding: 50px 20px;

    }

    .tdnri_ttd_requirements_verify_container {

        max-width: 850px;
        padding: 35px 30px;

        border-radius: 18px;

    }

    .tdnri_ttd_requirements_verify_icon {

        width: 60px;
        height: 60px;

        margin-bottom: 18px;

        font-size: 24px;

    }

    .tdnri_ttd_requirements_verify_title {

        max-width: 700px;

        font-size: 27px;
        line-height: 1.35;

        margin-bottom: 16px;

    }

    .tdnri_ttd_requirements_verify_text {

        max-width: 700px;

        font-size: 15px;
        line-height: 1.75;

        margin-bottom: 15px;

    }

}


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

@media (max-width: 767px) {

    .tdnri_ttd_requirements_verify_section {

        padding: 40px 15px;

    }

    .tdnri_ttd_requirements_verify_container {

        width: 100%;
        padding: 30px 20px;

        border-radius: 16px;

    }

    .tdnri_ttd_requirements_verify_icon {

        width: 56px;
        height: 56px;

        margin-bottom: 16px;

        font-size: 22px;

    }

    .tdnri_ttd_requirements_verify_title {

        max-width: 100%;

        font-size: 22px;
        line-height: 1.4;

        margin-bottom: 15px;

    }

    .tdnri_ttd_requirements_verify_text {

        max-width: 100%;

        font-size: 14px;
        line-height: 1.75;

        margin-bottom: 14px;

    }

}


















/* =========================================================
   EXPLORE MORE TIRUPATI RESOURCES
========================================================= */

.tdnri_explore_tirupati_resources_section {

    width: 100%;
    padding: 60px 20px;
    background: #dfe7ef;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;

}

.tdnri_explore_tirupati_resources_section *,
.tdnri_explore_tirupati_resources_section *::before,
.tdnri_explore_tirupati_resources_section *::after {
    box-sizing: border-box;
}


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

.tdnri_explore_tirupati_resources_intro {
    max-width: 900px;
    margin: 0 auto 45px;
}

.tdnri_explore_tirupati_resources_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #ffffff;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 18px rgba(23, 32, 51, 0.07);
}

.tdnri_explore_tirupati_resources_eyebrow_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f3525a;
}

.tdnri_explore_tirupati_resources_title {
    margin: 0 0 16px;
    color: #172033;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.tdnri_explore_tirupati_resources_description {
    max-width: 820px;
    margin: 0 auto;
    color: #4d596b;
    font-size: 15px;
    line-height: 1.8;
}

.tdnri_explore_tirupati_resources_description strong {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   RESOURCE GROUP
========================================================= */

.tdnri_explore_tirupati_resources_group {
    margin-top: 42px;
}

.tdnri_explore_tirupati_resources_group_heading {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(23, 32, 51, 0.12);
}

.tdnri_explore_tirupati_resources_group_icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f3525a;
    color: #ffffff;
    font-size: 17px;
    box-shadow: 0 7px 16px rgba(243, 82, 90, 0.22);
}

.tdnri_explore_tirupati_resources_group_heading h3 {
    margin: 0;
    color: #172033;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}


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

.tdnri_explore_tirupati_resource_card {

    height: 100%;
    padding: 25px 22px;
    background: #ffffff;
    border: 1px solid rgba(249, 176, 179, 0.55);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.07);

    cursor: pointer;

    transition: transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.tdnri_explore_tirupati_resource_card:hover {
    transform: translateY(-6px);
    border-color: #f9b0b3;
    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.12);
}


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

.tdnri_explore_tirupati_resource_icon {

    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;
    background: #f9b0b3;
    color: #f3525a;

    font-size: 18px;

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

}

.tdnri_explore_tirupati_resource_card:hover .tdnri_explore_tirupati_resource_icon {

    background: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);

}


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

.tdnri_explore_tirupati_resource_card h4 {

    margin: 0 0 11px;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
    text-align: justify;

}

.tdnri_explore_tirupati_resource_card h4 a {

    color: #172033;
    text-decoration: none;
    transition: color 0.3s ease;

}

.tdnri_explore_tirupati_resource_card h4 a:hover {
    color: #f3525a;
}


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

.tdnri_explore_tirupati_resource_card p {

    min-height: 76px;
    margin: 0 0 18px;
    text-align: justify;
    color: #5a6575;
    font-size: 13.5px;
    line-height: 1.75;

}


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

.tdnri_explore_tirupati_resource_link {

    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;

    text-decoration: none;

    transition: color 0.3s ease,
        gap 0.3s ease;

}

.tdnri_explore_tirupati_resource_link i {
    font-size: 11px;
    transition: transform 0.3s ease;
}

.tdnri_explore_tirupati_resource_link:hover {
    color: #d83f48;
    gap: 11px;
}

.tdnri_explore_tirupati_resource_link:hover i {
    transform: translateX(3px);
}

/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdnri_explore_tirupati_resources_section {
        padding: 50px 18px;
    }


    /* -----------------------------------------------------
       SECTION INTRO
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resources_intro {
        max-width: 760px;
        margin-bottom: 38px;
    }

    .tdnri_explore_tirupati_resources_eyebrow {
        margin-bottom: 14px;
        padding: 7px 15px;
        font-size: 12.5px;
    }

    .tdnri_explore_tirupati_resources_title {
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 14px;
    }

    .tdnri_explore_tirupati_resources_description {
        max-width: 700px;
        font-size: 14px;
        line-height: 1.75;
    }


    /* -----------------------------------------------------
       RESOURCE GROUP
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resources_group {
        margin-top: 36px;
    }

    .tdnri_explore_tirupati_resources_group_heading {
        gap: 11px;
        margin-bottom: 20px;
        padding-bottom: 12px;
    }

    .tdnri_explore_tirupati_resources_group_icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 11px;
        font-size: 16px;
    }

    .tdnri_explore_tirupati_resources_group_heading h3 {
        font-size: 20px;
        line-height: 1.4;
    }


    /* -----------------------------------------------------
       RESOURCE CARD
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_card {
        padding: 22px 20px;
        border-radius: 16px;
    }

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


    /* -----------------------------------------------------
       CARD ICON
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_icon {
        width: 46px;
        height: 46px;
        margin-bottom: 16px;
        border-radius: 13px;
        font-size: 17px;
    }


    /* -----------------------------------------------------
       CARD TITLE
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_card h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.45;
    }


    /* -----------------------------------------------------
       CARD DESCRIPTION
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_card p {
        min-height: 78px;
        margin-bottom: 17px;
        font-size: 13px;
        line-height: 1.7;
    }


    /* -----------------------------------------------------
       CARD LINK
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_link {
        font-size: 12.5px;
        gap: 7px;
    }

}


/* =========================================================
   MOBILE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .tdnri_explore_tirupati_resources_section {
        padding: 42px 15px;
    }


    /* -----------------------------------------------------
       SECTION INTRO
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resources_intro {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .tdnri_explore_tirupati_resources_eyebrow {
        gap: 8px;
        margin-bottom: 13px;
        padding: 7px 13px;
        border-radius: 40px;
        font-size: 12px;
        letter-spacing: 0.3px;
    }

    .tdnri_explore_tirupati_resources_eyebrow_icon {
        font-size: 14px;
    }

    .tdnri_explore_tirupati_resources_title {
        margin-bottom: 13px;
        font-size: 25px;
        line-height: 1.3;
    }

    .tdnri_explore_tirupati_resources_description {
        max-width: 100%;
        font-size: 13.5px;
        line-height: 1.75;
    }


    /* -----------------------------------------------------
       RESOURCE GROUP
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resources_group {
        margin-top: 32px;
    }

    .tdnri_explore_tirupati_resources_group_heading {
        gap: 10px;
        margin-bottom: 18px;
        padding-bottom: 11px;
    }

    .tdnri_explore_tirupati_resources_group_icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 10px;
        font-size: 15px;
    }

    .tdnri_explore_tirupati_resources_group_heading h3 {
        font-size: 18px;
        line-height: 1.4;
    }


    /* -----------------------------------------------------
       RESOURCE CARD
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_card {
        padding: 21px 18px;
        border-radius: 15px;
    }

    .tdnri_explore_tirupati_resource_card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 24px rgba(23, 32, 51, 0.10);
    }


    /* -----------------------------------------------------
       CARD ICON
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_icon {
        width: 44px;
        height: 44px;
        margin-bottom: 15px;
        border-radius: 12px;
        font-size: 16px;
    }


    /* -----------------------------------------------------
       CARD TITLE
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_card h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.45;
    }


    /* -----------------------------------------------------
       CARD DESCRIPTION
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_card p {
        min-height: auto;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.7;
    }


    /* -----------------------------------------------------
       CARD LINK
    ----------------------------------------------------- */

    .tdnri_explore_tirupati_resource_link {
        gap: 7px;
        font-size: 12.5px;
        line-height: 1.5;
    }

    .tdnri_explore_tirupati_resource_link i {
        font-size: 10px;
    }

}












/* =========================================================
   SINGAPORE NRI TIRUPATI TRIP PLANNER SECTION
========================================================= */

.sgnri-trip-planner-zone {

    width: 100%;
    padding: 40px 20px 40px;
    background: #0d4565;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;

}

.sgnri-trip-planner-zone * {

    box-sizing: border-box;

}

.sgnri-trip-planner-container {

    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;

}


/* =========================================================
   TOP BADGE
========================================================= */

.sgnri-trip-top-badge {

    width: fit-content;
    min-width: 380px;
    margin: 0 auto 15px;
    padding: 7px 18px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border: 1px solid #28637d;
    border-radius: 30px;

    background: rgba(17, 55, 76, 0.65);

    color: #a9d5e5;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1px;

}

.sgnri-trip-top-badge i {

    font-size: 13px;
    color: #9bd3e8;

}


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

.sgnri-trip-main-title {

    margin: 0;

    color: #f4f4f5;

    font-size: 44px;
    line-height: 1.12;
    font-weight: 800;

    letter-spacing: -1px;

}


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

.sgnri-trip-description {

    max-width: 850px;
    margin: 10px auto 0;

    color: #d7dbe3;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;

}

.sgnri-trip-description strong {

    color: #f4f4f5;
    font-weight: 700;

}


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

.sgnri-trip-airport-list {

    margin-top: 15px;

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

    gap: 8px;
    flex-wrap: wrap;

}

.sgnri-trip-airport-list span {

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

    min-height: 36px;

    padding: 7px 17px;

    border: 1px solid #3b4658;
    border-radius: 25px;

    background: rgba(255, 255, 255, 0.035);

    color: #e4e6eb;

    font-size: 14px;
    font-weight: 600;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);

}


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

.sgnri-trip-action-row {

    width: 100%;
    max-width: 600px;

    margin: 20px auto 0;

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

    gap: 12px;

}

.sgnri-trip-whatsapp-btn,
.sgnri-trip-quote-btn {

    min-height: 68px;

    padding: 12px 20px;

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

    gap: 10px;

    border-radius: 40px;

    text-decoration: none;

    transition: all 0.3s ease;

}


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

.sgnri-trip-whatsapp-btn {

    background: #188c72;

    border: 1px solid #188c72;

    color: #ffffff;

    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);


}

.sgnri-trip-whatsapp-btn i {

    font-size: 23px;
    flex-shrink: 0;

}


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

.sgnri-trip-quote-btn {

    background: #323c4e;

    border: 1px solid #566174;

    color: #f1f1f3;

}

.sgnri-trip-quote-btn i {

    font-size: 19px;
    flex-shrink: 0;

}


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

.sgnri-trip-whatsapp-btn span,
.sgnri-trip-quote-btn span {

    font-size: 14px;
    line-height: 1.42;

    font-weight: 700;

    text-align: center;

}


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

.sgnri-trip-whatsapp-btn:hover {

    transform: translateY(-2px);

    background: #1da07f;

    color: #ffffff;

}

.sgnri-trip-quote-btn:hover {

    transform: translateY(-2px);

    background: #3b4659;

    color: #ffffff;

}


/* =========================================================
   IMPORTANT BOX
========================================================= */

.sgnri-trip-important-box {

    width: 100%;

    margin-top: 20px;

    padding: 16px 22px;

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

    gap: 13px;

    border: 1px solid #9b9788;
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.018);

    text-align: center;

}

.sgnri-trip-warning-icon {

    padding-top: 2px;

    color: #e6be47;

    font-size: 18px;

    flex-shrink: 0;

}

.sgnri-trip-important-box p {

    margin: 0;

    color: #d7d9df;

    font-size: 14.5px;
    line-height: 1.5;

    font-weight: 400;

}

.sgnri-trip-important-box strong {

    color: #f5f5f5;

    font-weight: 700;

}


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

.sgnri-trip-footer-note {

    margin: 18px auto 0;

    color: #9ca7ba;

    font-size: 13px;
    line-height: 1.45;

    font-weight: 400;

}

.sgnri-trip-footer-note strong {

    color: #c7ccd7;

    font-weight: 700;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgnri-trip-planner-zone {

        padding: 35px 20px 38px;

    }

    .sgnri-trip-planner-container {

        max-width: 850px;

    }


    /* TOP BADGE */

    .sgnri-trip-top-badge {

        min-width: 350px;

        margin-bottom: 14px;

        padding: 7px 16px;

        font-size: 12.5px;

    }


    /* MAIN TITLE */

    .sgnri-trip-main-title {

        font-size: 38px;

        line-height: 1.14;

        letter-spacing: -0.7px;

    }


    /* DESCRIPTION */

    .sgnri-trip-description {

        max-width: 720px;

        margin-top: 10px;

        font-size: 15px;

        line-height: 1.55;

    }


    /* AIRPORT LIST */

    .sgnri-trip-airport-list {

        margin-top: 15px;

        gap: 7px;

    }

    .sgnri-trip-airport-list span {

        min-height: 35px;

        padding: 6px 15px;

        font-size: 13px;

    }


    /* ACTION BUTTONS */

    .sgnri-trip-action-row {

        max-width: 570px;

        margin-top: 20px;

        gap: 11px;

    }

    .sgnri-trip-whatsapp-btn,
    .sgnri-trip-quote-btn {

        min-height: 62px;

        padding: 11px 18px;

        gap: 20px;

        border-radius: 35px;

    }


    /* BUTTON ICONS */

    .sgnri-trip-whatsapp-btn i {

        font-size: 21px;

    }

    .sgnri-trip-quote-btn i {

        font-size: 18px;

    }


    /* BUTTON TEXT */

    .sgnri-trip-whatsapp-btn span,
    .sgnri-trip-quote-btn span {

        font-size: 13.5px;

    }


    /* IMPORTANT BOX */

    .sgnri-trip-important-box {

        margin-top: 20px;

        padding: 15px 20px;

        gap: 12px;

        border-radius: 15px;

    }

    .sgnri-trip-warning-icon {

        font-size: 17px;

    }

    .sgnri-trip-important-box p {

        font-size: 14px;

        line-height: 1.5;

    }


    /* FOOTER NOTE */

    .sgnri-trip-footer-note {

        margin-top: 16px;

        font-size: 12.5px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .sgnri-trip-planner-zone {

        padding: 30px 15px 35px;

    }

    .sgnri-trip-planner-container {

        width: 100%;

        max-width: 100%;

    }


    /* =====================================================
       TOP BADGE
    ===================================================== */

    .sgnri-trip-top-badge {

        width: 100%;

        min-width: 0;

        max-width: 360px;

        margin: 0 auto 14px;

        padding: 7px 14px;

        gap: 7px;

        font-size: 12px;

        line-height: 1.35;

    }

    .sgnri-trip-top-badge i {

        font-size: 12px;

        flex-shrink: 0;

    }


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

    .sgnri-trip-main-title {

        font-size: 27px;

        line-height: 1.18;

        letter-spacing: -0.4px;

    }


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

    .sgnri-trip-description {

        max-width: 100%;

        margin-top: 12px;

        font-size: 14px;

        line-height: 1.55;

    }


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

    .sgnri-trip-airport-list {

        margin-top: 17px;

        gap: 7px;

    }

    .sgnri-trip-airport-list span {

        min-height: 34px;

        padding: 6px 12px;

        font-size: 12px;

        line-height: 1.3;

    }


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

    .sgnri-trip-action-row {

        width: 100%;

        max-width: 100%;

        margin-top: 22px;

        grid-template-columns: 1fr;

        gap: 10px;

    }

    .sgnri-trip-whatsapp-btn,
    .sgnri-trip-quote-btn {

        width: 100%;

        min-height: 58px;

        padding: 10px 18px;

        gap: 16px;

        border-radius: 35px;

    }


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

    .sgnri-trip-whatsapp-btn i {

        font-size: 21px;

    }

    .sgnri-trip-quote-btn i {

        font-size: 18px;

    }


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

    .sgnri-trip-whatsapp-btn span,
    .sgnri-trip-quote-btn span {

        font-size: 13.5px;

        line-height: 1.35;

    }


    /* =====================================================
       IMPORTANT BOX
    ===================================================== */

    .sgnri-trip-important-box {

        margin-top: 20px;

        padding: 14px 15px;

        gap: 10px;

        border-radius: 13px;

        text-align: left;

    }

    .sgnri-trip-warning-icon {

        padding-top: 2px;

        font-size: 17px;

    }

    .sgnri-trip-important-box p {

        font-size: 13px;

        line-height: 1.5;

    }


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

    .sgnri-trip-footer-note {

        margin-top: 15px;

        font-size: 12px;

        line-height: 1.45;

    }

}

/* =========================================================
   TIRUPATI NRI DARSHAN PACKAGE END
========================================================= */

/* =========================================================
   TIRUPATI PACKAGE PRICE START
========================================================= */

/* Unique Card Container */
.xqv-card {
    background-color: #0f1523;
    border: 1px solid #1a2235;
    border-radius: 12px;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

/* Card Text Label */
.xqv-card-label {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
}

/* Icon Container Box */
.xqv-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-size: 18px;
}

/* Color Themes for Icons */
.xqv-icon-cyan {
    background-color: rgba(0, 212, 255, 0.12);
    color: #00d4ff;
}

.xqv-icon-gold {
    background-color: rgba(255, 193, 7, 0.12);
    color: #ffc107;
}

/* Hover Effect */
.xqv-card:hover {
    border-color: #00d4ff;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.2);
}

/* Active Highlight Class */
.xqv-card.xqv-active-cyan {
    border-color: #00d4ff;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.25);
}

/* Section Base Background */
.tp-pricing-section {
    background-color: #f7fafc;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Header Badge */
.tp-badge {
    background-color: #e0f7fa;
    color: #00838f;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
}

/* Header Titles */
.tp-main-title {
    color: #0d1b2a;
    font-weight: 800;
    font-size: 32px;
}

.tp-sub-desc {
    color: #5a6b82;
    font-size: 15px;
    line-height: 1.6;
}

/* Feature Cards */
.tp-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px;
    transition: all 0.3s ease-in-out;
}

.tp-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

/* Active Highlight Card State */
.tp-card-active {
    border: 1.5px solid #26c6da;
    box-shadow: 0 0 12px rgba(38, 198, 218, 0.15);
}

/* Card Header Section */
.tp-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

/* Icon Box Containers */
.tp-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.tp-icon-cyan {
    background-color: #e0f7fa;
    color: #00acc1;
}

.tp-icon-yellow {
    background-color: #fff8e1;
    color: #ffb300;
}

/* Card Number Indicators */
.tp-card-number {
    font-size: 14px;
    font-weight: 700;
    color: #cbd5e1;
}

.tp-number-active {
    color: #00acc1;
}

/* Card Body Content */
.tp-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 12px;
}

.tp-card-text {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Info Banner Box */
.tp-info-box {
    background-color: #e0f7fa;
    border: 1px solid #b2ebf2;
    border-radius: 12px;
    padding: 16px 20px;
}

.tp-info-icon {
    width: 36px;
    height: 36px;
    background-color: #00acc1;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}

.tp-info-text {
    font-size: 14px;
    color: #1565c0;
    line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .tp-main-title {
        font-size: 24px;
    }

    .tp-card {
        padding: 18px;
    }
}

/* Color Palette & Font Setup */
:root {
    --navy-dark: #0f172a;
    --text-muted: #64748b;

    /* Teal Theme */
    --teal-bg: #e6f7f7;
    --teal-icon: #00a8a8;
    --teal-info-bg: #eafbfb;
    --teal-btn-bg: #e6f7f7;
    --teal-btn-text: #008080;

    /* Gold Theme */
    --gold-bg: #fff8e6;
    --gold-icon: #d97706;
    --gold-info-bg: #fefce8;
    --gold-info-border: #fef08a;
    --gold-btn-bg: #fff8e6;
    --gold-btn-text: #b45309;

    /* Purple Theme */
    --purple-bg: #f3e8ff;
    --purple-icon: #7c3aed;
    --purple-info-bg: #f5f3ff;
    --purple-btn-bg: #f3e8ff;
    --purple-btn-text: #6d28d9;
}

body {
    background-color: #fafafa;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.text-navy {
    color: var(--navy-dark);
}

.sub-text {
    max-width: 720px;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Top Badge */
.top-badge {
    background-color: #fff3e0;
    color: #d97706;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}

/* Cards Styling */
.pricing-card {
    border-color: #e2e8f0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.card-tag {
    font-size: 0.75rem;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.5px;
}

.card-desc {
    font-size: 0.9rem;
    line-height: 1.5;
}

.icon-box {
    width: 42px;
    height: 42px;
    font-size: 1.2rem;
}

/* Teal Card Theme */
.icon-teal {
    background-color: var(--teal-bg);
    color: var(--teal-icon);
}

.info-teal {
    background-color: var(--teal-info-bg);
    border: 1px solid #ccfbf1;
    color: var(--teal-icon);
}

.btn-teal {
    background-color: var(--teal-btn-bg);
    color: var(--teal-btn-text);
}

.btn-teal:hover {
    background-color: #d1f2f2;
    color: var(--teal-btn-text);
}

/* Gold Card Theme */
.icon-gold {
    background-color: var(--gold-bg);
    color: var(--gold-icon);
}

.info-gold {
    background-color: var(--gold-info-bg);
    border: 1px solid var(--gold-info-border);
    color: var(--gold-icon);
}

.btn-gold {
    background-color: var(--gold-btn-bg);
    color: var(--gold-btn-text);
}

.btn-gold:hover {
    background-color: #fef08a;
    color: var(--gold-btn-text);
}

/* Purple Card Theme */
.icon-purple {
    background-color: var(--purple-bg);
    color: var(--purple-icon);
}

.info-purple {
    background-color: var(--purple-info-bg);
    border: 1px solid #ddd6fe;
    color: var(--purple-icon);
}

.btn-purple {
    background-color: var(--purple-btn-bg);
    color: var(--purple-btn-text);
}

.btn-purple:hover {
    background-color: #e9d5ff;
    color: var(--purple-btn-text);
}

/* Bottom Disclaimer */
.disclaimer-box {
    border-color: #e2e8f0 !important;
}

.disclaimer-icon {
    width: 32px;
    height: 32px;
    background-color: #f1f5f9;
}

/* Mobile & Tablet Specific Adjustments */
@media (max-width: 767.98px) {
    .display-6 {
        font-size: 1.75rem;
    }

    .pricing-card {
        margin-bottom: 0;
    }
}

.sgthbf_inclusion_note {
    background-color: #f2fcf9;
    /* Very light teal background */
    border: 1px solid #c2f3e8;
    /* Soft mint border */
    border-radius: 16px;
    /* Smooth rounded corners */
}

.sgthbf_package_note_icon i {
    color: #008767;
    /* Teal icon color */
    font-size: 1.1rem;
}

.sgthbf_inclusion_note p {
    color: #004d3d;
    /* Dark teal text color matching image */
    line-height: 1.5;
}

.sgthbf_exclusion_note {
    background-color: #fff5f5;
    /* Soft light-red background */
    border: 1px solid #ffe3e3;
    /* Light pink/rose border */
    border-radius: 16px;
    /* Smooth rounded corners */
}

.sgthbf_exclusion_note .sgthbf_package_note_icon i {
    color: #c01c47;
    /* Magenta/deep rose icon color */
    font-size: 1.1rem;
}

.sgthbf_exclusion_note p {
    color: #800020;
    /* Deep burgundy/rose text color matching image */
    line-height: 1.5;
}

:root {
    --navy-dark: #0f172a;
    --teal-main: #00a8a8;
    --teal-dark: #007a7a;

    /* Step Colors */
    --c-teal: #00a8a8;
    --c-blue: #0284c7;
    --c-orange: #f97316;
    --c-gold: #eab308;
    --c-green: #10b981;
}

body {
    background-color: #fafafa;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.text-navy {
    color: var(--navy-dark);
}

.text-teal {
    color: var(--teal-main);
}

.xsmall {
    font-size: 0.825rem;
}

.sub-text {
    max-width: 720px;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Badge */
.top-badge {
    background-color: #e6f7f7;
    color: var(--teal-main);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 20px;
}

/* Step Cards */
.step-card {
    border-color: #f1f5f9 !important;
    z-index: 2;
    position: relative;
    transition: transform 0.3s ease;
}

.step-card:hover {
    transform: translateY(-5px);
}

.step-icon {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
}

/* Colors for Steps */
.icon-teal {
    background-color: #e6f7f7;
    color: var(--c-teal);
}

.step-tag.text-teal {
    color: var(--c-teal);
}

.icon-blue {
    background-color: #e0f2fe;
    color: var(--c-blue);
}

.step-tag.text-blue {
    color: var(--c-blue);
}

.icon-orange {
    background-color: #ffedd5;
    color: var(--c-orange);
}

.step-tag.text-orange {
    color: var(--c-orange);
}

.icon-gold {
    background-color: #fef9c3;
    color: var(--c-gold);
}

.step-tag.text-gold {
    color: var(--c-gold);
}

.icon-green {
    background-color: #d1fae5;
    color: var(--c-green);
}

.step-tag.text-green {
    color: var(--c-green);
}

.step-tag {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

/* Desktop Connecting Route Line passing behind cards */
.route-line-container {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    transform: translateY(-50%);
    z-index: 1;
}

.route-line {
    height: 2px;
    background: linear-gradient(90deg,
            var(--c-teal) 0%,
            var(--c-blue) 25%,
            var(--c-orange) 50%,
            var(--c-gold) 75%,
            var(--c-green) 100%);
    position: relative;
}

/* Connecting dots between sections */
.route-line::before,
.route-line::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: -3px;
}

.route-line::before {
    left: 0;
    background-color: var(--c-teal);
}

.route-line::after {
    right: 0;
    background-color: var(--c-green);
}

/* Bottom Note Box */
.info-note-box {
    background-color: #eefcfb;
    border: 1px solid #cbf4f0;
}

/* Primary Button */
.btn-primary-teal {
    background-color: var(--teal-main);
    color: #ffffff;
    border: none;
    transition: background-color 0.2s ease;
}

.btn-primary-teal:hover {
    background-color: var(--teal-dark);
    color: #ffffff;
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 991.98px) {
    .steps-wrapper {
        position: relative;
    }

    /* Vertical guide line for mobile vertical step flow */
    .steps-wrapper::before {
        content: '';
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 50%;
        width: 2px;
        background: #e2e8f0;
        transform: translateX(-50%);
        z-index: 0;
    }
}


:root {
    --navy-dark: #0f172a;
    --navy-muted: #334155;
    --sky-blue-color: #0284c7;
    /* Vibrant Sky Blue */
    --amber-color: #d97706;
}

body {
    background-color: #f8fafc;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.text-navy {
    color: var(--navy-dark);
}

.text-navy-muted {
    color: var(--navy-muted);
}

.text-sky-blue {
    color: var(--sky-blue-color);
}

.text-amber {
    color: var(--amber-color);
}

.xsmall {
    font-size: 0.85rem;
}

.sub-heading-tag {
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

/* Outer Card */
.transparency-card {
    border-color: #e2e8f0 !important;
}

/* Sky Blue Icon Box in Header */
.header-icon-box {
    width: 48px;
    height: 48px;
    background-color: #e0f2fe;
    /* Light sky blue background */
    font-size: 1.25rem;
}

/* Sky Blue Note Box Styling */
.note-sky-blue {
    background-color: #f0f9ff;
    /* Soft sky blue background */
    border: 1px solid #bae6fd;
    /* Light sky blue border */
}

/* Amber Box Styling */
.note-amber {
    background-color: #fffbeb;
    border: 1px solid #fef08a;
}

/* Mobile Responsiveness */
@media (max-width: 575.98px) {
    .transparency-card {
        padding: 1.25rem !important;
    }

    .header-icon-box {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    h2.h3 {
        font-size: 1.25rem;
    }
}

:root {
    --navy-dark: #0f172a;
    --navy-muted: #334155;
    --sky-blue-accent: #0088a8;
    /* Accent color for icons and headers */
    --sky-blue-icon-bg: #dcf5f5;
    /* Soft sky blue icon background */

    /* Reduced/Softened Gradient Stops */
    --grad-left: #f0fdfd;
    /* Very light, subtle sky blue */
    --grad-center: #f8fefe;
    /* Extremely soft variant */
    --grad-right: #ffffff;
    /* Pure white */
}


.text-navy {
    color: var(--navy-dark);
}

.text-navy-muted {
    color: var(--navy-muted);
}

.xsmall {
    font-size: 0.825rem;
}

.sub-heading-tag {
    color: var(--sky-blue-accent);
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

/* Softened Gradient Background Card */
.sg-card {
    background: linear-gradient(135deg, var(--grad-left) 0%, var(--grad-center) 55%, var(--grad-right) 100%);
    border: 1.5px solid #d4f4f5;
    box-shadow: 0 4px 16px rgba(0, 136, 168, 0.03);
}

/* Header Icon Container */
.sg-icon-box {
    width: 48px;
    height: 48px;
    background-color: var(--sky-blue-icon-bg);
    color: var(--sky-blue-accent);
    font-size: 1.25rem;
}

/* Inner White Box Styling */
.inner-note-box {
    border: 1px solid #e2f6f7;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.015);
}

.inner-note-box i,
.card-divider i {
    color: var(--sky-blue-accent);
}

/* Divider Line */
.card-divider {
    border-top: 1px solid #e2f6f7;
}

/* Responsive adjustments */
@media (max-width: 575.98px) {
    .sg-card {
        padding: 1.25rem !important;
    }

    .sg-icon-box {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    h2.h3 {
        font-size: 1.2rem;
    }
}

/* Unique Section Background */
.dark-enquiry-section-bg {
    background-color: #030712 !important;
    background: radial-gradient(circle at center, #0a1322 0%, #030712 100%) !important;
}

/* Subtext & Extra Small Text */
.dark-enquiry-subtext {
    color: #8f9cae !important;
}

.extra-small {
    font-size: 0.8rem;
    line-height: 1.5;
}

/* Badge/Tag Styling */
.dark-enquiry-badge-tag {
    background-color: rgba(6, 182, 212, 0.15) !important;
    color: #06b6d4 !important;
    border: 1px solid rgba(6, 182, 212, 0.3) !important;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 6px 16px;
    border-radius: 50px;
}

/* New: Yellow/Amber Accent Styles for Transparency Field */
.text-amber {
    color: #f59e0b !important;
    /* Bright Gold/Amber Yellow */
}

.dark-transparency-box {
    background-color: #080d1a !important;
    border: 1px solid #3a2e15 !important;
    /* Subtle Amber Border */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}


:root {
    --navy-dark: #0f172a;
    --border-color: #e2e8f0;

    /* Blue Theme (Airport Routes) */
    --bg-blue-light: #f0f9ff;
    --icon-bg-blue: #e0f2fe;
    --color-blue: #0284c7;

    /* Amber/Orange Theme (Darshan) */
    --bg-amber-light: #fffbeb;
    --icon-bg-amber: #fef3c7;
    --color-amber: #d97706;

    /* Purple Theme (Srivani VIP) */
    --bg-purple-light: #faf5ff;
    --icon-bg-purple: #f3e8ff;
    --color-purple: #9333ea;

    /* Grey/Slate Theme (Planning & Booking) */
    --bg-grey-light: #f8fafc;
    --icon-bg-grey: #f1f5f9;
    --color-grey: #475569;
}

body {
    background-color: #ffffff;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Category Lines */
.category-divider {
    position: relative;
    border-top: 1px solid var(--border-color);
}

.category-label {
    position: relative;
    top: -12px;
    background-color: #ffffff;
    padding: 0 16px;
    color: #64748b;
    font-size: 0.725rem;
    letter-spacing: 1px;
}

/* Link Wrapper */
.card-resource-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}

/* Base Card Style */
.card-resource {
    background-color: #ffffff;
    border-color: var(--border-color) !important;
    transition: all 0.25s ease-in-out;
}

/* Arrow Icon Transition */
.arrow-icon {
    color: #94a3b8;
    font-size: 0.8rem;
    transition: transform 0.2s ease, color 0.2s ease;
}

/* Icon Box Base Style */
.resource-icon {
    width: 38px;
    height: 38px;
    font-size: 1rem;
}

/* =================================================
   COLOR THEMES & HOVER STATES (Matching Theme Colors)
   ================================================= */

/* 1. Blue Theme Hover */
.icon-blue {
    background-color: var(--icon-bg-blue);
    color: var(--color-blue);
}

.card-resource-link:hover .card-resource:has(.icon-blue) {
    background-color: var(--bg-blue-light) !important;
    border-color: rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08);
}

.card-resource-link:hover .card-resource:has(.icon-blue) .arrow-icon {
    color: var(--color-blue);
    transform: translateX(3px);
}

/* 2. Amber Theme Hover */
.icon-amber {
    background-color: var(--icon-bg-amber);
    color: var(--color-amber);
}

.card-resource-link:hover .card-resource:has(.icon-amber) {
    background-color: var(--bg-amber-light) !important;
    border-color: rgba(217, 119, 6, 0.4) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.08);
}

.card-resource-link:hover .card-resource:has(.icon-amber) .arrow-icon {
    color: var(--color-amber);
    transform: translateX(3px);
}

/* 3. Purple Theme Hover (Light Purple Background & Border) */
.icon-purple {
    background-color: var(--icon-bg-purple);
    color: var(--color-purple);
}

.card-resource-link:hover .card-resource:has(.icon-purple) {
    background-color: var(--bg-purple-light) !important;
    border-color: rgba(147, 51, 234, 0.4) !important;
    /* Soft Purple Border */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.1);
}

.card-resource-link:hover .card-resource:has(.icon-purple) .arrow-icon {
    color: var(--color-purple);
    transform: translateX(3px);
}

/* 4. Grey Theme Hover */
.icon-grey {
    background-color: var(--icon-bg-grey);
    color: var(--color-grey);
}

.card-resource-link:hover .card-resource:has(.icon-grey) {
    background-color: var(--bg-grey-light) !important;
    border-color: rgba(71, 85, 105, 0.3) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(71, 85, 105, 0.08);
}

.card-resource-link:hover .card-resource:has(.icon-grey) .arrow-icon {
    color: var(--color-grey);
    transform: translateX(3px);
}

/* Typography */
.resource-title {
    color: var(--navy-dark);
    font-size: 0.85rem;
    line-height: 1.35;
}

/* Hub Card Container */
.tirupati-hub-card {
    background-color: #f0fdfd !important;
    /* Light cyan tint background */
    border: 1px solid #b8f0f0 !important;
    /* Soft cyan border */
    box-shadow: 0 2px 8px rgba(0, 136, 168, 0.04) !important;
}

/* Left Icon Box */
.tirupati-hub-icon {
    width: 44px !important;
    height: 44px !important;
    background-color: #0088a8 !important;
    /* Deep Teal/Cyan */
    color: #ffffff !important;
    /* White Icon */
    font-size: 1.15rem !important;
}

/* Tag Header */
.tirupati-hub-tag {
    color: #0088a8 !important;
    /* Deep Teal Accent Color */
    font-size: 0.725rem !important;
    letter-spacing: 0.5px !important;
}

/* Card Heading Title */
.tirupati-hub-title {
    color: #0f172a !important;
    /* Dark Navy */
}

/* Description Text */
.tirupati-hub-desc {
    color: #64748b !important;
    /* Soft Muted Grey */
}

/* Right Pill Button */
.tirupati-hub-btn {
    background-color: #0088a8 !important;
    /* Filled Teal/Cyan Button */
    border: 1px solid #0088a8 !important;
    color: #ffffff !important;
    /* White Button Text */
    font-size: 0.875rem !important;
    transition: all 0.2s ease-in-out !important;
}

.tirupati-hub-btn:hover {
    background-color: #006e88 !important;
    /* Darker Cyan on Hover */
    border-color: #006e88 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* =========================================================
   TIRUPATI PACKAGE PRICE END
========================================================= */



/* =========================================================
   TIRUPATI ₹300 SPECIAL ENTRY DARSHAN START
========================================================= */


/* ================= TIRUPATI ₹300 SPECIAL ENTRY DARSHAN BANNER ================= */

.xvpsedtp-banner-section {
    width: 100%;
    min-height: auto;
    position: relative;
    overflow: hidden;
    padding: 50px 20px 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}


/* DARK OVERLAY */

.xvpsedtp-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at center,
            rgba(255, 255, 255, 0.04),
            transparent 55%
        );
    pointer-events: none;
}


/* CONTAINER */

.xvpsedtp-container {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}


/* TOP BADGE */

.xvpsedtp-top-badge {
    width: fit-content;
    margin: 0 auto 12px;
    padding: 6px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
    color: #bdd5e0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.xvpsedtp-top-badge i {
    color: #f5c84b;
    font-size: 13px;
}


/* MAIN TITLE */

.xvpsedtp-main-title {
    margin: 0;
    color: #f8f8f8;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1px;
}

.xvpsedtp-main-title span {
    display: block;
}


/* SUB TITLE */

.xvpsedtp-subtitle {
    max-width: 980px;
    margin: 12px auto 18px;
    color: #c4d6df;
    font-size: clamp(16px, 1.8vw, 23px);
    font-weight: 400;
    line-height: 1.35;
}

.xvpsedtp-subtitle span {
    display: block;
}


/* INFO CARD */

.xvpsedtp-info-card {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 24px 16px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 18px;
    background: rgba(27, 31, 42, 0.88);
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.xvpsedtp-main-description {
    max-width: 940px;
    margin: 0 auto;
    color: #d4d8df;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
}

.xvpsedtp-main-description strong {
    color: #f0f0f0;
    font-weight: 700;
}


/* DIVIDER */

.xvpsedtp-divider {
    width: 100%;
    height: 1px;
    margin: 14px 0;
    background: rgba(255, 255, 255, 0.13);
}


/* NOTICE */

.xvpsedtp-notice-text {
    margin: 0 auto 8px;
    color: #d4d6da;
    font-size: 12px;
    line-height: 1.7;
}

.xvpsedtp-notice-text strong {
    color: #f1f1f1;
    font-weight: 700;
}

.xvpsedtp-notice-text span {
    color: #d8c58b;
    font-weight: 500;
}


/* SMALL DESCRIPTION */

.xvpsedtp-small-description {
    max-width: 940px;
    margin: 0 auto;
    color: #d2d5db;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}


/* FEATURE GRID */

.xvpsedtp-feature-grid {
    width: 100%;
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
}


/* FEATURE CARD */

.xvpsedtp-feature-card {
    min-height: 72px;
    padding: 10px 10px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 15px;
    background: rgba(50, 54, 66, 0.88);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #e4e4e5;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    transition: 0.3s ease;
}

.xvpsedtp-feature-card:hover {
    transform: translateY(-3px);
    background: rgba(63, 68, 82, 0.95);
}

.xvpsedtp-feature-card i {
    color: #72d5e9;
    font-size: 16px;
}

.xvpsedtp-warning-card {
    border-color: rgba(220, 170, 46, 0.45);
    background: rgba(58, 45, 27, 0.9);
    color: #f0dca2;
}

.xvpsedtp-warning-card i {
    color: #f3c64d;
}


/* BUTTON AREA */

.xvpsedtp-action-row {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}


/* WHATSAPP BUTTON */

.xvpsedtp-whatsapp-btn {
    min-height: 48px;
    padding: 0 24px;
    border-radius: 30px;
    background: linear-gradient(135deg, #12985c, #1eb875);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: 0.3s ease;
    box-shadow: 0 8px 22px rgba(15, 160, 94, 0.22);
}

.xvpsedtp-whatsapp-btn:hover {
    transform: translateY(-3px);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 160, 94, 0.32);
}

.xvpsedtp-whatsapp-btn i {
    font-size: 19px;
}


/* OUTLINE BUTTON */

.xvpsedtp-outline-btn {
    min-height: 48px;
    padding: 0 25px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.04);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #f3f3f3;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: 0.3s ease;
}

.xvpsedtp-outline-btn:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.xvpsedtp-outline-btn i {
    font-size: 15px;
    color: #e8e8e8;
}


/* BOTTOM TEXT */

.xvpsedtp-bottom-text {
    margin: 10px 0 0;
    color: #9db0c4;
    font-size: 12px;
    font-weight: 400;
}

.xvpsedtp-bottom-text strong {
    color: #e5e7eb;
    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   576px - 991px
========================================================= */

@media (min-width: 576px) and (max-width: 991px) {

    .xvpsedtp-banner-section {
        padding: 40px 20px;
    }

    .xvpsedtp-container {
        max-width: 850px;
    }

    .xvpsedtp-main-title {
        font-size: clamp(38px, 5vw, 46px);
        line-height: 1.1;
    }

    .xvpsedtp-subtitle {
        max-width: 800px;
        font-size: clamp(17px, 2.5vw, 21px);
        margin: 12px auto 18px;
    }

    .xvpsedtp-info-card {
        padding: 18px 20px;
    }

    .xvpsedtp-main-description {
        font-size: 14px;
    }

    .xvpsedtp-notice-text {
        font-size: 12px;
    }

    .xvpsedtp-small-description {
        font-size: 12px;
    }

    .xvpsedtp-feature-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .xvpsedtp-feature-card {
        min-height: 78px;
        font-size: 12px;
    }

    .xvpsedtp-action-row {
        gap: 12px;
    }

    .xvpsedtp-whatsapp-btn,
    .xvpsedtp-outline-btn {
        min-height: 48px;
        font-size: 14px;
        padding: 0 22px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   575px and below
========================================================= */

@media (max-width: 575px) {

    .xvpsedtp-banner-section {
        padding: 32px 14px;
    }

    .xvpsedtp-container {
        width: 100%;
    }


    /* TOP BADGE */

    .xvpsedtp-top-badge {
        max-width: 100%;
        margin-bottom: 12px;
        padding: 6px 12px;
        gap: 6px;
        font-size: 10px;
        line-height: 1.4;
    }

    .xvpsedtp-top-badge i {
        flex-shrink: 0;
        font-size: 12px;
    }


    /* MAIN TITLE */

    .xvpsedtp-main-title {
        font-size: 29px;
        line-height: 1.12;
        letter-spacing: -0.5px;
    }


    /* SUB TITLE */

    .xvpsedtp-subtitle {
        margin: 12px auto 17px;
        font-size: 15px;
        line-height: 1.45;
    }


    /* INFO CARD */

    .xvpsedtp-info-card {
        padding: 16px 13px;
        border-radius: 16px;
    }

    .xvpsedtp-main-description {
        font-size: 12px;
        line-height: 1.65;
    }

    .xvpsedtp-divider {
        margin: 13px 0;
    }

    .xvpsedtp-notice-text {
        margin-bottom: 9px;
        font-size: 10px;
        line-height: 1.7;
    }

    .xvpsedtp-small-description {
        font-size: 10px;
        line-height: 1.55;
    }


    /* FEATURE GRID */

    .xvpsedtp-feature-grid {
        margin-top: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .xvpsedtp-feature-card {
        min-width: 0;
        min-height: 82px;
        padding: 10px 7px;
        border-radius: 14px;
        gap: 6px;
        font-size: 10px;
        line-height: 1.4;
    }

    .xvpsedtp-feature-card i {
        font-size: 16px;
    }


    /* BUTTON AREA */

    .xvpsedtp-action-row {
        width: 100%;
        margin-top: 16px;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .xvpsedtp-whatsapp-btn,
    .xvpsedtp-outline-btn {
        width: 100%;
        min-height: 48px;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 13px;
    }

    .xvpsedtp-whatsapp-btn i {
        font-size: 19px;
    }

    .xvpsedtp-outline-btn i {
        font-size: 14px;
    }


    /* BOTTOM TEXT */

    .xvpsedtp-bottom-text {
        margin-top: 11px;
        padding: 0 5px;
        font-size: 10px;
        line-height: 1.6;
    }

}














/* =========================================================
   SPECIAL ENTRY DARSHAN GUIDE
========================================================= */

.sedg_special_entry_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;
}

.sedg_special_entry_section *,
.sedg_special_entry_section *::before,
.sedg_special_entry_section *::after {

    box-sizing: border-box;
}


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

.sedg_section_intro {

    width: 100%;

    margin-bottom: 15px;

    text-align: center;
}

.sedg_section_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 10px 20px;

    border-radius: 50px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.3px;
}

.sedg_badge_icon {

    width: 34px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;
}


/* =========================================================
   WHAT IS ₹300 SPECIAL ENTRY DARSHAN
   CENTER ALIGNMENT
========================================================= */

.sedg_overview_block {

    width: 100%;

    margin-bottom: 25px;

    text-align: center;
}

.sedg_overview_block .sedg_heading_area {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 16px;

    margin-bottom: 0;
}


.sedg_overview_block .sedg_heading_area > div {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
}

.sedg_overview_block .sedg_heading_area h2 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.35;
}

.sedg_overview_block .sedg_heading_area p {

    max-width: 850px;

    margin: 0 auto;

    color: #5c6678;

    font-size: 15px;

    line-height: 1.8;
}

.sedg_overview_block .sedg_heading_area strong {

    color: #172033;
}


/* =========================================================
   MAIN TWO COLUMN GRID
========================================================= */

.sedg_main_grid_row {

    width: 100%;

    align-items: stretch;
}


/* =========================================================
   BOOTSTRAP COLUMN ALIGNMENT
========================================================= */

.sedg_main_grid_row > .col-lg-6,
.sedg_main_grid_row > .col-md-6 {

    display: flex;

    align-items: stretch;
}


/* =========================================================
   LEFT + RIGHT MAIN CARDS
========================================================= */

.sedg_understanding_box,
.sedg_singapore_planning {

    width: 100%;

    height: 100%;

    min-height: 100%;

    display: flex;

    flex-direction: column;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.06);

    overflow: hidden;
}


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

.sedg_understanding_box {

    padding: 32px;
}


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

.sedg_singapore_planning {

    padding: 32px;
}


/* =========================================================
   GENERAL HEADING AREA
========================================================= */

.sedg_heading_area {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 28px;
}


.sedg_heading_area h2,
.sedg_heading_area h3 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 25px;

    font-weight: 700;

    line-height: 1.35;
}

.sedg_heading_area p {

    margin: 0;

    color: #5c6678;

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================================
   UNDERSTANDING SUBHEADING
========================================================= */

.sedg_subheading {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 25px;
}

.sedg_subheading_icon {

    flex: 0 0 40px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 17px;
}

.sedg_subheading h3 {

    margin: 0;

    color: #172033;

    font-size: 21px;

    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   TTD INFORMATION
========================================================= */

.sedg_ttd_info {

    width: 100%;

    padding: 24px;

    margin-bottom: 28px;

    background: #fffafa;

    border-left: 4px solid #f3525a;

    border-radius: 12px;

    box-shadow: 0 7px 20px rgba(23, 32, 51, 0.05);
}

.sedg_ttd_info h4 {

    margin: 0 0 12px;

    color: #f3525a;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.4;
}

.sedg_ttd_info p {

    margin: 0 0 12px;

    color: #5c6678;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;
}

.sedg_ttd_info p:last-child {

    margin-bottom: 0;
}

.sedg_ttd_info strong {

    color: #172033;
}


/* =========================================================
   TTD REQUIREMENT ROW
========================================================= */

.sedg_requirement_row {

    width: 100%;

    margin-top: 0;
}


/* =========================================================
   REQUIREMENT ITEMS
========================================================= */

.sedg_requirement_item {

    width: 100%;

    height: 100%;

    min-height: 125px;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 18px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 14px;

    transition: all 0.3s ease;
}

.sedg_requirement_item:hover {

    transform: translateY(-4px);

    border-color: #f3525a;

    box-shadow: 0 10px 24px rgba(243, 82, 90, 0.12);
}

.sedg_requirement_icon {

    flex: 0 0 40px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: #fff1f2;

    color: #f3525a;

    font-size: 16px;
}

.sedg_requirement_label {

    display: block;

    margin-bottom: 6px;

    color: #172033;

    font-size: 14.5px;

    font-weight: 700;

    line-height: 1.4;
}

.sedg_requirement_item p {

    margin: 0;

    color: #697386;

    font-size: 13px;

    line-height: 1.6;
}


/* =========================================================
   SINGAPORE ROUTE TITLE
========================================================= */

.sedg_route_title {

    margin-top: 4px !important;

    color: #f3525a !important;

    font-size: 15px !important;

    font-weight: 600;
}


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

.sedg_planning_content {

    width: 100%;

    padding: 24px;

    margin-bottom: 30px;

    background: #fffafa;

    border: 1px solid #f9b0b3;

    border-radius: 14px;
}

.sedg_planning_content p {

    margin: 0 0 14px;

    color: #5c6678;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}

.sedg_planning_content p:last-child {

    margin-bottom: 0;
}

.sedg_planning_content strong {

    color: #172033;
}


/* =========================================================
   TRAVEL FLOW ROW
========================================================= */

.sedg_travel_flow_row {

    width: 100%;

    margin-top: 0;

    margin-bottom: 0;
}


/* =========================================================
   TRAVEL FLOW ITEMS
========================================================= */

.sedg_travel_flow_item {

    width: 100%;

    height: 100%;

    min-height: 145px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 20px 15px;

    text-align: center;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    transition: all 0.3s ease;
}

.sedg_travel_flow_item:hover {

    transform: translateY(-4px);

    border-color: #f3525a;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.12);
}

.sedg_flow_icon {

    width: 46px;

    height: 46px;

    margin-bottom: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 17px;
}

.sedg_flow_title {

    display: block;

    margin-bottom: 6px;

    color: #172033;

    font-size: 14.5px;

    font-weight: 700;

    line-height: 1.4;
}

.sedg_travel_flow_item p {

    margin: 0;

    color: #697386;

    font-size: 13px;

    line-height: 1.6;
}


/* =========================================================
   IMPORTANT BOUNDARY BOX
========================================================= */

.sedg_boundary_box {

    width: 100%;

    margin-top: 30px;

    display: flex;

    flex-direction: column;

    gap: 14px;
}

.sedg_boundary_item {

    width: 100%;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 17px 18px;

    background: #fff1f2;

    border-left: 4px solid #f3525a;

    border-radius: 10px;
}

.sedg_boundary_icon {

    flex: 0 0 30px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #f3525a;

    font-size: 17px;
}

.sedg_boundary_item p {

    margin: 0;

    color: #5c6678;

    font-size: 13px;

    line-height: 1.75;

    text-align: justify;
}

.sedg_boundary_item strong {

    color: #172033;
}




/* =========================================================
   TABLET RESPONSIVE VIEW
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

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

    .sedg_special_entry_section {
        padding: 50px 30px;
    }


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

    .sedg_section_intro {
        margin-bottom: 24px;
    }

    .sedg_section_badge {
        padding: 9px 18px;
        font-size: 13px;
    }

    .sedg_badge_icon {
        width: 32px;
        height: 32px;
    }


    /* =====================================================
       OVERVIEW
    ===================================================== */

    .sedg_overview_block {
        margin-bottom: 30px;
    }

    .sedg_overview_block .sedg_heading_area h2 {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .sedg_overview_block .sedg_heading_area p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.75;
    }


    /* =====================================================
       MAIN GRID
       IMPORTANT: TABLET LA SINGLE COLUMN
    ===================================================== */

    .sedg_main_grid_row {
        margin-left: 0;
        margin-right: 0;
    }

    .sedg_main_grid_row > .col-lg-6,
    .sedg_main_grid_row > .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .sedg_main_grid_row > .col-lg-6:not(:last-child),
    .sedg_main_grid_row > .col-md-6:not(:last-child) {
        margin-bottom: 24px;
    }


    /* =====================================================
       MAIN CARDS
    ===================================================== */

    .sedg_understanding_box,
    .sedg_singapore_planning {
        width: 100%;
        padding: 28px;
        border-radius: 18px;
    }


    /* =====================================================
       GENERAL HEADING
    ===================================================== */

    .sedg_heading_area {
        gap: 14px;
        margin-bottom: 22px;
    }

    .sedg_heading_area h2,
    .sedg_heading_area h3 {
        font-size: 23px;
        line-height: 1.4;
    }

    .sedg_heading_area p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* =====================================================
       SUBHEADING
    ===================================================== */

    .sedg_subheading {
        gap: 11px;
        margin-bottom: 20px;
    }

    .sedg_subheading_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .sedg_subheading h3 {
        font-size: 20px;
        line-height: 1.4;
    }


    /* =====================================================
       TTD INFORMATION
    ===================================================== */

    .sedg_ttd_info {
        padding: 21px;
        margin-bottom: 22px;
    }

    .sedg_ttd_info h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .sedg_ttd_info p {
        font-size: 13.5px;
        line-height: 1.75;
    }


    /* =====================================================
       REQUIREMENT ROW
       2 ITEMS PER ROW
    ===================================================== */

    .sedg_requirement_row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .sedg_requirement_row > [class*="col-"] {
        padding-left: 7px;
        padding-right: 7px;
    }


    /* =====================================================
       REQUIREMENT ITEMS
    ===================================================== */

    .sedg_requirement_item {
        min-height: 125px;
        padding: 17px;
        gap: 11px;
        border-radius: 12px;
    }

    .sedg_requirement_icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .sedg_requirement_label {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .sedg_requirement_item p {
        font-size: 13px;
        line-height: 1.6;
    }


    /* =====================================================
       SINGAPORE ROUTE TITLE
    ===================================================== */

    .sedg_route_title {
        margin-top: 2px !important;
        font-size: 15px !important;
    }


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

    .sedg_planning_content {
        padding: 22px;
        margin-bottom: 22px;
        border-radius: 13px;
    }

    .sedg_planning_content p {
        margin-bottom: 13px;
        font-size: 13.5px;
        line-height: 1.75;
    }


    /* =====================================================
       TRAVEL FLOW ROW
       3 ITEMS SIDE BY SIDE
    ===================================================== */

    .sedg_travel_flow_row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .sedg_travel_flow_row > [class*="col-"] {
        padding-left: 7px;
        padding-right: 7px;
    }


    /* =====================================================
       TRAVEL FLOW ITEMS
    ===================================================== */

    .sedg_travel_flow_item {
        min-height: 145px;
        padding: 18px 14px;
        border-radius: 14px;
    }

    .sedg_flow_icon {
        width: 44px;
        height: 44px;
        margin-bottom: 10px;
        font-size: 17px;
    }

    .sedg_flow_title {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .sedg_travel_flow_item p {
        font-size: 12.5px;
        line-height: 1.6;
    }


    /* =====================================================
       IMPORTANT BOUNDARY BOX
    ===================================================== */

    .sedg_boundary_box {
        margin-top: 25px;
        gap: 13px;
    }

    .sedg_boundary_item {
        gap: 11px;
        padding: 15px 16px;
        border-radius: 10px;
    }

    .sedg_boundary_icon {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .sedg_boundary_item p {
        font-size: 13px;
        line-height: 1.65;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .sedg_special_entry_section {

        padding: 42px 15px;
    }


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

    .sedg_section_intro {

        margin-bottom: 12px;
    }

    .sedg_section_badge {

        gap: 8px;

        padding: 8px 15px;

        font-size: 13px;
    }

    .sedg_badge_icon {

        width: 30px;

        height: 30px;

        font-size: 13px;
    }


    /* =====================================================
       OVERVIEW
    ===================================================== */

    .sedg_overview_block {

        margin-bottom: 28px;

        text-align: center;
    }

    .sedg_overview_block .sedg_heading_area {

        gap: 12px;

        align-items: center;
    }

    .sedg_overview_block .sedg_heading_area > div {

        width: 100%;

        align-items: center;
    }

    .sedg_overview_block .sedg_heading_area h2 {

        margin-bottom: 10px;

        font-size: 21px;

        line-height: 1.4;
    }

    .sedg_overview_block .sedg_heading_area p {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.7;
    }


    /* =====================================================
       MAIN ROW
    ===================================================== */

    .sedg_main_grid_row {

        width: 100%;

        margin-left: 0;

        margin-right: 0;
    }

    .sedg_main_grid_row > .col-lg-6,
    .sedg_main_grid_row > .col-md-6 {

        width: 100%;

        display: block;

        padding-left: 0;

        padding-right: 0;

        margin-bottom: 20px;
    }

    .sedg_main_grid_row > .col-lg-6:last-child,
    .sedg_main_grid_row > .col-md-6:last-child {

        margin-bottom: 0;
    }


    /* =====================================================
       MAIN CARDS
    ===================================================== */

    .sedg_understanding_box,
    .sedg_singapore_planning {

        width: 100%;

        height: auto;

        min-height: auto;

        padding: 20px;

        border-radius: 17px;
    }


    /* =====================================================
       GENERAL HEADING
    ===================================================== */

    .sedg_heading_area {

        gap: 12px;

        margin-bottom: 22px;
    }

    .sedg_heading_area h2,
    .sedg_heading_area h3 {

        font-size: 19px;

        line-height: 1.4;
    }

    .sedg_heading_area p {

        font-size: 13px;

        line-height: 1.7;
    }


    /* =====================================================
       UNDERSTANDING SUBHEADING
    ===================================================== */

    .sedg_subheading {

        gap: 10px;

        margin-bottom: 20px;
    }

    .sedg_subheading_icon {

        flex: 0 0 38px;

        width: 38px;

        height: 38px;

        font-size: 15px;
    }

    .sedg_subheading h3 {

        font-size: 18px;

        line-height: 1.4;
    }


    /* =====================================================
       TTD INFORMATION
    ===================================================== */

    .sedg_ttd_info {

        padding: 18px;

        margin-bottom: 22px;

        border-left-width: 3px;
    }

    .sedg_ttd_info h4 {

        margin-bottom: 10px;

        font-size: 16px;

        line-height: 1.4;
    }

    .sedg_ttd_info p {

        margin-bottom: 11px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }

/* =====================================================
   REQUIREMENT ROW
   1 ITEM PER ROW ON MOBILE
===================================================== */

.sedg_requirement_row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.sedg_requirement_row > .col-lg-6,
.sedg_requirement_row > .col-md-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}


/* =====================================================
   REQUIREMENT ITEMS
===================================================== */

.sedg_requirement_item {

    min-height: 0;

    padding: 14px;

    gap: 9px;

    border-radius: 12px;
}

.sedg_requirement_icon {

    flex: 0 0 34px;

    width: 34px;

    height: 34px;

    border-radius: 8px;

    font-size: 14px;
}

.sedg_requirement_label {

    margin-bottom: 5px;

    font-size: 13px;

    line-height: 1.35;
}

.sedg_requirement_item p {

    font-size: 11.5px;

    line-height: 1.55;
}

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

    .sedg_route_title {

        margin-top: 3px !important;

        font-size: 13px !important;

        line-height: 1.5;
    }


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

    .sedg_planning_content {

        padding: 18px;

        margin-bottom: 22px;

        border-radius: 12px;
    }

    .sedg_planning_content p {

        margin-bottom: 12px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       TRAVEL FLOW
       3 ITEMS -> 1 COLUMN
    ===================================================== */

    .sedg_travel_flow_row {

        --bs-gutter-x: 0;

        --bs-gutter-y: 10px;
    }

    .sedg_travel_flow_row > .col-lg-4,
    .sedg_travel_flow_row > .col-md-4 {

        width: 100%;
    }

    .sedg_travel_flow_item {

        width: 100%;

        min-height: 110px;

        padding: 16px;

        border-radius: 13px;
    }

    .sedg_flow_icon {

        width: 40px;

        height: 40px;

        margin-bottom: 9px;

        font-size: 15px;
    }

    .sedg_flow_title {

        margin-bottom: 5px;

        font-size: 13.5px;

        line-height: 1.4;
    }

    .sedg_travel_flow_item p {

        font-size: 12px;

        line-height: 1.55;
    }


    /* =====================================================
       BOUNDARY BOX
    ===================================================== */

    .sedg_boundary_box {

        margin-top: 22px;

        gap: 10px;
    }

    .sedg_boundary_item {

        gap: 9px;

        padding: 14px;

        border-left-width: 3px;

        border-radius: 9px;
    }

    .sedg_boundary_icon {

        flex: 0 0 27px;

        width: 27px;

        height: 27px;

        font-size: 15px;
    }

    .sedg_boundary_item p {

        font-size: 11.5px;

        line-height: 1.65;

        text-align: justify;
    }

}
















/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN ELIGIBILITY GUIDE
========================================================= */

.sedg300_eligibility_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

}

.sedg300_eligibility_section *,
.sedg300_eligibility_section *::before,
.sedg300_eligibility_section *::after {

    box-sizing: border-box;

}


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

.sedg300_eligibility_header {

    max-width: 1000px;

    margin: 0 auto 25px;

}

.sedg300_eligibility_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 8px 17px;

    margin-bottom: 18px;

    border-radius: 50px;

    background: #ffffff;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

    box-shadow: 0 5px 18px rgba(23, 32, 51, 0.08);

}

.sedg300_eligibility_badge i {

    color: #f3525a;

}

.sedg300_eligibility_title {

    margin: 0 0 20px;

    color: #172033;

    font-size: 38px;

    font-weight: 800;

    line-height: 1.2;

}

.sedg300_eligibility_intro {

    max-width: 850px;

    margin: 0 auto 15px;

    color: #536174;

    font-size: 15.5px;

    line-height: 1.8;

}

.sedg300_eligibility_intro strong {

    color: #172033;

}


/* =========================================================
   COMMON BLOCK HEADING
========================================================= */

.sedg300_block_heading {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 30px;

    text-align: center;

}

.sedg300_block_heading > div {

    width: 100%;

    text-align: center;

}

.sedg300_heading_icon {

    width: 48px;

    height: 48px;

    flex: 0 0 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #f3525a;

    color: #ffffff;

    font-size: 19px;

}

.sedg300_block_heading h3 {

    margin: 0 0 6px;

    color: #172033;

    font-size: 25px;

    font-weight: 800;

    line-height: 1.3;

}

.sedg300_block_heading p {

    margin: 0;

    color: #5b6778;

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   ELIGIBILITY FACTORS
========================================================= */

.sedg300_eligibility_block {

    margin-bottom: 60px;

}


/* =========================================================
   ELIGIBILITY INFO CARD
========================================================= */

.sedg300_info_card {

    height: 100%;

    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 25px 22px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 16px;

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.sedg300_info_card:hover {

    transform: translateY(-4px);

    border-color: #f9b0b3;

    box-shadow: 0 14px 30px rgba(23, 32, 51, 0.11);

}

.sedg300_card_icon {

    width: 46px;

    height: 46px;

    flex: 0 0 46px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 13px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 18px;

}

.sedg300_card_content {

    min-width: 0;

}

.sedg300_card_content h4 {

    margin: 0 0 8px;

    color: #172033;

    font-size: 17px;

    font-weight: 750;

    line-height: 1.4;

}

.sedg300_card_content p {

    margin: 0;

    color: #5b6778;

    font-size: 13.5px;

    line-height: 1.7;

    text-align: justify;

}

.sedg300_card_content strong {

    color: #172033;

}


/* =========================================================
   BEFORE PLANNING YOUR JOURNEY
========================================================= */

.sedg300_journey_block {

    margin-bottom: 55px;

}


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

.sedg300_step_card {

    position: relative;

    height: 100%;

    padding: 28px 22px 24px;

    background: #ffffff;

    border-radius: 17px;

    border: 1px solid rgba(243, 82, 90, 0.12);

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.07);

    text-align: center;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;

}

.sedg300_step_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

}

.sedg300_step_card:hover {

    transform: translateY(-5px);

    box-shadow: 0 15px 32px rgba(23, 32, 51, 0.11);

}

.sedg300_step_number {

    position: absolute;

    top: 13px;

    right: 15px;

    width: 31px;

    height: 31px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 13px;

    font-weight: 800;

}

.sedg300_step_icon {

    width: 55px;

    height: 55px;

    margin: 8px auto 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 16px;

    background: #fff1f2;

    color: #f3525a;

    font-size: 21px;

}

.sedg300_step_card h4 {

    min-height: 48px;

    margin: 0 0 11px;

    color: #172033;

    font-size: 16px;

    font-weight: 750;

    line-height: 1.45;

}

.sedg300_step_card p {

    margin: 0;

    color: #5b6778;

    font-size: 13px;

    line-height: 1.7;

}


/* =========================================================
   REQUIREMENT NOTE
========================================================= */

.sedg300_requirement_note {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-top: 30px;

    padding: 18px 20px;

    background: #ffffff;

    border-left: 4px solid #f3525a;

    border-radius: 10px;

    box-shadow: 0 6px 20px rgba(23, 32, 51, 0.06);

}

.sedg300_note_icon {

    flex: 0 0 auto;

    color: #f3525a;

    font-size: 18px;

    padding-top: 2px;

}

.sedg300_requirement_note p {

    margin: 0;

    color: #536174;

    font-size: 13.5px;

    line-height: 1.7;

    text-align: justify;

}


/* =========================================================
   IMPORTANT TTD / TRAVEL-SERVICE BOUNDARY
========================================================= */

.sedg300_boundary_block {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 30px;

    background: #172033;

    border-radius: 18px;

    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.15);

}

.sedg300_boundary_icon {

    width: 52px;

    height: 52px;

    flex: 0 0 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 20px;

}

.sedg300_boundary_content {

    min-width: 0;

}

.sedg300_boundary_content h3 {

    margin: 0 0 10px;

    color: #ffffff;

    font-size: 21px;

    font-weight: 800;

    line-height: 1.4;

}

.sedg300_boundary_content p {

    margin: 0;

    color: #dce2ea;

    font-size: 13.5px;

    line-height: 1.8;

    text-align: justify;

}

.sedg300_boundary_content strong {

    color: #f9b0b3;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sedg300_eligibility_section {

        padding: 50px 20px;

    }


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

    .sedg300_eligibility_header {

        max-width: 760px;

        margin-bottom: 35px;

    }

    .sedg300_eligibility_title {

        font-size: 32px;

        line-height: 1.25;

    }

    .sedg300_eligibility_intro {

        max-width: 720px;

        font-size: 14.5px;

        line-height: 1.75;

    }


    /* =====================================================
       COMMON BLOCK HEADING
    ===================================================== */

    .sedg300_block_heading {

        gap: 10px;

        margin-bottom: 25px;

    }

    .sedg300_heading_icon {

        width: 45px;

        height: 45px;

        flex-basis: 45px;

        border-radius: 13px;

        font-size: 18px;

    }

    .sedg300_block_heading h3 {

        font-size: 23px;

    }

    .sedg300_block_heading p {

        font-size: 13.5px;

        line-height: 1.7;

    }


    /* =====================================================
       ELIGIBILITY BLOCK
    ===================================================== */

    .sedg300_eligibility_block {

        margin-bottom: 45px;

    }

    .sedg300_info_card {

        padding: 22px 19px;

        gap: 13px;

    }

    .sedg300_card_icon {

        width: 43px;

        height: 43px;

        flex-basis: 43px;

        border-radius: 12px;

        font-size: 17px;

    }

    .sedg300_card_content h4 {

        font-size: 16px;

        line-height: 1.4;

    }

    .sedg300_card_content p {

        font-size: 13px;

        line-height: 1.65;

    }


    /* =====================================================
       JOURNEY BLOCK
    ===================================================== */

    .sedg300_journey_block {

        margin-bottom: 45px;

    }

    .sedg300_step_card {

        padding: 25px 18px 22px;

    }

    .sedg300_step_number {

        top: 11px;

        right: 12px;

        width: 29px;

        height: 29px;

        font-size: 12px;

    }

    .sedg300_step_icon {

        width: 52px;

        height: 52px;

        margin: 7px auto 16px;

        border-radius: 14px;

        font-size: 19px;

    }

    .sedg300_step_card h4 {

        min-height: auto;

        margin-bottom: 9px;

        font-size: 15px;

        line-height: 1.4;

    }

    .sedg300_step_card p {

        font-size: 12.5px;

        line-height: 1.65;

    }


    /* =====================================================
       REQUIREMENT NOTE
    ===================================================== */

    .sedg300_requirement_note {

        margin-top: 25px;

        padding: 17px 18px;

        gap: 11px;

    }

    .sedg300_requirement_note p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* =====================================================
       IMPORTANT BOUNDARY
    ===================================================== */

    .sedg300_boundary_block {

        gap: 16px;

        padding: 25px;

        border-radius: 16px;

    }

    .sedg300_boundary_icon {

        width: 48px;

        height: 48px;

        flex-basis: 48px;

        border-radius: 13px;

        font-size: 18px;

    }

    .sedg300_boundary_content h3 {

        font-size: 19px;

    }

    .sedg300_boundary_content p {

        font-size: 13px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .sedg300_eligibility_section {

        padding: 45px 15px;

    }


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

    .sedg300_eligibility_header {

        max-width: 100%;

        margin-bottom: 32px;

    }

    .sedg300_eligibility_badge {

        gap: 7px;

        padding: 7px 14px;

        margin-bottom: 15px;

        font-size: 12px;

    }

    .sedg300_eligibility_title {

        margin-bottom: 16px;

        font-size: 27px;

        line-height: 1.25;

    }

    .sedg300_eligibility_intro {

        max-width: 100%;

        margin-bottom: 13px;

        font-size: 13.5px;

        line-height: 1.75;

    }


    /* =====================================================
       COMMON BLOCK HEADING
    ===================================================== */

    .sedg300_block_heading {

        gap: 9px;

        margin-bottom: 23px;

    }

    .sedg300_heading_icon {

        width: 43px;

        height: 43px;

        flex-basis: 43px;

        border-radius: 12px;

        font-size: 17px;

    }

    .sedg300_block_heading h3 {

        margin-bottom: 5px;

        font-size: 20px;

        line-height: 1.35;

    }

    .sedg300_block_heading p {

        font-size: 12.8px;

        line-height: 1.7;

    }


    /* =====================================================
       ELIGIBILITY BLOCK
    ===================================================== */

    .sedg300_eligibility_block {

        margin-bottom: 42px;

    }

    .sedg300_info_card {

        gap: 12px;

        padding: 19px 16px;

        border-radius: 14px;

    }

    .sedg300_card_icon {

        width: 41px;

        height: 41px;

        flex-basis: 41px;

        border-radius: 11px;

        font-size: 16px;

    }

    .sedg300_card_content h4 {

        margin-bottom: 7px;

        font-size: 15.5px;

        line-height: 1.4;

    }

    .sedg300_card_content p {

        font-size: 12.8px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       JOURNEY BLOCK
    ===================================================== */

    .sedg300_journey_block {

        margin-bottom: 40px;

    }

    .sedg300_step_card {

        padding: 24px 18px 21px;

        border-radius: 15px;

    }

    .sedg300_step_number {

        top: 11px;

        right: 12px;

        width: 29px;

        height: 29px;

        font-size: 12px;

    }

    .sedg300_step_icon {

        width: 50px;

        height: 50px;

        margin: 7px auto 15px;

        border-radius: 14px;

        font-size: 19px;

    }

    .sedg300_step_card h4 {

        min-height: auto;

        margin-bottom: 9px;

        font-size: 15px;

        line-height: 1.4;

    }

    .sedg300_step_card p {

        font-size: 12.8px;

        line-height: 1.7;

    }


    /* =====================================================
       REQUIREMENT NOTE
    ===================================================== */

    .sedg300_requirement_note {

        align-items: flex-start;

        gap: 10px;

        margin-top: 23px;

        padding: 16px 15px;

        border-left-width: 3px;

        border-radius: 9px;

    }

    .sedg300_note_icon {

        font-size: 17px;

        padding-top: 1px;

    }

    .sedg300_requirement_note p {

        font-size: 12.8px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       IMPORTANT TTD / TRAVEL-SERVICE BOUNDARY
    ===================================================== */

    .sedg300_boundary_block {

        gap: 13px;

        padding: 21px 17px;

        border-radius: 15px;

    }

    .sedg300_boundary_icon {

        width: 43px;

        height: 43px;

        flex-basis: 43px;

        border-radius: 11px;

        font-size: 17px;

    }

    .sedg300_boundary_content h3 {

        margin-bottom: 8px;

        font-size: 17px;

        line-height: 1.4;

    }

    .sedg300_boundary_content p {

        font-size: 12.8px;

        line-height: 1.75;

        text-align: justify;

    }

}













/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN - DOCUMENT GUIDE
========================================================= */

.sedg300_document_guide {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

}

.sedg300_document_guide *,
.sedg300_document_guide *::before,
.sedg300_document_guide *::after {

    box-sizing: border-box;

}


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

.sedg300_document_header {

    max-width: 900px;

    margin: 0 auto 30px;

}

.sedg300_document_badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 16px;

    margin-bottom: 18px;

    border-radius: 50px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.4px;

}

.sedg300_document_badge i {

    font-size: 15px;

}

.sedg300_document_title {

    margin: 0 0 16px;

    font-size: 35px;

    line-height: 1.25;

    font-weight: 800;

    color: #172033;

}

.sedg300_document_intro {

    max-width: 850px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 1.8;

    color: #5d6675;

}

.sedg300_document_intro strong {

    color: #f3525a;

}


/* =========================================================
   MAIN TWO COLUMN GRID
========================================================= */

.sedg300_document_main_grid {

    width: 100%;

    align-items: stretch;

}

.sedg300_document_main_grid > .col-lg-6 {

    display: flex;

    flex-direction: column;

}


/* =========================================================
   SINGAPORE TRAVELLER FOCUS
========================================================= */

.sedg300_document_focus {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 28px;

    margin-bottom: 24px;

    border: 1px solid #f9b0b3;

    border-left: 5px solid #f3525a;

    border-radius: 16px;

    background: #fff7f7;

}

.sedg300_document_focus_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #f3525a;

    color: #ffffff;

}

.sedg300_document_focus_content {

    flex: 1;

}

.sedg300_document_focus_content h3 {

    margin: 0 0 10px;

    font-size: 21px;

    line-height: 1.35;

    font-weight: 800;

    color: #172033;

}

.sedg300_document_focus_content h4 {

    margin: 0 0 8px;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

    color: #f3525a;

}

.sedg300_document_focus_content p {

    margin: 0;

    font-size: 13.5px;

    line-height: 1.75;

    color: #5d6675;

    text-align: justify;

}


/* =========================================================
   DOCUMENTS TO REVIEW
========================================================= */

.sedg300_document_review {

    padding: 28px;

    border-radius: 16px;

    background: #f8fafc;

    border: 1px solid #edf0f4;

}

.sedg300_document_section_heading {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

}

.sedg300_document_heading_icon {

    flex: 0 0 46px;

    width: 46px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: #f9b0b3;

    color: #f3525a;

}

.sedg300_document_section_heading h3 {

    margin: 0 0 5px;

    font-size: 23px;

    line-height: 1.3;

    font-weight: 800;

    color: #172033;

}

.sedg300_document_section_heading p {

    margin: 0;

    font-size: 14px;

    line-height: 1.6;

    color: #6b7280;

    text-align: justify;

}


/* =========================================================
   DOCUMENT CARDS
========================================================= */

.sedg300_document_item {

    height: 100%;

    padding: 21px 18px;

    border: 1px solid #eeeeee;

    border-radius: 14px;

    background: #ffffff;

    box-shadow: 0 6px 20px rgba(23, 32, 51, 0.05);

    transition: all 0.3s ease;

}

.sedg300_document_item:hover {

    transform: translateY(-4px);

    border-color: #f9b0b3;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.12);

}

.sedg300_document_item_icon {

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 14px;

    border-radius: 11px;

    background: #fff0f1;

    color: #f3525a;

}

.sedg300_document_item h4 {

    margin: 0 0 8px;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}

.sedg300_document_item p {

    margin: 0;

    font-size: 13.5px;

    line-height: 1.65;

    color: #687080;

    text-align: justify;

}


/* =========================================================
   BEFORE YOU TRAVEL
========================================================= */

.sedg300_document_before {

    padding: 28px;

    margin-bottom: 24px;

    border-radius: 16px;

    background: #f8fafc;

    border: 1px solid #edf0f4;

}

.sedg300_document_steps {

    display: flex;

    flex-direction: column;

    gap: 12px;

}

.sedg300_document_step {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 15px;

    border-radius: 12px;

    background: #ffffff;

    border: 1px solid #eeeeee;

}

.sedg300_document_step_number {

    flex: 0 0 34px;

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 11px;

    font-weight: 800;

}
/* =========================================================
   DOCUMENT ITEM TITLE 
========================================================= */

.sedg300_document_item h3 {

    margin: 0 0 8px;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}
.sedg300_document_step p {

    margin: 5px 0 0;

    font-size: 15px;

    line-height: 1.65;

    color: #5d6675;

    text-align: justify;

}

.sedg300_document_step strong {

    color: #172033;

}


/* =========================================================
   VERIFY OFFICIAL TTD INFORMATION
========================================================= */

.sedg300_document_official {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 25px;

    border-radius: 16px;

    background: #fff5f5;

    border: 1px solid #f9b0b3;

}

.sedg300_document_official_icon {

    flex: 0 0 50px;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 13px;

    background: #f3525a;

    color: #ffffff;

}

.sedg300_document_official_content {

    flex: 1;

}

.sedg300_document_official_content h3 {

    margin: 0 0 7px;

    font-size: 19px;

    line-height: 1.35;

    font-weight: 800;

    color: #172033;

}

.sedg300_document_official_content p {

    margin: 0 0 12px;

    font-size: 14px;

    line-height: 1.7;

    color: #5d6675;

    text-align: justify;

}

.sedg300_document_official_link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #f3525a;

    font-size: 13px;

    text-decoration: none;

    transition: color 0.3s ease;

}

.sedg300_document_official_link:hover {

    color: #d93640;

}


/* =========================================================
   IMPORTANT DOCUMENT NOTICE
========================================================= */

.sedg300_document_notice {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-top: 32px;

    padding: 25px 28px;

    border-radius: 16px;

    background: #fffafa;

    border: 1px solid #f9b0b3;

}

.sedg300_document_notice_icon {

    flex: 0 0 44px;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: #f9b0b3;

    color: #f3525a;

}

.sedg300_document_notice_content {

    flex: 1;

}

.sedg300_document_notice_content h3 {

    margin: 0 0 8px;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 800;

    color: #172033;

}

.sedg300_document_notice_content p {

    margin: 0;

    font-size: 14px;

    line-height: 1.75;

    color: #5d6675;

    text-align: justify;

}

.sedg300_document_notice_content strong {

    color: #f3525a;

}

/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .sedg300_document_guide {

        padding: 50px 20px;

    }


    /* -----------------------------------------------------
       SECTION HEADER
    ----------------------------------------------------- */

    .sedg300_document_header {

        max-width: 760px;

        margin-bottom: 25px;

        text-align: center;

    }

    .sedg300_document_badge {

        padding: 7px 14px;

        margin-bottom: 15px;

        font-size: 12px;

    }

    .sedg300_document_title {

        font-size: 30px;

        line-height: 1.3;

        margin-bottom: 13px;

    }

    .sedg300_document_intro {

        max-width: 700px;

        font-size: 14.5px;

        line-height: 1.75;

    }


    /* -----------------------------------------------------
       MAIN TWO COLUMN AREA
    ----------------------------------------------------- */

    .sedg300_document_main_grid {

        margin-left: -10px;

        margin-right: -10px;

    }

    .sedg300_document_main_grid > .col-lg-6 {

        padding-left: 10px;

        padding-right: 10px;

    }


    /* -----------------------------------------------------
       SINGAPORE TRAVELLER FOCUS
    ----------------------------------------------------- */

    .sedg300_document_focus {

        gap: 16px;

        padding: 22px;

        margin-bottom: 20px;

        border-left-width: 4px;

        border-radius: 14px;

    }

    .sedg300_document_focus_icon {

        flex: 0 0 46px;

        width: 46px;

        height: 46px;

        border-radius: 12px;

        font-size: 17px;

    }

    .sedg300_document_focus_content h3 {

        margin-bottom: 8px;

        font-size: 19px;

    }

    .sedg300_document_focus_content h4 {

        margin-bottom: 7px;

        font-size: 15px;

    }

    .sedg300_document_focus_content p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* -----------------------------------------------------
       DOCUMENTS TO REVIEW
    ----------------------------------------------------- */

    .sedg300_document_review {

        padding: 22px;

        border-radius: 14px;

    }

    .sedg300_document_section_heading {

        gap: 12px;

        margin-bottom: 18px;

    }

    .sedg300_document_heading_icon {

        flex: 0 0 42px;

        width: 42px;

        height: 42px;

        border-radius: 11px;

        font-size: 16px;

    }

    .sedg300_document_section_heading h3 {

        margin-bottom: 4px;

        font-size: 20px;

    }

    .sedg300_document_section_heading p {

        font-size: 13px;

        line-height: 1.6;

    }
     .sedg300_document_item h3 {

        margin: 0 0 7px;

        font-size: 15px;

        line-height: 1.4;

        font-weight: 700;

        color: #172033;

    }


    /* -----------------------------------------------------
       DOCUMENT CARDS
    ----------------------------------------------------- */

    .sedg300_document_item {

        padding: 18px 16px;

        border-radius: 12px;

    }

    .sedg300_document_item_icon {

        width: 40px;

        height: 40px;

        margin-bottom: 12px;

        border-radius: 10px;

        font-size: 14px;

    }

    .sedg300_document_item h4 {

        margin-bottom: 7px;

        font-size: 15px;

    }

    .sedg300_document_item p {

        font-size: 12.5px;

        line-height: 1.6;

    }


    /* -----------------------------------------------------
       BEFORE YOU TRAVEL
    ----------------------------------------------------- */

    .sedg300_document_before {

        padding: 22px;

        margin-bottom: 20px;

        border-radius: 14px;

    }

    .sedg300_document_steps {

        gap: 10px;

    }

    .sedg300_document_step {

        gap: 11px;

        padding: 13px;

        border-radius: 11px;

    }

    .sedg300_document_step_number {

        flex: 0 0 31px;

        width: 31px;

        height: 31px;

        border-radius: 8px;

        font-size: 10px;

    }

    .sedg300_document_step p {

        margin-top: 4px;

        font-size: 13px;

        line-height: 1.6;

    }


    /* -----------------------------------------------------
       OFFICIAL TTD INFORMATION
    ----------------------------------------------------- */

    .sedg300_document_official {

        gap: 14px;

        padding: 21px;

        border-radius: 14px;

    }

    .sedg300_document_official_icon {

        flex: 0 0 44px;

        width: 44px;

        height: 44px;

        border-radius: 11px;

        font-size: 16px;

    }

    .sedg300_document_official_content h3 {

        margin-bottom: 6px;

        font-size: 17px;

    }

    .sedg300_document_official_content p {

        margin-bottom: 10px;

        font-size: 13px;

        line-height: 1.65;

    }

    .sedg300_document_official_link {

        font-size: 12.5px;

    }


    /* -----------------------------------------------------
       IMPORTANT NOTICE
    ----------------------------------------------------- */

    .sedg300_document_notice {

        gap: 14px;

        margin-top: 24px;

        padding: 21px 22px;

        border-radius: 14px;

    }

    .sedg300_document_notice_icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 15px;

    }

    .sedg300_document_notice_content h3 {

        margin-bottom: 6px;

        font-size: 18px;

    }

    .sedg300_document_notice_content p {

        font-size: 13px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .sedg300_document_guide {

        padding: 42px 15px;

    }


    /* -----------------------------------------------------
       SECTION HEADER
    ----------------------------------------------------- */

    .sedg300_document_header {

        width: 100%;

        max-width: 100%;

        margin: 0 auto 20px;

        text-align: center;

    }

    .sedg300_document_item h3 {

        margin: 0 0 6px;

        font-size: 15px;

        line-height: 1.4;

        font-weight: 700;

        color: #172033;

    }
    .sedg300_document_badge {

        padding: 7px 13px;

        margin-bottom: 13px;

        font-size: 11px;

        gap: 6px;

    }

    .sedg300_document_badge i {

        font-size: 13px;

    }

    .sedg300_document_title {

        margin-bottom: 12px;

        font-size: 24px;

        line-height: 1.3;

    }

    .sedg300_document_intro {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;

        text-align: center;

    }


    /* -----------------------------------------------------
       MAIN GRID
       Bootstrap columns become full width
    ----------------------------------------------------- */

    .sedg300_document_main_grid {

        margin-left: 0;

        margin-right: 0;

    }

    .sedg300_document_main_grid > .col-lg-6 {

        width: 100%;

        padding-left: 0;

        padding-right: 0;

    }


    /* -----------------------------------------------------
       SINGAPORE TRAVELLER FOCUS
    ----------------------------------------------------- */

    .sedg300_document_focus {

        gap: 13px;

        padding: 19px;

        margin-bottom: 17px;

        border-left-width: 4px;

        border-radius: 13px;

    }

    .sedg300_document_focus_icon {

        flex: 0 0 42px;

        width: 42px;

        height: 42px;

        border-radius: 10px;

        font-size: 15px;

    }

    .sedg300_document_focus_content {

        min-width: 0;

    }

    .sedg300_document_focus_content h3 {

        margin-bottom: 7px;

        font-size: 18px;

        line-height: 1.35;

    }

    .sedg300_document_focus_content h4 {

        margin-bottom: 6px;

        font-size: 14px;

        line-height: 1.4;

    }

    .sedg300_document_focus_content p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: left;

    }


    /* -----------------------------------------------------
       DOCUMENTS TO REVIEW
    ----------------------------------------------------- */

    .sedg300_document_review {

        padding: 19px;

        border-radius: 13px;

    }

    .sedg300_document_section_heading {

        gap: 10px;

        margin-bottom: 16px;

    }

    .sedg300_document_heading_icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 15px;

    }

    .sedg300_document_section_heading h3 {

        margin-bottom: 3px;

        font-size: 18px;

        line-height: 1.35;

    }

    .sedg300_document_section_heading p {

        font-size: 12.5px;

        line-height: 1.6;

        text-align: left;

    }


    /* -----------------------------------------------------
       DOCUMENT CARDS
    ----------------------------------------------------- */

    .sedg300_document_item {

        padding: 17px 15px;

        border-radius: 12px;

    }

    .sedg300_document_item_icon {

        width: 38px;

        height: 38px;

        margin-bottom: 11px;

        border-radius: 9px;

        font-size: 13px;

    }

    .sedg300_document_item h4 {

        margin-bottom: 6px;

        font-size: 15px;

        line-height: 1.4;

    }

    .sedg300_document_item p {

        font-size: 12px;

        line-height: 1.6;

        text-align: justify;

    }


    /* -----------------------------------------------------
       BEFORE YOU TRAVEL
    ----------------------------------------------------- */

    .sedg300_document_before {

        padding: 19px;

        margin-bottom: 17px;

        border-radius: 13px;

    }

    .sedg300_document_steps {

        gap: 9px;

    }

    .sedg300_document_step {

        gap: 10px;

        padding: 12px;

        border-radius: 10px;

    }

    .sedg300_document_step_number {

        flex: 0 0 30px;

        width: 30px;

        height: 30px;

        border-radius: 8px;

        font-size: 10px;

    }

    .sedg300_document_step p {

        margin: 4px 0 0;

        font-size: 12.5px;

        line-height: 1.6;

        text-align: left;

    }


    /* -----------------------------------------------------
       OFFICIAL TTD INFORMATION
    ----------------------------------------------------- */

    .sedg300_document_official {

        gap: 12px;

        padding: 18px;

        border-radius: 13px;

    }

    .sedg300_document_official_icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 14px;

    }

    .sedg300_document_official_content {

        min-width: 0;

    }

    .sedg300_document_official_content h3 {

        margin-bottom: 6px;

        font-size: 17px;

        line-height: 1.35;

    }

    .sedg300_document_official_content p {

        margin-bottom: 10px;

        font-size: 12.5px;

        line-height: 1.65;

        text-align: left;

    }

    .sedg300_document_official_link {

        font-size: 12px;

    }


    /* -----------------------------------------------------
       IMPORTANT DOCUMENT NOTICE
    ----------------------------------------------------- */

    .sedg300_document_notice {

        gap: 12px;

        margin-top: 20px;

        padding: 18px;

        border-radius: 13px;

    }

    .sedg300_document_notice_icon {

        flex: 0 0 38px;

        width: 38px;

        height: 38px;

        border-radius: 9px;

        font-size: 14px;

    }

    .sedg300_document_notice_content {

        min-width: 0;

    }

    .sedg300_document_notice_content h3 {

        margin-bottom: 6px;

        font-size: 17px;

        line-height: 1.35;

    }

    .sedg300_document_notice_content p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: left;

    }

}













/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN - OFFICIAL BOOKING GUIDANCE
========================================================= */

.sedg300_booking_guidance_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}

.sedg300_booking_guidance_section *,
.sedg300_booking_guidance_section *::before,
.sedg300_booking_guidance_section *::after {

    box-sizing: border-box;

}


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

.sedg300_booking_intro {

    max-width: 900px;

    margin: 0 auto 25px;

}

.sedg300_booking_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 16px;

    padding: 8px 16px;

    border: 1px solid rgba(243, 82, 90, 0.25);

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.72);

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.8px;

    text-transform: uppercase;

}

.sedg300_booking_eyebrow_icon {

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

}

.sedg300_booking_title {

    margin: 0;

    color: #172033;

    font-size: 35px;

    font-weight: 700;

    line-height: 1.2;

}

.sedg300_booking_description {

    max-width: 820px;

    margin: 20px auto 0;

    color: #4b586b;

    font-size: 16px;

    line-height: 1.8;

}

.sedg300_booking_description strong {

    color: #172033;

}


/* =========================================================
   BOOKING STEPS
========================================================= */

.sedg300_booking_steps_row {

    margin-top: 0;

}

.sedg300_booking_step_card {

    position: relative;

    height: 100%;

    padding: 30px 27px 28px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.13);

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;

    overflow: hidden;

}

.sedg300_booking_step_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

}

.sedg300_booking_step_card:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.35);

    box-shadow: 0 16px 35px rgba(23, 32, 51, 0.11);

}

.sedg300_booking_step_number {

    position: absolute;

    top: 18px;

    right: 20px;

    width: 38px;

    height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f9b0b3;

    color: #172033;

    font-size: 14px;

    font-weight: 800;

}

.sedg300_booking_step_icon {

    width: 56px;

    height: 56px;

    margin-bottom: 15px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: rgba(243, 82, 90, 0.10);

    color: #f3525a;

    font-size: 23px;

}

.sedg300_booking_step_content h3 {

    margin: 0 45px 13px 0;

    color: #172033;


    font-size: 20px;

    font-weight: 700;

    line-height: 1.35;

}

.sedg300_booking_step_content p {

    margin: 0;

    color: #596579;

    font-size: 14px;

    line-height: 1.75;

    text-align: justify;

}


/* =========================================================
   OFFICIAL TTD INFORMATION
========================================================= */

.sedg300_booking_verify_box {

    position: relative;

    margin-top: 50px;

    padding: 32px;

    display: flex;

    align-items: flex-start;

    gap: 24px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

}

.sedg300_booking_verify_icon {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: #f3525a;

    color: #ffffff;

    font-size: 23px;

}

.sedg300_booking_verify_content {

    flex: 1;

}

.sedg300_booking_verify_content h3 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 24px;

    font-weight: 700;

    line-height: 1.3;

}

.sedg300_booking_verify_content p {

    margin: 0 0 20px;

    color: #596579;

    font-size: 14px;

    line-height: 1.75;

    text-align: justify;

}

.sedg300_booking_official_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 12px 20px;

    border-radius: 40px;

    background: #f3525a;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

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

}

.sedg300_booking_official_btn:hover {

    background: #d93f48;

    color: #ffffff;

    transform: translateY(-2px);

}


/* =========================================================
   IMPORTANT TTD / TRAVEL-SERVICE BOUNDARY
========================================================= */

.sedg300_booking_boundary_box {

    margin-top: 28px;

    padding: 32px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-left: 5px solid #f3525a;

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

}

.sedg300_booking_boundary_heading {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

}

.sedg300_booking_boundary_icon {

    width: 40px;

    height: 40px;

    flex: 0 0 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f9b0b3;

    color: #172033;

    font-size: 17px;

}

.sedg300_booking_boundary_heading h3 {

    margin: 0;

    color: #172033;


    font-size: 23px;

    font-weight: 700;

    line-height: 1.35;

}

.sedg300_booking_boundary_content p {

    margin: 0 0 14px;

    color: #596579;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;

}

.sedg300_booking_boundary_content p:last-child {

    margin-bottom: 0;

}

.sedg300_booking_boundary_content strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   TABLET RESPONSIVE 768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sedg300_booking_guidance_section {

        padding: 55px 20px;

    }

    /* SECTION INTRO */

    .sedg300_booking_intro {

        max-width: 760px;

        margin-bottom: 40px;

    }

    .sedg300_booking_eyebrow {

        margin-bottom: 14px;

        padding: 7px 15px;

        font-size: 12px;

    }

    .sedg300_booking_eyebrow_icon {

        width: 28px;

        height: 28px;

    }

    .sedg300_booking_title {

        font-size: 28px;

        line-height: 1.25;

    }

    .sedg300_booking_description {

        max-width: 700px;

        margin-top: 16px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* BOOKING STEPS */

    .sedg300_booking_steps_row {

        margin-left: -10px;

        margin-right: -10px;

    }

    .sedg300_booking_steps_row > div {

        padding-left: 10px;

        padding-right: 10px;

    }

    .sedg300_booking_step_card {

        padding: 27px 23px 25px;

        border-radius: 16px;

    }

    .sedg300_booking_step_number {

        top: 16px;

        right: 17px;

        width: 36px;

        height: 36px;

        font-size: 13px;

    }

    .sedg300_booking_step_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 14px;

        border-radius: 13px;

        font-size: 21px;

    }

    .sedg300_booking_step_content h3 {

        margin-right: 40px;

        margin-bottom: 11px;

        font-size: 18px;

        line-height: 1.4;

    }

    .sedg300_booking_step_content p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* OFFICIAL TTD INFORMATION */

    .sedg300_booking_verify_box {

        margin-top: 40px;

        padding: 27px;

        gap: 20px;

        border-radius: 17px;

    }

    .sedg300_booking_verify_icon {

        flex: 0 0 52px;

        width: 52px;

        height: 52px;

        border-radius: 13px;

        font-size: 21px;

    }

    .sedg300_booking_verify_content h3 {

        margin-bottom: 9px;

        font-size: 22px;

    }

    .sedg300_booking_verify_content p {

        margin-bottom: 18px;

        font-size: 13px;

        line-height: 1.7;

    }

    .sedg300_booking_official_btn {

        padding: 11px 18px;

        font-size: 12px;

    }


    /* IMPORTANT TTD / TRAVEL-SERVICE BOUNDARY */

    .sedg300_booking_boundary_box {

        margin-top: 23px;

        padding: 27px;

        border-radius: 16px;

    }

    .sedg300_booking_boundary_heading {

        gap: 10px;

        margin-bottom: 15px;

    }

    .sedg300_booking_boundary_icon {

        width: 37px;

        height: 37px;

        flex: 0 0 37px;

        font-size: 16px;

    }

    .sedg300_booking_boundary_heading h3 {

        font-size: 21px;

        line-height: 1.4;

    }

    .sedg300_booking_boundary_content p {

        margin-bottom: 12px;

        font-size: 13px;

        line-height: 1.75;

    }

}


/* =========================================================
    MOBILE RESPONSIVE 0px - 767px
========================================================= */

@media (max-width: 767px) {

    .sedg300_booking_guidance_section {

        padding: 45px 15px;

    }


    /* SECTION INTRO */

    .sedg300_booking_intro {

        max-width: 100%;

        margin-bottom: 32px;

    }

    .sedg300_booking_eyebrow {

        gap: 7px;

        margin-bottom: 13px;

        padding: 7px 13px;

        font-size: 10px;

        letter-spacing: 0.6px;

    }

    .sedg300_booking_eyebrow_icon {

        width: 27px;

        height: 27px;

        font-size: 13px;

    }

    .sedg300_booking_title {

        font-size: 25px;

        line-height: 1.3;

    }

    .sedg300_booking_description {

        max-width: 100%;

        margin-top: 15px;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;

    }


    /* BOOKING STEPS */

    .sedg300_booking_steps_row {

        margin-left: 0;

        margin-right: 0;

    }

    .sedg300_booking_steps_row > div {

        padding-left: 0;

        padding-right: 0;

    }

    .sedg300_booking_step_card {

        padding: 24px 20px 23px;

        border-radius: 15px;

    }

    .sedg300_booking_step_card::before {

        height: 3px;

    }

    .sedg300_booking_step_number {

        top: 15px;

        right: 15px;

        width: 34px;

        height: 34px;

        font-size: 12px;

    }

    .sedg300_booking_step_icon {

        width: 49px;

        height: 49px;

        margin-bottom: 14px;

        border-radius: 12px;

        font-size: 19px;

    }

    .sedg300_booking_step_content h3 {

        margin: 0 40px 10px 0;

        font-size: 18px;

        line-height: 1.4;

    }

    .sedg300_booking_step_content p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }


    /* OFFICIAL TTD INFORMATION */

    .sedg300_booking_verify_box {

        margin-top: 35px;

        padding: 23px 19px;

        display: block;

        border-radius: 15px;

    }

    .sedg300_booking_verify_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 17px;

        border-radius: 12px;

        font-size: 20px;

    }

    .sedg300_booking_verify_content h3 {

        margin-bottom: 9px;

        font-size: 21px;

        line-height: 1.4;

    }

    .sedg300_booking_verify_content p {

        margin-bottom: 17px;

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }

    .sedg300_booking_official_btn {

        width: 100%;

        padding: 12px 15px;

        font-size: 12px;

       

    }


    /* IMPORTANT TTD / TRAVEL-SERVICE BOUNDARY */

    .sedg300_booking_boundary_box {

        margin-top: 22px;

        padding: 22px 18px;

        border-left-width: 4px;

        border-radius: 14px;

    }

    .sedg300_booking_boundary_heading {

        align-items: flex-start;

        gap: 9px;

        margin-bottom: 14px;

    }

    .sedg300_booking_boundary_icon {

        width: 36px;

        height: 36px;

        flex: 0 0 36px;

        font-size: 15px;

    }

    .sedg300_booking_boundary_heading h3 {

        font-size: 20px;

        line-height: 1.4;

    }

    .sedg300_booking_boundary_content p {

        margin-bottom: 12px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }

}
















/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN
   INDEPENDENT TRAVEL PLANNING
========================================================= */

.sedg300_ipt_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;
}

.sedg300_ipt_section *,
.sedg300_ipt_section *::before,
.sedg300_ipt_section *::after {
    box-sizing: border-box;
}


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

.sedg300_ipt_header {
    max-width: 900px;
    margin: 0 auto 45px;
}

.sedg300_ipt_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #fff3f4;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.sedg300_ipt_eyebrow_icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f9b0b3;
    color: #ffffff;
}

.sedg300_ipt_title {
    margin: 0 0 18px;
    color: #172033;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.sedg300_ipt_intro {
    max-width: 820px;
    margin: 0 auto;
    color: #5d6675;
    font-size: 16px;
    line-height: 1.9;
}

.sedg300_ipt_intro strong {
    color: #f3525a;
    font-weight: 700;
}


/* =========================================================
   TRAVEL SERVICE CARDS
========================================================= */

.sedg300_ipt_services_row {
    margin-bottom: 35px;
}

.sedg300_ipt_card {
    height: 100%;
    padding: 30px 26px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.sedg300_ipt_card:hover {
    transform: translateY(-5px);
    border-color: #f3525a;
    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.13);
}

.sedg300_ipt_card_icon {
    width: 54px;
    height: 54px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff0f1;
    color: #f3525a;
    font-size: 22px;
}

.sedg300_ipt_card_title {
    margin: 0 0 12px;
    color: #172033;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.sedg300_ipt_card_text {
    margin: 0;
    color: #626b7a;
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.sedg300_ipt_card_text strong {
    color: #f3525a;
    font-weight: 700;
}


/* =========================================================
   TRAVEL PACKAGE
========================================================= */

.sedg300_ipt_package {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 35px;
    padding: 32px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 18px;
}

.sedg300_ipt_package_icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #f3525a;
    color: #ffffff;
    font-size: 23px;
}

.sedg300_ipt_package_content {
    flex: 1;
}

.sedg300_ipt_package_title {
    margin: 0 0 12px;
    color: #172033;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.sedg300_ipt_package_text {
    margin: 0;
    color: #626b7a;
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.sedg300_ipt_package_text strong {
    color: #f3525a;
    font-weight: 700;
}


/* =========================================================
   SINGAPORE TRAVELLER PLANNING
========================================================= */

.sedg300_ipt_singapore_row {
    margin-bottom: 35px;
}

.sedg300_ipt_side_card {
    height: 100%;
    min-height: 240px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f3525a;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}

.sedg300_ipt_side_card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -45px;
    bottom: -45px;
    border-radius: 50%;
    background: #f9b0b3;
    opacity: 0.45;
}

.sedg300_ipt_side_icon {
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #ffffff;
    color: #f3525a;
    font-size: 22px;
    position: relative;
    z-index: 1;
}

.sedg300_ipt_side_title {
    max-width: 260px;
    margin: 0;
    color: #ffffff;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}

.sedg300_ipt_journey_card {
    height: 100%;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);
}

.sedg300_ipt_journey_icon {
    width: 48px;
    height: 48px;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff0f1;
    color: #f3525a;
    font-size: 20px;
}

.sedg300_ipt_journey_title {
    margin: 0 0 12px;
    color: #172033;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.sedg300_ipt_journey_text {
    margin: 0 0 22px;
    color: #626b7a;
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.sedg300_ipt_journey_text strong {
    color: #f3525a;
    font-weight: 700;
}

.sedg300_ipt_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    background: #f3525a;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.3s ease,
                transform 0.3s ease;
}

.sedg300_ipt_button:hover {
    background: #d94049;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
}

.sedg300_ipt_button i {
    font-size: 13px;
}


/* =========================================================
   IMPORTANT TTD / TRAVEL-SERVICE BOUNDARY
========================================================= */

.sedg300_ipt_boundary {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
}

.sedg300_ipt_boundary_icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;
    font-size: 21px;
}

.sedg300_ipt_boundary_content {
    flex: 1;
}

.sedg300_ipt_boundary_title {
    margin: 0 0 10px;
    color: #172033;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
}

.sedg300_ipt_boundary_text {
    margin: 0;
    color: #626b7a;
    font-size: 14px;
    line-height: 1.85;
    text-align: justify;
}

.sedg300_ipt_boundary_text strong {
    color: #f3525a;
    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sedg300_ipt_section {
        padding: 55px 20px;
    }

    .sedg300_ipt_header {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .sedg300_ipt_title {
        font-size: 34px;
        line-height: 1.25;
    }

    .sedg300_ipt_intro {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.85;
    }


    /* =====================================================
       TRAVEL SERVICE CARDS
    ===================================================== */

    .sedg300_ipt_services_row {
        margin-bottom: 30px;
    }

    .sedg300_ipt_card {
        padding: 27px 23px;
    }

    .sedg300_ipt_card_title {
        font-size: 19px;
    }

    .sedg300_ipt_card_text {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =====================================================
       TRAVEL PACKAGE
    ===================================================== */

    .sedg300_ipt_package {
        gap: 18px;
        padding: 28px;
        margin-bottom: 30px;
    }

    .sedg300_ipt_package_title {
        font-size: 21px;
    }

    .sedg300_ipt_package_text {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =====================================================
       SINGAPORE TRAVELLER PLANNING
    ===================================================== */

    .sedg300_ipt_singapore_row {
        margin-bottom: 30px;
    }

    .sedg300_ipt_side_card {
        min-height: 230px;
        padding: 28px;
    }

    .sedg300_ipt_side_title {
        max-width: 230px;
        font-size: 24px;
    }

    .sedg300_ipt_journey_card {
        padding: 28px;
    }

    .sedg300_ipt_journey_title {
        font-size: 21px;
    }

    .sedg300_ipt_journey_text {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =====================================================
       IMPORTANT TTD BOUNDARY
    ===================================================== */

    .sedg300_ipt_boundary {
        gap: 18px;
        padding: 28px;
    }

    .sedg300_ipt_boundary_title {
        font-size: 20px;
    }

    .sedg300_ipt_boundary_text {
        font-size: 14px;
        line-height: 1.8;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .sedg300_ipt_section {
        padding: 45px 15px;
    }


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

    .sedg300_ipt_header {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .sedg300_ipt_eyebrow {
        gap: 8px;
        margin-bottom: 14px;
        padding: 7px 12px;
        font-size: 10px;
        letter-spacing: 0.3px;
    }

    .sedg300_ipt_eyebrow_icon {
        width: 27px;
        height: 27px;
    }

    .sedg300_ipt_title {
        margin-bottom: 15px;
        font-size: 29px;
        line-height: 1.25;
    }

    .sedg300_ipt_intro {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.8;
        text-align: center;
    }


    /* =====================================================
       TRAVEL SERVICE CARDS
    ===================================================== */

    .sedg300_ipt_services_row {
        margin-bottom: 25px;
    }

    .sedg300_ipt_card {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .sedg300_ipt_card_icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
        border-radius: 12px;
        font-size: 20px;
    }

    .sedg300_ipt_card_title {
        margin-bottom: 10px;
        font-size: 19px;
        line-height: 1.4;
    }

    .sedg300_ipt_card_text {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =====================================================
       TRAVEL PACKAGE
    ===================================================== */

    .sedg300_ipt_package {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 25px;
        padding: 24px 20px;
        border-left-width: 4px;
        border-radius: 15px;
    }

    .sedg300_ipt_package_icon {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        border-radius: 13px;
        font-size: 20px;
    }

    .sedg300_ipt_package_title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;
    }

    .sedg300_ipt_package_text {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =====================================================
       SINGAPORE TRAVELLER PLANNING
    ===================================================== */

    .sedg300_ipt_singapore_row {
        margin-bottom: 25px;
    }

    .sedg300_ipt_side_card {
        min-height: 190px;
        padding: 25px 20px;
        border-radius: 15px;
    }

    .sedg300_ipt_side_icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
        border-radius: 12px;
        font-size: 20px;
    }

    .sedg300_ipt_side_title {
        max-width: 100%;
        font-size: 23px;
        line-height: 1.35;
    }

    .sedg300_ipt_journey_card {
        padding: 24px 20px;
        border-radius: 15px;
    }

    .sedg300_ipt_journey_icon {
        width: 45px;
        height: 45px;
        margin-bottom: 15px;
        border-radius: 11px;
        font-size: 19px;
    }

    .sedg300_ipt_journey_title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;
    }

    .sedg300_ipt_journey_text {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.8;
    }

    .sedg300_ipt_button {
        width: 100%;
        padding: 12px 18px;
        font-size: 13px;
    }


    /* =====================================================
       IMPORTANT TTD BOUNDARY
    ===================================================== */

    .sedg300_ipt_boundary {
        flex-direction: column;
        gap: 15px;
        padding: 24px 20px;
        border-radius: 15px;
    }

    .sedg300_ipt_boundary_icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        font-size: 20px;
    }

    .sedg300_ipt_boundary_title {
        margin-bottom: 9px;
        font-size: 19px;
        line-height: 1.4;
    }

    .sedg300_ipt_boundary_text {
        font-size: 14px;
        line-height: 1.8;
    }

}












/* =========================================================
   TTD DARSHAN COST & PRICE GUIDE SECTION
========================================================= */

.tdcp_cost_price_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


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

.tdcp_cost_price_section .container {

    max-width: 1300px;
    margin: 0 auto;
}


/* =========================================================
   CENTER SECTION HEADING
========================================================= */

.tdcp_heading_wrap {

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    margin-bottom: 30px;
}


/* =========================================================
   HEADING ICON
========================================================= */

.tdcp_heading_icon {

    width: 58px;
    height: 58px;

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

    margin-bottom: 16px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 16px;

    font-size: 25px;

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.12);
}


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

.tdcp_heading_content {

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    max-width: 900px;
}


/* =========================================================
   EYEBROW
========================================================= */

.tdcp_eyebrow {

    display: inline-block;

    margin-bottom: 7px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* =========================================================
   H2
========================================================= */

.tdcp_heading_content h2 {

    margin: 0;

    color: #172033;

    font-size: 38px;
    line-height: 1.3;

    font-weight: 700;
}


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

.tdcp_heading_content p {

    max-width: 760px;

    margin: 12px auto 0;

    color: #687182;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   INFORMATION CARDS
========================================================= */

.tdcp_info_card {

    height: 100%;

    position: relative;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e8ebf0;
    border-radius: 20px;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    box-sizing: border-box;
}


.tdcp_info_card:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow:
        0 18px 42px rgba(243, 82, 90, 0.12);
}


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

.tdcp_card_top {

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

    gap: 15px;

    margin-bottom: 22px;
}


.tdcp_card_icon {

    width: 52px;
    height: 52px;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 14px;

    font-size: 21px;

    flex-shrink: 0;
}


.tdcp_card_label {

    display: inline-flex;
    align-items: center;

    padding: 7px 13px;

    background: #fff1f2;

    color: #f3525a;

    border-radius: 30px;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.5px;
    text-transform: uppercase;
}


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

.tdcp_info_card h3 {

    margin: 0 0 15px;

    color: #172033;

    font-size: 21px;
    line-height: 1.4;

    font-weight: 700;
}


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

.tdcp_info_card > p {

    margin: 0 0 16px;

    color: #5b6474;

    font-size: 15px;
    line-height: 1.8;

    text-align: justify;
}


.tdcp_info_card strong {

    color: #172033;
    font-weight: 700;
}


/* =========================================================
   WARNING BOX
========================================================= */

.tdcp_warning_box {

    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-top: 22px;
    padding: 16px 17px;

    background: #fff6f6;

    border: 1px solid #f9b0b3;
    border-radius: 12px;
}


.tdcp_warning_box > i {

    margin-top: 3px;

    color: #f3525a;

    font-size: 17px;

    flex-shrink: 0;
}


.tdcp_warning_box p {

    margin: 0;

    color: #596273;

    font-size: 14px;
    line-height: 1.7;

    text-align: justify;
}


.tdcp_warning_box strong {

    color: #f3525a;
}


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

.tdcp_service_list {

    list-style: none;

    margin: 22px 0 20px;
    padding: 0;

    display: flex;
    flex-direction: column;

    gap: 13px;
}


.tdcp_service_list li {

    display: flex;
    align-items: flex-start;

    gap: 12px;

    color: #596273;

    font-size: 14px;
    line-height: 1.6;
}


.tdcp_service_list li i {

    width: 30px;
    height: 30px;

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

    flex: 0 0 30px;

    margin-top: -2px;

    background: #fff1f2;
    color: #f3525a;

    border-radius: 8px;

    font-size: 12px;
}


/* =========================================================
   PACKAGE NOTE
========================================================= */

.tdcp_package_note {

    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 16px 17px;

    background: #fff7f7;

    border-left: 3px solid #f3525a;

    border-radius: 10px;
}


.tdcp_package_note > i {

    margin-top: 3px;

    color: #f3525a;

    font-size: 16px;

    flex-shrink: 0;
}


.tdcp_package_note p {

    margin: 0;

    color: #596273;

    font-size: 14px;
    line-height: 1.7;

    text-align: justify;
}


.tdcp_package_note strong {

    color: #f3525a;
}


/* =========================================================
   VERIFY BOX - SECOND ROW
========================================================= */

.tdcp_verify_box {

    display: flex;
    align-items: center;

    gap: 22px;

    margin-top: 35px;
    padding: 26px 30px;

    background: #172033;

    border-radius: 20px;

    box-shadow:
        0 14px 35px rgba(23, 32, 51, 0.13);

    box-sizing: border-box;
}


.tdcp_verify_icon {

    width: 58px;
    height: 58px;

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

    flex: 0 0 58px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 15px;

    font-size: 23px;
}


.tdcp_verify_content {

    flex: 1;
}


.tdcp_verify_label {

    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-size: 19px;
    font-weight: 700;
}


.tdcp_verify_content p {

    max-width: 1000px;

    margin: 0;

    color: #d8dce4;

    font-size: 14px;
    line-height: 1.7;

    text-align: justify;
}


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

.tdcp_ttd_button {

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

    gap: 9px;

    margin-top: 18px;
    padding: 12px 19px;

    background: #f3525a;
    color: #ffffff;

    border: 1px solid #f3525a;
    border-radius: 40px;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.tdcp_ttd_button:hover {

    background: #ffffff;
    color: #f3525a;

    border-color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.25);

    text-decoration: none;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdcp_cost_price_section {

        padding: 55px 20px;
    }


    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    .tdcp_cost_price_section .container {

        max-width: 100%;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .tdcp_heading_wrap {

        margin-bottom: 28px;
    }


    .tdcp_heading_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 14px;

        border-radius: 15px;

        font-size: 23px;
    }


    .tdcp_heading_content {

        max-width: 760px;
    }


    .tdcp_eyebrow {

        font-size: 12px;
        letter-spacing: 1px;
    }


    .tdcp_heading_content h2 {

        font-size: 30px;
        line-height: 1.35;
    }


    .tdcp_heading_content p {

        max-width: 680px;

        margin-top: 10px;

        font-size: 14px;
        line-height: 1.75;
    }


    /* -----------------------------------------------------
       CARDS
    ----------------------------------------------------- */

    .tdcp_info_card {

        padding: 24px;

        border-radius: 18px;
    }


    .tdcp_card_top {

        gap: 12px;

        margin-bottom: 19px;
    }


    .tdcp_card_icon {

        width: 48px;
        height: 48px;

        border-radius: 13px;

        font-size: 19px;
    }


    .tdcp_card_label {

        padding: 6px 11px;

        font-size: 10px;

        letter-spacing: 0.4px;
    }


    .tdcp_info_card h3 {

        margin-bottom: 13px;

        font-size: 19px;
    }


    .tdcp_info_card > p {

        font-size: 13.5px;
        line-height: 1.75;
    }


    /* -----------------------------------------------------
       WARNING
    ----------------------------------------------------- */

    .tdcp_warning_box {

        gap: 10px;

        margin-top: 19px;

        padding: 14px;
    }


    .tdcp_warning_box > i {

        font-size: 16px;
    }


    .tdcp_warning_box p {

        font-size: 13px;
        line-height: 1.65;
    }


    /* -----------------------------------------------------
       SERVICE LIST
    ----------------------------------------------------- */

    .tdcp_service_list {

        margin-top: 19px;
        margin-bottom: 18px;

        gap: 11px;
    }


    .tdcp_service_list li {

        gap: 10px;

        font-size: 13px;
    }


    .tdcp_service_list li i {

        width: 28px;
        height: 28px;

        flex: 0 0 28px;

        border-radius: 7px;

        font-size: 11px;
    }


    /* -----------------------------------------------------
       PACKAGE NOTE
    ----------------------------------------------------- */

    .tdcp_package_note {

        gap: 10px;

        padding: 14px;
    }


    .tdcp_package_note > i {

        font-size: 15px;
    }


    .tdcp_package_note p {

        font-size: 13px;
        line-height: 1.65;
    }


    /* -----------------------------------------------------
       VERIFY BOX
    ----------------------------------------------------- */

    .tdcp_verify_box {

        gap: 18px;

        margin-top: 28px;

        padding: 23px 25px;

        border-radius: 18px;
    }


    .tdcp_verify_icon {

        width: 52px;
        height: 52px;

        flex: 0 0 52px;

        border-radius: 14px;

        font-size: 21px;
    }


    .tdcp_verify_label {

        margin-bottom: 5px;

        font-size: 18px;
    }


    .tdcp_verify_content p {

        max-width: 100%;

        font-size: 13px;
        line-height: 1.65;
    }


    .tdcp_ttd_button {

        margin-top: 16px;

        padding: 11px 18px;

        font-size: 12.5px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .tdcp_cost_price_section {

        padding: 45px 15px;
    }


    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    .tdcp_cost_price_section .container {

        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .tdcp_heading_wrap {

        margin-bottom: 25px;

        padding: 0 5px;
    }


    .tdcp_heading_icon {

        width: 50px;
        height: 50px;

        margin-bottom: 13px;

        border-radius: 14px;

        font-size: 21px;
    }


    .tdcp_heading_content {

        width: 100%;
        max-width: 100%;
    }


    .tdcp_eyebrow {

        margin-bottom: 6px;

        font-size: 10px;

        letter-spacing: 0.9px;
    }


    .tdcp_heading_content h2 {

        font-size: 23px;
        line-height: 1.4;
    }


    .tdcp_heading_content p {

        max-width: 100%;

        margin-top: 10px;

        font-size: 13px;
        line-height: 1.7;

        text-align: center;
    }


    /* -----------------------------------------------------
       BOOTSTRAP CARD ROW
    ----------------------------------------------------- */

    .tdcp_cost_price_section .row.g-4 {

        --bs-gutter-x: 0;
        --bs-gutter-y: 20px;
    }


    /* -----------------------------------------------------
       INFORMATION CARDS
    ----------------------------------------------------- */

    .tdcp_info_card {

        width: 100%;

        padding: 22px;

        border-radius: 17px;
    }


    .tdcp_info_card:hover {

        transform: none;
    }


    /* -----------------------------------------------------
       CARD TOP
    ----------------------------------------------------- */

    .tdcp_card_top {

        align-items: flex-start;

        gap: 12px;

        margin-bottom: 18px;
    }


    .tdcp_card_icon {

        width: 46px;
        height: 46px;

        flex: 0 0 46px;

        border-radius: 12px;

        font-size: 18px;
    }


    .tdcp_card_label {

        max-width: calc(100% - 58px);

        padding: 6px 10px;

        font-size: 9px;

        line-height: 1.4;

        letter-spacing: 0.35px;

        text-align: center;

        white-space: normal;
    }


    /* -----------------------------------------------------
       CARD HEADING
    ----------------------------------------------------- */

    .tdcp_info_card h3 {

        margin-bottom: 12px;

        font-size: 19px;
        line-height: 1.4;
    }


    /* -----------------------------------------------------
       CARD PARAGRAPHS
    ----------------------------------------------------- */

    .tdcp_info_card > p {

        margin-bottom: 14px;

        font-size: 13px;
        line-height: 1.75;

        text-align: justify;
    }


    /* -----------------------------------------------------
       WARNING BOX
    ----------------------------------------------------- */

    .tdcp_warning_box {

        gap: 10px;

        margin-top: 18px;

        padding: 14px;

        border-radius: 10px;
    }


    .tdcp_warning_box > i {

        margin-top: 2px;

        font-size: 15px;
    }


    .tdcp_warning_box p {

        font-size: 12.5px;
        line-height: 1.65;

        text-align: justify;
    }


    /* -----------------------------------------------------
       SERVICE LIST
    ----------------------------------------------------- */

    .tdcp_service_list {

        margin: 19px 0 18px;

        gap: 11px;
    }


    .tdcp_service_list li {

        gap: 9px;

        font-size: 12.8px;
        line-height: 1.55;
    }


    .tdcp_service_list li i {

        width: 28px;
        height: 28px;

        flex: 0 0 28px;

        margin-top: -1px;

        border-radius: 7px;

        font-size: 11px;
    }


    /* -----------------------------------------------------
       PACKAGE NOTE
    ----------------------------------------------------- */

    .tdcp_package_note {

        gap: 10px;

        padding: 14px;

        border-radius: 9px;
    }


    .tdcp_package_note > i {

        margin-top: 2px;

        font-size: 15px;
    }


    .tdcp_package_note p {

        font-size: 12.5px;
        line-height: 1.65;

        text-align: justify;
    }


    /* -----------------------------------------------------
       VERIFY BOX
    ----------------------------------------------------- */

    .tdcp_verify_box {

        align-items: flex-start;

        gap: 14px;

        margin-top: 25px;

        padding: 21px;

        border-radius: 16px;
    }


    .tdcp_verify_icon {

        width: 46px;
        height: 46px;

        flex: 0 0 46px;

        border-radius: 12px;

        font-size: 18px;
    }


    .tdcp_verify_content {

        min-width: 0;
    }


    .tdcp_verify_label {

        margin-bottom: 6px;

        font-size: 17px;
        line-height: 1.4;
    }


    .tdcp_verify_content p {

        max-width: 100%;

        font-size: 12.5px;
        line-height: 1.7;

        text-align: justify;
    }


    /* -----------------------------------------------------
       BUTTON
    ----------------------------------------------------- */

    .tdcp_ttd_button {

        width: 100%;

        margin-top: 16px;
        padding: 12px 15px;

        box-sizing: border-box;

        font-size: 12.5px;

        white-space: normal;

        text-align: center;
    }

}


















/* =========================================================
   TIRUPATI TRIP PLANNING GUIDE
========================================================= */

.tdtpg_trip_planning_master_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdtpg_trip_planning_master_section *,
.tdtpg_trip_planning_master_section *::before,
.tdtpg_trip_planning_master_section *::after {

    box-sizing: border-box;
}


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

.tdtpg_trip_planning_header {

    max-width: 950px;

    margin: 0 auto 25px;

}

.tdtpg_trip_planning_icon {

    width: 64px;

    height: 64px;

    margin: 0 auto 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 27px;

    box-shadow: 0 8px 22px rgba(243, 82, 90, 0.14);

}

.tdtpg_trip_planning_title {

    margin: 0 0 14px;

    font-size: 38px;

    line-height: 1.25;

    font-weight: 700;

    color: #172033;

}

.tdtpg_trip_planning_subtitle {

    margin: 0 auto 20px;

    font-size: 27px;

    line-height: 1.4;

    font-weight: 600;

    color: #f3525a;

}

.tdtpg_trip_planning_intro {

    max-width: 850px;

    margin: 0 auto;

    font-size: 17px;

    line-height: 1.8;

    color: #5b6575;

}

.tdtpg_trip_planning_intro strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   PLANNING STEPS
========================================================= */

.tdtpg_trip_planning_steps {

    margin-top: 0;
}


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

.tdtpg_trip_planning_card {

    position: relative;

    height: 100%;

    min-height: 280px;

    padding: 34px 28px 30px;

    background: #ffffff;

    border: 1px solid #edf0f4;

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.tdtpg_trip_planning_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

}

.tdtpg_trip_planning_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 38px rgba(23, 32, 51, 0.11);

}


/* =========================================================
   NUMBER
========================================================= */

.tdtpg_trip_planning_number {

    position: absolute;

    top: 18px;

    right: 22px;

    font-size: 14px;

    line-height: 1;

    font-weight: 700;

    color: #f3525a;

    letter-spacing: 1px;

}


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

.tdtpg_trip_planning_card_icon {

    width: 54px;

    height: 54px;

    margin-bottom: 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 22px;

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

}

.tdtpg_trip_planning_card:hover .tdtpg_trip_planning_card_icon {

    background: #f3525a;

    color: #ffffff;

}


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

.tdtpg_trip_planning_card h4 {

    margin: 0 0 13px;

    font-size: 20px;

    line-height: 1.45;

    font-weight: 700;

    color: #172033;

}

.tdtpg_trip_planning_card p {

    margin: 0;

    font-size: 16px;

    line-height: 1.75;

    color: #687385;

    text-align: justify;

}


/* =========================================================
   SINGAPORE TO INDIA-SIDE TRAVEL PLANNING
========================================================= */

.tdtpg_trip_planning_travel_box {

    margin-top: 55px;

    padding: 34px 38px;

    display: flex;

    align-items: flex-start;

    gap: 24px;

    background: #fff8f8;

    border: 1px solid #f9b0b3;

    border-left: 5px solid #f3525a;

    border-radius: 18px;

}

.tdtpg_trip_planning_travel_icon {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 23px;

}

.tdtpg_trip_planning_travel_content {

    flex: 1;

}

.tdtpg_trip_planning_travel_content h3 {

    margin: 0 0 12px;

    font-size: 25px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}

.tdtpg_trip_planning_travel_content p {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color: #5f6978;

    text-align: justify;

}

.tdtpg_trip_planning_travel_content strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.tdtpg_trip_planning_notice {

    margin-top: 25px;

    padding: 28px 32px;

    display: flex;

    align-items: flex-start;

    gap: 20px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.05);

}

.tdtpg_trip_planning_notice_icon {

    flex: 0 0 48px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 21px;

}

.tdtpg_trip_planning_notice_content {

    flex: 1;

}

.tdtpg_trip_planning_notice_content p {

    margin: 0;

    font-size: 15px;

    line-height: 1.8;

    color: #5f6978;

    text-align: justify;

}

.tdtpg_trip_planning_notice_content strong {

    color: #f3525a;

    font-weight: 700;

}


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

.tdtpg_trip_planning_closing {

    max-width: 900px;

    margin: 28px auto 0;

    text-align: center;

}

.tdtpg_trip_planning_closing p {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 500;

    color: #4f5a6b;

}
/* =========================================================
   TIRUPATI TRIP PLANNING GUIDE
   TABLET RESPONSIVE - 768px TO 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdtpg_trip_planning_master_section {

        padding: 55px 20px;

    }

    .tdtpg_trip_planning_header {

        max-width: 850px;

        margin-bottom: 45px;

    }

    .tdtpg_trip_planning_icon {

        width: 60px;

        height: 60px;

        margin-bottom: 18px;

        font-size: 25px;

    }

    .tdtpg_trip_planning_title {

        font-size: 34px;

        line-height: 1.3;

    }

    .tdtpg_trip_planning_subtitle {

        font-size: 24px;

        line-height: 1.45;

        margin-bottom: 18px;

    }

    .tdtpg_trip_planning_intro {

        max-width: 760px;

        font-size: 16px;

        line-height: 1.8;

    }


    /* -----------------------------------------------------
       STEP CARDS
    ----------------------------------------------------- */

    .tdtpg_trip_planning_card {

        min-height: 285px;

        padding: 32px 25px 28px;

        border-radius: 17px;

    }

    .tdtpg_trip_planning_number {

        top: 17px;

        right: 20px;

        font-size: 13px;

    }

    .tdtpg_trip_planning_card_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 20px;

        font-size: 21px;

    }

    .tdtpg_trip_planning_card h4 {

        font-size: 19px;

        line-height: 1.45;

        margin-bottom: 12px;

    }

    .tdtpg_trip_planning_card p {

        font-size: 15px;

        line-height: 1.75;

    }


    /* -----------------------------------------------------
       SINGAPORE TO INDIA-SIDE
    ----------------------------------------------------- */

    .tdtpg_trip_planning_travel_box {

        margin-top: 45px;

        padding: 30px;

        gap: 20px;

        border-left-width: 4px;

        border-radius: 17px;

    }

    .tdtpg_trip_planning_travel_icon {

        flex: 0 0 54px;

        width: 54px;

        height: 54px;

        font-size: 21px;

    }

    .tdtpg_trip_planning_travel_content h3 {

        font-size: 23px;

        line-height: 1.45;

        margin-bottom: 11px;

    }

    .tdtpg_trip_planning_travel_content p {

        font-size: 15px;

        line-height: 1.8;

    }


    /* -----------------------------------------------------
       IMPORTANT NOTICE
    ----------------------------------------------------- */

    .tdtpg_trip_planning_notice {

        margin-top: 22px;

        padding: 25px 28px;

        gap: 17px;

        border-radius: 15px;

    }

    .tdtpg_trip_planning_notice_icon {

        flex: 0 0 45px;

        width: 45px;

        height: 45px;

        font-size: 20px;

    }

    .tdtpg_trip_planning_notice_content p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* -----------------------------------------------------
       CLOSING
    ----------------------------------------------------- */

    .tdtpg_trip_planning_closing {

        max-width: 800px;

        margin-top: 25px;

    }

    .tdtpg_trip_planning_closing p {

        font-size: 15px;

        line-height: 1.8;

    }

}


/* =========================================================
   TIRUPATI TRIP PLANNING GUIDE
   MOBILE RESPONSIVE - UP TO 767px
========================================================= */

@media (max-width: 767px) {

    .tdtpg_trip_planning_master_section {

        padding: 45px 15px;

    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .tdtpg_trip_planning_header {

        max-width: 100%;

        margin-bottom: 35px;

    }

    .tdtpg_trip_planning_icon {

        width: 56px;

        height: 56px;

        margin-bottom: 16px;

        font-size: 23px;

    }

    .tdtpg_trip_planning_title {

        font-size: 27px;

        line-height: 1.3;

        margin-bottom: 12px;

    }

    .tdtpg_trip_planning_subtitle {

        font-size: 20px;

        line-height: 1.45;

        margin-bottom: 17px;

    }

    .tdtpg_trip_planning_intro {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.8;

    }


    /* -----------------------------------------------------
       STEP CARDS
    ----------------------------------------------------- */

    .tdtpg_trip_planning_card {

        min-height: auto;

        padding: 28px 21px 25px;

        border-radius: 15px;

    }

    .tdtpg_trip_planning_card::before {

        height: 3px;

    }

    .tdtpg_trip_planning_number {

        top: 16px;

        right: 18px;

        font-size: 12px;

    }

    .tdtpg_trip_planning_card_icon {

        width: 48px;

        height: 48px;

        margin-bottom: 17px;

        border-radius: 12px;

        font-size: 19px;

    }

    .tdtpg_trip_planning_card h4 {

        font-size: 18px;

        line-height: 1.45;

        margin-bottom: 10px;

        padding-right: 28px;

    }

    .tdtpg_trip_planning_card p {

        font-size: 14px;

        line-height: 1.75;

        text-align: justify;

    }


    /* -----------------------------------------------------
       SINGAPORE TO INDIA-SIDE
    ----------------------------------------------------- */

    .tdtpg_trip_planning_travel_box {

        margin-top: 38px;

        padding: 24px 20px;

        display: block;

        border-left-width: 4px;

        border-radius: 15px;

    }

    .tdtpg_trip_planning_travel_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 17px;

        border-radius: 12px;

        font-size: 20px;

    }

    .tdtpg_trip_planning_travel_content {

        width: 100%;

    }

    .tdtpg_trip_planning_travel_content h3 {

        font-size: 21px;

        line-height: 1.45;

        margin-bottom: 10px;

    }

    .tdtpg_trip_planning_travel_content p {

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;

    }


    /* -----------------------------------------------------
       IMPORTANT NOTICE
    ----------------------------------------------------- */

    .tdtpg_trip_planning_notice {

        margin-top: 20px;

        padding: 22px 19px;

        display: block;

        border-radius: 14px;

    }

    .tdtpg_trip_planning_notice_icon {

        width: 45px;

        height: 45px;

        margin-bottom: 15px;

        border-radius: 11px;

        font-size: 19px;

    }

    .tdtpg_trip_planning_notice_content {

        width: 100%;

    }

    .tdtpg_trip_planning_notice_content p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;

    }


    /* -----------------------------------------------------
       CLOSING CONTENT
    ----------------------------------------------------- */

    .tdtpg_trip_planning_closing {

        max-width: 100%;

        margin-top: 22px;

    }

    .tdtpg_trip_planning_closing p {

        font-size: 14px;

        line-height: 1.8;

        text-align: center;

    }

}














/* =========================================================
   SINGAPORE TRAVELLER GUIDE
========================================================= */

.tdt_sg300_traveller_guide_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sg300_traveller_guide_section *,
.tdt_sg300_traveller_guide_section *::before,
.tdt_sg300_traveller_guide_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   TRAVELLER GUIDE BADGE
========================================================= */

.tdt_sg300_traveller_guide_badge {

    display: inline-block;

    margin-bottom: 14px;

    padding: 7px 16px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 0.5px;

}


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

.tdt_sg300_traveller_guide_title {

    margin-bottom: 25px;

    font-size: 36px;

    line-height: 1.3;

    font-weight: 700;

    color: #172033;

}


/* =========================================================
   INTRODUCTION
========================================================= */

.tdt_sg300_traveller_guide_intro {

    max-width: 1000px;

    margin: 0 auto 20px;

    padding: 25px 30px;

    background: #ffffff;

    border-left: 5px solid #f3525a;

    border-radius: 12px;

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.07);

}

.tdt_sg300_traveller_guide_intro p {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color: #4c566a;

    text-align: center;

}

.tdt_sg300_traveller_guide_intro strong {

    color: #172033;

}


/* =========================================================
   JOURNEY CARDS
========================================================= */

.tdt_sg300_traveller_guide_journey_row {

    margin-bottom: 35px;

}

.tdt_sg300_traveller_guide_journey_card {

    height: 100%;

    padding: 32px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.14);

    border-radius: 16px;

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.08);

    transition: all 0.3s ease;

}

.tdt_sg300_traveller_guide_journey_card:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow: 0 15px 32px rgba(23, 32, 51, 0.12);

}

.tdt_sg300_traveller_guide_card_icon {

    width: 52px;

    height: 52px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 22px;

}

.tdt_sg300_traveller_guide_label {

    display: inline-block;

    margin-bottom: 9px;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 0.8px;

    text-transform: uppercase;

    color: #f3525a;

}

.tdt_sg300_traveller_guide_journey_card h3 {

    margin: 0 0 16px;

    font-size: 24px;

    line-height: 1.35;

    font-weight: 700;

    color: #172033;

}

.tdt_sg300_traveller_guide_journey_card p {

    margin: 0 0 14px;

    font-size: 15px;

    line-height: 1.8;

    color: #596274;

    text-align: justify;

}

.tdt_sg300_traveller_guide_journey_card p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   TARGET CUSTOMER MARKET
========================================================= */

.tdt_sg300_traveller_guide_market {

    max-width: 1100px;

    margin: 0 auto 55px;

    padding: 30px 35px;

    display: flex;

    align-items: flex-start;

    gap: 22px;

    background: #ffffff;

    border-radius: 16px;

    border: 1px solid rgba(243, 82, 90, 0.15);

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.07);

}

.tdt_sg300_traveller_guide_market_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 21px;

}

.tdt_sg300_traveller_guide_market h3 {

    margin: 0 0 12px;

    font-size: 23px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}

.tdt_sg300_traveller_guide_market p {

    margin: 0;

    font-size: 15px;

    line-height: 1.8;

    color: #596274;

    text-align: justify;

}


/* =========================================================
   ARRIVAL POINT HEADING
========================================================= */

.tdt_sg300_traveller_guide_arrival_heading {

    max-width: 900px;

    margin: 0 auto 35px;

}

.tdt_sg300_traveller_guide_heading_icon {

    width: 58px;

    height: 58px;

    margin: 0 auto 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 23px;

}

.tdt_sg300_traveller_guide_arrival_heading h2 {

    margin: 0 0 14px;

    font-size: 30px;

    line-height: 1.35;

    font-weight: 700;

    color: #172033;

}

.tdt_sg300_traveller_guide_arrival_heading p {

    margin: 0;

    font-size: 15px;

    line-height: 1.8;

    color: #596274;

}


/* =========================================================
   ARRIVAL OPTION ROW
========================================================= */

.tdt_sg300_traveller_guide_arrival_row {

    margin-bottom: 25px;

}


/* =========================================================
   FULL CLICKABLE ARRIVAL CARD LINK
========================================================= */

.tdt_sg300_traveller_guide_arrival_card_link {

    display: block;

    width: 100%;

    height: 100%;

    color: inherit;

    text-decoration: none;

    cursor: pointer;

}

.tdt_sg300_traveller_guide_arrival_card_link:hover {

    color: inherit;

    text-decoration: none;

}


/* =========================================================
   ARRIVAL OPTION CARD
========================================================= */

.tdt_sg300_traveller_guide_arrival_card {

    height: 100%;

    padding: 30px 26px;

    background: #ffffff;

    border-radius: 16px;

    border: 1px solid rgba(243, 82, 90, 0.15);

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.08);

    text-align: center;

    transition: all 0.3s ease;

}


/* =========================================================
   FULL CARD HOVER EFFECT
========================================================= */

.tdt_sg300_traveller_guide_arrival_card_link:hover
.tdt_sg300_traveller_guide_arrival_card {

    transform: translateY(-6px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 34px rgba(23, 32, 51, 0.13);

}


/* =========================================================
   ARRIVAL OPTION NUMBER
========================================================= */

.tdt_sg300_traveller_guide_option_number {

    display: inline-block;

    margin-bottom: 10px;

    padding: 7px 13px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 20px;

    font-size: 12px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 0.5px;

}


/* =========================================================
   ARRIVAL ICON
========================================================= */

.tdt_sg300_traveller_guide_arrival_icon {

    width: 58px;

    height: 58px;

    margin: 0 auto 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 22px;

}


/* =========================================================
   ARRIVAL CARD TITLE
========================================================= */

.tdt_sg300_traveller_guide_arrival_card h3 {

    min-height: 64px;

    margin: 0 0 15px;

    font-size: 21px;

    line-height: 1.45;

    font-weight: 700;

    color: #172033;

}


/* =========================================================
   ARRIVAL CARD DESCRIPTION
========================================================= */

.tdt_sg300_traveller_guide_arrival_card p {

    min-height: 86px;

    margin: 0 0 10px;

    font-size: 14px;

    line-height: 1.75;

    color: #596274;

}


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

.tdt_sg300_traveller_guide_explore_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    width: 100%;

    min-height: 46px;

    padding: 11px 15px;

    background: #f3525a;

    color: #ffffff;

    border: 2px solid #f3525a;

    border-radius: 8px;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;

}


/* =========================================================
   EXPLORE BUTTON HOVER
========================================================= */

.tdt_sg300_traveller_guide_arrival_card_link:hover
.tdt_sg300_traveller_guide_explore_btn {

    background: #ffffff;

    color: #f3525a;

    border-color: #f3525a;

}

.tdt_sg300_traveller_guide_explore_btn i {

    font-size: 12px;

}


/* =========================================================
   IMPORTANT TRAVEL-SERVICE BOUNDARY
========================================================= */

.tdt_sg300_traveller_guide_boundary {

    max-width: 1100px;

    margin: 0 auto;

    padding: 32px 35px;

    display: flex;

    align-items: flex-start;

    gap: 22px;

    background: #ffffff;

    border-radius: 16px;

    border: 2px solid #f9b0b3;

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.07);

}

.tdt_sg300_traveller_guide_boundary_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 21px;

}

.tdt_sg300_traveller_guide_boundary h3 {

    margin: 0 0 14px;

    font-size: 23px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}

.tdt_sg300_traveller_guide_boundary p {

    margin: 0 0 14px;

    font-size: 15px;

    line-height: 1.8;

    color: #596274;

    text-align: justify;

}

.tdt_sg300_traveller_guide_boundary p:last-child {

    margin-bottom: 0;

}

.tdt_sg300_traveller_guide_boundary strong {

    color: #f3525a;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sg300_traveller_guide_section {

        padding: 55px 20px;

    }


    /* ---------------------------------------------------------
       SECTION HEADER
    --------------------------------------------------------- */
        .tdt_sg300_traveller_guide_badge {

        margin-bottom: 12px;

        padding: 6px 15px;

        font-size: 12px;

        line-height: 1.4;

    }

    .tdt_sg300_traveller_guide_title {

        margin-bottom: 22px;

        font-size: 32px;

        line-height: 1.35;

    }

    /* ---------------------------------------------------------
       INTRODUCTION
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_intro {

        max-width: 850px;

        padding: 24px 28px;

        margin-bottom: 25px;

    }

    .tdt_sg300_traveller_guide_intro p {

        font-size: 15px;

        line-height: 1.8;

    }


    /* ---------------------------------------------------------
       JOURNEY CARDS
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_journey_row {

        margin-bottom: 35px;

    }

    .tdt_sg300_traveller_guide_journey_card {

        padding: 28px;

    }

    .tdt_sg300_traveller_guide_card_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 18px;

        font-size: 21px;

    }

    .tdt_sg300_traveller_guide_journey_card h3 {

        font-size: 22px;

        line-height: 1.4;

    }

    .tdt_sg300_traveller_guide_journey_card p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* ---------------------------------------------------------
       TARGET CUSTOMER MARKET
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_market {

        max-width: 900px;

        padding: 27px 30px;

        gap: 20px;

        margin-bottom: 45px;

    }

    .tdt_sg300_traveller_guide_market_icon {

        flex: 0 0 50px;

        width: 50px;

        height: 50px;

        font-size: 20px;

    }

    .tdt_sg300_traveller_guide_market h3 {

        font-size: 21px;

    }

    .tdt_sg300_traveller_guide_market p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* ---------------------------------------------------------
       ARRIVAL POINT HEADING
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_arrival_heading {

        max-width: 800px;

        margin-bottom: 30px;

    }

    .tdt_sg300_traveller_guide_arrival_heading h2 {

        font-size: 27px;

    }

    .tdt_sg300_traveller_guide_arrival_heading p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* ---------------------------------------------------------
       ARRIVAL OPTION CARDS
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_arrival_row {

        margin-bottom: 25px;

    }

    .tdt_sg300_traveller_guide_arrival_card {

        padding: 27px 22px;

    }

    .tdt_sg300_traveller_guide_option_number {

        padding: 6px 12px;

        font-size: 11px;

    }

    .tdt_sg300_traveller_guide_arrival_icon {

        width: 55px;

        height: 55px;

        margin-bottom: 18px;

        font-size: 21px;

    }

    .tdt_sg300_traveller_guide_arrival_card h3 {

        min-height: auto;

        margin-bottom: 14px;

        font-size: 19px;

        line-height: 1.45;

    }

    .tdt_sg300_traveller_guide_arrival_card p {

        min-height: auto;

        margin-bottom: 14px;

        font-size: 13px;

        line-height: 1.75;

    }

    .tdt_sg300_traveller_guide_explore_btn {

        min-height: 44px;

        padding: 10px 12px;

        font-size: 12px;

    }


    /* ---------------------------------------------------------
       IMPORTANT TRAVEL-SERVICE BOUNDARY
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_boundary {

        max-width: 900px;

        padding: 28px 30px;

        gap: 20px;

    }

    .tdt_sg300_traveller_guide_boundary_icon {

        flex: 0 0 50px;

        width: 50px;

        height: 50px;

        font-size: 20px;

    }

    .tdt_sg300_traveller_guide_boundary h3 {

        font-size: 21px;

    }

    .tdt_sg300_traveller_guide_boundary p {

        font-size: 14px;

        line-height: 1.8;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_sg300_traveller_guide_section {

        padding: 45px 15px;

    }


    /* ---------------------------------------------------------
       SECTION HEADER
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_badge {

        margin-bottom: 11px;

        padding: 6px 13px;

        font-size: 11px;

        line-height: 1.4;

        letter-spacing: 0.4px;

    }

    .tdt_sg300_traveller_guide_title {

        margin-bottom: 20px;

        font-size: 26px;

        line-height: 1.35;

    }

    /* ---------------------------------------------------------
       INTRODUCTION
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_intro {

        width: 100%;

        padding: 20px 18px;

        margin-bottom: 22px;

        border-left-width: 4px;

        border-radius: 10px;

    }

    .tdt_sg300_traveller_guide_intro p {

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;

    }


    /* ---------------------------------------------------------
       JOURNEY CARDS
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_journey_row {

        margin-bottom: 30px;

    }

    .tdt_sg300_traveller_guide_journey_card {

        padding: 24px 20px;

        border-radius: 14px;

    }

    .tdt_sg300_traveller_guide_card_icon {

        width: 48px;

        height: 48px;

        margin-bottom: 16px;

        border-radius: 10px;

        font-size: 20px;

    }

    .tdt_sg300_traveller_guide_label {

        margin-bottom: 8px;

        font-size: 11px;

    }

    .tdt_sg300_traveller_guide_journey_card h3 {

        margin-bottom: 13px;

        font-size: 20px;

        line-height: 1.4;

    }

    .tdt_sg300_traveller_guide_journey_card p {

        margin-bottom: 12px;

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;

    }


    /* ---------------------------------------------------------
       TARGET CUSTOMER MARKET
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_market {

        width: 100%;

        padding: 23px 19px;

        margin-bottom: 38px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;

        border-radius: 14px;

    }

    .tdt_sg300_traveller_guide_market_icon {

        flex: 0 0 auto;

        width: 48px;

        height: 48px;

        border-radius: 10px;

        font-size: 19px;

    }

    .tdt_sg300_traveller_guide_market h3 {

        margin-bottom: 10px;

        font-size: 19px;

        line-height: 1.4;

    }

    .tdt_sg300_traveller_guide_market p {

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;

    }


    /* ---------------------------------------------------------
       ARRIVAL POINT HEADING
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_arrival_heading {

        width: 100%;

        margin-bottom: 25px;

    }

    .tdt_sg300_traveller_guide_arrival_heading h2 {

        margin-bottom: 11px;

        font-size: 24px;

        line-height: 1.35;

    }

    .tdt_sg300_traveller_guide_arrival_heading p {

        font-size: 14px;

        line-height: 1.8;

        text-align: center;

    }


    /* ---------------------------------------------------------
       ARRIVAL OPTION ROW
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_arrival_row {

        margin-bottom: 20px;

    }


    /* ---------------------------------------------------------
       FULL CLICKABLE CARD
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_arrival_card_link {

        display: block;

        width: 100%;

    }


    /* ---------------------------------------------------------
       ARRIVAL OPTION CARD
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_arrival_card {

        width: 100%;

        padding: 25px 20px;

        border-radius: 14px;

    }

    .tdt_sg300_traveller_guide_option_number {

        margin-bottom: 10px;

        padding: 6px 11px;

        font-size: 11px;

    }

    .tdt_sg300_traveller_guide_arrival_icon {

        width: 54px;

        height: 54px;

        margin-bottom: 17px;

        font-size: 20px;

    }

    .tdt_sg300_traveller_guide_arrival_card h3 {

        min-height: auto;

        margin-bottom: 12px;

        font-size: 19px;

        line-height: 1.45;

    }

    .tdt_sg300_traveller_guide_arrival_card p {

        min-height: auto;

        margin-bottom: 15px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


    /* ---------------------------------------------------------
       EXPLORE BUTTON
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_explore_btn {

        width: 100%;

        min-height: 44px;

        padding: 10px 12px;

        gap: 7px;

        font-size: 12px;

        border-radius: 7px;

    }

    .tdt_sg300_traveller_guide_explore_btn i {

        font-size: 11px;

    }


    /* ---------------------------------------------------------
       IMPORTANT TRAVEL-SERVICE BOUNDARY
    --------------------------------------------------------- */

    .tdt_sg300_traveller_guide_boundary {

        width: 100%;

        padding: 24px 19px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;

        border-radius: 14px;

    }

    .tdt_sg300_traveller_guide_boundary_icon {

        flex: 0 0 auto;

        width: 48px;

        height: 48px;

        border-radius: 10px;

        font-size: 19px;

    }

    .tdt_sg300_traveller_guide_boundary h3 {

        margin-bottom: 11px;

        font-size: 19px;

        line-height: 1.4;

    }

    .tdt_sg300_traveller_guide_boundary p {

        margin-bottom: 12px;

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;

    }

}













/* =========================================================
   INDIA-SIDE TRAVEL OPTIONS
========================================================= */

.tdt_sg300_india_side_travel_options {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sg300_india_side_travel_options *,
.tdt_sg300_india_side_travel_options *::before,
.tdt_sg300_india_side_travel_options *::after {

    box-sizing: border-box;
}


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

.tdt_sg300_india_side_heading {

    max-width: 1200px;

    margin: 0 auto 25px;

}

.tdt_sg300_india_side_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-bottom: 16px;

    padding: 8px 18px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;

}

.tdt_sg300_india_side_badge i {

    color: #f3525a;

    font-size: 16px;

}

.tdt_sg300_india_side_heading h2 {

    margin: 0 0 18px;

    color: #172033;

    font-size: 30px;

    font-weight: 700;

    line-height: 1.3;

}

.tdt_sg300_india_side_heading p {

    margin: 0;

    color: #5c6678;

    font-size: 16px;

    line-height: 1.8;

}

.tdt_sg300_india_side_heading p strong {

    color: #172033;

}


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

.tdt_sg300_india_side_cards {

    width: 100%;

}


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

.tdt_sg300_india_side_card {

    position: relative;

    display: flex;

    flex-direction: column;

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #edf0f4;

    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.tdt_sg300_india_side_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 40px rgba(243, 82, 90, 0.14);

}


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

.tdt_sg300_india_side_card_icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 58px;

    height: 58px;

    margin-bottom: 22px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 23px;

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

}

.tdt_sg300_india_side_card:hover
.tdt_sg300_india_side_card_icon {

    background: #f3525a;

    color: #ffffff;

}


/* =========================================================
   ARRIVAL OPTION LABEL
========================================================= */

.tdt_sg300_india_side_option {

    display: inline-block;

    margin-bottom: 10px;

    color: #000;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    line-height: 1.4;

}


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

.tdt_sg300_india_side_card h3 {

    margin: 0 0 16px;

    color: #f3525a;

    font-size: 21px;

    font-weight: 700;

    line-height: 1.45;

    text-align: justify;

}


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

.tdt_sg300_india_side_card p {

    margin: 0 0 14px;

    color: #5c6678;

    font-size: 15px;

    line-height: 1.75;

    text-align: justify;

}

.tdt_sg300_india_side_card p strong {

    color: #172033;

}


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

.tdt_sg300_india_side_card ul {

    margin: 20px 0 24px;

    padding: 0;

    list-style: none;

}

.tdt_sg300_india_side_card ul li {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-bottom: 11px;

    color: #4f596b;

    font-size: 14px;

    line-height: 1.6;

}

.tdt_sg300_india_side_card ul li:last-child {

    margin-bottom: 0;

}

.tdt_sg300_india_side_card ul li i {

    flex-shrink: 0;

    margin-top: 3px;

    color: #f3525a;

    font-size: 14px;

}


/* =========================================================
   CTA LINK
========================================================= */

.tdt_sg300_india_side_card_cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-top: auto;

    padding-top: 18px;

    border-top: 1px solid #edf0f4;

    color: #f3525a;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;

    transition: color 0.3s ease;

}

.tdt_sg300_india_side_card_cta:hover {

    color: #f3525a;

    text-decoration: none;

}

.tdt_sg300_india_side_card_cta span {

    display: block;

}

.tdt_sg300_india_side_card_cta i {

    flex-shrink: 0;

    color: #f3525a;

    font-size: 14px;

    transition: transform 0.3s ease;

}

.tdt_sg300_india_side_card_cta:hover i {

    transform: translateX(5px);

}


/* =========================================================
   TRAVEL INFORMATION
========================================================= */

.tdt_sg300_india_side_travel_info {

    max-width: 1200px;

    margin: 40px auto 0;

    padding: 25px 30px;

    background: #fff7f7;

    border-left: 4px solid #f3525a;

    border-radius: 12px;

}

.tdt_sg300_india_side_travel_info p {

    margin: 0;

    color: #4f596b;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;

}

.tdt_sg300_india_side_travel_info p strong {

    color: #172033;

}


/* =========================================================
   IMPORTANT DARSHAN / TRAVEL-SERVICE BOUNDARY
========================================================= */

.tdt_sg300_india_side_boundary {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    max-width: 1200px;

    margin: 25px auto 0;

    padding: 28px 30px;

    background: #f9b0b3;

    border-radius: 16px;

}

.tdt_sg300_india_side_boundary_icon {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    width: 48px;

    height: 48px;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 20px;

}

.tdt_sg300_india_side_boundary_content {

    flex: 1;

}

.tdt_sg300_india_side_boundary_content h3 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4;

}

.tdt_sg300_india_side_boundary_content p {

    margin: 0;

    color: #172033;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;

}

.tdt_sg300_india_side_boundary_content p strong {

    color: #f3525a;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

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

    .tdt_sg300_india_side_travel_options {

        padding: 50px 20px;

    }


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

    .tdt_sg300_india_side_heading {

        margin-bottom: 25px;

    }

    .tdt_sg300_india_side_badge {

        padding: 7px 16px;

        margin-bottom: 13px;

        font-size: 12px;

    }

    .tdt_sg300_india_side_badge i {

        font-size: 15px;

    }

    .tdt_sg300_india_side_heading h2 {

        margin-bottom: 14px;

        font-size: 26px;

        line-height: 1.35;

    }

    .tdt_sg300_india_side_heading p {

        font-size: 15px;

        line-height: 1.75;

    }


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

    .tdt_sg300_india_side_cards {

        width: 100%;

    }


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

    .tdt_sg300_india_side_card {

        padding: 25px;

        border-radius: 17px;

    }


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

    .tdt_sg300_india_side_card_icon {

        width: 54px;

        height: 54px;

        margin-bottom: 19px;

        border-radius: 14px;

        font-size: 21px;

    }


    /* =====================================================
       ARRIVAL OPTION
    ===================================================== */

    .tdt_sg300_india_side_option {

        margin-bottom: 8px;

        font-size: 12px;

    }


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

    .tdt_sg300_india_side_card h3 {

        margin-bottom: 13px;

        font-size: 19px;

        line-height: 1.4;

    }


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

    .tdt_sg300_india_side_card p {

        margin-bottom: 12px;

        font-size: 14px;

        line-height: 1.7;

    }


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

    .tdt_sg300_india_side_card ul {

        margin: 17px 0 21px;

    }

    .tdt_sg300_india_side_card ul li {

        gap: 9px;

        margin-bottom: 10px;

        font-size: 13px;

        line-height: 1.6;

    }

    .tdt_sg300_india_side_card ul li i {

        margin-top: 3px;

        font-size: 13px;

    }


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

    .tdt_sg300_india_side_card_cta {

        padding-top: 16px;

        font-size: 13px;

    }


    /* =====================================================
       TRAVEL INFORMATION
    ===================================================== */

    .tdt_sg300_india_side_travel_info {

        margin-top: 32px;

        padding: 22px 25px;

        border-radius: 11px;

    }

    .tdt_sg300_india_side_travel_info p {

        font-size: 14px;

        line-height: 1.75;

    }


    /* =====================================================
       IMPORTANT BOUNDARY
    ===================================================== */

    .tdt_sg300_india_side_boundary {

        gap: 15px;

        margin-top: 22px;

        padding: 23px 25px;

        border-radius: 14px;

    }

    .tdt_sg300_india_side_boundary_icon {

        width: 44px;

        height: 44px;

        font-size: 18px;

    }

    .tdt_sg300_india_side_boundary_content h3 {

        margin-bottom: 8px;

        font-size: 18px;

    }

    .tdt_sg300_india_side_boundary_content p {

        font-size: 13px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   UP TO 767px
========================================================= */

@media (max-width: 767px) {

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

    .tdt_sg300_india_side_travel_options {

        padding: 42px 15px;

    }


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

    .tdt_sg300_india_side_heading {

        margin-bottom: 22px;

    }

    .tdt_sg300_india_side_badge {

        display: inline-flex;

        gap: 6px;

        margin-bottom: 12px;

        padding: 7px 14px;

        font-size: 11px;

        line-height: 1.35;

    }

    .tdt_sg300_india_side_badge i {

        font-size: 14px;

    }

    .tdt_sg300_india_side_heading h2 {

        margin-bottom: 12px;

        font-size: 23px;

        line-height: 1.35;

    }

    .tdt_sg300_india_side_heading p {

        font-size: 14px;

        line-height: 1.75;

       

    }


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

    .tdt_sg300_india_side_cards {

        width: 100%;

    }


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

    .tdt_sg300_india_side_card {

        padding: 22px 20px;

        border-radius: 16px;

        box-shadow: 0 7px 22px rgba(23, 32, 51, 0.06);

    }

    .tdt_sg300_india_side_card:hover {

        transform: none;

        box-shadow: 0 7px 22px rgba(23, 32, 51, 0.06);

    }


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

    .tdt_sg300_india_side_card_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 17px;

        border-radius: 13px;

        font-size: 20px;

    }


    /* =====================================================
       ARRIVAL OPTION
    ===================================================== */

    .tdt_sg300_india_side_option {

        margin-bottom: 7px;

        font-size: 11px;

        letter-spacing: 0.4px;

    }


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

    .tdt_sg300_india_side_card h3 {

        margin-bottom: 12px;

        font-size: 18px;

        line-height: 1.4;

        text-align: justify;

    }


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

    .tdt_sg300_india_side_card p {

        margin-bottom: 11px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


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

    .tdt_sg300_india_side_card ul {

        margin: 16px 0 20px;

    }

    .tdt_sg300_india_side_card ul li {

        gap: 8px;

        margin-bottom: 9px;

        font-size: 13px;

        line-height: 1.6;

    }

    .tdt_sg300_india_side_card ul li i {

        margin-top: 3px;

        font-size: 12px;

    }


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

    .tdt_sg300_india_side_card_cta {

        gap: 10px;

        padding-top: 15px;

        font-size: 13px;

    }

    .tdt_sg300_india_side_card_cta i {

        font-size: 13px;

    }


    /* =====================================================
       TRAVEL INFORMATION
    ===================================================== */

    .tdt_sg300_india_side_travel_info {

        margin-top: 28px;

        padding: 18px 18px;

        border-left-width: 3px;

        border-radius: 10px;

    }

    .tdt_sg300_india_side_travel_info p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


    /* =====================================================
       IMPORTANT BOUNDARY
    ===================================================== */

    .tdt_sg300_india_side_boundary {

        display: flex;

        flex-direction: column;

        gap: 13px;

        margin-top: 20px;

        padding: 20px 18px;

        border-radius: 13px;

    }

    .tdt_sg300_india_side_boundary_icon {

        width: 42px;

        height: 42px;

        font-size: 17px;

    }

    .tdt_sg300_india_side_boundary_content {

        width: 100%;

    }

    .tdt_sg300_india_side_boundary_content h3 {

        margin-bottom: 8px;

        font-size: 17px;

        line-height: 1.4;

    }

    .tdt_sg300_india_side_boundary_content p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }

}












/* =========================================================
   INDEPENDENT TRAVEL SERVICES
========================================================= */

.tdt_sg300_independent_travel_services {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sg300_independent_travel_services *,
.tdt_sg300_independent_travel_services *::before,
.tdt_sg300_independent_travel_services *::after {

    box-sizing: border-box;
}


/* =========================================================
   BADGE
========================================================= */

.tdt_sg300_its_badge {

    display: inline-block;

    margin-bottom: 14px;

    padding: 7px 17px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.3px;
}


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

.tdt_sg300_its_title {

    margin: 0 0 18px;

    color: #172033;

    font-size: 36px;

    font-weight: 700;

    line-height: 1.25;
}


/* =========================================================
   INTRO
========================================================= */

.tdt_sg300_its_intro {

    max-width: 900px;

    margin: 0 auto;

    color: #536174;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;
}

.tdt_sg300_its_intro strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   SERVICES ROW
========================================================= */

.tdt_sg300_its_services_row {

    margin-top: 25px;
}


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

.tdt_sg300_its_service_card {

    height: 100%;

    padding: 30px 26px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.10);

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.tdt_sg300_its_service_card:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.25);

    box-shadow: 0 16px 35px rgba(23, 32, 51, 0.11);
}


/* =========================================================
   SERVICE ICON
========================================================= */

.tdt_sg300_its_icon {

    width: 54px;

    height: 54px;

    margin-bottom: 21px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 14px;

    font-size: 21px;

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

.tdt_sg300_its_service_card:hover .tdt_sg300_its_icon {

    background: #f3525a;

    color: #ffffff;

    transform: scale(1.05);
}


/* =========================================================
   SERVICE CARD HEADING
========================================================= */

.tdt_sg300_its_service_card h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   SERVICE CARD TEXT
========================================================= */

.tdt_sg300_its_service_card p {

    margin: 0;

    color: #5c6879;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.75;

    text-align: justify;
}


/* =========================================================
   TRAVEL FLOW
========================================================= */

.tdt_sg300_its_flow_row {

    margin-top: 25px;
}


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

.tdt_sg300_its_flow_card {

    height: 100%;

    padding: 30px 25px;

    text-align: center;

    background: #ffffff;

    border-radius: 18px;

    border: 1px solid rgba(243, 82, 90, 0.10);

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_sg300_its_flow_card:hover {

    transform: translateY(-5px);

    box-shadow: 0 15px 32px rgba(23, 32, 51, 0.10);
}


/* =========================================================
   FLOW ICON
========================================================= */

.tdt_sg300_its_flow_icon {

    width: 56px;

    height: 56px;

    margin: 0 auto 17px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 20px;
}


/* =========================================================
   FLOW HEADING
========================================================= */

.tdt_sg300_its_flow_card h3 {

    margin: 0 0 9px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   FLOW TEXT
========================================================= */

.tdt_sg300_its_flow_card p {

    margin: 0;

    color: #5c6879;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   FLEXIBLE TRAVEL PLANNING
========================================================= */

.tdt_sg300_its_flexible_row {

    margin-top: 50px;
}

.tdt_sg300_its_flexible_box {

    padding: 38px 35px;

    background: #ffffff;

    border-left: 5px solid #f3525a;

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    text-align: center;
}


/* =========================================================
   FLEXIBLE ICON
========================================================= */

.tdt_sg300_its_content_icon {

    width: 58px;

    height: 58px;

    margin: 0 auto 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 22px;
}


/* =========================================================
   FLEXIBLE HEADING
========================================================= */

.tdt_sg300_its_flexible_box h2 {

    margin: 0 0 14px;

    color: #172033;

    font-size: 25px;

    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   FLEXIBLE TEXT
========================================================= */

.tdt_sg300_its_flexible_box p {

    max-width: 850px;

    margin: 0 auto;

    color: #5c6879;

    font-size: 14px;

    line-height: 1.8;
}

.tdt_sg300_its_flexible_box strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   DARSHAN BOUNDARY
========================================================= */

.tdt_sg300_its_boundary_row {

    margin-top: 25px;
}

.tdt_sg300_its_boundary_box {

    padding: 35px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);
}


/* =========================================================
   BOUNDARY ICON
========================================================= */

.tdt_sg300_its_boundary_icon {

    width: 52px;

    height: 52px;

    margin-bottom: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 13px;

    font-size: 21px;
}


/* =========================================================
   BOUNDARY HEADING
========================================================= */

.tdt_sg300_its_boundary_box h2 {

    margin: 0 0 14px;

    color: #172033;

    font-size: 23px;

    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   BOUNDARY TEXT
========================================================= */

.tdt_sg300_its_boundary_box p {

    margin: 0;

    color: #5c6879;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}

.tdt_sg300_its_boundary_box strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   CTA AREA
========================================================= */

.tdt_sg300_its_cta_row {

    margin-top: 40px;
}

.tdt_sg300_its_cta_wrap {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    flex-wrap: wrap;
}


/* =========================================================
   PRIMARY CTA
========================================================= */

.tdt_sg300_its_primary_btn {

    min-height: 52px;

    padding: 13px 23px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    background: #1eb875;

    color: #ffffff;

    border: 2px solid #1eb875;

    border-radius: 40px;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_sg300_its_primary_btn:hover {

   

    color: #ffffff;

    transform: translateY(-2px);

}

.tdt_sg300_its_primary_btn i {

    font-size: 18px;
}


/* =========================================================
   SECONDARY CTA
========================================================= */

.tdt_sg300_its_secondary_btn {

    min-height: 52px;

    padding: 13px 23px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    background: #ffffff;

    color: #f3525a;

    border: 2px solid #f3525a;

    border-radius: 40px;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_sg300_its_secondary_btn:hover {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.20);
}

.tdt_sg300_its_secondary_btn i {

    font-size: 17px;
}


/* =========================================================
   CLOSING TEXT
========================================================= */

.tdt_sg300_its_closing_row {

    margin-top: 28px;
}

.tdt_sg300_its_closing_text {

    margin: 0;

    text-align: center;

    color: #5c6879;

    font-size: 13px;

    line-height: 1.7;

    
}

.tdt_sg300_its_closing_text strong {

    color: #172033;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sg300_independent_travel_services {

        padding: 55px 20px;
    }


    /* =====================================================
       BADGE
    ===================================================== */

    .tdt_sg300_its_badge {

        margin-bottom: 13px;

        padding: 7px 16px;

        font-size: 12.5px;
    }


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

    .tdt_sg300_its_title {

        margin-bottom: 16px;

        font-size: 31px;

        line-height: 1.3;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    .tdt_sg300_its_intro {

        max-width: 760px;

        font-size: 14px;

        line-height: 1.8;
    }


    /* =====================================================
       SERVICES
    ===================================================== */

    .tdt_sg300_its_services_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_service_card {

        padding: 27px 23px;

        border-radius: 16px;
    }


    .tdt_sg300_its_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 18px;

        font-size: 20px;
    }


    .tdt_sg300_its_service_card h3 {

        margin-bottom: 10px;

        font-size: 17px;

        line-height: 1.4;
    }


    .tdt_sg300_its_service_card p {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       TRAVEL FLOW
    ===================================================== */

    .tdt_sg300_its_flow_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_flow_card {

        padding: 27px 20px;

        border-radius: 16px;
    }


    .tdt_sg300_its_flow_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 15px;

        font-size: 19px;
    }


    .tdt_sg300_its_flow_card h3 {

        font-size: 17px;
    }


    .tdt_sg300_its_flow_card p {

        font-size: 13.5px;

        line-height: 1.7;
    }


    /* =====================================================
       FLEXIBLE TRAVEL PLANNING
    ===================================================== */

    .tdt_sg300_its_flexible_row {

        margin-top: 35px;
    }


    .tdt_sg300_its_flexible_box {

        padding: 32px 28px;

        border-left-width: 4px;

        border-radius: 16px;
    }


    .tdt_sg300_its_content_icon {

        width: 54px;

        height: 54px;

        margin-bottom: 16px;

        font-size: 20px;
    }


    .tdt_sg300_its_flexible_box h2 {

        margin-bottom: 12px;

        font-size: 23px;

        line-height: 1.4;
    }


    .tdt_sg300_its_flexible_box p {

        max-width: 720px;

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       DARSHAN BOUNDARY
    ===================================================== */

    .tdt_sg300_its_boundary_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_boundary_box {

        padding: 30px 28px;

        border-radius: 16px;
    }


    .tdt_sg300_its_boundary_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 16px;

        font-size: 20px;
    }


    .tdt_sg300_its_boundary_box h2 {

        margin-bottom: 12px;

        font-size: 21px;

        line-height: 1.4;
    }


    .tdt_sg300_its_boundary_box p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;
    }


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

    .tdt_sg300_its_cta_row {

        margin-top: 32px;
    }


    .tdt_sg300_its_cta_wrap {

        gap: 12px;
    }


    .tdt_sg300_its_primary_btn,
    .tdt_sg300_its_secondary_btn {

        min-height: 50px;

        padding: 12px 20px;

        font-size: 13.5px;
    }


    /* =====================================================
       CLOSING
    ===================================================== */

    .tdt_sg300_its_closing_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_closing_text {

        font-size: 12.5px;

        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_sg300_independent_travel_services {

        padding: 45px 15px;
    }


    /* =====================================================
       BADGE
    ===================================================== */

    .tdt_sg300_its_badge {

        margin-bottom: 12px;

        padding: 6px 14px;

        font-size: 12px;

        line-height: 1.4;
    }


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

    .tdt_sg300_its_title {

        margin-bottom: 15px;

        font-size: 26px;

        line-height: 1.35;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    .tdt_sg300_its_intro {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.8;

        text-align: center;
    }


    /* =====================================================
       SERVICES
    ===================================================== */

    .tdt_sg300_its_services_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_service_card {

        padding: 24px 20px;

        border-radius: 15px;
    }


    .tdt_sg300_its_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 17px;

        border-radius: 13px;

        font-size: 19px;
    }


    .tdt_sg300_its_service_card h3 {

        margin-bottom: 9px;

        font-size: 17px;

        line-height: 1.4;
    }


    .tdt_sg300_its_service_card p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       TRAVEL FLOW
    ===================================================== */

    .tdt_sg300_its_flow_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_flow_card {

        padding: 25px 20px;

        border-radius: 15px;
    }


    .tdt_sg300_its_flow_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 14px;

        font-size: 18px;
    }


    .tdt_sg300_its_flow_card h3 {

        margin-bottom: 8px;

        font-size: 17px;
    }


    .tdt_sg300_its_flow_card p {

        font-size: 13px;

        line-height: 1.7;
    }


    /* =====================================================
       FLEXIBLE TRAVEL PLANNING
    ===================================================== */

    .tdt_sg300_its_flexible_row {

        margin-top: 30px;
    }


    .tdt_sg300_its_flexible_box {

        padding: 28px 20px;

        border-left-width: 4px;

        border-radius: 15px;

        text-align: center;
    }


    .tdt_sg300_its_content_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 15px;

        font-size: 20px;
    }


    .tdt_sg300_its_flexible_box h2 {

        margin-bottom: 11px;

        font-size: 21px;

        line-height: 1.4;
    }


    .tdt_sg300_its_flexible_box p {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       DARSHAN BOUNDARY
    ===================================================== */

    .tdt_sg300_its_boundary_row {

        margin-top: 25px;
    }


    .tdt_sg300_its_boundary_box {

        padding: 27px 20px;

        border-radius: 15px;
    }


    .tdt_sg300_its_boundary_icon {

        width: 49px;

        height: 49px;

        margin-bottom: 15px;

        border-radius: 12px;

        font-size: 19px;
    }


    .tdt_sg300_its_boundary_box h2 {

        margin-bottom: 11px;

        font-size: 20px;

        line-height: 1.4;
    }


    .tdt_sg300_its_boundary_box p {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       CTA AREA
    ===================================================== */

    .tdt_sg300_its_cta_row {

        margin-top: 30px;
    }


    .tdt_sg300_its_cta_wrap {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 12px;
    }


    /* =====================================================
       PRIMARY CTA
    ===================================================== */

    .tdt_sg300_its_primary_btn {

        width: 100%;

        min-height: 50px;

        padding: 12px 17px;

        gap: 9px;

        border-radius: 40px;

        font-size: 13px;

        line-height: 1.4;

        text-align: center;
    }


    .tdt_sg300_its_primary_btn i {

        font-size: 17px;
    }


    /* =====================================================
       SECONDARY CTA
    ===================================================== */

    .tdt_sg300_its_secondary_btn {

        width: 100%;

        min-height: 50px;

        padding: 12px 17px;

        gap: 9px;

        border-radius: 40px;

        font-size: 13px;

        line-height: 1.4;

        text-align: center;
    }


    .tdt_sg300_its_secondary_btn i {

        font-size: 16px;
    }


    /* =====================================================
       CLOSING TEXT
    ===================================================== */

    .tdt_sg300_its_closing_row {

        margin-top: 23px;
    }


    .tdt_sg300_its_closing_text {

        font-size: 12px;

        line-height: 1.75;

        text-align: center;
    }

}














/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN
   TRAVEL PACKAGE & DARSHAN SEPARATION
========================================================= */

.tdt_sedg_tps_travel_separation_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sedg_tps_travel_separation_section *,
.tdt_sedg_tps_travel_separation_section *::before,
.tdt_sedg_tps_travel_separation_section *::after {

    box-sizing: border-box;
}


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

.tdt_sedg_tps_header_box {

    text-align: center;

    margin: 0 auto;

    max-width: 920px;
}


.tdt_sedg_tps_badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 18px;

    padding: 8px 17px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.4;
}


.tdt_sedg_tps_badge i {

    font-size: 15px;

    color: #f3525a;
}


.tdt_sedg_tps_main_title {

    margin: 0 0 22px;

    color: #172033;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.25;
}


.tdt_sedg_tps_intro_text {

    margin: 0 auto 15px;

    max-width: 880px;

    color: #596579;

    font-size: 16px;

    line-height: 1.85;
}


.tdt_sedg_tps_intro_text:last-child {

    margin-bottom: 0;
}


.tdt_sedg_tps_intro_text strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   DARSHAN / TRAVEL SEPARATION CARDS
========================================================= */

.tdt_sedg_tps_separation_row {

    margin-top: 25px;
}


.tdt_sedg_tps_info_card {

    height: 100%;

    padding: 34px 30px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 18px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    transition: all 0.3s ease;
}


.tdt_sedg_tps_info_card:hover {

    transform: translateY(-5px);

    border-color: #f3525a;

    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.13);
}


.tdt_sedg_tps_card_icon {

    width: 58px;

    height: 58px;

    margin: 0 auto 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 22px;
}


.tdt_sedg_tps_card_label {

    display: inline-block;

    margin-bottom: 12px;

    padding: 5px 12px;

    background: #fff1f2;

    color: #f3525a;

    border-radius: 20px;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.4px;
}


.tdt_sedg_tps_card_title {

    margin: 0 0 13px;

    color: #172033;

    font-size: 25px;

    font-weight: 700;

    line-height: 1.35;
}


.tdt_sedg_tps_card_text {

    margin: 0;

    color: #596579;

    font-size: 15px;

    line-height: 1.8;
}


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

.tdt_sedg_tps_content_row {

    margin-top: 25px;
}


.tdt_sedg_tps_content_box,
.tdt_sedg_tps_route_box {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e9dfe0;

    border-left: 5px solid #f3525a;

    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.055);
}


.tdt_sedg_tps_content_icon,
.tdt_sedg_tps_route_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 13px;

    font-size: 20px;
}


.tdt_sedg_tps_content_body,
.tdt_sedg_tps_route_body {

    flex: 1;
}


.tdt_sedg_tps_content_title {

    margin: 0 0 12px;

    color: #172033;

    font-size: 25px;

    font-weight: 700;

    line-height: 1.35;
}


.tdt_sedg_tps_content_text {

    margin: 0;

    color: #596579;

    font-size: 15px;

    line-height: 1.85;

    text-align: justify;
}


.tdt_sedg_tps_content_text strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   TRANSPARENCY BOX
========================================================= */

.tdt_sedg_tps_transparency_box {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    padding: 30px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(243, 82, 90, 0.07);
}


.tdt_sedg_tps_transparency_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 13px;

    font-size: 21px;
}


.tdt_sedg_tps_transparency_body {

    flex: 1;
}


/* =========================================================
   CTA AREA
========================================================= */

.tdt_sedg_tps_cta_area {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    flex-wrap: wrap;

    margin-top: 38px;
}


.tdt_sedg_tps_primary_btn,
.tdt_sedg_tps_secondary_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 50px;

    padding: 13px 22px;

    border-radius: 40px;


    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    text-decoration: none;

    transition: all 0.3s ease;
}


.tdt_sedg_tps_primary_btn {

    background: #1eb875;

    color: #ffffff;

    border: 1px solid #1eb875;

   
}


.tdt_sedg_tps_primary_btn:hover {

    background: #1eb875;

    color: #ffffff;

    border-color: #1eb875;

    transform: translateY(-2px);
}


.tdt_sedg_tps_secondary_btn {

    background: #ffffff;

    color: #f3525a;

    border: 1px solid #f3525a;
}


.tdt_sedg_tps_secondary_btn:hover {

    background: #f9b0b3;

    color: #f3525a;

    border-color: #f3525a;

    transform: translateY(-2px);
}


.tdt_sedg_tps_primary_btn i,
.tdt_sedg_tps_secondary_btn i {

    font-size: 16px;
}


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

.tdt_sedg_tps_footer_note {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    gap: 10px;

    max-width: 900px;

    margin: 30px auto 0;

    padding-top: 20px;

    border-top: 1px solid #eeeeee;

    text-align: center;
}


.tdt_sedg_tps_footer_note i {

    flex: 0 0 auto;

    margin-top: 4px;

    color: #f3525a;

    font-size: 15px;
}


.tdt_sedg_tps_footer_note p {

    margin: 0;

    color: #697386;

    font-size: 13px;

    line-height: 1.7;
}


.tdt_sedg_tps_footer_note strong {

    color: #172033;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sedg_tps_travel_separation_section {

        padding: 55px 20px;
    }


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

    .tdt_sedg_tps_header_box {

        max-width: 760px;
    }


    .tdt_sedg_tps_main_title {

        font-size: 34px;

        line-height: 1.3;

        margin-bottom: 20px;
    }


    .tdt_sedg_tps_intro_text {

        max-width: 740px;

        font-size: 15px;

        line-height: 1.8;
    }


    /* =====================================================
       DARSHAN / TRAVEL CARDS
    ===================================================== */

    .tdt_sedg_tps_separation_row {

        margin-top: 25px;
    }


    .tdt_sedg_tps_info_card {

        padding: 30px 24px;

        border-radius: 16px;
    }


    .tdt_sedg_tps_card_icon {

        width: 54px;

        height: 54px;

        margin-bottom: 16px;

        font-size: 20px;
    }


    .tdt_sedg_tps_card_title {

        font-size: 23px;

        line-height: 1.35;
    }


    .tdt_sedg_tps_card_text {

        font-size: 14px;

        line-height: 1.75;
    }


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

    .tdt_sedg_tps_content_row {

        margin-top: 22px;
    }


    .tdt_sedg_tps_content_box,
    .tdt_sedg_tps_route_box {

        gap: 18px;

        padding: 26px;

        border-left-width: 4px;
    }


    .tdt_sedg_tps_content_icon,
    .tdt_sedg_tps_route_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        font-size: 19px;
    }


    .tdt_sedg_tps_content_title {

        font-size: 23px;

        line-height: 1.35;
    }


    .tdt_sedg_tps_content_text {

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       TRANSPARENCY BOX
    ===================================================== */

    .tdt_sedg_tps_transparency_box {

        gap: 18px;

        padding: 26px;
    }


    .tdt_sedg_tps_transparency_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        font-size: 19px;
    }


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

    .tdt_sedg_tps_cta_area {

        gap: 12px;

        margin-top: 32px;
    }


    .tdt_sedg_tps_primary_btn,
    .tdt_sedg_tps_secondary_btn {

        min-height: 48px;

        padding: 12px 20px;

        font-size: 13px;
    }


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

    .tdt_sedg_tps_footer_note {

        margin-top: 26px;

        padding-top: 18px;
    }


    .tdt_sedg_tps_footer_note p {

        font-size: 12px;

        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_sedg_tps_travel_separation_section {

        padding: 45px 15px;
    }


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

    .tdt_sedg_tps_header_box {

        width: 100%;

        max-width: 100%;
    }


    .tdt_sedg_tps_badge {

        display: inline-flex;

        margin-bottom: 15px;

        padding: 7px 13px;

        gap: 7px;

        font-size: 11px;

        line-height: 1.4;
    }


    .tdt_sedg_tps_badge i {

        font-size: 13px;
    }


    .tdt_sedg_tps_main_title {

        margin-bottom: 17px;

        font-size: 25px;

        line-height: 1.3;
    }


    .tdt_sedg_tps_intro_text {

        max-width: 100%;

        margin-bottom: 13px;

        font-size: 14px;

        line-height: 1.75;

        text-align: center;
    }


    /* =====================================================
       DARSHAN / TRAVEL CARDS
    ===================================================== */

    .tdt_sedg_tps_separation_row {

        margin-top: 22px;
    }


    .tdt_sedg_tps_info_card {

        height: auto;

        padding: 27px 20px;

        border-radius: 15px;
    }


    .tdt_sedg_tps_card_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 15px;

        font-size: 20px;
    }


    .tdt_sedg_tps_card_label {

        margin-bottom: 10px;

        padding: 5px 10px;

        font-size: 10px;

        letter-spacing: 0.3px;
    }


    .tdt_sedg_tps_card_title {

        margin-bottom: 11px;

        font-size: 21px;

        line-height: 1.35;
    }


    .tdt_sedg_tps_card_text {

        font-size: 13px;

        line-height: 1.75;
    }


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

    .tdt_sedg_tps_content_row {

        margin-top: 20px;
    }


    .tdt_sedg_tps_content_box,
    .tdt_sedg_tps_route_box {

        display: flex;

        align-items: flex-start;

        gap: 14px;

        padding: 22px 18px;

        border-left-width: 4px;

        border-radius: 14px;
    }


    .tdt_sedg_tps_content_icon,
    .tdt_sedg_tps_route_icon {

        flex: 0 0 43px;

        width: 43px;

        height: 43px;

        border-radius: 11px;

        font-size: 17px;
    }


    .tdt_sedg_tps_content_body,
    .tdt_sedg_tps_route_body {

        min-width: 0;
    }


    .tdt_sedg_tps_content_title {

        margin-bottom: 10px;

        font-size: 20px;

        line-height: 1.4;
    }


    .tdt_sedg_tps_content_text {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       TRANSPARENCY BOX
    ===================================================== */

    .tdt_sedg_tps_transparency_box {

        display: flex;

        align-items: flex-start;

        gap: 14px;

        padding: 22px 18px;

        border-radius: 14px;
    }


    .tdt_sedg_tps_transparency_icon {

        flex: 0 0 43px;

        width: 43px;

        height: 43px;

        border-radius: 11px;

        font-size: 17px;
    }


    .tdt_sedg_tps_transparency_body {

        min-width: 0;
    }


    /* =====================================================
       CTA AREA
    ===================================================== */

    .tdt_sedg_tps_cta_area {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 11px;

        margin-top: 28px;
    }


    .tdt_sedg_tps_primary_btn,
    .tdt_sedg_tps_secondary_btn {

        width: 100%;

        min-height: 48px;

        padding: 12px 16px;

        border-radius: 40px;

        font-size: 13px;
    }


    .tdt_sedg_tps_primary_btn i,
    .tdt_sedg_tps_secondary_btn i {

        font-size: 15px;
    }


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

    .tdt_sedg_tps_footer_note {

        align-items: flex-start;

        justify-content: flex-start;

        gap: 8px;

        margin-top: 24px;

        padding-top: 17px;

        text-align: justify;
    }


    .tdt_sedg_tps_footer_note i {

        margin-top: 3px;

        font-size: 13px;
    }


    .tdt_sedg_tps_footer_note p {

        font-size: 11px;

        line-height: 1.7;

        text-align: justify;
    }

}















/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN
   TRAVEL PACKAGE PRICE GUIDE
========================================================= */

.tdt_sedg300_travel_package_price_guide {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sedg300_travel_package_price_guide *,
.tdt_sedg300_travel_package_price_guide *::before,
.tdt_sedg300_travel_package_price_guide *::after {

    box-sizing: border-box;
}


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

.tdt_sedg300_tppg_header {

    max-width: 900px;

    margin: 0 auto 25px;

}

.tdt_sedg300_tppg_badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 16px;

    padding: 8px 18px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.4;

}

.tdt_sedg300_tppg_badge i {

    font-size: 15px;

}

.tdt_sedg300_tppg_title {

    margin: 0 0 18px;

    color: #172033;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.25;

}

.tdt_sedg300_tppg_intro {

    max-width: 850px;

    margin: 0 auto 12px;

    color: #536174;

    font-size: 15px;

    line-height: 1.9;

}

.tdt_sedg300_tppg_intro strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   QUOTE INFORMATION BOXES
========================================================= */

.tdt_sedg300_tppg_quote_row {

    margin-bottom: 55px;

}

.tdt_sedg300_tppg_info_box {

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.tdt_sedg300_tppg_info_box:hover {

    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(23, 32, 51, 0.10);

}

.tdt_sedg300_tppg_label {

    display: inline-block;

    margin-bottom: 13px;

    padding: 6px 13px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 20px;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.tdt_sedg300_tppg_info_box h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 21px;

    font-weight: 700;

    line-height: 1.4;

}

.tdt_sedg300_tppg_info_box p {

    margin: 0;

    color: #5b6678;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;

}


/* =========================================================
   PRICE FACTORS SECTION 
========================================================= */

.tdt_sedg300_tppg_factors_section {

    margin-bottom: 25px;

    text-align: center;

}

.tdt_sedg300_tppg_subheading {

    display: block;

    margin-bottom: 30px;

    text-align: center;

}

.tdt_sedg300_tppg_subheading h3 {

    margin: 0 0 8px;

    color: #172033;

    font-size: 25px;

    font-weight: 700;

    line-height: 1.4;

}

.tdt_sedg300_tppg_subheading p {

    max-width: 750px;

    margin: 0 auto;

    color: #5b6678;

    font-size: 15px;

    line-height: 1.7;

}


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

.tdt_sedg300_tppg_factor_row {

    margin: 0;

    justify-content: center;

}


/* =========================================================
   FACTOR BOX
========================================================= */

.tdt_sedg300_tppg_factor_box {

    height: 100%;

    padding: 28px 24px;

    background: #ffffff;

    border-radius: 16px;

    border: 1px solid rgba(243, 82, 90, 0.10);

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.05);

    text-align: center;

    transition: transform 0.3s ease, border-color 0.3s ease;

}

.tdt_sedg300_tppg_factor_box:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.30);

}


/* =========================================================
   FACTOR ICON
========================================================= */

.tdt_sedg300_tppg_factor_icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 16px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 19px;

}


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

.tdt_sedg300_tppg_factor_box h4 {

    margin: 0 0 9px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.4;

}


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

.tdt_sedg300_tppg_factor_box p {

    max-width: 280px;

    margin: 0 auto;

    color: #5b6678;

    font-size: 14px;

    line-height: 1.75;

}



/* =========================================================
   FIXED PACKAGE PRICE SECTION
========================================================= */

.tdt_sedg300_tppg_fixed_price_section {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-bottom: 25px;

    padding: 32px;

    background: #ffffff;

    border-left: 5px solid #f3525a;

    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.05);

}

.tdt_sedg300_tppg_fixed_price_icon {

    flex: 0 0 50px;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 13px;

    font-size: 20px;

}

.tdt_sedg300_tppg_fixed_price_content h3 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 23px;

    font-weight: 700;

    line-height: 1.4;

}

.tdt_sedg300_tppg_fixed_price_content p {

    margin: 0;

    color: #5b6678;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;

}


/* =========================================================
   PRICE & PAYMENT TRANSPARENCY
========================================================= */

.tdt_sedg300_tppg_transparency_section {

    margin-bottom: 38px;

    padding: 32px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.05);

}

.tdt_sedg300_tppg_transparency_header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 16px;

}

.tdt_sedg300_tppg_transparency_icon {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 45px;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 18px;

}

.tdt_sedg300_tppg_transparency_header h3 {

    margin: 0;

    color: #172033;

    font-size: 23px;

    font-weight: 700;

    line-height: 1.4;

}

.tdt_sedg300_tppg_transparency_section p {

    margin: 0;

    color: #5b6678;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}

.tdt_sedg300_tppg_transparency_section p strong {

    color: #172033;

    font-weight: 700;

}


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

.tdt_sedg300_tppg_cta_section {

    text-align: center;

    padding: 10px 10px;

}

.tdt_sedg300_tppg_cta_button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    min-height: 52px;

    padding: 13px 25px;

    background: #1eb875;

    color: #ffffff;

    border: 2px solid #1eb875;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;

    line-height: 1.4;


    transition: all 0.3s ease;

}

.tdt_sedg300_tppg_cta_button:hover {

    color: #ffffff;

    border-color: #1eb875;

    transform: translateY(-3px);

}

.tdt_sedg300_tppg_cta_button i {

    font-size: 18px;

}

.tdt_sedg300_tppg_cta_section p {

    max-width: 750px;

    margin: 17px auto 0;

    color: #5b6678;

    font-size: 13px;

    line-height: 1.8;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sedg300_travel_package_price_guide {

        padding: 55px 20px;

    }


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

    .tdt_sedg300_tppg_header {

        max-width: 850px;

        margin-bottom: 25px;

    }

    .tdt_sedg300_tppg_title {

        font-size: 30px;

        line-height: 1.3;

    }

    .tdt_sedg300_tppg_intro {

        max-width: 760px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* =====================================================
       QUOTE INFORMATION
    ===================================================== */

    .tdt_sedg300_tppg_quote_row {

        margin-bottom: 45px;

    }

    .tdt_sedg300_tppg_info_box {

        padding: 27px 24px;

    }

    .tdt_sedg300_tppg_info_box h3 {

        font-size: 20px;

    }

    .tdt_sedg300_tppg_info_box p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* =====================================================
       PRICE FACTORS
    ===================================================== */

    .tdt_sedg300_tppg_factors_section {

        margin-bottom: 35px;

    }

    .tdt_sedg300_tppg_subheading {

        margin-bottom: 25px;

    }

    .tdt_sedg300_tppg_subheading h3 {

        font-size: 23px;

    }

    .tdt_sedg300_tppg_subheading p {

        font-size: 14px;

    }

    .tdt_sedg300_tppg_factor_box {

        padding: 25px 20px;

    }

    .tdt_sedg300_tppg_factor_icon {

        width: 46px;

        height: 46px;

        margin-bottom: 14px;

        font-size: 18px;

    }

    .tdt_sedg300_tppg_factor_box h4 {

        font-size: 17px;

    }

    .tdt_sedg300_tppg_factor_box p {

        max-width: 300px;

        font-size: 13px;

        line-height: 1.7;

    }


    /* =====================================================
       FIXED PACKAGE PRICE
    ===================================================== */

    .tdt_sedg300_tppg_fixed_price_section {

        gap: 17px;

        padding: 28px 25px;

        margin-bottom: 25px;

    }

    .tdt_sedg300_tppg_fixed_price_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        font-size: 19px;

    }

    .tdt_sedg300_tppg_fixed_price_content h3 {

        font-size: 21px;

    }

    .tdt_sedg300_tppg_fixed_price_content p {

        font-size: 13px;

        line-height: 1.8;

    }


    /* =====================================================
       TRANSPARENCY
    ===================================================== */

    .tdt_sedg300_tppg_transparency_section {

        padding: 28px 25px;

        margin-bottom: 30px;

    }

    .tdt_sedg300_tppg_transparency_header {

        gap: 12px;

        margin-bottom: 14px;

    }

    .tdt_sedg300_tppg_transparency_icon {

        flex: 0 0 43px;

        width: 43px;

        height: 43px;

        font-size: 17px;

    }

    .tdt_sedg300_tppg_transparency_header h3 {

        font-size: 21px;

    }

    .tdt_sedg300_tppg_transparency_section p {

        font-size: 13px;

        line-height: 1.8;

    }


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

    .tdt_sedg300_tppg_cta_section {

        padding: 10px 5px;

    }

    .tdt_sedg300_tppg_cta_button {

        min-height: 50px;

        padding: 12px 23px;

        font-size: 14px;

    }

    .tdt_sedg300_tppg_cta_section p {

        max-width: 650px;

        font-size: 13px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_sedg300_travel_package_price_guide {

        padding: 45px 15px;

    }


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

    .tdt_sedg300_tppg_header {

        width: 100%;

        margin-bottom: 30px;

    }

    .tdt_sedg300_tppg_badge {

        gap: 7px;

        margin-bottom: 13px;

        padding: 7px 14px;

        font-size: 11px;

    }

    .tdt_sedg300_tppg_badge i {

        font-size: 13px;

    }

    .tdt_sedg300_tppg_title {

        margin-bottom: 15px;

        font-size: 27px;

        line-height: 1.3;

    }

    .tdt_sedg300_tppg_intro {

        font-size: 13px;

        line-height: 1.8;

        margin-bottom: 10px;

    }


    /* =====================================================
       QUOTE INFORMATION
    ===================================================== */

    .tdt_sedg300_tppg_quote_row {

        margin-bottom: 38px;

    }

    .tdt_sedg300_tppg_info_box {

        padding: 24px 20px;

        border-radius: 15px;

    }

    .tdt_sedg300_tppg_label {

        margin-bottom: 10px;

        padding: 5px 11px;

        font-size: 10px;

    }

    .tdt_sedg300_tppg_info_box h3 {

        margin-bottom: 10px;

        font-size: 19px;

    }

    .tdt_sedg300_tppg_info_box p {

        font-size: 13px;

        line-height: 1.8;

    }


    /* =====================================================
       PRICE FACTORS
    ===================================================== */

    .tdt_sedg300_tppg_factors_section {

        margin-bottom: 35px;

        text-align: center;

    }

    .tdt_sedg300_tppg_subheading {

        margin-bottom: 23px;

    }

    .tdt_sedg300_tppg_subheading h3 {

        font-size: 19px;

        line-height: 1.4;

    }

    .tdt_sedg300_tppg_subheading p {

        font-size: 13px;

        line-height: 1.75;

    }


    /* =====================================================
       FACTOR BOX
    ===================================================== */

    .tdt_sedg300_tppg_factor_row {

        margin-left: 0;

        margin-right: 0;

    }

    .tdt_sedg300_tppg_factor_box {

        padding: 24px 18px;

        border-radius: 15px;

        text-align: center;

    }

    .tdt_sedg300_tppg_factor_icon {

        width: 45px;

        height: 45px;

        margin: 0 auto 14px;

        font-size: 17px;

    }

    .tdt_sedg300_tppg_factor_box h4 {

        margin-bottom: 8px;

        font-size: 17px;

    }

    .tdt_sedg300_tppg_factor_box p {

        max-width: 290px;

        font-size: 13px;

        line-height: 1.7;

    }


    /* =====================================================
       FIXED PACKAGE PRICE
    ===================================================== */

    .tdt_sedg300_tppg_fixed_price_section {

        display: block;

        margin-bottom: 22px;

        padding: 25px 20px;

        border-left: 4px solid #f3525a;

        border-radius: 15px;

        text-align: center;

    }

    .tdt_sedg300_tppg_fixed_price_icon {

        width: 46px;

        height: 46px;

        margin: 0 auto 15px;

        font-size: 18px;

    }

    .tdt_sedg300_tppg_fixed_price_content h3 {

        margin-bottom: 10px;

        font-size: 20px;

        line-height: 1.4;

    }

    .tdt_sedg300_tppg_fixed_price_content p {

        font-size: 13px;

        line-height: 1.8;

        text-align: center;

    }


    /* =====================================================
       PRICE & PAYMENT TRANSPARENCY
    ===================================================== */

    .tdt_sedg300_tppg_transparency_section {

        margin-bottom: 28px;

        padding: 25px 20px;

        border-radius: 15px;

    }

    .tdt_sedg300_tppg_transparency_header {

        display: block;

        margin-bottom: 14px;

        text-align: center;

    }

    .tdt_sedg300_tppg_transparency_icon {

        width: 43px;

        height: 43px;

        margin: 0 auto 12px;

        font-size: 17px;

    }

    .tdt_sedg300_tppg_transparency_header h3 {

        font-size: 20px;

        line-height: 1.4;

    }

    .tdt_sedg300_tppg_transparency_section p {

        font-size: 13px;

        line-height: 1.8;

        text-align: center;

    }


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

    .tdt_sedg300_tppg_cta_section {

        padding: 8px 0;

    }

    .tdt_sedg300_tppg_cta_button {

        width: 100%;

        min-height: 50px;

        padding: 12px 15px;

        gap: 9px;

        font-size: 13px;

        border-radius: 40px;

    }

    .tdt_sedg300_tppg_cta_button i {

        font-size: 16px;

    }

    .tdt_sedg300_tppg_cta_section p {

        max-width: 100%;

        margin-top: 14px;

        font-size: 12px;

        line-height: 1.75;

    }

}













/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN
   PRE-TRAVEL CHECKLIST
========================================================= */

.tdt_sedg300_pretravel_checklist_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sedg300_pretravel_checklist_section *,
.tdt_sedg300_pretravel_checklist_section *::before,
.tdt_sedg300_pretravel_checklist_section *::after {

    box-sizing: border-box;
}


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

.tdt_sedg300_pretravel_checklist_header {

    max-width: 950px;

    margin: 0 auto 25px;
}

.tdt_sedg300_pretravel_checklist_badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding: 8px 17px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;
}

.tdt_sedg300_pretravel_checklist_badge i {

    font-size: 15px;
}

.tdt_sedg300_pretravel_checklist_title {

    margin: 0 0 17px;

    color: #172033;

    font-size: 36px;

    font-weight: 700;

    line-height: 1.25;
}

.tdt_sedg300_pretravel_checklist_intro {

    max-width: 900px;

    margin: 0 auto;

    color: #5d6878;

    font-size: 16px;

    line-height: 1.8;

   
}

.tdt_sedg300_pretravel_checklist_intro strong {

    color: #172033;

    font-weight: 600;
}


/* =========================================================
   INFORMATION NOTICE
========================================================= */

.tdt_sedg300_pretravel_checklist_notice {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    max-width: 900px;

    margin: 25px auto 0;

    padding: 18px 20px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-left: 4px solid #f3525a;

    border-radius: 12px;

    text-align: left;
}

.tdt_sedg300_pretravel_checklist_notice > i {

    flex: 0 0 auto;

    margin-top: 3px;

    color: #f3525a;

    font-size: 19px;
}

.tdt_sedg300_pretravel_checklist_notice p {

    margin: 0;

    color: #596477;

    font-size: 14px;

    line-height: 1.75;

    text-align: justify;
}

.tdt_sedg300_pretravel_checklist_notice strong {

    color: #172033;

    font-weight: 600;
}


/* =========================================================
   CHECKLIST CARDS
========================================================= */

.tdt_sedg300_pretravel_checklist_items {

    margin-top: 0;
}

.tdt_sedg300_pretravel_checklist_card {

    height: 100%;

    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 24px 22px;

    background: #ffffff;

    border: 1px solid #e7e9ed;

    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.tdt_sedg300_pretravel_checklist_card:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow: 0 14px 32px rgba(243, 82, 90, 0.12);
}

.tdt_sedg300_pretravel_checklist_icon {

    width: 48px;

    height: 48px;

    min-width: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 20px;
}

.tdt_sedg300_pretravel_checklist_card h3 {

    margin: 0 0 8px;

    color: #172033;

    font-size: 17px;

    font-weight: 650;

    line-height: 1.4;
}

.tdt_sedg300_pretravel_checklist_card p {

    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;
}


/* =========================================================
   JOURNEY FLOW
========================================================= */

.tdt_sedg300_pretravel_journey_flow {

    margin-top: 70px;

    padding: 45px 30px;

    background: #f8fafc;

    border: 1px solid #e5e8ed;

    border-radius: 22px;
}

.tdt_sedg300_pretravel_journey_heading {

    max-width: 850px;

    margin: 0 auto 35px;
}

.tdt_sedg300_pretravel_journey_badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 12px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

.tdt_sedg300_pretravel_journey_heading h2 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 29px;

    font-weight: 700;

    line-height: 1.3;
}

.tdt_sedg300_pretravel_journey_heading p {

    margin: 0;

    color: #667085;

    font-size: 15px;

    line-height: 1.7;
}


/* =========================================================
   JOURNEY CARDS
========================================================= */

.tdt_sedg300_pretravel_journey_card {

    position: relative;

    height: 100%;

    padding: 28px 22px;

    background: #ffffff;

    border: 1px solid #e5e8ed;

    border-radius: 16px;

    text-align: center;

    transition: transform 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease;
}

.tdt_sedg300_pretravel_journey_card:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow: 0 12px 28px rgba(243, 82, 90, 0.10);
}

.tdt_sedg300_pretravel_journey_number {

    position: absolute;

    top: 15px;

    right: 17px;

    color: #f9b0b3;

    font-size: 12px;

    font-weight: 700;
}

.tdt_sedg300_pretravel_journey_icon {

    width: 52px;

    height: 52px;

    margin: 0 auto 17px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 21px;
}

.tdt_sedg300_pretravel_journey_card h3 {

    margin: 0 0 9px;

    color: #172033;

    font-size: 16px;

    font-weight: 650;

    line-height: 1.4;
}

.tdt_sedg300_pretravel_journey_card p {

    margin: 0;

    color: #667085;

    font-size: 13px;

    line-height: 1.65;
}


/* =========================================================
   TTD & TRAVEL-SERVICE BOUNDARY
========================================================= */

.tdt_sedg300_pretravel_boundary {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-top: 55px;

    padding: 28px 30px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 18px;
}

.tdt_sedg300_pretravel_boundary_icon {

    width: 52px;

    height: 52px;

    min-width: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 20px;
}

.tdt_sedg300_pretravel_boundary_content {

    flex: 1;
}

.tdt_sedg300_pretravel_boundary_content h2 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.4;
}

.tdt_sedg300_pretravel_boundary_content p {

    margin: 0 0 12px;

    color: #5f6978;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;
}

.tdt_sedg300_pretravel_boundary_content p:last-child {

    margin-bottom: 0;
}

.tdt_sedg300_pretravel_boundary_content strong {

    color: #172033;

    font-weight: 600;
}


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

.tdt_sedg300_pretravel_cta {

    margin-top: 40px;
}

.tdt_sedg300_pretravel_cta_button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 14px 25px;

    background: #16a84f;

    color: #ffffff;

    border: 2px solid #16a84f;

    border-radius: 40px;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

}

.tdt_sedg300_pretravel_cta_button i {

    font-size: 19px;
}

.tdt_sedg300_pretravel_cta_button:hover {

    background: #16a84f;

    border-color: #16a84f;

    color: #ffffff;

    transform: translateY(-2px);

   
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sedg300_pretravel_checklist_section {

        padding: 55px 20px;
    }


    /* -----------------------------------------------------
       SECTION HEADER
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_checklist_header {

        max-width: 850px;

        margin-bottom: 25px;
    }

    .tdt_sedg300_pretravel_checklist_title {

        font-size: 32px;

        line-height: 1.3;
    }

    .tdt_sedg300_pretravel_checklist_intro {

        font-size: 15px;

        line-height: 1.8;
    }


    /* -----------------------------------------------------
       INFORMATION NOTICE
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_checklist_notice {

        margin-top: 22px;

        padding: 17px 19px;
    }

    .tdt_sedg300_pretravel_checklist_notice p {

        font-size: 13px;

        line-height: 1.75;
    }


    /* -----------------------------------------------------
       CHECKLIST CARDS
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_checklist_card {

        padding: 22px 20px;

        gap: 14px;

        border-radius: 15px;
    }

    .tdt_sedg300_pretravel_checklist_icon {

        width: 45px;

        height: 45px;

        min-width: 45px;

        font-size: 18px;

        border-radius: 11px;
    }

    .tdt_sedg300_pretravel_checklist_card h3 {

        font-size: 16px;

        line-height: 1.4;
    }

    .tdt_sedg300_pretravel_checklist_card p {

        font-size: 13px;

        line-height: 1.7;
    }


    /* -----------------------------------------------------
       JOURNEY FLOW
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_journey_flow {

        margin-top: 55px;

        padding: 38px 25px;

        border-radius: 20px;
    }

    .tdt_sedg300_pretravel_journey_heading {

        margin-bottom: 30px;
    }

    .tdt_sedg300_pretravel_journey_heading h2 {

        font-size: 27px;
    }

    .tdt_sedg300_pretravel_journey_heading p {

        font-size: 14px;
    }


    /* -----------------------------------------------------
       JOURNEY CARDS
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_journey_card {

        padding: 25px 18px;

        border-radius: 15px;
    }

    .tdt_sedg300_pretravel_journey_icon {

        width: 48px;

        height: 48px;

        margin-bottom: 15px;

        font-size: 19px;
    }

    .tdt_sedg300_pretravel_journey_card h3 {

        font-size: 15px;
    }

    .tdt_sedg300_pretravel_journey_card p {

        font-size: 12.5px;

        line-height: 1.65;
    }


    /* -----------------------------------------------------
       TTD & TRAVEL-SERVICE BOUNDARY
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_boundary {

        margin-top: 45px;

        padding: 25px;

        gap: 17px;

        border-radius: 16px;
    }

    .tdt_sedg300_pretravel_boundary_icon {

        width: 48px;

        height: 48px;

        min-width: 48px;

        font-size: 18px;
    }

    .tdt_sedg300_pretravel_boundary_content h2 {

        font-size: 20px;
    }

    .tdt_sedg300_pretravel_boundary_content p {

        font-size: 13px;

        line-height: 1.75;
    }


    /* -----------------------------------------------------
       CTA
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_cta {

        margin-top: 35px;
    }

    .tdt_sedg300_pretravel_cta_button {

        padding: 13px 24px;

        font-size: 14px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   MAX-WIDTH: 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_sedg300_pretravel_checklist_section {

        padding: 25px 15px;
    }


    /* -----------------------------------------------------
       SECTION HEADER
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_checklist_header {

        max-width: 100%;

        margin-bottom: 25px;
    }

    .tdt_sedg300_pretravel_checklist_badge {

        margin-bottom: 13px;

        padding: 7px 14px;

        font-size: 12px;
    }

    .tdt_sedg300_pretravel_checklist_badge i {

        font-size: 14px;
    }

    .tdt_sedg300_pretravel_checklist_title {

        margin-bottom: 14px;

        font-size: 26px;

        line-height: 1.3;
    }

    .tdt_sedg300_pretravel_checklist_intro {

        font-size: 14px;

        line-height: 1.75;

       
    }


    /* -----------------------------------------------------
       INFORMATION NOTICE
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_checklist_notice {

        gap: 10px;

        margin-top: 20px;

        padding: 15px;

        border-radius: 11px;
    }

    .tdt_sedg300_pretravel_checklist_notice > i {

        margin-top: 2px;

        font-size: 17px;
    }

    .tdt_sedg300_pretravel_checklist_notice p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }


    /* -----------------------------------------------------
       CHECKLIST CARDS
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_checklist_card {

        padding: 19px 16px;

        gap: 12px;

        border-radius: 14px;

        box-shadow: 0 6px 18px rgba(23, 32, 51, 0.05);
    }

    .tdt_sedg300_pretravel_checklist_card:hover {

        transform: none;

        box-shadow: 0 6px 18px rgba(23, 32, 51, 0.05);
    }

    .tdt_sedg300_pretravel_checklist_icon {

        width: 42px;

        height: 42px;

        min-width: 42px;

        border-radius: 10px;

        font-size: 17px;
    }

    .tdt_sedg300_pretravel_checklist_card h3 {

        margin-bottom: 6px;

        font-size: 15px;

        line-height: 1.4;
    }

    .tdt_sedg300_pretravel_checklist_card p {

        font-size: 12.5px;

        line-height: 1.65;

        text-align: justify;
    }


    /* -----------------------------------------------------
       JOURNEY FLOW
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_journey_flow {

        margin-top: 45px;

        padding: 30px 15px;

        border-radius: 17px;
    }

    .tdt_sedg300_pretravel_journey_heading {

        margin-bottom: 25px;
    }

    .tdt_sedg300_pretravel_journey_badge {

        margin-bottom: 10px;

        font-size: 12px;
    }

    .tdt_sedg300_pretravel_journey_heading h2 {

        margin-bottom: 10px;

        font-size: 20px;

        line-height: 1.4;
    }

    .tdt_sedg300_pretravel_journey_heading p {

        font-size: 13px;

        line-height: 1.7;

        text-align: center;
    }


    /* -----------------------------------------------------
       JOURNEY CARDS
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_journey_card {

        padding: 23px 17px;

        border-radius: 14px;
    }

    .tdt_sedg300_pretravel_journey_card:hover {

        transform: none;

        box-shadow: none;
    }

    .tdt_sedg300_pretravel_journey_number {

        top: 12px;

        right: 14px;

        font-size: 11px;
    }

    .tdt_sedg300_pretravel_journey_icon {

        width: 46px;

        height: 46px;

        margin-bottom: 14px;

        font-size: 18px;
    }

    .tdt_sedg300_pretravel_journey_card h3 {

        margin-bottom: 7px;

        font-size: 15px;
    }

    .tdt_sedg300_pretravel_journey_card p {

        font-size: 12.5px;

        line-height: 1.6;
    }


    /* -----------------------------------------------------
       TTD & TRAVEL-SERVICE BOUNDARY
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_boundary {

        margin-top: 38px;

        padding: 20px 17px;

        gap: 13px;

        border-radius: 15px;
    }

    .tdt_sedg300_pretravel_boundary_icon {

        width: 43px;

        height: 43px;

        min-width: 43px;

        font-size: 17px;
    }

    .tdt_sedg300_pretravel_boundary_content h2 {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.4;
    }

    .tdt_sedg300_pretravel_boundary_content p {

        margin-bottom: 10px;

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }


    /* -----------------------------------------------------
       CTA
    ----------------------------------------------------- */

    .tdt_sedg300_pretravel_cta {

        margin-top: 28px;
    }

    .tdt_sedg300_pretravel_cta_button {

        width: 100%;

        padding: 13px 18px;

        border-radius: 40px;

        font-size: 14px;
    }

    .tdt_sedg300_pretravel_cta_button i {

        font-size: 18px;
    }

    .tdt_sedg300_pretravel_cta_button:hover {

        transform: none;
    }

}













/* =========================================================
   ₹300 SPECIAL ENTRY DARSHAN
   CLEAR TRAVEL-SERVICE DISCLOSURE
========================================================= */

.tdt_sedg300_transparency_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sedg300_transparency_section *,
.tdt_sedg300_transparency_section *::before,
.tdt_sedg300_transparency_section *::after {

    box-sizing: border-box;
}


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

.tdt_sedg300_transparency_heading {

    width: 100%;

    margin-bottom: 42px;

    text-align: center;
}


/* =========================================================
   1ST ROW - ICON + BADGE
========================================================= */

.tdt_sedg300_transparency_heading_top {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 16px;

    margin-bottom: 18px;
}


/* =========================================================
   HEADING ICON
========================================================= */


.tdt_sedg300_transparency_badge {

    display: inline-block;

    padding: 8px 17px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: 0.2px;
}


/* =========================================================
   2ND ROW - MAIN HEADING
========================================================= */

.tdt_sedg300_transparency_subtitle {

    margin: 0 0 12px;

    color: #f3525a;

    font-size: 22px;

    line-height: 1.45;

    font-weight: 600;

    text-align: center;
}


/* =========================================================
   3RD ROW - INTRO TEXT
========================================================= */

.tdt_sedg300_transparency_intro {

    max-width: 760px;

    margin: 0 auto;

    color: #536174;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;

    text-align: center;
}


/* =========================================================
   MAIN CONTENT CARDS
========================================================= */

.tdt_sedg300_transparency_card {

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 20px;

    display: flex;

    align-items: flex-start;

    gap: 22px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.tdt_sedg300_transparency_card:hover {

    transform: translateY(-4px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 35px rgba(23, 32, 51, 0.10);
}


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

.tdt_sedg300_transparency_card_icon {

    width: 52px;

    min-width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 14px;

    font-size: 21px;
}


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

.tdt_sedg300_transparency_card_content {

    flex: 1;

    min-width: 0;
}


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

.tdt_sedg300_transparency_card_title {

    margin: 0 0 12px;

    color: #172033;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;
}


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

.tdt_sedg300_transparency_card_text {

    margin: 0;

    color: #536174;

    font-size: 14px;

    line-height: 1.85;

    font-weight: 400;

    text-align: justify;
}


.tdt_sedg300_transparency_card_text strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   PROVIDED / NOT PROVIDED LABEL
========================================================= */

.tdt_sedg300_transparency_label {

    display: inline-block;

    margin-bottom: 10px;

    padding: 6px 13px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 0.3px;

    text-transform: uppercase;
}


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

.tdt_sedg300_transparency_separation {

    align-items: center;
}


.tdt_sedg300_transparency_separation
.tdt_sedg300_transparency_card_text {

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   SINGAPORE TRAVELLERS BOX
========================================================= */

.tdt_sedg300_transparency_singapore_box {

    width: 100%;

    padding: 25px 30px;

    background: #ffffff;

    border-left: 5px solid #f3525a;

    border-radius: 16px;

    display: flex;

    align-items: center;

    gap: 20px;

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.06);
}


/* =========================================================
   SINGAPORE ICON
========================================================= */

.tdt_sedg300_transparency_singapore_icon {

    width: 48px;

    min-width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 13px;

    font-size: 20px;
}


/* =========================================================
   SINGAPORE TEXT
========================================================= */

.tdt_sedg300_transparency_singapore_text {

    margin: 0;

    color: #536174;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}


.tdt_sedg300_transparency_singapore_text strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   FINAL DISCLOSURE
========================================================= */

.tdt_sedg300_transparency_final {

    width: 100%;

    padding: 25px 30px;

    background: #172033;

    border-radius: 18px;

    display: flex;

    align-items: center;

    gap: 18px;

    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.12);
}


/* =========================================================
   FINAL ICON
========================================================= */

.tdt_sedg300_transparency_final_icon {

    width: 44px;

    min-width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 19px;
}


/* =========================================================
   FINAL TEXT
========================================================= */

.tdt_sedg300_transparency_final_text {

    margin: 0;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.8;

    font-weight: 400;

    text-align: justify;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sedg300_transparency_section {

        padding: 50px 20px;
    }


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

    .tdt_sedg300_transparency_heading {

        margin-bottom: 38px;
    }


    .tdt_sedg300_transparency_heading_top {

        gap: 14px;

        margin-bottom: 16px;
    }


    .tdt_sedg300_transparency_badge {

        padding: 8px 16px;

        font-size: 13px;
    }


    .tdt_sedg300_transparency_subtitle {

        font-size: 21px;

        line-height: 1.45;
    }


    .tdt_sedg300_transparency_intro {

        max-width: 680px;

        font-size: 14px;

        line-height: 1.8;
    }


    /* =====================================================
       MAIN CONTENT CARDS
    ===================================================== */

    .tdt_sedg300_transparency_card {

        padding: 26px;

        gap: 18px;

        border-radius: 18px;
    }


    .tdt_sedg300_transparency_card_icon {

        width: 48px;

        min-width: 48px;

        height: 48px;

        border-radius: 13px;

        font-size: 20px;
    }


    .tdt_sedg300_transparency_card_title {

        font-size: 19px;

        line-height: 1.45;
    }


    .tdt_sedg300_transparency_card_text {

        font-size: 13.5px;

        line-height: 1.8;
    }


    .tdt_sedg300_transparency_label {

        margin-bottom: 9px;

        padding: 6px 12px;

        font-size: 11px;
    }


    /* =====================================================
       SINGAPORE TRAVELLERS
    ===================================================== */

    .tdt_sedg300_transparency_singapore_box {

        padding: 23px 26px;

        gap: 17px;

        border-radius: 15px;
    }


    .tdt_sedg300_transparency_singapore_icon {

        width: 46px;

        min-width: 46px;

        height: 46px;

        font-size: 19px;
    }


    .tdt_sedg300_transparency_singapore_text {

        font-size: 13.5px;

        line-height: 1.8;
    }


    /* =====================================================
       FINAL DISCLOSURE
    ===================================================== */

    .tdt_sedg300_transparency_final {

        padding: 23px 26px;

        gap: 16px;

        border-radius: 17px;
    }


    .tdt_sedg300_transparency_final_icon {

        width: 42px;

        min-width: 42px;

        height: 42px;

        font-size: 18px;
    }


    .tdt_sedg300_transparency_final_text {

        font-size: 13.5px;

        line-height: 1.8;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_sedg300_transparency_section {

        padding: 45px 15px;
    }


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

    .tdt_sedg300_transparency_heading {

        margin-bottom: 32px;
    }


    .tdt_sedg300_transparency_heading_top {

        gap: 10px;

        margin-bottom: 14px;
    }


    .tdt_sedg300_transparency_badge {

        padding: 7px 13px;

        font-size: 12px;

        line-height: 1.4;
    }


    .tdt_sedg300_transparency_subtitle {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.5;
    }


    .tdt_sedg300_transparency_intro {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;
    }


    /* =====================================================
       MAIN CONTENT CARDS
    ===================================================== */

    .tdt_sedg300_transparency_card {

        padding: 22px 19px;

        gap: 15px;

        border-radius: 17px;
    }


    .tdt_sedg300_transparency_card_icon {

        width: 44px;

        min-width: 44px;

        height: 44px;

        border-radius: 12px;

        font-size: 18px;
    }


    .tdt_sedg300_transparency_card_title {

        margin-bottom: 10px;

        font-size: 17px;

        line-height: 1.45;
    }


    .tdt_sedg300_transparency_card_text {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }


    .tdt_sedg300_transparency_label {

        margin-bottom: 8px;

        padding: 5px 11px;

        font-size: 10px;

        letter-spacing: 0.2px;
    }


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

    .tdt_sedg300_transparency_separation
    .tdt_sedg300_transparency_card_text {

        font-size: 13px;

        line-height: 1.8;
    }


    /* =====================================================
       SINGAPORE TRAVELLERS
    ===================================================== */

    .tdt_sedg300_transparency_singapore_box {

        padding: 21px 19px;

        align-items: flex-start;

        gap: 14px;

        border-left-width: 4px;

        border-radius: 15px;
    }


    .tdt_sedg300_transparency_singapore_icon {

        width: 43px;

        min-width: 43px;

        height: 43px;

        border-radius: 11px;

        font-size: 18px;
    }


    .tdt_sedg300_transparency_singapore_text {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       FINAL DISCLOSURE
    ===================================================== */

    .tdt_sedg300_transparency_final {

        padding: 21px 19px;

        align-items: flex-start;

        gap: 13px;

        border-radius: 16px;
    }


    .tdt_sedg300_transparency_final_icon {

        width: 41px;

        min-width: 41px;

        height: 41px;

        border-radius: 11px;

        font-size: 17px;
    }


    .tdt_sedg300_transparency_final_text {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }

}













/* =========================================================
   EXPLORE RELATED TIRUPATI RESOURCES
========================================================= */

.tdt_related_tirupati_resources_section {
    width: 100%;
    padding: 70px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;
}

.tdt_related_tirupati_resources_section *,
.tdt_related_tirupati_resources_section *::before,
.tdt_related_tirupati_resources_section *::after {
    box-sizing: border-box;
}


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

.tdt_related_tirupati_resources_heading {
    max-width: 900px;
    margin: 0 auto 45px;
    text-align: center;
}


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

.tdt_related_tirupati_resources_badge {
    display: inline-block;
    margin-bottom: 16px;
    padding: 7px 16px;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}


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

.tdt_related_tirupati_resources_title {
    margin: 0 0 16px;
    color: #172033;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}


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

.tdt_related_tirupati_resources_intro {
    max-width: 820px;
    margin: 0 auto;
    color: #596579;
    font-size: 15px;
    line-height: 1.8;
}

.tdt_related_tirupati_resources_intro strong {
    color: #172033;
    font-weight: 600;
}


/* =========================================================
   RESOURCE BLOCK
========================================================= */

.tdt_related_tirupati_resource_block {
    width: 100%;
    padding: 30px;
    margin-bottom: 28px;
    background: #ffffff;
    border: 1px solid #f9b0b3;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);
    box-sizing: border-box;

    /* CENTER */
    text-align: center;
}

.tdt_related_tirupati_last_block {
    margin-bottom: 0;
}


/* =========================================================
   CENTER ALIGNMENT - TIRUPATI TOUR PACKAGE HUB
========================================================= */

.tdt_related_tirupati_resource_block .tdt_related_tirupati_resource_header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 25px;
    text-align: center;
}

.tdt_related_tirupati_resource_block .tdt_related_tirupati_resource_header > div {
    width: 100%;
    text-align: center;
}

.tdt_related_tirupati_resource_block .tdt_related_tirupati_resource_icon {
    margin-left: auto;
    margin-right: auto;
}

.tdt_related_tirupati_resource_block .tdt_related_tirupati_resource_header p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.tdt_related_tirupati_resource_block .tdt_related_tirupati_main_link {
    margin-left: auto;
    margin-right: auto;
}


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

.tdt_related_tirupati_resource_header {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 25px;
}


/* =========================================================
   RESOURCE ICON
========================================================= */

.tdt_related_tirupati_resource_icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 13px;
    font-size: 20px;
}


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

.tdt_related_tirupati_resource_header h4 {
    margin: 2px 0 8px;
    color: #172033;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
}


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

.tdt_related_tirupati_resource_header p {
    margin: 0;
    color: #596579;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   MAIN PACKAGE LINK
========================================================= */

.tdt_related_tirupati_main_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    background: #f3525a;
    color: #ffffff;
    border: 1px solid #f3525a;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_main_link:hover {
    background: #ffffff;
    color: #f3525a;
    border-color: #f3525a;
    transform: translateY(-2px);
    text-decoration: none;
}


/* =========================================================
   AIRPORT ROUTE CARDS
========================================================= */

.tdt_related_tirupati_route_card {
    height: 100%;
    padding: 24px;
    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_route_card:hover {
    transform: translateY(-5px);
    border-color: #f3525a;
    box-shadow: 0 12px 25px rgba(243, 82, 90, 0.12);
}


/* =========================================================
   AIRPORT ROUTE ICON - CENTER
========================================================= */

.tdt_related_tirupati_route_icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 15px;

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

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 11px;

    font-size: 17px;
    line-height: 1;
}




/* =========================================================
   AIRPORT ROUTE TITLE
========================================================= */

.tdt_related_tirupati_route_card {
    height: 100%;
    padding: 24px;

    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 15px;

    cursor: pointer;
    text-align: center;

    transition: all 0.3s ease;
}

.tdt_related_tirupati_route_card h5 {
    margin: 0 0 12px;
    color: #172033;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.tdt_related_tirupati_route_card h5 a {
    color: #172033;
    text-decoration: none;
    transition: color 0.3s ease;
}




/* =========================================================
   AIRPORT ROUTE DESCRIPTION
========================================================= */

.tdt_related_tirupati_route_title {
    display: block;
    margin-bottom: 16px;
    color: #596579;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    text-decoration: none;
}




/* =========================================================
   AIRPORT ROUTE ACTION LINK
========================================================= */

.tdt_related_tirupati_route_link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_route_link:hover {
    color: #172033;
    gap: 10px;
    text-decoration: none;
}


/* =========================================================
   PACKAGE PLANNING LINKS
========================================================= */

.tdt_related_tirupati_planning_link {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    background: #fff7f7;
    color: #172033;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_planning_link i {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f3525a;
    font-size: 17px;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_planning_link:hover {
    background: #f9b0b3;
    color: #172033;
    border-color: #f3525a;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.12);
    text-decoration: none;
}

.tdt_related_tirupati_planning_link:hover i {
    color: #f3525a;
    transform: translateX(2px);
}


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

.tdt_related_tirupati_darshan_link {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 19px;
    background: #fff7f7;
    color: #172033;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_darshan_link i {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f3525a;
    font-size: 17px;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_darshan_link:hover {
    background: #f9b0b3;
    color: #172033;
    border-color: #f3525a;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.12);
    text-decoration: none;
}

.tdt_related_tirupati_darshan_link:hover i {
    transform: translateX(2px);
}


/* =========================================================
   ADDITIONAL SUPPORT LINKS
========================================================= */

.tdt_related_tirupati_support_link {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 19px;
    background: #fff7f7;
    color: #172033;
    border: 1px solid #f9b0b3;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_support_link i {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f3525a;
    font-size: 17px;
    transition: all 0.3s ease;
}

.tdt_related_tirupati_support_link:hover {
    background: #f9b0b3;
    color: #172033;
    border-color: #f3525a;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.12);
    text-decoration: none;
}

.tdt_related_tirupati_support_link:hover i {
    transform: translateX(2px);
}


/* =========================================================
   FOCUS ACCESSIBILITY
========================================================= */

.tdt_related_tirupati_main_link:focus,
.tdt_related_tirupati_planning_link:focus,
.tdt_related_tirupati_darshan_link:focus,
.tdt_related_tirupati_support_link:focus {
    outline: 2px solid #f3525a;
    outline-offset: 3px;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_related_tirupati_resources_section {

        padding: 55px 20px;

    }


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

    .tdt_related_tirupati_resources_heading {

        max-width: 760px;

        margin-bottom: 38px;

    }

    .tdt_related_tirupati_resources_badge {

        margin-bottom: 14px;

        padding: 7px 15px;

        font-size: 13px;

    }

    .tdt_related_tirupati_resources_title {

        font-size: 28px;

        line-height: 1.35;

        margin-bottom: 14px;

    }

    .tdt_related_tirupati_resources_intro {

        max-width: 700px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* =====================================================
       RESOURCE BLOCK
    ===================================================== */

    .tdt_related_tirupati_resource_block {

        padding: 25px;

        margin-bottom: 24px;

        border-radius: 16px;

    }


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

    .tdt_related_tirupati_resource_header {

        gap: 15px;

        margin-bottom: 22px;

    }

    .tdt_related_tirupati_resource_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        border-radius: 12px;

        font-size: 18px;

    }

    .tdt_related_tirupati_resource_header h4 {

        margin: 2px 0 7px;

        font-size: 20px;

        line-height: 1.4;

    }

    .tdt_related_tirupati_resource_header p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* =====================================================
       MAIN PACKAGE LINK
    ===================================================== */

    .tdt_related_tirupati_main_link {

        padding: 11px 18px;

        font-size: 13px;

    }


    /* =====================================================
       AIRPORT ROUTE CARDS
    ===================================================== */

    .tdt_related_tirupati_route_card {

        padding: 21px;

        border-radius: 13px;

    }

    .tdt_related_tirupati_route_icon {

        width: 43px;

        height: 43px;

        margin-bottom: 13px;

        font-size: 16px;

    }

    .tdt_related_tirupati_route_card h5 {

        margin-bottom: 10px;

        font-size: 17px;

        line-height: 1.4;

    }

    .tdt_related_tirupati_route_title {

        margin-bottom: 14px;

        font-size: 13px;

        line-height: 1.65;

    }

    .tdt_related_tirupati_route_link {

        font-size: 13px;

    }


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

    .tdt_related_tirupati_planning_link {

        min-height: 58px;

        padding: 14px 16px;

        gap: 11px;

        font-size: 13px;

        border-radius: 10px;

    }

    .tdt_related_tirupati_planning_link i {

        flex: 0 0 22px;

        width: 22px;

        height: 22px;

        font-size: 16px;

    }


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

    .tdt_related_tirupati_darshan_link {

        min-height: 58px;

        padding: 14px 16px;

        gap: 11px;

        font-size: 13px;

        border-radius: 10px;

    }

    .tdt_related_tirupati_darshan_link i {

        flex: 0 0 22px;

        width: 22px;

        height: 22px;

        font-size: 16px;

    }


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

    .tdt_related_tirupati_support_link {

        min-height: 58px;

        padding: 14px 16px;

        gap: 11px;

        font-size: 13px;

        border-radius: 10px;

    }

    .tdt_related_tirupati_support_link i {

        flex: 0 0 22px;

        width: 22px;

        height: 22px;

        font-size: 16px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_related_tirupati_resources_section {

        padding: 45px 15px;

    }


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

    .tdt_related_tirupati_resources_heading {

        max-width: 100%;

        margin-bottom: 32px;

    }

    .tdt_related_tirupati_resources_badge {

        margin-bottom: 13px;

        padding: 6px 14px;

        font-size: 12px;

        border-radius: 25px;

    }

    .tdt_related_tirupati_resources_title {

        margin-bottom: 13px;

        font-size: 24px;

        line-height: 1.35;

    }

    .tdt_related_tirupati_resources_intro {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

    }


    /* =====================================================
       RESOURCE BLOCK
    ===================================================== */

    .tdt_related_tirupati_resource_block {

        padding: 20px;

        margin-bottom: 20px;

        border-radius: 15px;

    }

    .tdt_related_tirupati_last_block {

        margin-bottom: 0;

    }


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

    .tdt_related_tirupati_resource_header {

        gap: 12px;

        margin-bottom: 20px;

    }

    .tdt_related_tirupati_resource_icon {

        flex: 0 0 45px;

        width: 45px;

        height: 45px;

        border-radius: 10px;

        font-size: 17px;

    }

    .tdt_related_tirupati_resource_header h4 {

        margin: 1px 0 7px;

        font-size: 18px;

        line-height: 1.4;

    }

    .tdt_related_tirupati_resource_header p {

        font-size: 13px;

        line-height: 1.65;

    }


    /* =====================================================
       CENTER ALIGN RESOURCE HEADER
    ===================================================== */

    .tdt_related_tirupati_resource_block
    .tdt_related_tirupati_resource_header {

        justify-content: center;

        text-align: center;

    }

    .tdt_related_tirupati_resource_block
    .tdt_related_tirupati_resource_header > div {

        width: 100%;

        text-align: center;

    }


    /* =====================================================
       MAIN PACKAGE LINK
    ===================================================== */

    .tdt_related_tirupati_main_link {

        width: auto;

        max-width: 100%;

        padding: 11px 17px;

        gap: 8px;

        font-size: 13px;

        border-radius: 9px;

    }


    /* =====================================================
       AIRPORT ROUTE BOOTSTRAP COLUMNS
    ===================================================== */

    .tdt_related_tirupati_resource_block
    .col-lg-4,
    .tdt_related_tirupati_resource_block
    .col-md-4,
    .tdt_related_tirupati_resource_block
    .col-md-6,
    .tdt_related_tirupati_resource_block
    .col-sm-12 {

        width: 100%;

    }


    /* =====================================================
       AIRPORT ROUTE CARDS
    ===================================================== */

    .tdt_related_tirupati_route_card {

        width: 100%;

        min-height: auto;

        padding: 20px;

        border-radius: 13px;

        text-align: center;

    }

    .tdt_related_tirupati_route_icon {

        width: 43px;

        height: 43px;

        margin: 0 auto 13px;

        border-radius: 10px;

        font-size: 16px;

    }

    .tdt_related_tirupati_route_card h5 {

        margin: 0 0 10px;

        font-size: 17px;

        line-height: 1.4;

    }

    .tdt_related_tirupati_route_card h5 a {

        color: #172033;

        text-decoration: none;

    }

    .tdt_related_tirupati_route_title {

        margin-bottom: 13px;

        font-size: 13px;

        line-height: 1.65;

        color: #596579;

    }

    .tdt_related_tirupati_route_link {

        gap: 7px;

        font-size: 12px;

        line-height: 1.5;

    }


    /* =====================================================
       PACKAGE PLANNING LINKS
    ===================================================== */

    .tdt_related_tirupati_planning_link {

        width: 100%;

        min-height: 56px;

        padding: 13px 14px;

        gap: 10px;

        font-size: 13px;

        line-height: 1.5;

        border-radius: 10px;

    }

    .tdt_related_tirupati_planning_link i {

        flex: 0 0 21px;

        width: 21px;

        height: 21px;

        font-size: 15px;

    }


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

    .tdt_related_tirupati_darshan_link {

        width: 100%;

        min-height: 56px;

        padding: 13px 14px;

        gap: 10px;

        font-size: 13px;

        line-height: 1.5;

        border-radius: 10px;

    }

    .tdt_related_tirupati_darshan_link i {

        flex: 0 0 21px;

        width: 21px;

        height: 21px;

        font-size: 15px;

    }


    /* =====================================================
       ADDITIONAL SUPPORT LINKS
    ===================================================== */

    .tdt_related_tirupati_support_link {

        width: 100%;

        min-height: 56px;

        padding: 13px 14px;

        gap: 10px;

        font-size: 13px;

        line-height: 1.5;

        border-radius: 10px;

    }

    .tdt_related_tirupati_support_link i {

        flex: 0 0 21px;

        width: 21px;

        height: 21px;

        font-size: 15px;

    }


    /* =====================================================
       HOVER EFFECT - MOBILE
    ===================================================== */

    .tdt_related_tirupati_route_card:hover {

        transform: none;

    }

    .tdt_related_tirupati_planning_link:hover,
    .tdt_related_tirupati_darshan_link:hover,
    .tdt_related_tirupati_support_link:hover {

        transform: none;

    }

}

















/* =========================================================
   INDIA-SIDE TRAVEL ARRANGEMENT & DARSHAN DISCLOSURE
========================================================= */

.tdt_sedg300_india_travel_disclosure_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}

.tdt_sedg300_india_travel_disclosure_section *,
.tdt_sedg300_india_travel_disclosure_section *::before,
.tdt_sedg300_india_travel_disclosure_section *::after {

    box-sizing: border-box;
}


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

.tdt_sedg300_india_travel_disclosure_container {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;
}


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

.tdt_sedg300_india_travel_disclosure_card {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    width: 100%;

    padding: 32px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_sedg300_india_travel_disclosure_card:hover {

    transform: translateY(-3px);

    box-shadow: 0 16px 40px rgba(23, 32, 51, 0.10);
}


/* =========================================================
   MAIN ICON
========================================================= */

.tdt_sedg300_india_travel_disclosure_icon {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 22px;

    box-shadow: 0 8px 18px rgba(243, 82, 90, 0.12);
}


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

.tdt_sedg300_india_travel_disclosure_content {

    flex: 1;

    min-width: 0;
}


/* =========================================================
   MAIN TEXT
========================================================= */

.tdt_sedg300_india_travel_disclosure_text {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color: #172033;

    font-weight: 400;
}


/* =========================================================
   LINK
========================================================= */

.tdt_sedg300_india_travel_disclosure_link {

    color: #f3525a;

    font-weight: 600;

    text-decoration: none;

    transition:
        color 0.25s ease,
        border-color 0.25s ease;

        text-decoration: underline;
}

.tdt_sedg300_india_travel_disclosure_link strong {

    font-weight: 700;
}

.tdt_sedg300_india_travel_disclosure_link:hover {

    color: #d83f48;

    text-decoration: none;
}


/* =========================================================
   DISCLOSURE NOTE
========================================================= */

.tdt_sedg300_india_travel_disclosure_note {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-top: 24px;

    padding: 20px 22px;

    background: rgba(249, 176, 179, 0.18);

    border-left: 4px solid #f3525a;

    border-radius: 12px;

    text-align: justify;
}


/* =========================================================
   NOTE ICON
========================================================= */

.tdt_sedg300_india_travel_disclosure_note_icon {

    flex: 0 0 auto;

    width: 24px;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #f3525a;

    font-size: 17px;
}


/* =========================================================
   NOTE TEXT
========================================================= */

.tdt_sedg300_india_travel_disclosure_note_text {

    margin: 0;

    color: #172033;

    font-size: 14px;

    line-height: 1.75;

    font-weight: 400;

    text-align: justify;
}

.tdt_sedg300_india_travel_disclosure_note_text strong {

    color: #f3525a;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_sedg300_india_travel_disclosure_section {

        padding: 50px 20px;
    }

    .tdt_sedg300_india_travel_disclosure_container {

        max-width: 900px;
    }

    .tdt_sedg300_india_travel_disclosure_card {

        gap: 20px;

        padding: 28px;

        border-radius: 20px;
    }

    .tdt_sedg300_india_travel_disclosure_icon {

        flex: 0 0 54px;

        width: 54px;

        height: 54px;

        border-radius: 15px;

        font-size: 21px;
    }

    .tdt_sedg300_india_travel_disclosure_text {

        font-size: 15px;

        line-height: 1.75;
    }

    .tdt_sedg300_india_travel_disclosure_note {

        gap: 12px;

        margin-top: 20px;

        padding: 18px 20px;
    }

    .tdt_sedg300_india_travel_disclosure_note_icon {

        width: 23px;

        height: 23px;

        font-size: 16px;
    }

    .tdt_sedg300_india_travel_disclosure_note_text {

        font-size: 13.5px;

        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_sedg300_india_travel_disclosure_section {

        padding: 42px 16px;
    }

    .tdt_sedg300_india_travel_disclosure_container {

        width: 100%;

        max-width: 100%;
    }

    .tdt_sedg300_india_travel_disclosure_card {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 18px;

        padding: 24px 20px;

        border-radius: 18px;
    }

    .tdt_sedg300_india_travel_disclosure_icon {

        flex: 0 0 52px;

        width: 52px;

        height: 52px;

        border-radius: 14px;

        font-size: 20px;
    }

    .tdt_sedg300_india_travel_disclosure_content {

        width: 100%;
    }

    .tdt_sedg300_india_travel_disclosure_text {

        font-size: 14px;

        line-height: 1.75;

        text-align: left;
    }

    .tdt_sedg300_india_travel_disclosure_link {

        display: inline;
    }

    .tdt_sedg300_india_travel_disclosure_note {

        display: flex;

        align-items: flex-start;

        gap: 10px;

        margin-top: 20px;

        padding: 16px;

        border-left-width: 3px;

        border-radius: 10px;

        text-align: justify;
    }

    .tdt_sedg300_india_travel_disclosure_note_icon {

        flex: 0 0 20px;

        width: 20px;

        height: 20px;

        font-size: 15px;
    }

    .tdt_sedg300_india_travel_disclosure_note_text {

        flex: 1;

        min-width: 0;

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }

}












.sgtrp-jrn-section {
    background: #155a78;
    padding: 60px 0;
    font-family: inherit;
}

.sgtrp-jrn-wrapper {
    max-width: 1200px;
    margin: auto;
    background: #155a78;
    border: 1px solid #155a78;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.22);
}

.sgtrp-jrn-left,
.sgtrp-jrn-right {
    padding: 42px;
    min-height: 690px;
}

.sgtrp-jrn-left {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.sgtrp-jrn-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px solid rgba(115, 221, 255, 0.28);
    border-radius: 30px;
    color: #9fe8ff;
    background: rgba(44, 159, 194, 0.14);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 18px;
}

.sgtrp-jrn-badge i {
    color: #7de6ff;
}

.sgtrp-jrn-title {
    color: #f4f7fb;
    font-size: 35px;
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: 16px;
}

.sgtrp-jrn-description {
    color: #b5c0d0;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 26px;
    text-align: justify;
}

.sgtrp-jrn-description strong {
    color: #e4eaf3;
}

.sgtrp-jrn-service-card {
    height: 100%;
    min-height: 96px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 15px;
}

.sgtrp-jrn-service-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(54, 207, 255, 0.12);
    border-radius: 10px;
    color: #78e5ff;
}

.sgtrp-jrn-service-card h5 {
    color: #f1f4f8;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 4px;
}

.sgtrp-jrn-service-card p {
    color: #9ca8ba;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    text-align: justify;
}

.sgtrp-jrn-action-buttons {
    margin-top: 26px;
}

.sgtrp-jrn-whatsapp-btn,
.sgtrp-jrn-submit-btn {
    min-height: 48px;
    padding: 0 22px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.sgtrp-jrn-whatsapp-btn {
    background: #168b6d;
    color: #ffffff;
    border: 1px solid #168b6d;
    transition: all 0.3s ease;
}

.sgtrp-jrn-whatsapp-btn:hover {
    background: transparent;
    color: #ffffff;
    border-color: #1db58d;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(22, 139, 109, 0.3);
}

.sgtrp-jrn-submit-btn {
    background: rgba(255, 255, 255, 0.12);
    color: #f2f4f7;
    border: 1px solid rgba(255, 255, 255, 0.22);
    transition: all 0.3s ease;
}

.sgtrp-jrn-submit-btn:hover {
    background: #ffffff;
    color: #111827;
    border-color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15);
}

.sgtrp-jrn-small-note {
    color: #8895a7;
    font-size: 12px;
    line-height: 1.45;
    margin: 14px 0 0;
    text-align: justify;
}

.sgtrp-jrn-share-label {
    display: block;
    color: #8edff5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.sgtrp-jrn-form-title {
    color: #f4f6fa;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 10px;
}

.sgtrp-jrn-form-description {
    color: #9ca8ba;
    font-size: 15px;
    line-height: 1.55;
    max-width: 360px;
    margin-bottom: 22px;
    text-align: justify;
}

.sgtrp-jrn-input-box {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 10px 14px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
}

.sgtrp-jrn-input-icon {
    color: #7be4fb;
    font-size: 16px;
}

.sgtrp-jrn-input-box > div:last-child {
    width: 100%;
}

.sgtrp-jrn-input-box span {
    display: block;
    color: #8490a1;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 2px;
}

.sgtrp-jrn-input-box input {
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    padding: 0;
    color: #f4f6fa;
    font-size: 13px;
    font-weight: 700;
}

.sgtrp-jrn-input-box input::placeholder {
    color: #e0e4eb;
    opacity: 1;
}

.sgtrp-jrn-boundary-box {
    margin-top: 20px;
    padding: 16px 20px;
    background: rgba(135, 97, 32, 0.18);
    border: 1px solid rgba(219, 167, 63, 0.3);
    border-radius: 14px;
}

.sgtrp-jrn-boundary-box h6 {
    color: #f2d99a;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 7px;
}

.sgtrp-jrn-boundary-box p {
    color: #c8bda2;
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
    text-align: justify;
}

.sgtrp-jrn-footer-note {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.025);
    color: #8d9aab;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
}

.sgtrp-jrn-footer-note i {
    color: #79ddf7;
}

.sgtrp-jrn-footer-note strong {
    color: #d5dce5;
}
.sgtrp-jrn-bottom-review {
    margin-top: 24px;
    text-align: center;
    color: #d8edf5;
    font-size: 13px;
}

.sgtrp-jrn-bottom-review a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.3s ease;
}

.sgtrp-jrn-bottom-review a:hover {
    color: #8de6ff;
}



.sgtrp-jrn-bottom-dot {
    display: inline-block;
    margin: 0 8px;
    color: rgba(255, 255, 255, 0.6);
}
/* =========================================
   TABLET RESPONSIVE
========================================= */
@media (max-width: 991.98px) {

    .sgtrp-jrn-section {
        padding: 50px 20px;
    }

    .sgtrp-jrn-wrapper {
        max-width: 100%;
    }

    .sgtrp-jrn-left,
    .sgtrp-jrn-right {
        min-height: auto;
        padding: 35px;
    }

    .sgtrp-jrn-left {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .sgtrp-jrn-title {
        font-size: 34px;
    }

    .sgtrp-jrn-description {
        max-width: 100%;
    }

    .sgtrp-jrn-form-description {
        max-width: 100%;
    }

    .sgtrp-jrn-service-card {
        min-height: 110px;
    }
}


/* =========================================
   MOBILE RESPONSIVE
========================================= */
@media (max-width: 767.98px) {

    .sgtrp-jrn-section {
        padding: 35px 12px;
    }

    .sgtrp-jrn-wrapper {
        border-radius: 20px;
    }

    .sgtrp-jrn-left,
    .sgtrp-jrn-right {
        padding: 28px 20px;
    }

    .sgtrp-jrn-badge {
        font-size: 10px;
        padding: 7px 11px;
        margin-bottom: 15px;
    }

    .sgtrp-jrn-title {
        font-size: 26px;
        line-height: 1.15;
        margin-bottom: 15px;
    }

    .sgtrp-jrn-description {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 22px;
        text-align: justify;
    }

    .sgtrp-jrn-services .col-md-6 {
        width: 100%;
    }

    .sgtrp-jrn-service-card {
        min-height: auto;
        padding: 15px;
    }

    .sgtrp-jrn-service-card h5 {
        font-size: 14px;
    }

    .sgtrp-jrn-service-card p {
        font-size: 12px;
        text-align: justify;
    }

    .sgtrp-jrn-action-buttons {
        margin-top: 22px;
        flex-direction: column;
        gap: 12px !important;
    }

    .sgtrp-jrn-whatsapp-btn,
    .sgtrp-jrn-submit-btn {
        width: 100%;
        min-height: 50px;
        padding: 0 15px;
    }

    .sgtrp-jrn-small-note {
        font-size: 11px;
        text-align: center;
    }

    .sgtrp-jrn-share-label {
        font-size: 10px;
    }

    .sgtrp-jrn-form-title {
        font-size: 25px;
    }

    .sgtrp-jrn-form-description {
        font-size: 14px;
        max-width: 100%;
        text-align: justify;
    }

    .sgtrp-jrn-input-box {
        min-height: 62px;
        padding: 10px 12px;
    }

    .sgtrp-jrn-input-box input {
        font-size: 12px;
    }

    .sgtrp-jrn-boundary-box {
        padding: 15px;
    }

    .sgtrp-jrn-boundary-box h6 {
        font-size: 13px;
    }

    .sgtrp-jrn-boundary-box p {
        font-size: 11px;
        text-align: justify;
    }

    .sgtrp-jrn-footer-note {
        padding: 16px 20px;
        font-size: 11px;
        text-align: justify;
    }

    .sgtrp-jrn-bottom-review {
        margin-top: 20px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 1.9;
    }
}


/* =========================================================
   TIRUPATI ₹300 SPECIAL ENTRY DARSHAN END
========================================================= */



/* =========================================================
   BOOK TIRUPATI TOUR PACKAGE START
========================================================= */


/* =============== BOOK TIRUPATI TOUR PACKAGE BANNER ======================== */

.sgtrp-enquiry-hero {
    background:
        radial-gradient(circle at top left, rgba(30, 119, 150, 0.12), transparent 42%),
        linear-gradient(135deg, #071426 0%, #080d1e 55%, #17161b 100%);
    padding: 74px 0;
    overflow: hidden;
    font-family: inherit;
}

.sgtrp-enquiry-content {
    max-width: 760px;
}

.sgtrp-enquiry-badge {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    margin-bottom: 18px;
    border: 1px solid rgba(71, 198, 232, 0.35);
    border-radius: 50px;
    background: rgba(36, 106, 135, 0.22);
    color: #d8e1e5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgtrp-enquiry-badge i {
    color: #62d2ef;
}

.sgtrp-enquiry-content h1 {
    margin: 0 0 14px;
    color: #f5f5f5;
    font-size: 50px;
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -2px;
}

.sgtrp-enquiry-content h2 {
    max-width: 800px;
    margin: 0 0 22px;
    color: #d7e2df;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.35;
}

.sgtrp-enquiry-description {
    max-width: 790px;
    margin-bottom: 24px;
    color: #d4d7dd;
    font-size: 16px;
    line-height: 1.65;
}

.sgtrp-enquiry-description strong {
    color: #ffffff;
    font-weight: 700;
}

.sgtrp-enquiry-route-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 25px;
}

.sgtrp-enquiry-route-list span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid #273244;
    border-radius: 50px;
    background: rgba(20, 27, 43, 0.85);
    color: #e2e2e2;
    font-size: 13px;
    font-weight: 600;
}

.sgtrp-enquiry-route-list i {
    color: #56cbe8;
}

.sgtrp-enquiry-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 24px;
}

.sgtrp-enquiry-primary-btn,
.sgtrp-enquiry-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 15px 24px;
    border-radius: 40px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.4px;
    transition: all 0.3s ease;
    width: fit-content;
}

.sgtrp-enquiry-primary-btn {
    background: linear-gradient(135deg, #56d5ef, #32b9dc);
    color: #062032;
    box-shadow: 0 12px 28px rgba(41, 190, 224, 0.22);
}

.sgtrp-enquiry-primary-btn:hover {
    color: #062032;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(41, 190, 224, 0.32);
}

.sgtrp-enquiry-secondary-btn {
    border: 1px solid #16a84f;
    background: #16a84f;
    color: #ffffff;
}

.sgtrp-enquiry-secondary-btn:hover {
    border-color: #16a84f;
    color: #ffffff;
    transform: translateY(-2px);
}

.sgtrp-enquiry-info-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 790px;
    padding: 15px 17px;
    border: 1px solid #273244;
    border-radius: 16px;
    background: rgba(18, 25, 41, 0.75);
}

.sgtrp-enquiry-info-box i {
    margin-top: 3px;
    color: #63cce8;
}

.sgtrp-enquiry-info-box p {
    margin: 0;
    color: #b9c0cc;
    font-size: 12px;
    line-height: 1.55;
    text-align: justify;
}

/* Right Card */

.sgtrp-enquiry-card {
    padding: 26px 24px;
    border: 1px solid #303849;
    border-radius: 24px;
    background: rgba(23, 29, 45, 0.92);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
}

.sgtrp-enquiry-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.sgtrp-enquiry-card-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 15px;
    background: linear-gradient(135deg, #17394c, #0f2d3d);
    color: #64d4f0;
    font-size: 21px;
}

.sgtrp-enquiry-card-head h3 {
    margin: 0 0 3px;
    color: #f2f2f2;
    font-size: 18px;
    font-weight: 800;
}

.sgtrp-enquiry-card-head p {
    margin: 0;
    color: #a6afbd;
    font-size: 13px;
}

.sgtrp-enquiry-step {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    padding: 14px;
    border: 1px solid #2d3545;
    border-radius: 16px;
    background: #101625;
}

.sgtrp-enquiry-step-number {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #5ed7ef, #35b6d5);
    color: #083044;
    font-size: 12px;
    font-weight: 800;
}

.sgtrp-enquiry-step h4 {
    margin: 0 0 3px;
    color: #ededed;
    font-size: 15px;
    font-weight: 800;
}

.sgtrp-enquiry-step p {
    margin: 0;
    color: #a4adbb;
    font-size: 13px;
}

.sgtrp-enquiry-card-note {
    margin-top: 18px;
    padding: 15px 0 0;
    border-top: 1px solid #2d3545;
    color: #8f99aa;
    font-size: 13px;
    line-height: 1.55;
    text-align: justify;
}
/* ================= TABLET RESPONSIVE ================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgtrp-enquiry-hero {
        padding: 60px 0;
    }

    .sgtrp-enquiry-content {
        max-width: 100%;
        text-align: center;
    }

    .sgtrp-enquiry-badge {
        margin-left: auto;
        margin-right: auto;
    }

    .sgtrp-enquiry-content h1 {
        font-size: 46px;
        line-height: 1.05;
    }

    .sgtrp-enquiry-content h2 {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        font-size: 25px;
    }

    .sgtrp-enquiry-description {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }

    .sgtrp-enquiry-route-list {
        justify-content: center;
    }

    .sgtrp-enquiry-actions {
        justify-content: center;
    }

    .sgtrp-enquiry-info-box {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .sgtrp-enquiry-card {
        max-width: 750px;
        margin: 35px auto 0;
    }
    .sgtrp-enquiry-card-note{
        text-align: center;
        font-size: 14px;
    }
}


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

@media (max-width: 767.98px) {

    .sgtrp-enquiry-hero {
        padding: 45px 0;
    }

    .sgtrp-enquiry-content {
        max-width: 100%;
        text-align: center;
    }

    /* Badge */

    .sgtrp-enquiry-badge {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
        padding: 8px 13px;
        font-size: 9px;
        letter-spacing: 1px;
    }

    /* Heading */

    .sgtrp-enquiry-content h1 {
        margin-bottom: 14px;
        font-size: 30px;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    /* Sub Heading */

    .sgtrp-enquiry-content h2 {
        margin-bottom: 18px;
        font-size: 20px;
        line-height: 1.4;
    }

    /* Description */

    .sgtrp-enquiry-description {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.65;
    }

    /* Route List */

    .sgtrp-enquiry-route-list {
        justify-content: center;
        gap: 8px;
        margin-bottom: 22px;
    }

    .sgtrp-enquiry-route-list span {
        width: auto;
        padding: 8px 12px;
        font-size: 11px;
    }

    /* Buttons */

    .sgtrp-enquiry-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 20px;
    }

    .sgtrp-enquiry-primary-btn,
    .sgtrp-enquiry-secondary-btn {
        width: 100%;
        min-height: 52px;
        padding: 13px 15px;
        font-size: 12px;
    }

    /* Info Box */

    .sgtrp-enquiry-info-box {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 14px;
        border-radius: 14px;
        text-align: center;
    }

    .sgtrp-enquiry-info-box i {
        margin-top: 0;
    }

    .sgtrp-enquiry-info-box p {
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
    }

    /* Booking Card */

    .sgtrp-enquiry-card {
        margin-top: 28px;
        padding: 20px 16px;
        border-radius: 20px;
    }

    .sgtrp-enquiry-card-head {
        justify-content: center;
        margin-bottom: 16px;
    }

    .sgtrp-enquiry-card-head h3,
    .sgtrp-enquiry-card-head p {
        text-align: left;
    }

    .sgtrp-enquiry-card-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .sgtrp-enquiry-step {
        gap: 11px;
        margin-bottom: 10px;
        padding: 12px;
        border-radius: 14px;
        text-align: left;
    }

    .sgtrp-enquiry-step-number {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .sgtrp-enquiry-step h4 {
        font-size: 13.5px;
    }

    .sgtrp-enquiry-step p {
        font-size: 12px;
        line-height: 1.45;
    }

    .sgtrp-enquiry-card-note {
        margin-top: 14px;
        padding-top: 14px;
        font-size: 12px;
        line-height: 1.55;
        text-align: center;
    }
}
/* =========================================================
   DESKTOP BUTTON WIDTH FIX
========================================================= */

@media (min-width: 992px) {

    .sgtrp-enquiry-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        width: 100%;
    }

    .sgtrp-enquiry-primary-btn,
    .sgtrp-enquiry-secondary-btn {
        display: inline-flex !important;
        width: auto !important;
        max-width: max-content !important;
        flex: 0 0 auto !important;
        align-self: flex-start;
    }

    .sgtrp-enquiry-primary-btn {
        padding: 15px 28px;
    }

    .sgtrp-enquiry-secondary-btn {
        padding: 15px 24px;
    }

}














/* =========================================================
   SIMPLE BOOKING PROCESS
   HOW TO BOOK A TIRUPATI TOUR PACKAGE
========================================================= */

.tdt_tbksp_booking_process_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}


.tdt_tbksp_booking_process_section *,
.tdt_tbksp_booking_process_section *::before,
.tdt_tbksp_booking_process_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   HEADING
========================================================= */

.tdt_tbksp_booking_process_heading {

    max-width: 1200px;

    margin: 0 auto 30px;

    text-align: center;
}


.tdt_tbksp_booking_process_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 14px;

    padding: 7px 18px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.3px;
}


.tdt_tbksp_booking_process_heading h2 {

    margin: 0 0 15px;

    color: #172033;

    font-size: 34px;

    font-weight: 700;

    line-height: 1.25;
}


.tdt_tbksp_booking_process_heading p {

    margin: 0;

    color: #5d6675;

    font-size: 15px;

    line-height: 1.8;

    text-align: center;
}


.tdt_tbksp_booking_process_heading p strong {

    color: #f3525a;

    font-weight: 700;
}


/* =========================================================
   BOOTSTRAP CARD ROW
========================================================= */

.tdt_tbksp_booking_process_cards {

    margin-left: 0;

    margin-right: 0;
}


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

.tdt_tbksp_booking_process_card {

    position: relative;

    height: 100%;

    min-height: 300px;

    padding: 30px 22px 26px;

    background: #ffffff;

    border: 1px solid #f1d7d8;

    border-radius: 18px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    overflow: hidden;
}


.tdt_tbksp_booking_process_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

    transform: scaleX(0.45);

    transform-origin: center;

    transition: transform 0.3s ease;
}


.tdt_tbksp_booking_process_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 38px rgba(243, 82, 90, 0.14);
}


.tdt_tbksp_booking_process_card:hover::before {

    transform: scaleX(1);
}


/* =========================================================
   NUMBER
========================================================= */

.tdt_tbksp_booking_process_number {

    position: absolute;

    top: 17px;

    right: 18px;

    color: #f9b0b3;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.5px;
}


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

.tdt_tbksp_booking_process_icon {

    width: 66px;

    height: 66px;

    margin: 8px auto 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 25px;

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


.tdt_tbksp_booking_process_card:hover
.tdt_tbksp_booking_process_icon {

    background: #f3525a;

    color: #ffffff;

    transform: scale(1.06);
}


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

.tdt_tbksp_booking_process_card h3 {

    margin: 0 0 13px;

    color: #172033;

    font-size: 17px;

    font-weight: 700;

    line-height: 1.45;
}


.tdt_tbksp_booking_process_card p {

    margin: 0;

    color: #697282;

    font-size: 13.5px;

    line-height: 1.75;
}


/* =========================================================
   BOOKING TRANSPARENCY
========================================================= */

.tdt_tbksp_booking_transparency {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    max-width: 1200px;

    margin: 42px auto 0;

    padding: 19px 22px;

    background: #fff5f5;

    border: 1px solid #f9b0b3;

    border-left: 4px solid #f3525a;

    border-radius: 12px;
}


.tdt_tbksp_booking_transparency_icon {

    flex: 0 0 auto;

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 14px;
}


.tdt_tbksp_booking_transparency p {

    margin: 0;

    color: #5d6675;

    font-size: 14px;

    line-height: 1.75;

    text-align: justify;
}


.tdt_tbksp_booking_transparency p strong {

    color: #f3525a;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

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

    .sgtrp-enquiry-hero {
        width: 100%;
        padding: 60px 24px;
    }

    .sgtrp-enquiry-hero .container {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }


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

    .sgtrp-enquiry-content {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }


    /* =========================
       BADGE
    ========================= */

    .sgtrp-enquiry-badge {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 18px;
        padding: 9px 16px;
        font-size: 10px;
    }


    /* =========================
       MAIN HEADING
    ========================= */

    .sgtrp-enquiry-content h1 {
        width: 100%;
        margin: 0 0 15px;
        font-size: 42px;
        line-height: 1.1;
        letter-spacing: -1.5px;
    }


    /* =========================
       SUB HEADING
    ========================= */

    .sgtrp-enquiry-content h2 {
        width: 100%;
        max-width: 720px;
        margin: 0 auto 20px;
        font-size: 24px;
        line-height: 1.4;
    }


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

    .sgtrp-enquiry-description {
        width: 100%;
        max-width: 720px;
        margin: 0 auto 24px;
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }


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

    .sgtrp-enquiry-route-list {
        width: 100%;
        justify-content: center;
        gap: 10px;
        margin-bottom: 24px;
    }

    .sgtrp-enquiry-route-list span {
        padding: 9px 14px;
        font-size: 12px;
    }


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

    .sgtrp-enquiry-actions {
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-bottom: 24px;
    }

    .sgtrp-enquiry-primary-btn,
    .sgtrp-enquiry-secondary-btn {
        min-height: 54px;
        padding: 14px 22px;
        font-size: 12px;
    }


    /* =========================
       INFO BOX
    ========================= */

    .sgtrp-enquiry-info-box {
        width: 100%;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 18px;
        text-align: left;
    }

    .sgtrp-enquiry-info-box p {
        font-size: 12px;
        line-height: 1.6;
        text-align: justify;
    }


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

    .sgtrp-enquiry-card {
        width: 100%;
        max-width: 720px;
        margin: 35px auto 0;
        padding: 25px 22px;
        border-radius: 22px;
    }

    .sgtrp-enquiry-card-head {
        justify-content: center;
        margin-bottom: 18px;
    }

    .sgtrp-enquiry-card-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .sgtrp-enquiry-card-head h3 {
        font-size: 17px;
    }

    .sgtrp-enquiry-card-head p {
        font-size: 12px;
    }


    /* =========================
       BOOKING STEPS
    ========================= */

    .sgtrp-enquiry-step {
        padding: 14px;
        gap: 13px;
        margin-bottom: 12px;
    }

    .sgtrp-enquiry-step-number {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }

    .sgtrp-enquiry-step h4 {
        font-size: 14px;
    }

    .sgtrp-enquiry-step p {
        font-size: 12px;
        line-height: 1.5;
    }

    .sgtrp-enquiry-card-note {
        margin-top: 16px;
        padding-top: 16px;
        font-size: 13px;
        line-height: 1.6;
        text-align: center;
    }


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

    .tdt_tbksp_booking_process_section {
        width: 100%;
        padding: 55px 24px;
    }

    .tdt_tbksp_booking_process_heading {
        width: 100%;
        max-width: 800px;
        margin: 0 auto 32px;
    }

    .tdt_tbksp_booking_process_badge {
        padding: 7px 17px;
        font-size: 13px;
    }

    .tdt_tbksp_booking_process_heading h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .tdt_tbksp_booking_process_heading p {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        line-height: 1.75;
    }


    /* =========================
       CARDS
    ========================= */

    .tdt_tbksp_booking_process_cards {
        margin-left: 0;
        margin-right: 0;
        row-gap: 22px !important;
    }

    .tdt_tbksp_booking_process_card {
        width: 100%;
        min-height: 285px;
        padding: 28px 20px 25px;
        border-radius: 17px;
    }

    .tdt_tbksp_booking_process_number {
        top: 16px;
        right: 17px;
        font-size: 13px;
    }

    .tdt_tbksp_booking_process_icon {
        width: 62px;
        height: 62px;
        margin: 8px auto 20px;
        font-size: 23px;
    }

    .tdt_tbksp_booking_process_card h3 {
        font-size: 16px;
        line-height: 1.45;
    }

    .tdt_tbksp_booking_process_card p {
        font-size: 13px;
        line-height: 1.7;
    }


    /* =========================
       TRANSPARENCY BOX
    ========================= */

    .tdt_tbksp_booking_transparency {
        width: 100%;
        max-width: 900px;
        margin: 36px auto 0;
        padding: 18px 20px;
        gap: 13px;
    }

    .tdt_tbksp_booking_transparency_icon {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .tdt_tbksp_booking_transparency p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   BELOW 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_tbksp_booking_process_section {

        padding: 48px 15px;
    }


    .tdt_tbksp_booking_process_heading {

        max-width: 100%;

        margin-bottom: 30px;
    }


    .tdt_tbksp_booking_process_badge {

        margin-bottom: 12px;

        padding: 6px 15px;

        font-size: 12px;
    }


    .tdt_tbksp_booking_process_heading h2 {

        margin-bottom: 13px;

        font-size: 23px;

        line-height: 1.3;
    }


    .tdt_tbksp_booking_process_heading p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: center;
    }


    .tdt_tbksp_booking_process_cards {

        row-gap: 18px !important;

        margin-left: 0;

        margin-right: 0;
    }


    .tdt_tbksp_booking_process_card {

        min-height: auto;

        padding: 30px 20px 26px;

        border-radius: 16px;
    }


    .tdt_tbksp_booking_process_number {

        top: 14px;

        right: 15px;

        font-size: 13px;
    }


    .tdt_tbksp_booking_process_icon {

        width: 62px;

        height: 62px;

        margin: 5px auto 20px;

        font-size: 23px;
    }


    .tdt_tbksp_booking_process_card h3 {

        margin-bottom: 11px;

        font-size: 17px;

        line-height: 1.45;
    }


    .tdt_tbksp_booking_process_card p {

        font-size: 13px;

        line-height: 1.75;
    }


    .tdt_tbksp_booking_transparency {

        align-items: flex-start;

        gap: 11px;

        margin-top: 30px;

        padding: 16px 15px;

        border-radius: 11px;
    }


    .tdt_tbksp_booking_transparency_icon {

        width: 30px;

        height: 30px;

        font-size: 13px;
    }


    .tdt_tbksp_booking_transparency p {

        font-size: 12.5px;

        line-height: 1.75;

        text-align: justify;
    }

}













/* =========================================================
   BOOKING INFORMATION
   WHAT INFORMATION DO WE NEED TO BOOK A TIRUPATI TOUR PACKAGE?
========================================================= */

.tdt_biwt_booking_information_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}


.tdt_biwt_booking_information_section *,
.tdt_biwt_booking_information_section *::before,
.tdt_biwt_booking_information_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SOFT BACKGROUND DETAILS
========================================================= */

.tdt_biwt_booking_information_section::before {

    content: "";

    position: absolute;

    width: 320px;

    height: 320px;

    top: -150px;

    right: -120px;

    background: rgba(249, 176, 179, 0.20);

    border-radius: 50%;

    pointer-events: none;
}


.tdt_biwt_booking_information_section::after {

    content: "";

    position: absolute;

    width: 240px;

    height: 240px;

    bottom: -120px;

    left: -100px;

    background: rgba(243, 82, 90, 0.07);

    border-radius: 50%;

    pointer-events: none;
}


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

.tdt_biwt_booking_information_section .container {

    position: relative;

    z-index: 2;
}


/* =========================================================
   HEADING AREA
========================================================= */

.tdt_biwt_booking_information_heading {

    max-width: 960px;

    margin: 0 auto 30px;

    text-align: center;

    position: relative;
}


.tdt_biwt_booking_information_badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 17px;

    padding: 8px 18px;

    background: #f9b0b3;

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 30px;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;

    box-shadow: 0 5px 15px rgba(23, 32, 51, 0.06);
}


.tdt_biwt_booking_information_badge::before {

    content: "";

    width: 7px;

    height: 7px;

    background: #f3525a;

    border-radius: 50%;

    display: inline-block;
}


.tdt_biwt_booking_information_heading h2 {

    max-width: 850px;

    margin: 0 auto 19px;

    color: #172033;

    font-size: 30px;

    line-height: 1.25;

    font-weight: 900;

    letter-spacing: -0.4px;
}


.tdt_biwt_booking_information_heading p {

    max-width: 860px;

    margin: 0 auto;

    color: #526174;

    font-size: 16px;

    line-height: 1.85;
}


.tdt_biwt_booking_information_heading strong {

    color: #f3525a;

    font-weight: 700;
}


/* =========================================================
   INFORMATION CARDS
========================================================= */

.tdt_biwt_booking_information_grid {

    margin-top: 0;
}


.tdt_biwt_booking_information_card {

    height: 100%;

    padding: 29px 27px 28px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 20px;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 10px 30px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.tdt_biwt_booking_information_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

    opacity: 0;

    transition: opacity 0.3s ease;
}


.tdt_biwt_booking_information_card::after {

    content: "";

    position: absolute;

    width: 90px;

    height: 90px;

    right: -42px;

    bottom: -42px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.18);

    transition: transform 0.4s ease;
}


.tdt_biwt_booking_information_card:hover {

    transform: translateY(-8px);

    border-color: rgba(243, 82, 90, 0.18);

    box-shadow:
        0 18px 40px rgba(23, 32, 51, 0.11);
}


.tdt_biwt_booking_information_card:hover::before {

    opacity: 1;
}


.tdt_biwt_booking_information_card:hover::after {

    transform: scale(1.5);
}


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

.tdt_biwt_booking_information_card_top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 20px;
}


/* =========================================================
   ICON BOX
========================================================= */

.tdt_biwt_booking_information_icon {

    width: 55px;

    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 20px;

    box-shadow:
        0 7px 16px rgba(243, 82, 90, 0.12);

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


.tdt_biwt_booking_information_card:hover
.tdt_biwt_booking_information_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px) rotate(-3deg);
}


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

.tdt_biwt_booking_information_number {

    color: #f9b0b3;

    font-size: 30px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: -1px;

    transition: color 0.3s ease;
}


.tdt_biwt_booking_information_card:hover
.tdt_biwt_booking_information_number {

    color: #f3525a;
}


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

.tdt_biwt_booking_information_card h3 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;

    position: relative;

    z-index: 2;
}


.tdt_biwt_booking_information_card p {

    margin: 0;

    color: #5b6677;

    font-size: 15px;

    line-height: 1.78;

    position: relative;

    z-index: 2;
    text-align: justify;
}


/* =========================================================
   VEHICLE TAGS
========================================================= */

.tdt_biwt_vehicle_tags {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 17px;

    position: relative;

    z-index: 3;
}


.tdt_biwt_vehicle_tags span {

    display: inline-flex;

    align-items: center;

    padding: 6px 11px;

    background: #fff3f4;

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.13);

    border-radius: 30px;

    font-size: 10.5px;

    line-height: 1.3;

    font-weight: 600;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


.tdt_biwt_vehicle_tags span:hover {

    background: #f3525a;

    color: #ffffff;
}


/* =========================================================
   ADDITIONAL TRAVEL REQUIREMENTS
========================================================= */

.tdt_biwt_additional_requirements {

    margin-top: 42px;

    padding: 27px 30px;

    display: flex;

    align-items: center;

    gap: 20px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 18px;

    box-shadow:
        0 10px 28px rgba(23, 32, 51, 0.06);

    position: relative;

    overflow: hidden;
}


.tdt_biwt_additional_requirements::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 5px;

    height: 100%;

    background: #f3525a;
}


.tdt_biwt_additional_icon {

    width: 55px;

    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 15px;

    font-size: 20px;
}


.tdt_biwt_additional_content {

    position: relative;

    z-index: 2;
}


.tdt_biwt_additional_content h3 {

    margin: 0 0 7px;

    color: #172033;

    font-size: 19px;

    line-height: 1.4;

    font-weight: 700;
}


.tdt_biwt_additional_content p {

    margin: 0;

    color: #5b6677;

    font-size: 14px;

    line-height: 1.75;

    text-align: justify;
}


/* =========================================================
   FINAL NOTE
========================================================= */

.tdt_biwt_booking_note {

    margin-top: 20px;

    padding: 24px 27px;

    display: flex;

    align-items: center;

    gap: 17px;

    background:
        linear-gradient(
            135deg,
            rgba(249, 176, 179, 0.42),
            rgba(255, 255, 255, 0.72)
        );

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 18px;

    position: relative;

    overflow: hidden;
}


.tdt_biwt_booking_note::after {

    content: "";

    position: absolute;

    width: 130px;

    height: 130px;

    right: -55px;

    top: -65px;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.08);
}


.tdt_biwt_booking_note_icon {

    width: 45px;

    height: 45px;

    flex: 0 0 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 13px;

    font-size: 18px;

    position: relative;

    z-index: 2;

    box-shadow:
        0 7px 17px rgba(243, 82, 90, 0.18);
}


.tdt_biwt_booking_note p {

    margin: 0;

    color: #4e5b6d;

    font-size: 14px;

    line-height: 1.8;

    position: relative;

    z-index: 2;

    text-align: justify;
}


.tdt_biwt_booking_note strong {

    color: #172033;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_biwt_booking_information_section {

        padding: 55px 20px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_biwt_booking_information_heading {

        max-width: 820px;

        margin: 0 auto 30px;
    }


    .tdt_biwt_booking_information_badge {

        margin-bottom: 14px;

        padding: 7px 16px;

        font-size: 11px;
    }


    .tdt_biwt_booking_information_heading h2 {

        max-width: 760px;

        font-size: 25px;

        line-height: 1.3;

        letter-spacing: -0.2px;

        margin-bottom: 15px;
    }


    .tdt_biwt_booking_information_heading p {

        max-width: 760px;

        font-size: 14px;

        line-height: 1.75;
    }


    /* =====================================================
       CARDS
    ===================================================== */

    .tdt_biwt_booking_information_card {

        padding: 25px 23px;

        border-radius: 17px;
    }


    .tdt_biwt_booking_information_card_top {

        margin-bottom: 17px;

        gap: 12px;
    }


    .tdt_biwt_booking_information_icon {

        width: 50px;

        height: 50px;

        flex: 0 0 50px;

        border-radius: 14px;

        font-size: 18px;
    }


    .tdt_biwt_booking_information_number {

        font-size: 27px;
    }


    .tdt_biwt_booking_information_card h3 {

        font-size: 18px;

        line-height: 1.4;

        margin-bottom: 9px;
    }


    .tdt_biwt_booking_information_card p {

        font-size: 14px;

        line-height: 1.72;
    }


    /* =====================================================
       VEHICLE TAGS
    ===================================================== */

    .tdt_biwt_vehicle_tags {

        gap: 6px;

        margin-top: 15px;
    }


    .tdt_biwt_vehicle_tags span {

        padding: 5px 9px;

        font-size: 10px;
    }


    /* =====================================================
       ADDITIONAL REQUIREMENTS
    ===================================================== */

    .tdt_biwt_additional_requirements {

        margin-top: 32px;

        padding: 23px 25px;

        gap: 16px;

        border-radius: 16px;
    }


    .tdt_biwt_additional_icon {

        width: 50px;

        height: 50px;

        flex: 0 0 50px;

        border-radius: 14px;

        font-size: 19px;
    }


    .tdt_biwt_additional_content h3 {

        font-size: 18px;

        margin-bottom: 6px;
    }


    .tdt_biwt_additional_content p {

        font-size: 13.5px;

        line-height: 1.72;
    }


    /* =====================================================
       FINAL NOTE
    ===================================================== */

    .tdt_biwt_booking_note {

        margin-top: 17px;

        padding: 21px 23px;

        gap: 14px;

        border-radius: 16px;
    }


    .tdt_biwt_booking_note_icon {

        width: 42px;

        height: 42px;

        flex: 0 0 42px;

        border-radius: 12px;

        font-size: 17px;
    }


    .tdt_biwt_booking_note p {

        font-size: 13.5px;

        line-height: 1.72;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_biwt_booking_information_section {

        padding: 45px 15px;

    }


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

    .tdt_biwt_booking_information_section::before {

        width: 190px;

        height: 190px;

        top: -85px;

        right: -80px;
    }


    .tdt_biwt_booking_information_section::after {

        width: 150px;

        height: 150px;

        bottom: -75px;

        left: -65px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_biwt_booking_information_heading {

        max-width: 100%;

        margin: 0 auto 20px;
    }


    .tdt_biwt_booking_information_badge {

        margin-bottom: 13px;

        padding: 7px 14px;

        font-size: 10.5px;

        letter-spacing: 0.5px;
    }


    .tdt_biwt_booking_information_badge::before {

        width: 6px;

        height: 6px;
    }


    .tdt_biwt_booking_information_heading h2 {

        max-width: 100%;

        margin-bottom: 14px;

        font-size: 24px;

        line-height: 1.32;

        letter-spacing: 0;
    }


    .tdt_biwt_booking_information_heading p {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;

        text-align: center;
    }


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

    .tdt_biwt_booking_information_grid {

        margin-left: 0;

        margin-right: 0;
    }


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

    .tdt_biwt_booking_information_card {

        padding: 22px 19px 21px;

        border-radius: 16px;

        box-shadow:
            0 8px 23px rgba(23, 32, 51, 0.07);
    }


    .tdt_biwt_booking_information_card:hover {

        transform: translateY(-4px);

        box-shadow:
            0 13px 28px rgba(23, 32, 51, 0.10);
    }


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

    .tdt_biwt_booking_information_card_top {

        margin-bottom: 16px;

        gap: 10px;
    }


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

    .tdt_biwt_booking_information_icon {

        width: 47px;

        height: 47px;

        flex: 0 0 47px;

        border-radius: 13px;

        font-size: 17px;
    }


    /* =====================================================
       NUMBER
    ===================================================== */

    .tdt_biwt_booking_information_number {

        font-size: 23px;

        letter-spacing: -0.5px;
    }


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

    .tdt_biwt_booking_information_card h3 {

        margin-bottom: 8px;

        font-size: 17px;

        line-height: 1.4;
    }


    .tdt_biwt_booking_information_card p {

        font-size: 13px;

        line-height: 1.72;

        text-align: justify;
    }


    /* =====================================================
       VEHICLE TAGS
    ===================================================== */

    .tdt_biwt_vehicle_tags {

        gap: 5px;

        margin-top: 14px;
    }


    .tdt_biwt_vehicle_tags span {

        padding: 5px 8px;

        font-size: 9.5px;

        line-height: 1.3;
    }


    /* =====================================================
       ADDITIONAL REQUIREMENTS
    ===================================================== */

    .tdt_biwt_additional_requirements {

        margin-top: 28px;

        padding: 20px 18px;

        display: flex;

        align-items: flex-start;

        gap: 13px;

        border-radius: 15px;
    }


    .tdt_biwt_additional_requirements::before {

        width: 4px;
    }


    .tdt_biwt_additional_icon {

        width: 45px;

        height: 45px;

        flex: 0 0 45px;

        border-radius: 12px;

        font-size: 17px;
    }


    .tdt_biwt_additional_content {

        min-width: 0;
    }


    .tdt_biwt_additional_content h3 {

        margin-bottom: 6px;

        font-size: 17px;

        line-height: 1.4;
    }


    .tdt_biwt_additional_content p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }


    /* =====================================================
       FINAL NOTE
    ===================================================== */

    .tdt_biwt_booking_note {

        margin-top: 15px;

        padding: 18px;

        display: flex;

        align-items: flex-start;

        gap: 11px;

        border-radius: 15px;
    }


    .tdt_biwt_booking_note::after {

        width: 90px;

        height: 90px;

        right: -40px;

        top: -45px;
    }


    .tdt_biwt_booking_note_icon {

        width: 39px;

        height: 39px;

        flex: 0 0 39px;

        border-radius: 10px;

        font-size: 15px;
    }


    .tdt_biwt_booking_note p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }

}














/* =========================================================
   CHOOSE YOUR INDIA-SIDE STARTING POINT
========================================================= */

.tdt_cisp_india_starting_point_section {

    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;
}

.tdt_cisp_india_starting_point_section *,
.tdt_cisp_india_starting_point_section *::before,
.tdt_cisp_india_starting_point_section *::after {

    box-sizing: border-box;
}


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

.tdt_cisp_india_starting_point_header {

    max-width: 1200px;
    margin: 0 auto 25px;
}

.tdt_cisp_india_starting_point_label {

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

    padding: 8px 18px;
    margin-bottom: 16px;

    border-radius: 50px;

    background: #f9b0b3;
    color: #172033;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.tdt_cisp_india_starting_point_title {

    margin: 0 0 18px;

    font-size: 35px;
    line-height: 1.25;
    font-weight: 700;

    color: #172033;
}

.tdt_cisp_india_starting_point_intro {

    max-width: 820px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.85;

    color: #5b6575;
}

.tdt_cisp_india_starting_point_intro strong {

    color: #172033;
    font-weight: 700;
}


/* =========================================================
   CARDS WRAPPER
========================================================= */

.tdt_cisp_india_starting_point_cards {

    max-width: 1200px;
    margin: 0 auto;
}


/* =========================================================
   STARTING POINT CARD
========================================================= */

.tdt_cisp_starting_point_card {

    height: 100%;
    padding: 30px;

    background: #ffffff;

    border: 1px solid #edf0f4;
    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    display: flex;
    flex-direction: column;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

        cursor: pointer;
}

.tdt_cisp_starting_point_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.11);
}


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

.tdt_cisp_card_top {

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

    margin-bottom: 22px;
}

.tdt_cisp_card_icon {

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

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

    border-radius: 14px;

    background: #f9b0b3;
    color: #f3525a;

    font-size: 20px;
}

.tdt_cisp_card_label {

    display: inline-block;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: #f3525a;
}


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

.tdt_cisp_card_title {

    margin: 0 0 15px;

    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;

    color: #172033;
    text-align: justify;
}

.tdt_cisp_card_text {

    margin: 0 0 24px;

    font-size: 15px;
    line-height: 1.8;

    color: #626c7b;

    text-align: justify;
}


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

.tdt_cisp_card_features {

    display: flex;
    flex-wrap: wrap;
    gap: 9px;

    margin-bottom: 27px;
}

.tdt_cisp_card_features span {

    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 8px 11px;

    border-radius: 8px;

    background: #fff5f5;

    color: #4f5968;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.tdt_cisp_card_features i {

    color: #f3525a;
    font-size: 12px;
}


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

.tdt_cisp_card_button {

    margin-top: auto;

    min-height: 48px;
    padding: 12px 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 10px;

    background: #f3525a;
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

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

.tdt_cisp_card_button:hover {

    background: #d94149;
    color: #ffffff;

    transform: translateY(-2px);
}

.tdt_cisp_card_button i {

    font-size: 12px;

    transition: transform 0.3s ease;
}

.tdt_cisp_card_button:hover i {

    transform: translateX(4px);
}


/* =========================================================
   ROUTE PLANNING NOTE
========================================================= */

.tdt_cisp_route_planning_note {

    max-width: 1200px;
    margin: 35px auto 0;

    padding: 20px 24px;

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

    background: #fff7f7;

    border-left: 4px solid #f3525a;
    border-radius: 10px;
}

.tdt_cisp_route_icon {

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    border-radius: 10px;

    background: #f9b0b3;
    color: #f3525a;

    font-size: 16px;
}

.tdt_cisp_route_planning_note p {

    margin: 0;

    font-size: 14px;
    line-height: 1.75;

    color: #5d6675;
    text-align: justify;
}

.tdt_cisp_route_planning_note strong {

    color: #172033;
    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_cisp_india_starting_point_section {

        padding: 55px 20px;
    }


    /* HEADER */

    .tdt_cisp_india_starting_point_header {

        margin-bottom: 35px;
    }

    .tdt_cisp_india_starting_point_title {

        font-size: 27px;
        line-height: 1.3;
    }

    .tdt_cisp_india_starting_point_intro {

        max-width: 760px;

        font-size: 15px;
        line-height: 1.8;
    }


    /* CARDS */

    .tdt_cisp_india_starting_point_cards {

        max-width: 850px;
    }

    .tdt_cisp_starting_point_card {

        padding: 25px;
        border-radius: 16px;
    }


    /* CARD TOP */

    .tdt_cisp_card_top {

        gap: 12px;
        margin-bottom: 19px;
    }

    .tdt_cisp_card_icon {

        width: 45px;
        height: 45px;

        flex-basis: 45px;

        font-size: 18px;
        border-radius: 12px;
    }

    .tdt_cisp_card_label {

        font-size: 10px;
    }


    /* CARD CONTENT */

    .tdt_cisp_card_title {

        font-size: 20px;
        line-height: 1.4;
    }

    .tdt_cisp_card_text {

        font-size: 14px;
        line-height: 1.75;

        margin-bottom: 20px;
    }


    /* FEATURES */

    .tdt_cisp_card_features {

        gap: 7px;
        margin-bottom: 23px;
    }

    .tdt_cisp_card_features span {

        padding: 7px 9px;

        font-size: 11px;
    }


    /* BUTTON */

    .tdt_cisp_card_button {

        min-height: 46px;

        padding: 11px 14px;

        font-size: 12px;
    }


    /* ROUTE NOTE */

    .tdt_cisp_route_planning_note {

        margin-top: 30px;

        padding: 18px 20px;

        gap: 13px;
    }

    .tdt_cisp_route_planning_note p {

        font-size: 13px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_cisp_india_starting_point_section {

        padding: 45px 16px;
    }


    /* HEADER */

    .tdt_cisp_india_starting_point_header {

        margin-bottom: 30px;
    }

    .tdt_cisp_india_starting_point_label {

        padding: 7px 15px;

        margin-bottom: 13px;

        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .tdt_cisp_india_starting_point_title {

        font-size: 25px;
        line-height: 1.35;

        margin-bottom: 15px;
    }

    .tdt_cisp_india_starting_point_intro {

        max-width: 100%;

        font-size: 13px;
        line-height: 1.75;

        text-align: center;
    }


    /* CARDS */

    .tdt_cisp_india_starting_point_cards {

        max-width: 100%;
    }

    .tdt_cisp_starting_point_card {

        padding: 22px;

        border-radius: 15px;
    }


    /* CARD TOP */

    .tdt_cisp_card_top {

        gap: 11px;

        margin-bottom: 18px;
    }

    .tdt_cisp_card_icon {

        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        border-radius: 11px;

        font-size: 17px;
    }

    .tdt_cisp_card_label {

        font-size: 10px;
        letter-spacing: 0.6px;
    }


    /* CARD CONTENT */

    .tdt_cisp_card_title {

        font-size: 19px;
        line-height: 1.4;

        margin-bottom: 13px;

        text-align: left;
    }

    .tdt_cisp_card_text {

        font-size: 13px;
        line-height: 1.75;

        margin-bottom: 20px;

        text-align: justify;
    }


    /* FEATURES */

    .tdt_cisp_card_features {

        gap: 7px;

        margin-bottom: 22px;
    }

    .tdt_cisp_card_features span {

        padding: 7px 9px;

        border-radius: 7px;

        font-size: 10px;
    }

    .tdt_cisp_card_features i {

        font-size: 10px;
    }


    /* BUTTON */

    .tdt_cisp_card_button {

        width: 100%;

        min-height: 46px;

        padding: 11px 14px;

        border-radius: 9px;

        font-size: 12px;
    }

    .tdt_cisp_card_button i {

        font-size: 11px;
    }


    /* ROUTE PLANNING */

    .tdt_cisp_route_planning_note {

        margin-top: 28px;

        padding: 16px;

        gap: 11px;

        border-left-width: 3px;

        border-radius: 9px;
    }

    .tdt_cisp_route_icon {

        width: 34px;
        height: 34px;

        flex: 0 0 34px;

        border-radius: 8px;

        font-size: 14px;
    }

    .tdt_cisp_route_planning_note p {

        font-size: 12px;
        line-height: 1.7;

        text-align: justify;
    }

}













/* =========================================================
   TRAVEL SERVICES
   TIRUPATI TRAVEL SERVICES AVAILABLE FOR YOUR BOOKING
========================================================= */

.tdt_ttsb_travel_services_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

    position: relative;
}

.tdt_ttsb_travel_services_section *,
.tdt_ttsb_travel_services_section *::before,
.tdt_ttsb_travel_services_section *::after {
    box-sizing: border-box;
}


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

.tdt_ttsb_travel_services_section::before {

    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    top: -170px;
    right: -120px;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.08);

    pointer-events: none;
}

.tdt_ttsb_travel_services_section::after {

    content: "";

    position: absolute;

    width: 230px;
    height: 230px;

    bottom: -120px;
    left: -100px;

    border-radius: 50%;

    border: 35px solid rgba(249, 176, 179, 0.16);

    pointer-events: none;
}


/* =========================================================
   HEADING
========================================================= */

.tdt_ttsb_heading_wrap {

    position: relative;

    text-align: center;

    margin: 0 auto 25px;

    z-index: 2;
}

.tdt_ttsb_heading_topline {

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

    gap: 14px;

    margin-bottom: 18px;
}

.tdt_ttsb_heading_line {

    width: 42px;
    height: 1px;

    background: #f3525a;

    opacity: 0.55;
}

.tdt_ttsb_section_label {

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

    gap: 9px;

    padding: 8px 18px;

    border-radius: 50px;

    background: #ffffff;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1px;

    box-shadow: 0 8px 22px rgba(23, 32, 51, 0.07);
}

.tdt_ttsb_section_label i {
    font-size: 15px;
}

.tdt_ttsb_section_title {

    max-width: 850px;

    margin: 0 auto 15px;

    font-size: 35px;
    line-height: 1.25;

    font-weight: 700;

    color: #172033;
}

.tdt_ttsb_section_intro {

    max-width: 790px;

    margin: 0 auto;

    color: #5d697c;

    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SERVICES AREA
========================================================= */

.tdt_ttsb_services_row {

    position: relative;

    z-index: 2;

    margin-left: -10px;
    margin-right: -10px;
}

.tdt_ttsb_services_row > [class*="col-"] {

    padding-left: 10px;
    padding-right: 10px;
}


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

.tdt_ttsb_service_card {

    height: 100%;
    min-height: 154px;

    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 27px 27px 27px 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.08);

    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.075);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Left Accent */

.tdt_ttsb_service_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background: #f3525a;

    transform: scaleY(0);

    transform-origin: bottom;

    transition: transform 0.35s ease;
}


/* Soft Decorative Circle */

.tdt_ttsb_service_card::after {

    content: "";

    position: absolute;

    width: 105px;
    height: 105px;

    right: -48px;
    bottom: -48px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.15);

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}

.tdt_ttsb_service_card:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.22);

    box-shadow: 0 20px 42px rgba(23, 32, 51, 0.12);
}

.tdt_ttsb_service_card:hover::before {
    transform: scaleY(1);
}

.tdt_ttsb_service_card:hover::after {

    transform: scale(1.35);

    background: rgba(249, 176, 179, 0.22);
}


/* =========================================================
   SERVICE NUMBER
========================================================= */

.tdt_ttsb_service_number {

    position: absolute;

    top: 16px;
    right: 20px;

    color: #f9b0b3;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1px;

    transition: color 0.3s ease;
}

.tdt_ttsb_service_card:hover .tdt_ttsb_service_number {
    color: #f3525a;
}


/* =========================================================
   SERVICE ICON
========================================================= */

.tdt_ttsb_icon {

    flex: 0 0 56px;

    width: 56px;
    height: 56px;

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

    margin-top: 2px;

    border-radius: 17px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 21px;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.10),
        inset 0 0 0 1px rgba(243, 82, 90, 0.08);

    position: relative;

    z-index: 2;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.tdt_ttsb_service_card:hover .tdt_ttsb_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px) rotate(-5deg);

    box-shadow:
        0 10px 22px rgba(243, 82, 90, 0.25);
}


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

.tdt_ttsb_card_content {

    flex: 1;

    position: relative;

    z-index: 2;

    padding-right: 18px;
}

.tdt_ttsb_card_content h3 {

    margin: 1px 0 8px;

    color: #172033;

    font-size: 18px;
    line-height: 1.4;

    font-weight: 700;

    transition: color 0.3s ease;
}

.tdt_ttsb_service_card:hover .tdt_ttsb_card_content h3 {
    color: #f3525a;
}

.tdt_ttsb_card_content p {

    margin: 0;

    color: #657083;

    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}



/* =========================================================
   VEHICLE OPTIONS
========================================================= */

.tdt_ttsb_vehicle_wrap {

    position: relative;

    z-index: 2;

    margin-top: 46px;

    padding: 30px 32px;

    background: #ffffff;

    border-radius: 22px;

    border: 1px solid rgba(243, 82, 90, 0.10);

    box-shadow: 0 14px 35px rgba(23, 32, 51, 0.08);

    overflow: hidden;
}

.tdt_ttsb_vehicle_wrap::before {

    content: "";

    position: absolute;

    width: 170px;
    height: 170px;

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

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.16);
}


/* =========================================================
   VEHICLE INTRO
========================================================= */

.tdt_ttsb_vehicle_intro {

    display: flex;
    align-items: center;

    gap: 15px;

    margin-bottom: 14px;

    position: relative;
    z-index: 2;
}

.tdt_ttsb_vehicle_icon {

    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    border-radius: 16px;

    background: #f3525a;

    color: #ffffff;

    font-size: 20px;

    box-shadow: 0 9px 20px rgba(243, 82, 90, 0.20);
}

.tdt_ttsb_vehicle_heading span {

    display: block;

    margin-bottom: 2px;

    color: #f3525a;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.tdt_ttsb_vehicle_heading h3 {

    margin: 0;

    color: #172033;

    font-size: 22px;
    font-weight: 700;
}

.tdt_ttsb_vehicle_text {

    max-width: 510px;

    margin: 0;

    color: #657083;

    font-size: 14px;
    line-height: 1.75;

    position: relative;
    z-index: 2;

    text-align: justify;
}

.tdt_ttsb_vehicle_text strong {
    color: #172033;
}


/* =========================================================
   VEHICLE ITEMS
========================================================= */

.tdt_ttsb_vehicle_list {

    position: relative;
    z-index: 2;

    margin-left: -6px;
    margin-right: -6px;
}

.tdt_ttsb_vehicle_list > [class*="col-"] {

    padding-left: 6px;
    padding-right: 6px;
}

.tdt_ttsb_vehicle_item {

    min-height: 82px;

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

    gap: 7px;

    padding: 12px 8px;

    background: #fdf1f2;

    border: 1px solid rgba(243, 82, 90, 0.10);

    border-radius: 15px;

    color: #172033;

    font-size: 13px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_ttsb_vehicle_item i {

    color: #f3525a;

    font-size: 19px;

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

.tdt_ttsb_vehicle_item:hover {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-5px);

    box-shadow: 0 10px 22px rgba(243, 82, 90, 0.18);
}

.tdt_ttsb_vehicle_item:hover i {

    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================================
   SERVICE AVAILABILITY
========================================================= */

.tdt_ttsb_availability_box {

    position: relative;

    z-index: 2;

    display: flex;
    align-items: center;

    gap: 16px;

    margin-top: 24px;

    padding: 19px 23px;

    background: rgba(255, 255, 255, 0.62);

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-left: 4px solid #f3525a;

    border-radius: 15px;

    backdrop-filter: blur(5px);
}

.tdt_ttsb_availability_icon {

    flex: 0 0 35px;

    width: 35px;
    height: 35px;

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

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 13px;

    box-shadow: 0 6px 15px rgba(243, 82, 90, 0.18);
}

.tdt_ttsb_availability_content {

    flex: 1;

    color: #596579;

    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}

.tdt_ttsb_availability_content strong {

    color: #172033;

    font-weight: 700;

    margin-right: 5px;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_ttsb_travel_services_section {
        padding: 40px 20px;
    }


    /* =====================================================
       HEADING
    ====================================================== */

    .tdt_ttsb_heading_wrap {
        margin-bottom: 35px;
    }

    .tdt_ttsb_heading_topline {
        gap: 11px;
        margin-bottom: 15px;
    }

    .tdt_ttsb_heading_line {
        width: 34px;
    }

    .tdt_ttsb_section_label {
        padding: 7px 15px;
        font-size: 11px;
    }

    .tdt_ttsb_section_title {
        max-width: 720px;
        font-size: 30px;
        line-height: 1.3;
    }

    .tdt_ttsb_section_intro {
        max-width: 680px;
        font-size: 14px;
        line-height: 1.8;
    }


    /* =====================================================
       SERVICE CARDS
    ====================================================== */

    .tdt_ttsb_services_row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .tdt_ttsb_services_row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .tdt_ttsb_service_card {

        min-height: 165px;

        gap: 15px;

        padding: 23px 23px 23px 25px;

        border-radius: 18px;
    }

    .tdt_ttsb_service_number {
        top: 14px;
        right: 17px;
        font-size: 10px;
    }

    .tdt_ttsb_icon {

        flex: 0 0 51px;

        width: 51px;
        height: 51px;

        border-radius: 15px;

        font-size: 19px;
    }

    .tdt_ttsb_card_content {
        padding-right: 15px;
    }

    .tdt_ttsb_card_content h3 {

        margin-top: 1px;
        margin-bottom: 7px;

        font-size: 16px;
        line-height: 1.4;
    }

    .tdt_ttsb_card_content p {

        font-size: 13px;
        line-height: 1.7;
    }

    .tdt_ttsb_card_arrow {

        right: 17px;
        bottom: 15px;

        width: 25px;
        height: 25px;

        font-size: 9px;
    }


    /* =====================================================
       VEHICLE OPTIONS
    ====================================================== */

    .tdt_ttsb_vehicle_wrap {

        margin-top: 38px;

        padding: 25px;

        border-radius: 19px;
    }

    .tdt_ttsb_vehicle_intro {
        gap: 12px;
        margin-bottom: 10px;
    }

    .tdt_ttsb_vehicle_icon {

        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        border-radius: 14px;

        font-size: 18px;
    }

    .tdt_ttsb_vehicle_heading span {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .tdt_ttsb_vehicle_heading h3 {
        font-size: 20px;
    }

    .tdt_ttsb_vehicle_text {

        max-width: 100%;

        margin-bottom: 20px;

        font-size: 13px;
        line-height: 1.7;
    }

    .tdt_ttsb_vehicle_list {
        margin-left: -5px;
        margin-right: -5px;
    }

    .tdt_ttsb_vehicle_list > [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .tdt_ttsb_vehicle_item {

        min-height: 76px;

        padding: 10px 7px;

        gap: 6px;

        border-radius: 13px;

        font-size: 12px;
    }

    .tdt_ttsb_vehicle_item i {
        font-size: 18px;
    }


    /* =====================================================
       AVAILABILITY
    ====================================================== */

    .tdt_ttsb_availability_box {

        gap: 13px;

        margin-top: 20px;

        padding: 17px 19px;
    }

    .tdt_ttsb_availability_icon {

        flex: 0 0 33px;

        width: 33px;
        height: 33px;

        font-size: 12px;
    }

    .tdt_ttsb_availability_content {

        font-size: 13px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_ttsb_travel_services_section {

        padding: 35px 15px;

        overflow: hidden;
    }


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

    .tdt_ttsb_travel_services_section::before {

        width: 210px;
        height: 210px;

        top: -115px;
        right: -90px;
    }

    .tdt_ttsb_travel_services_section::after {

        width: 160px;
        height: 160px;

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

        border-width: 25px;
    }


    /* =====================================================
       HEADING
    ====================================================== */

    .tdt_ttsb_heading_wrap {

        margin-bottom: 30px;

        padding: 0 5px;
    }

    .tdt_ttsb_heading_topline {

        gap: 8px;

        margin-bottom: 14px;
    }

    .tdt_ttsb_heading_line {
        width: 24px;
    }

    .tdt_ttsb_section_label {

        gap: 7px;

        padding: 7px 12px;

        font-size: 9px;

        letter-spacing: 0.7px;
    }

    .tdt_ttsb_section_label i {
        font-size: 12px;
    }

    .tdt_ttsb_section_title {

        max-width: 100%;

        margin: 0 auto 12px;

        font-size: 24px;

        line-height: 1.32;
    }

    .tdt_ttsb_section_intro {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;
    }


    /* =====================================================
       SERVICES AREA
    ====================================================== */

    .tdt_ttsb_services_row {

        margin-left: -6px;
        margin-right: -6px;
    }

    .tdt_ttsb_services_row > [class*="col-"] {

        padding-left: 6px;
        padding-right: 6px;

        margin-bottom: 0;
    }


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

    .tdt_ttsb_service_card {

        min-height: 0;

        height: auto;

        gap: 13px;

        padding: 19px 18px;

        border-radius: 16px;
    }

    .tdt_ttsb_service_card:hover {
        transform: translateY(-3px);
    }

    .tdt_ttsb_service_card::before {

        width: 4px;
    }

    .tdt_ttsb_service_card::after {

        width: 75px;
        height: 75px;

        right: -35px;
        bottom: -35px;
    }


    /* =====================================================
       SERVICE NUMBER
    ====================================================== */

    .tdt_ttsb_service_number {

        top: 12px;
        right: 14px;

        font-size: 9px;

        letter-spacing: 0.8px;
    }


    /* =====================================================
       SERVICE ICON
    ====================================================== */

    .tdt_ttsb_icon {

        flex: 0 0 45px;

        width: 45px;
        height: 45px;

        margin-top: 1px;

        border-radius: 13px;

        font-size: 17px;
    }


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

    .tdt_ttsb_card_content {

        padding-right: 7px;
    }

    .tdt_ttsb_card_content h3 {

        margin: 0 0 6px;

        font-size: 14px;

        line-height: 1.4;
    }

    .tdt_ttsb_card_content p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;
    }


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

    .tdt_ttsb_card_arrow {

        right: 13px;
        bottom: 12px;

        width: 23px;
        height: 23px;

        font-size: 8px;
    }


    /* =====================================================
       VEHICLE OPTIONS
    ====================================================== */

    .tdt_ttsb_vehicle_wrap {

        margin-top: 32px;

        padding: 21px 17px;

        border-radius: 17px;
    }

    .tdt_ttsb_vehicle_wrap::before {

        width: 120px;
        height: 120px;

        right: -60px;
        top: -75px;
    }


    /* =====================================================
       VEHICLE INTRO
    ====================================================== */

    .tdt_ttsb_vehicle_intro {

        gap: 11px;

        margin-bottom: 11px;
    }

    .tdt_ttsb_vehicle_icon {

        flex: 0 0 44px;

        width: 44px;
        height: 44px;

        border-radius: 13px;

        font-size: 17px;
    }

    .tdt_ttsb_vehicle_heading span {

        margin-bottom: 1px;

        font-size: 9px;

        letter-spacing: 0.9px;
    }

    .tdt_ttsb_vehicle_heading h3 {

        font-size: 18px;

        line-height: 1.3;
    }

    .tdt_ttsb_vehicle_text {

        max-width: 100%;

        margin-bottom: 19px;

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;
    }


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

    .tdt_ttsb_vehicle_list {

        margin-left: -4px;
        margin-right: -4px;
    }

    .tdt_ttsb_vehicle_list > [class*="col-"] {

        padding-left: 4px;
        padding-right: 4px;
    }

    .tdt_ttsb_vehicle_item {

        min-height: 64px;

        gap: 5px;

        padding: 9px 5px;

        border-radius: 12px;

        font-size: 10.5px;

        text-align: justify;
    }

    .tdt_ttsb_vehicle_item i {
        font-size: 16px;
    }

    .tdt_ttsb_vehicle_item:hover {
        transform: translateY(-2px);
    }


    /* =====================================================
       SERVICE AVAILABILITY
    ====================================================== */

    .tdt_ttsb_availability_box {

        align-items: flex-start;

        gap: 10px;

        margin-top: 18px;

        padding: 15px 14px;

        border-left-width: 3px;

        border-radius: 13px;
    }

    .tdt_ttsb_availability_icon {

        flex: 0 0 29px;

        width: 29px;
        height: 29px;

        font-size: 10px;
    }

    .tdt_ttsb_availability_content {

        font-size: 11.5px;

        line-height: 1.7;

        text-align: justify;
    }

    .tdt_ttsb_availability_content strong {

        margin-right: 3px;
    }

}

















/* =========================================================
   DARSHAN INFORMATION
   TIRUPATI DARSHAN AND TOUR PACKAGE BOOKING
========================================================= */

.tdt_dib_tirupati_darshan_section {

    width: 100%;

    padding: 65px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}


.tdt_dib_tirupati_darshan_section *,
.tdt_dib_tirupati_darshan_section *::before,
.tdt_dib_tirupati_darshan_section *::after {

    box-sizing: border-box;
}


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

.tdt_dib_header_wrap {

    max-width: 900px;

    margin: 0 auto 38px;

}


.tdt_dib_section_badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 18px;

    background: #f9b0b3;

    color: #172033;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    box-shadow: 0 5px 18px rgba(243, 82, 90, 0.12);

}


.tdt_dib_section_badge i {

    color: #f3525a;

}


.tdt_dib_main_title {

    margin: 18px 0 0;

    font-size: 34px;

    line-height: 1.25;

    font-weight: 700;

    color: #172033;

}

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

.tdt_dib_header_description {

    max-width: 900px;

    margin: 18px auto 0;

    font-size: 15px;

    line-height: 1.8;

    color: #596477;

}


.tdt_dib_header_description strong {

    color: #172033;

    font-weight: 700;

}

/* =========================================================
   MAIN CONTENT BLOCK
========================================================= */

.tdt_dib_content_block {

    max-width: 1050px;

    margin: 0 auto 25px;

    padding: 30px;

    display: flex;

    align-items: flex-start;

    gap: 22px;

    background: #ffffff;

    border: 1px solid #e9edf2;

    border-radius: 16px;

    box-shadow: 0 10px 32px rgba(23, 32, 51, 0.07);

    position: relative;

}


.tdt_dib_content_block::before {

    content: "";

    position: absolute;

    left: 0;

    top: 24px;

    bottom: 24px;

    width: 4px;

    background: #f3525a;

    border-radius: 0 5px 5px 0;

}


.tdt_dib_content_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 14px;

    font-size: 22px;

}


.tdt_dib_content_text {

    flex: 1;

}


.tdt_dib_content_text h3 {

    margin: 0 0 10px;

    font-size: 21px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}


.tdt_dib_content_text p {

    margin: 0;

    font-size: 15px;

    line-height: 1.85;

    color: #4a5568;

    text-align: justify;

}

/* =========================================================
   DARSHAN TRAVEL INFORMATION
========================================================= */

.tdt_dib_travel_info {

    max-width: 1100px;

    margin: 0 auto 25px;

}


.tdt_dib_travel_info_header {

    display: block;

    text-align: center;

    margin-bottom: 28px;

}


.tdt_dib_travel_info_header h3 {

    margin: 0 0 10px;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 700;

    color: #172033;

}


.tdt_dib_travel_info_header p {

    max-width: 850px;

    margin: 0 auto;

    font-size: 15px;

    line-height: 1.75;

    color: #5b6575;

}
/* =========================================================
   DARSHAN INFORMATION CARDS
========================================================= */

.tdt_dib_cards_row {

    margin-top: 0;

}


.tdt_dib_cards_row > div {

    display: flex;

}

.tdt_dib_info_card {
    width: 100%;
    min-height: auto !important;
    height: auto !important;
    padding: 30px 26px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    background: #ffffff;
    border: 1px solid #e8ebef;
    border-radius: 18px;
    box-shadow: 0 9px 30px rgba(23, 32, 51, 0.07);

    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
}

.tdt_dib_card_button {
    margin-top: 25px !important;
}
/* =========================================================
   TOP ACCENT LINE
========================================================= */

.tdt_dib_info_card::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 4px;

    background: #f3525a;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 0.3s ease;

}


.tdt_dib_info_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 17px 40px rgba(23, 32, 51, 0.12);

}


.tdt_dib_info_card:hover::after {

    transform: scaleX(1);

}


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

.tdt_dib_card_icon {

    width: 55px;

    height: 55px;

    flex: 0 0 55px;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 15px;

    font-size: 22px;

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

}


.tdt_dib_info_card:hover .tdt_dib_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px);

}


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

.tdt_dib_info_card h4 {

    margin: 0 0 13px;

    font-size: 19px;

    line-height: 1.45;

    font-weight: 700;

    color: #172033;

}


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

.tdt_dib_info_card p {

    margin: 0;

    font-size: 14px;

    line-height: 1.8;

    color: #596477;

    text-align: justify;

}


/* =========================================================
   VIEW INFORMATION BUTTON
========================================================= */

.tdt_dib_card_button {

    margin-top: auto;

    padding: 10px 17px;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    background: #f3525a;

    color: #ffffff;

    border-radius: 8px;

    text-decoration: none;

    font-size: 13px;

    line-height: 1.4;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.tdt_dib_card_button:hover {

    background: #d9434b;

    color: #ffffff;

    text-decoration: none;

    transform: translateX(4px);

    box-shadow: 0 6px 15px rgba(243, 82, 90, 0.22);

}


.tdt_dib_card_button strong {

    color: #ffffff;

    font-weight: 700;

}


.tdt_dib_card_button i {

    color: #ffffff;

    font-size: 12px;

    transition: transform 0.3s ease;

}


.tdt_dib_card_button:hover i {

    transform: translateX(4px);

}
/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.tdt_dib_important_notice {

    max-width: 1100px;

    margin: 0 auto;

    padding: 24px 28px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

}


.tdt_dib_notice_icon {

    flex: 0 0 44px;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 19px;

}


.tdt_dib_notice_content {

    flex: 1;

}


.tdt_dib_notice_content p {

    margin: 0;

    font-size: 14px;

    line-height: 1.8;

    color: #4d5868;

    text-align: justify;

}


.tdt_dib_notice_content strong {

    color: #f3525a;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

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

    .tdt_dib_tirupati_darshan_section {

        padding: 55px 20px 55px;

    }


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

    .tdt_dib_header_wrap {

        max-width: 760px;

        margin-bottom: 34px;

    }


    .tdt_dib_section_badge {

        padding: 8px 17px;

        font-size: 12px;

    }


    .tdt_dib_main_title {

        font-size: 30px;

        line-height: 1.3;

    }


    .tdt_dib_header_description {

        max-width: 720px;

        margin-top: 16px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* =====================================================
       MAIN CONTENT BLOCK
    ===================================================== */

    .tdt_dib_content_block {

        max-width: 850px;

        margin-bottom: 25px;

        padding: 27px 25px;

        gap: 18px;

    }


    .tdt_dib_content_icon {

        width: 50px;

        height: 50px;

        flex: 0 0 50px;

        font-size: 21px;

    }


    .tdt_dib_content_text h3 {

        font-size: 20px;

        line-height: 1.45;

    }


    .tdt_dib_content_text p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* =====================================================
       DARSHAN TRAVEL INFORMATION
    ===================================================== */

    .tdt_dib_travel_info {

        max-width: 850px;

        margin-bottom: 25px;

    }


    .tdt_dib_travel_info_header {

        margin-bottom: 25px;

    }


    .tdt_dib_travel_info_header h3 {

        font-size: 23px;

    }


    .tdt_dib_travel_info_header p {

        max-width: 720px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* =====================================================
       CARDS
    ===================================================== */

    .tdt_dib_cards_row {

        row-gap: 0 !important;

    }


    .tdt_dib_cards_row > div {

        display: flex;

    }


    .tdt_dib_info_card {

        width: 100%;

        min-height: 0 !important;

        height: auto !important;

        padding: 27px 23px;

        margin-bottom: 20px;

        border-radius: 17px;

    }


    .tdt_dib_card_icon {

        width: 52px;

        height: 52px;

        flex: 0 0 52px;

        margin-bottom: 18px;

        font-size: 21px;

    }


    .tdt_dib_info_card h4 {

        font-size: 18px;

        line-height: 1.45;

        margin-bottom: 11px;

    }


    .tdt_dib_info_card p {

        font-size: 14px;

        line-height: 1.75;

    }


    .tdt_dib_card_button {

        margin-top: 25px !important;

        padding: 9px 15px;

        font-size: 12.5px;

    }


    /* =====================================================
       IMPORTANT NOTICE
    ===================================================== */

    .tdt_dib_important_notice {

        max-width: 850px;

        padding: 22px 24px;

        gap: 15px;

    }


    .tdt_dib_notice_icon {

        width: 42px;

        height: 42px;

        flex-basis: 42px;

        font-size: 18px;

    }


    .tdt_dib_notice_content p {

        font-size: 13.5px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

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

    .tdt_dib_tirupati_darshan_section {

        padding: 40px 15px 40px;

    }


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

    .tdt_dib_header_wrap {

        max-width: 100%;

        margin-bottom: 30px;

    }


    .tdt_dib_section_badge {

        padding: 8px 14px;

        gap: 7px;

        font-size: 11px;

        letter-spacing: 0.3px;

    }


    .tdt_dib_main_title {

        margin-top: 15px;

        font-size: 22px;

        line-height: 1.35;

    }


    .tdt_dib_header_description {

        max-width: 100%;

        margin-top: 15px;

        font-size: 13.5px;

        line-height: 1.8;

        text-align: center;

    }


    /* =====================================================
       MAIN CONTENT BLOCK
    ===================================================== */

    .tdt_dib_content_block {

        max-width: 100%;

        margin-bottom: 25px;

        padding: 24px 20px;

        display: flex;

        flex-direction: column;

        gap: 15px;

        border-radius: 15px;

    }


    .tdt_dib_content_block::before {

        top: 18px;

        bottom: auto;

        width: 4px;

        height: 48px;

    }


    .tdt_dib_content_icon {

        width: 48px;

        height: 48px;

        flex: 0 0 48px;

        font-size: 20px;

        border-radius: 13px;

    }


    .tdt_dib_content_text {

        width: 100%;

    }


    .tdt_dib_content_text h3 {

        margin-bottom: 9px;

        font-size: 18px;

        line-height: 1.45;

    }


    .tdt_dib_content_text p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;

    }


    /* =====================================================
       DARSHAN TRAVEL INFORMATION
    ===================================================== */

    .tdt_dib_travel_info {

        max-width: 100%;

        margin-bottom: 25px;

    }


    .tdt_dib_travel_info_header {

        margin-bottom: 22px;

        text-align: center;

    }


    .tdt_dib_travel_info_header h3 {

        margin-bottom: 9px;

        font-size: 21px;

        line-height: 1.4;

    }


    .tdt_dib_travel_info_header p {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;

    }


    /* =====================================================
       CARDS
    ===================================================== */

    .tdt_dib_cards_row {

        margin-left: 0;

        margin-right: 0;

        row-gap: 0 !important;

    }


    .tdt_dib_cards_row > div {

        display: flex;

        width: 100%;

        padding-left: 0;

        padding-right: 0;

    }


    .tdt_dib_info_card {

        width: 100%;

        min-height: 0 !important;

        height: auto !important;

        padding: 24px 21px;

        margin-bottom: 20px;

        border-radius: 16px;

    }


    .tdt_dib_card_icon {

        width: 50px;

        height: 50px;

        flex: 0 0 50px;

        margin-bottom: 17px;

        border-radius: 14px;

        font-size: 20px;

    }


    .tdt_dib_info_card h4 {

        margin: 0 0 11px;

        font-size: 18px;

        line-height: 1.45;

    }


    .tdt_dib_info_card p {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;

    }


    .tdt_dib_card_button {

        margin-top: 25px !important;

        padding: 9px 15px;

        gap: 8px;

        font-size: 12px;

        border-radius: 7px;

    }


    /* =====================================================
       IMPORTANT NOTICE
    ===================================================== */

    .tdt_dib_important_notice {

        max-width: 100%;

        padding: 20px 18px;

        gap: 13px;

        border-radius: 14px;

    }


    .tdt_dib_notice_icon {

        width: 39px;

        height: 39px;

        flex: 0 0 39px;

        font-size: 16px;

    }


    .tdt_dib_notice_content {

        min-width: 0;

    }


    .tdt_dib_notice_content p {

        font-size: 12.5px;

        line-height: 1.75;

        text-align: justify;

    }

}

















/* =========================================================
   PAYMENT & CONFIRMATION
   TIRUPATI TOUR PACKAGE PAYMENT AND CONFIRMATION PROCESS
========================================================= */

.tdt_pctp_payment_confirmation_section {

    width: 100%;
    padding: 65px 20px 70px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.tdt_pctp_payment_confirmation_section *,
.tdt_pctp_payment_confirmation_section *::before,
.tdt_pctp_payment_confirmation_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   HEADING
========================================================= */

.tdt_pctp_heading_wrap {

    max-width: 900px;
    margin: 0 auto 30px;
}

.tdt_pctp_section_label {

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

    padding: 8px 18px;

    border-radius: 30px;

    background: #f9b0b3;
    color: #172033;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 15px;
}

.tdt_pctp_main_heading {

    margin: 0 0 15px;

    font-size: 35px;
    line-height: 1.25;

    font-weight: 700;

    color: #172033;
}

.tdt_pctp_intro_text {

    max-width: 820px;

    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;

    color: #536174;
}


/* =========================================================
   PROCESS CARDS
========================================================= */

.tdt_pctp_process_row {

    margin-bottom: 30px;
}

.tdt_pctp_process_card {

    height: 100%;
    min-height: 300px;

    position: relative;

    padding: 25px 18px 24px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.15);
    border-radius: 18px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    overflow: hidden;
}

.tdt_pctp_process_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease;
}

.tdt_pctp_process_card:hover {

    transform: translateY(-8px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.12);
}

.tdt_pctp_process_card:hover::before {

    transform: scaleX(1);
}


/* =========================================================
   NUMBER
========================================================= */

.tdt_pctp_number {

    position: absolute;

    top: 12px;
    right: 14px;

    font-size: 12px;
    font-weight: 800;

    color: #f9b0b3;

    letter-spacing: 0.5px;
}


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

.tdt_pctp_icon_box {

    width: 58px;
    height: 58px;

    margin: 12px auto 20px;

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

    border-radius: 16px;

    background: #fff1f2;

    color: #f3525a;

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

.tdt_pctp_process_card:hover .tdt_pctp_icon_box {

    background: #f3525a;
    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);
}


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

.tdt_pctp_card_title {

    margin: 0 0 12px;

    font-size: 17px;
    line-height: 1.35;

    font-weight: 700;

    color: #172033;
}

.tdt_pctp_card_text {

    margin: 0;

    font-size: 13px;
    line-height: 1.75;

    color: #647083;
}


/* =========================================================
   PACKAGE-SPECIFIC TERMS
========================================================= */

.tdt_pctp_terms_box {

    display: flex;
    align-items: flex-start;
    gap: 20px;

    padding: 27px 30px;

    margin-bottom: 28px;

    background: #ffffff;

    border-left: 5px solid #f3525a;
    border-radius: 16px;

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.07);
}

.tdt_pctp_terms_icon {

    flex: 0 0 54px;

    width: 54px;
    height: 54px;

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

    border-radius: 14px;

    background: #f9b0b3;
    color: #f3525a;
}

.tdt_pctp_terms_content {

    flex: 1;
}

.tdt_pctp_terms_title {

    margin: 0 0 9px;

    font-size: 22px;
    line-height: 1.4;

    font-weight: 700;

    color: #172033;
}

.tdt_pctp_terms_content p {

    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: #5c6879;

    text-align: justify;
}

.tdt_pctp_terms_content strong {

    color: #172033;
}


/* =========================================================
   COMMUNICATION CARDS
========================================================= */

.tdt_pctp_communication_row {

    margin-bottom: 28px;
}

.tdt_pctp_communication_card {

    height: 100%;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 25px;

    background: #ffffff;

    border-radius: 16px;

    border: 1px solid rgba(243, 82, 90, 0.12);

    box-shadow: 0 9px 25px rgba(23, 32, 51, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_pctp_communication_card:hover {

    transform: translateY(-5px);

    box-shadow: 0 16px 32px rgba(23, 32, 51, 0.1);
}

.tdt_pctp_communication_icon {

    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    border-radius: 14px;

    background: #fff1f2;

    color: #f3525a;
}

.tdt_pctp_communication_title {

    margin: 0 0 8px;

    font-size: 19px;
    line-height: 1.4;

    font-weight: 700;

    color: #172033;
}

.tdt_pctp_communication_card p {

    margin: 0;

    font-size: 14px;
    line-height: 1.75;

    color: #647083;
    text-align: justify;
}


/* =========================================================
   BEFORE PAYMENT
========================================================= */

.tdt_pctp_before_payment_box {

    display: flex;
    align-items: center;

    gap: 18px;

    padding: 21px 25px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 15px;
}

.tdt_pctp_before_payment_icon {

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    border-radius: 50%;

    background: #f3525a;
    color: #ffffff;
}

.tdt_pctp_before_payment_box p {

    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: #4e5b6d;

    text-align: justify;
}

.tdt_pctp_before_payment_box strong {

    color: #172033;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_pctp_payment_confirmation_section {

        padding: 40px 20px 40px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_pctp_heading_wrap {

        max-width: 760px;

        margin-bottom: 38px;
    }

    .tdt_pctp_section_label {

        padding: 7px 17px;

        font-size: 12px;

        margin-bottom: 13px;
    }

    .tdt_pctp_main_heading {

        font-size: 31px;

        line-height: 1.3;

        margin-bottom: 13px;
    }

    .tdt_pctp_intro_text {

        max-width: 700px;

        font-size: 14px;

        line-height: 1.8;
    }


    /* =====================================================
       PROCESS CARDS
    ===================================================== */

    .tdt_pctp_process_row {

        margin-bottom: 30px;
    }

    .tdt_pctp_process_card {

        min-height: 285px;

        padding: 24px 18px 22px;

        border-radius: 17px;
    }

    .tdt_pctp_number {

        top: 11px;
        right: 13px;

        font-size: 11px;
    }

    .tdt_pctp_icon_box {

        width: 55px;
        height: 55px;

        margin: 12px auto 18px;

        border-radius: 15px;
    }

    .tdt_pctp_card_title {

        font-size: 16px;

        line-height: 1.4;

        margin-bottom: 10px;
    }

    .tdt_pctp_card_text {

        font-size: 12.5px;

        line-height: 1.7;
    }


    /* =====================================================
       PACKAGE-SPECIFIC TERMS
    ===================================================== */

    .tdt_pctp_terms_box {

        gap: 18px;

        padding: 24px 25px;

        margin-bottom: 25px;

        border-radius: 15px;
    }

    .tdt_pctp_terms_icon {

        flex: 0 0 52px;

        width: 52px;
        height: 52px;

        border-radius: 13px;
    }

    .tdt_pctp_terms_title {

        font-size: 20px;

        margin-bottom: 8px;
    }

    .tdt_pctp_terms_content p {

        font-size: 14px;

        line-height: 1.8;
    }


    /* =====================================================
       COMMUNICATION CARDS
    ===================================================== */

    .tdt_pctp_communication_row {

        margin-bottom: 25px;
    }

    .tdt_pctp_communication_card {

        gap: 15px;

        padding: 22px;

        border-radius: 15px;
    }

    .tdt_pctp_communication_icon {

        flex: 0 0 49px;

        width: 49px;
        height: 49px;

        border-radius: 13px;
    }

    .tdt_pctp_communication_title {

        font-size: 18px;

        line-height: 1.4;

        margin-bottom: 7px;
    }

    .tdt_pctp_communication_card p {

        font-size: 13px;

        line-height: 1.75;
    }


    /* =====================================================
       BEFORE PAYMENT
    ===================================================== */

    .tdt_pctp_before_payment_box {

        gap: 16px;

        padding: 20px 22px;

        border-radius: 14px;
    }

    .tdt_pctp_before_payment_icon {

        flex: 0 0 46px;

        width: 46px;
        height: 46px;
    }

    .tdt_pctp_before_payment_box p {

        font-size: 13px;

        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_pctp_payment_confirmation_section {

        padding: 40px 15px 40px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_pctp_heading_wrap {

        max-width: 100%;

        margin-bottom: 32px;
    }

    .tdt_pctp_section_label {

        padding: 7px 15px;

        font-size: 11px;

        letter-spacing: 0.8px;

        margin-bottom: 12px;
    }

    .tdt_pctp_main_heading {

        font-size: 25px;

        line-height: 1.35;

        margin-bottom: 12px;
    }

    .tdt_pctp_intro_text {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;
    }


    /* =====================================================
       PROCESS CARDS
    ===================================================== */

    .tdt_pctp_process_row {

        margin-bottom: 25px;
    }

    .tdt_pctp_process_card {

        min-height: 0;

        padding: 24px 20px 25px;

        border-radius: 17px;
    }

    .tdt_pctp_number {

        top: 11px;
        right: 13px;

        font-size: 11px;
    }

    .tdt_pctp_icon_box {

        width: 56px;
        height: 56px;

        margin: 10px auto 18px;

        border-radius: 15px;
    }

    .tdt_pctp_card_title {

        font-size: 17px;

        line-height: 1.4;

        margin-bottom: 10px;
    }

    .tdt_pctp_card_text {

        font-size: 13px;

        line-height: 1.75;
    }


    /* =====================================================
       PACKAGE-SPECIFIC TERMS
    ===================================================== */

    .tdt_pctp_terms_box {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

        padding: 22px 20px;

        margin-bottom: 22px;

        border-left-width: 4px;

        border-radius: 14px;
    }

    .tdt_pctp_terms_icon {

        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        border-radius: 13px;
    }

    .tdt_pctp_terms_content {

        width: 100%;
    }

    .tdt_pctp_terms_title {

        font-size: 19px;

        line-height: 1.4;

        margin-bottom: 9px;
    }

    .tdt_pctp_terms_content p {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       COMMUNICATION CARDS
    ===================================================== */

    .tdt_pctp_communication_row {

        margin-bottom: 22px;
    }

    .tdt_pctp_communication_card {

        gap: 14px;

        padding: 20px;

        border-radius: 14px;
    }

    .tdt_pctp_communication_icon {

        flex: 0 0 46px;

        width: 46px;
        height: 46px;

        border-radius: 12px;
    }

    .tdt_pctp_communication_title {

        font-size: 17px;

        line-height: 1.4;

        margin-bottom: 7px;
    }

    .tdt_pctp_communication_card p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       BEFORE PAYMENT
    ===================================================== */

    .tdt_pctp_before_payment_box {

        display: flex;

        align-items: flex-start;

        gap: 13px;

        padding: 18px 17px;

        border-radius: 13px;
    }

    .tdt_pctp_before_payment_icon {

        flex: 0 0 43px;

        width: 43px;
        height: 43px;
    }

    .tdt_pctp_before_payment_box p {

        font-size: 12.5px;

        line-height: 1.75;

        text-align: justify;
    }

}

















/* =========================================================
   BOOKING TRANSPARENCY
   IMPORTANT INFORMATION BEFORE BOOKING YOUR TIRUPATI TOUR PACKAGE
========================================================= */

.tdt_bti_booking_transparency_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}


.tdt_bti_booking_transparency_section *,
.tdt_bti_booking_transparency_section *::before,
.tdt_bti_booking_transparency_section *::after {

    box-sizing: border-box;
}


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

.tdt_bti_section_heading {

    max-width: 900px;

    margin: 0 auto 30px;

    position: relative;
}


.tdt_bti_icon_wrap {

    width: 58px;
    height: 58px;

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

    border-radius: 16px;

    background: #fff1f2;

    color: #f3525a;

    font-size: 24px;

    box-shadow: 0 8px 22px rgba(243, 82, 90, 0.12);
}


.tdt_bti_section_label {

    display: inline-block;

    margin-bottom: 10px;

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 1.4px;

    text-transform: uppercase;
}


.tdt_bti_section_title {

    margin: 0;

    color: #172033;

    font-size: 30px;

    line-height: 1.25;

    font-weight: 700;
}


.tdt_bti_section_intro {

    max-width: 780px;

    margin-top: 16px;

    margin-bottom: 0;

    color: #667085;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================================
   INFORMATION CARDS
========================================================= */

.tdt_bti_information_row {

    position: relative;
}


.tdt_bti_information_card {

    height: 100%;

    padding: 30px;

    display: flex;

    align-items: flex-start;

    gap: 20px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.tdt_bti_information_card:hover {

    transform: translateY(-5px);

    border-color: #f3525a;

    box-shadow: 0 18px 42px rgba(243, 82, 90, 0.13);
}


.tdt_bti_card_icon {

    width: 52px;
    min-width: 52px;
    height: 52px;

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

    border-radius: 14px;

    background: #f3525a;

    color: #ffffff;

    font-size: 21px;

    box-shadow: 0 8px 18px rgba(243, 82, 90, 0.20);
}


.tdt_bti_card_content {

    flex: 1;
}


.tdt_bti_card_content h3 {

    margin: 2px 0 12px;

    color: #172033;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;
}


.tdt_bti_card_content p {

    margin: 0 0 13px;

    color: #667085;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}


.tdt_bti_card_content p:last-child {

    margin-bottom: 0;
}


.tdt_bti_card_content strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   BEFORE CONFIRMING BOX
========================================================= */

.tdt_bti_confirmation_box {

    margin-top: 28px;

    padding: 27px 30px;

    display: flex;

    align-items: flex-start;

    gap: 20px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-left: 5px solid #f3525a;

    border-radius: 18px;

    box-shadow: 0 10px 28px rgba(243, 82, 90, 0.07);
}


.tdt_bti_confirmation_icon {

    width: 48px;
    min-width: 48px;
    height: 48px;

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

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 21px;
}


.tdt_bti_confirmation_content {

    flex: 1;
}


.tdt_bti_confirmation_content h3 {

    margin: 0 0 8px;

    color: #172033;

    font-size: 19px;

    line-height: 1.4;

    font-weight: 700;
}


.tdt_bti_confirmation_content p {

    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_bti_booking_transparency_section {

        padding: 55px 20px 60px;
    }


    /* SECTION HEADING */

    .tdt_bti_section_heading {

        max-width: 760px;

        margin-bottom: 32px;
    }


    .tdt_bti_icon_wrap {

        width: 54px;
        height: 54px;

        border-radius: 15px;

        font-size: 22px;
    }


    .tdt_bti_section_label {

        margin-bottom: 9px;

        font-size: 13px;

        letter-spacing: 1.2px;
    }


    .tdt_bti_section_title {

        font-size: 28px;

        line-height: 1.3;
    }


    .tdt_bti_section_intro {

        max-width: 680px;

        margin-top: 14px;

        font-size: 15px;

        line-height: 1.75;
    }


    /* INFORMATION CARDS */

    .tdt_bti_information_card {

        padding: 25px;

        gap: 17px;

        border-radius: 18px;
    }


    .tdt_bti_card_icon {

        width: 48px;
        min-width: 48px;
        height: 48px;

        border-radius: 13px;

        font-size: 19px;
    }


    .tdt_bti_card_content h3 {

        margin: 1px 0 10px;

        font-size: 18px;

        line-height: 1.4;
    }


    .tdt_bti_card_content p {

        margin-bottom: 11px;

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;
    }


    /* CONFIRMATION BOX */

    .tdt_bti_confirmation_box {

        margin-top: 24px;

        padding: 24px 26px;

        gap: 17px;

        border-radius: 17px;
    }


    .tdt_bti_confirmation_icon {

        width: 45px;
        min-width: 45px;
        height: 45px;

        font-size: 19px;
    }


    .tdt_bti_confirmation_content h3 {

        margin-bottom: 7px;

        font-size: 18px;

        line-height: 1.4;
    }


    .tdt_bti_confirmation_content p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   UP TO 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_bti_booking_transparency_section {

        padding: 48px 16px 52px;
    }


    /* SECTION HEADING */

    .tdt_bti_section_heading {

        max-width: 100%;

        margin-bottom: 28px;
    }


    .tdt_bti_icon_wrap {

        width: 52px;
        height: 52px;

        margin-bottom: 12px !important;

        border-radius: 14px;

        font-size: 21px;
    }


    .tdt_bti_section_label {

        margin-bottom: 8px;

        font-size: 12px;

        letter-spacing: 1px;
    }


    .tdt_bti_section_title {

        font-size: 24px;

        line-height: 1.35;
    }


    .tdt_bti_section_intro {

        max-width: 100%;

        margin-top: 13px;

        font-size: 14px;

        line-height: 1.75;

        text-align: center;
    }


    /* INFORMATION CARDS */

    .tdt_bti_information_row {

        --bs-gutter-y: 18px;
    }


    .tdt_bti_information_card {

        padding: 21px;

        gap: 15px;

        border-radius: 17px;

        box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);
    }


    .tdt_bti_information_card:hover {

        transform: none;

        box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);
    }


    .tdt_bti_card_icon {

        width: 44px;
        min-width: 44px;
        height: 44px;

        border-radius: 12px;

        font-size: 18px;
    }


    .tdt_bti_card_content {

        min-width: 0;
    }


    .tdt_bti_card_content h3 {

        margin: 0 0 9px;

        font-size: 17px;

        line-height: 1.4;
    }


    .tdt_bti_card_content p {

        margin-bottom: 11px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    /* CONFIRMATION BOX */

    .tdt_bti_confirmation_box {

        margin-top: 18px;

        padding: 21px;

        gap: 14px;

        border-left-width: 4px;

        border-radius: 16px;
    }


    .tdt_bti_confirmation_icon {

        width: 42px;
        min-width: 42px;
        height: 42px;

        font-size: 18px;
    }


    .tdt_bti_confirmation_content {

        min-width: 0;
    }


    .tdt_bti_confirmation_content h3 {

        margin: 0 0 7px;

        font-size: 16px;

        line-height: 1.4;
    }


    .tdt_bti_confirmation_content p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }

}















/* =========================================================
   SINGAPORE TRAVELLER BOOKING
   BOOK A TIRUPATI TOUR PACKAGE FROM SINGAPORE
========================================================= */

.tdt_stb_singapore_traveller_booking_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}


.tdt_stb_singapore_traveller_booking_section *,
.tdt_stb_singapore_traveller_booking_section *::before,
.tdt_stb_singapore_traveller_booking_section *::after {

    box-sizing: border-box;
}


.tdt_stb_booking_container {

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
}

/* =========================================================
   CENTER ALIGNED SECTION HEADING
========================================================= */

.tdt_stb_heading_area {

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

    gap: 14px;

    margin-bottom: 32px;

    text-align: center;
}


.tdt_stb_heading_icon {

    width: 64px;
    height: 64px;

    flex: 0 0 64px;

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

    background: #f3525a;
    color: #ffffff;

    border-radius: 18px;

    font-size: 27px;

    box-shadow: 0 12px 25px rgba(243, 82, 90, 0.22);

    transform: rotate(-3deg);
}


.tdt_stb_heading_icon i {

    transform: rotate(3deg);
}


.tdt_stb_section_label {

    display: block;

    margin-bottom: 6px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    text-align: center;
}


.tdt_stb_section_title {

    margin: 0;

    color: #172033;

    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;

    text-align: center;
}
/* =========================================================
   MAIN CONTENT CARD
========================================================= */

.tdt_stb_content_card {

    position: relative;

    padding: 42px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.10);

    border-radius: 26px;

    box-shadow: 0 18px 45px rgba(23, 32, 51, 0.08);

    overflow: hidden;
}


.tdt_stb_content_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3,
        #f3525a
    );
}


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

.tdt_stb_content_text {

    max-width: 1040px;

    margin-bottom: 30px;
}


.tdt_stb_content_text p {

    margin: 0;

    color: #4a5568;

    font-size: 16px;
    line-height: 1.85;

    text-align: center;
}


.tdt_stb_content_text strong {

    color: #172033;
    font-weight: 700;
}


/* =========================================================
   STARTING POINTS
========================================================= */

.tdt_stb_starting_points {

    display: grid;

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

    gap: 16px;

    margin-bottom: 28px;
}


.tdt_stb_starting_point {

    display: flex;
    align-items: center;

    gap: 14px;

    min-height: 72px;

    padding: 14px 18px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


.tdt_stb_starting_point:hover {

    transform: translateY(-4px);

    border-color: #f3525a;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.12);
}


.tdt_stb_point_icon {

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 17px;
}


.tdt_stb_starting_point span {

    color: #172033;

    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   INFORMATION NOTE
========================================================= */

.tdt_stb_information_note {

    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-bottom: 32px;

    padding: 18px 20px;

    background: #fdf1f2;

    border-left: 4px solid #f3525a;

    border-radius: 12px;
}


.tdt_stb_note_icon {

    color: #f3525a;

    font-size: 19px;

    padding-top: 2px;
}


.tdt_stb_information_note p {

    margin: 0;

    color: #4a5568;

    font-size: 14px;
    line-height: 1.75;

    text-align: justify;
}


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

.tdt_stb_action_area {

    display: flex;
    align-items: center;

    gap: 15px;

    flex-wrap: wrap;
}


.tdt_stb_primary_button,
.tdt_stb_whatsapp_button {

    min-height: 52px;

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

    gap: 10px;

    padding: 14px 24px;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

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


.tdt_stb_primary_button {

    background: #f3525a;
    color: #ffffff;

    box-shadow: 0 10px 22px rgba(243, 82, 90, 0.20);
}


.tdt_stb_primary_button:hover {

    background: #e9434c;
    color: #ffffff;

    transform: translateY(-3px);

   
}


.tdt_stb_whatsapp_button {

    background: rgb(22, 168, 79);
    color: #ffffff;

    border: 1px solid rgb(22, 168, 79);
}


.tdt_stb_whatsapp_button:hover {

    background: rgb(22, 168, 79);
    color: #ffffff;

    transform: translateY(-3px);

    
}


.tdt_stb_primary_button i,
.tdt_stb_whatsapp_button i {

    font-size: 17px;
}
/* =========================================================
   RESPONSIVE DESIGN
   TABLET + MOBILE
========================================================= */


/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_stb_singapore_traveller_booking_section {

        padding: 55px 20px;
    }


    .tdt_stb_booking_container {

        max-width: 900px;
    }


    /* -------------------------
       HEADING
    ------------------------- */

    .tdt_stb_heading_area {

        gap: 13px;

        margin-bottom: 28px;
    }


    .tdt_stb_heading_icon {

        width: 58px;
        height: 58px;

        flex-basis: 58px;

        border-radius: 16px;

        font-size: 24px;
    }


    .tdt_stb_section_label {

        font-size: 13px;

        letter-spacing: 0.8px;
    }


    .tdt_stb_section_title {

        font-size: 30px;

        line-height: 1.3;
    }


    /* -------------------------
       CONTENT CARD
    ------------------------- */

    .tdt_stb_content_card {

        padding: 34px 30px;

        border-radius: 22px;
    }


    /* -------------------------
       CONTENT TEXT
    ------------------------- */

    .tdt_stb_content_text {

        max-width: 100%;

        margin-bottom: 26px;
    }


    .tdt_stb_content_text p {

        font-size: 15px;

        line-height: 1.8;
    }


    /* -------------------------
       STARTING POINTS
    ------------------------- */

    .tdt_stb_starting_points {

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

        gap: 12px;

        margin-bottom: 25px;
    }


    .tdt_stb_starting_point {

        min-height: 68px;

        padding: 12px 14px;

        gap: 10px;

        border-radius: 14px;
    }


    .tdt_stb_point_icon {

        width: 38px;
        height: 38px;

        flex-basis: 38px;

        border-radius: 10px;

        font-size: 15px;
    }


    .tdt_stb_starting_point span {

        font-size: 14px;
    }


    /* -------------------------
       INFORMATION NOTE
    ------------------------- */

    .tdt_stb_information_note {

        gap: 12px;

        margin-bottom: 28px;

        padding: 16px 18px;
    }


    .tdt_stb_information_note p {

        font-size: 13px;

        line-height: 1.7;
    }


    .tdt_stb_note_icon {

        font-size: 18px;
    }


    /* -------------------------
       ACTION BUTTONS
    ------------------------- */

    .tdt_stb_action_area {

        justify-content: center;

        gap: 12px;
    }


    .tdt_stb_primary_button,
    .tdt_stb_whatsapp_button {

        min-height: 50px;

        padding: 13px 21px;

        font-size: 13px;
    }

}


/* =========================================================
   MOBILE
   BELOW 767px
========================================================= */

@media (max-width: 767px) {

    .tdt_stb_singapore_traveller_booking_section {

        padding: 40px 15px;
    }


    .tdt_stb_booking_container {

        max-width: 100%;
    }


    /* -------------------------
       HEADING
    ------------------------- */

    .tdt_stb_heading_area {

        gap: 11px;

        margin-bottom: 24px;

        text-align: center;
    }


    .tdt_stb_heading_icon {

        width: 54px;
        height: 54px;

        flex-basis: 54px;

        border-radius: 15px;

        font-size: 22px;
    }


    .tdt_stb_section_label {

        font-size: 11px;

        letter-spacing: 0.7px;

        margin-bottom: 5px;
    }


    .tdt_stb_section_title {

        font-size: 22px;

        line-height: 1.35;

        padding: 0 5px;
    }


    /* -------------------------
       CONTENT CARD
    ------------------------- */

    .tdt_stb_content_card {

        padding: 28px 18px;

        border-radius: 20px;
    }


    .tdt_stb_content_card::before {

        height: 4px;
    }


    /* -------------------------
       CONTENT TEXT
    ------------------------- */

    .tdt_stb_content_text {

        max-width: 100%;

        margin-bottom: 23px;
    }


    .tdt_stb_content_text p {

        font-size: 14px;

        line-height: 1.8;

        text-align: center;
    }


    /* -------------------------
       STARTING POINTS
    ------------------------- */

    .tdt_stb_starting_points {

        grid-template-columns: 1fr;

        gap: 10px;

        margin-bottom: 22px;
    }


    .tdt_stb_starting_point {

        width: 100%;

        min-height: 62px;

        padding: 11px 14px;

        gap: 12px;

        border-radius: 13px;
    }


    .tdt_stb_point_icon {

        width: 38px;
        height: 38px;

        flex-basis: 38px;

        border-radius: 10px;

        font-size: 15px;
    }


    .tdt_stb_starting_point span {

        font-size: 14px;
    }


    /* -------------------------
       INFORMATION NOTE
    ------------------------- */

    .tdt_stb_information_note {

        gap: 10px;

        margin-bottom: 24px;

        padding: 14px 15px;

        border-left-width: 3px;

        border-radius: 10px;
    }


    .tdt_stb_note_icon {

        font-size: 17px;

        padding-top: 1px;
    }


    .tdt_stb_information_note p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }


    /* -------------------------
       ACTION BUTTONS
    ------------------------- */

    .tdt_stb_action_area {

        width: 100%;

        flex-direction: column;

        align-items: stretch;

        justify-content: center;

        gap: 10px;
    }


    .tdt_stb_primary_button,
    .tdt_stb_whatsapp_button {

        width: 100%;

        min-height: 50px;

        padding: 13px 16px;

        border-radius: 35px;

        font-size: 13px;
    }


    .tdt_stb_primary_button i,
    .tdt_stb_whatsapp_button i {

        font-size: 16px;
    }

}















/* =========================================================
   RELATED TIRUPATI RESOURCES
   EXPLORE TIRUPATI TOUR & BOOKING RESOURCES
========================================================= */

.tdt_rtr_related_tirupati_resources_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}


.tdt_rtr_related_tirupati_resources_section *,
.tdt_rtr_related_tirupati_resources_section *::before,
.tdt_rtr_related_tirupati_resources_section *::after {

    box-sizing: border-box;
}


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

.tdt_rtr_section_heading {

    max-width: 850px;

    margin: 0 auto 30px;
}


.tdt_rtr_section_label {

    display: inline-flex;

    align-items: center;

    padding: 8px 18px;

    margin-bottom: 16px;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.20);

    border-radius: 50px;

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.tdt_rtr_section_title {

    margin: 0 0 14px;

    color: #172033;

    font-size: 35px;

    font-weight: 700;

    line-height: 1.25;
}


.tdt_rtr_section_description {

    max-width: 760px;

    margin: 0 auto;

    color: #596579;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   RESOURCE ROW
========================================================= */

.tdt_rtr_resources_row {

    margin-left: -12px;

    margin-right: -12px;
}


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

.tdt_rtr_resource_card {

    height: 100%;

    padding: 30px;

    position: relative;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.08);

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.tdt_rtr_resource_card::before {

    content: "";

    width: 100%;

    height: 4px;

    position: absolute;

    top: 0;

    left: 0;

    background: #f9b0b3;

    transition: background 0.3s ease;
}


.tdt_rtr_resource_card:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.22);

    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.11);
}


.tdt_rtr_resource_card:hover::before {

    background: #f3525a;
}


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

.tdt_rtr_featured_card {

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 100%
        );

    border-color: rgba(243, 82, 90, 0.18);
}


.tdt_rtr_featured_card::before {

    background: #f3525a;
}


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

.tdt_rtr_card_top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 25px;
}


.tdt_rtr_card_icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 16px;

    color: #f3525a;

    font-size: 22px;

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


.tdt_rtr_resource_card:hover .tdt_rtr_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px);
}


.tdt_rtr_card_number {

    color: #f9b0b3;

    font-size: 30px;

    font-weight: 700;

    line-height: 1;
}


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

.tdt_rtr_card_content {

    width: 100%;
}


.tdt_rtr_card_category {

    display: block;

    margin-bottom: 17px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;
}


.tdt_rtr_card_description {

    margin: 15px 0 0;

    color: #667085;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   MAIN FEATURED BUTTON
========================================================= */

.tdt_rtr_main_button {

    min-height: 58px;

    padding: 13px 16px 13px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    background: #f3525a;

    border: 1px solid #f3525a;

    border-radius: 12px;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.5;

    text-decoration: none;

    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.18);

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


.tdt_rtr_main_button span {

    flex: 1;
}


.tdt_rtr_main_button i {

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    background: #ffffff;

    border-radius: 50%;

    color: #f3525a;

    font-size: 12px;

    transition: transform 0.3s ease;
}


.tdt_rtr_main_button:hover {

    background: #e8444d;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(243, 82, 90, 0.25);
}


.tdt_rtr_main_button:hover i {

    transform: translateX(4px);
}


/* =========================================================
   RESOURCE BUTTON LIST
========================================================= */

.tdt_rtr_button_list {

    display: flex;

    flex-direction: column;

    gap: 10px;
}


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

.tdt_rtr_resource_button {

    min-height: 50px;

    padding: 10px 12px 10px 17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    background: #f8fafc;

    border: 1px solid rgba(23, 32, 51, 0.08);

    border-radius: 11px;

    color: #172033;

    font-size: 13px;

    line-height: 1.5;

    text-decoration: none;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.tdt_rtr_resource_button span {

    flex: 1;
}


.tdt_rtr_resource_button i {

    width: 29px;

    height: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    background: #f9b0b3;

    border-radius: 50%;

    color: #ffffff;

    font-size: 10px;

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


.tdt_rtr_resource_button:hover {

    background: #fff5f5;

    border-color: rgba(243, 82, 90, 0.25);

    color: #f3525a;

    transform: translateX(4px);

    box-shadow: 0 5px 15px rgba(23, 32, 51, 0.05);
}


.tdt_rtr_resource_button:hover i {

    background: #f3525a;

    transform: translateX(2px);
}


/* =========================================================
   PLANNING PATH
========================================================= */

.tdt_rtr_planning_wrapper {

    margin-top: 48px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.08);

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.06);

    overflow: hidden;
}


.tdt_rtr_planning_heading {

    padding: 28px 25px 25px;
}


.tdt_rtr_planning_title {

    margin: 0;

    color: #172033;

    font-size: 26px;

    font-weight: 700;

    line-height: 1.3;
}


.tdt_rtr_planning_row {

    border-top: 1px solid rgba(23, 32, 51, 0.08);
}


.tdt_rtr_planning_step {

    min-height: 115px;

    padding: 18px 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 10px;

    border-right: 1px solid rgba(23, 32, 51, 0.08);

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


.tdt_rtr_planning_row > div:last-child .tdt_rtr_planning_step {

    border-right: none;
}


.tdt_rtr_planning_step:hover {

    background: rgba(243, 82, 90, 0.035);

    transform: translateY(-2px);
}


.tdt_rtr_step_icon {

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    border-radius: 50%;

    color: #ffffff;

    font-size: 15px;

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


.tdt_rtr_planning_step:hover .tdt_rtr_step_icon {

    background: #f3525a;

    transform: scale(1.08);
}


.tdt_rtr_step_text {

    color: #172033;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    text-align: center;
}


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

.tdt_rtr_bottom_information {

    max-width: 950px;

    margin: 28px auto 0;

    padding: 19px 25px;

    background: rgba(255, 255, 255, 0.72);

    border-left: 4px solid #f3525a;

    border-radius: 0 12px 12px 0;
}


.tdt_rtr_bottom_information p {

    margin: 0;

    color: #596579;

    font-size: 14px;

    line-height: 1.8;

    text-align: center;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_rtr_related_tirupati_resources_section {

        padding: 55px 20px 60px;
    }


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

    .tdt_rtr_section_heading {

        max-width: 720px;

        margin-bottom: 35px;
    }


    .tdt_rtr_section_title {

        font-size: 32px;

        line-height: 1.3;
    }


    .tdt_rtr_section_description {

        max-width: 650px;

        font-size: 14px;

        line-height: 1.75;
    }


    /* =====================================================
       RESOURCE CARDS
    ====================================================== */

    .tdt_rtr_resource_card {

        padding: 25px;

        border-radius: 18px;
    }


    .tdt_rtr_card_top {

        margin-bottom: 20px;
    }


    .tdt_rtr_card_icon {

        width: 52px;

        height: 52px;

        border-radius: 14px;

        font-size: 20px;
    }


    .tdt_rtr_card_number {

        font-size: 27px;
    }


    .tdt_rtr_card_category {

        margin-bottom: 14px;

        font-size: 12px;
    }


    .tdt_rtr_main_button {

        min-height: 54px;

        padding: 11px 13px 11px 17px;

        font-size: 13px;
    }


    .tdt_rtr_resource_button {

        min-height: 48px;

        padding: 9px 11px 9px 14px;

        font-size: 12px;
    }


    .tdt_rtr_resource_button i {

        width: 28px;

        height: 28px;

        font-size: 9px;
    }


    .tdt_rtr_card_description {

        font-size: 12px;

        line-height: 1.7;
    }


    /* =====================================================
       PLANNING PATH
    ====================================================== */

    .tdt_rtr_planning_wrapper {

        margin-top: 40px;

        border-radius: 18px;
    }


    .tdt_rtr_planning_heading {

        padding: 25px 20px 22px;
    }


    .tdt_rtr_planning_title {

        font-size: 24px;
    }


    .tdt_rtr_planning_step {

        min-height: 105px;

        padding: 16px 8px;
    }


    .tdt_rtr_step_icon {

        width: 40px;

        height: 40px;

        font-size: 14px;
    }


    .tdt_rtr_step_text {

        font-size: 12px;

        line-height: 1.4;
    }


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

    .tdt_rtr_bottom_information {

        margin-top: 24px;

        padding: 17px 20px;
    }


    .tdt_rtr_bottom_information p {

        font-size: 12px;

        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .tdt_rtr_related_tirupati_resources_section {

        padding: 50px 15px 55px;
    }


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

    .tdt_rtr_section_heading {

        max-width: 100%;

        margin-bottom: 30px;
    }


    .tdt_rtr_section_label {

        padding: 7px 14px;

        margin-bottom: 13px;

        font-size: 10px;

        letter-spacing: 0.7px;
    }


    .tdt_rtr_section_title {

        margin-bottom: 11px;

        font-size: 27px;

        line-height: 1.3;
    }


    .tdt_rtr_section_description {

        max-width: 100%;

        font-size: 12px;

        line-height: 1.75;
    }


    /* =====================================================
       RESOURCE ROW
    ====================================================== */

    .tdt_rtr_resources_row {

        margin-left: 0;

        margin-right: 0;
    }


    /* =====================================================
       RESOURCE CARDS
    ====================================================== */

    .tdt_rtr_resource_card {

        padding: 22px 17px;

        border-radius: 16px;

        box-shadow: 0 8px 25px rgba(23, 32, 51, 0.07);
    }


    .tdt_rtr_resource_card:hover {

        transform: translateY(-3px);

        box-shadow: 0 12px 28px rgba(23, 32, 51, 0.09);
    }


    .tdt_rtr_card_top {

        margin-bottom: 18px;
    }


    .tdt_rtr_card_icon {

        width: 46px;

        height: 46px;

        border-radius: 12px;

        font-size: 18px;
    }


    .tdt_rtr_card_number {

        font-size: 24px;
    }


    .tdt_rtr_card_category {

        margin-bottom: 13px;

        font-size: 10px;

        letter-spacing: 0.6px;
    }


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

    .tdt_rtr_main_button {

        min-height: 52px;

        padding: 9px 10px 9px 14px;

        gap: 10px;

        border-radius: 10px;

        font-size: 12px;

        line-height: 1.45;
    }


    .tdt_rtr_main_button i {

        width: 30px;

        height: 30px;

        font-size: 10px;
    }


    .tdt_rtr_card_description {

        margin-top: 12px;

        font-size: 11px;

        line-height: 1.7;
    }


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

    .tdt_rtr_button_list {

        gap: 8px;
    }


    .tdt_rtr_resource_button {

        min-height: 47px;

        padding: 8px 9px 8px 13px;

        gap: 9px;

        border-radius: 9px;

        font-size: 11px;

        line-height: 1.45;
    }


    .tdt_rtr_resource_button i {

        width: 27px;

        height: 27px;

        font-size: 9px;
    }


    /* =====================================================
       PLANNING PATH
    ====================================================== */

    .tdt_rtr_planning_wrapper {

        margin-top: 35px;

        border-radius: 16px;
    }


    .tdt_rtr_planning_heading {

        padding: 23px 15px 20px;
    }


    .tdt_rtr_planning_title {

        font-size: 21px;

        line-height: 1.35;
    }


    .tdt_rtr_planning_step {

        min-height: 98px;

        padding: 14px 7px;

        gap: 8px;

        border-bottom: 1px solid rgba(23, 32, 51, 0.08);
    }


    .tdt_rtr_step_icon {

        width: 37px;

        height: 37px;

        font-size: 13px;
    }


    .tdt_rtr_step_text {

        font-size: 10px;

        line-height: 1.35;
    }


    /* =====================================================
       PLANNING PATH - 2 x 3 MOBILE
    ====================================================== */

    .tdt_rtr_planning_row > div:nth-child(2) .tdt_rtr_planning_step,
    .tdt_rtr_planning_row > div:nth-child(4) .tdt_rtr_planning_step,
    .tdt_rtr_planning_row > div:nth-child(6) .tdt_rtr_planning_step {

        border-right: none;
    }


    .tdt_rtr_planning_row > div:nth-child(5) .tdt_rtr_planning_step,
    .tdt_rtr_planning_row > div:nth-child(6) .tdt_rtr_planning_step {

        border-bottom: none;
    }


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

    .tdt_rtr_bottom_information {

        margin-top: 20px;

        padding: 14px 15px;

        border-left-width: 3px;

        border-radius: 0 9px 9px 0;
    }


    .tdt_rtr_bottom_information p {

        font-size: 10px;

        line-height: 1.75;

        text-align: justify;
    }

}









/* =========================================================
   BOOK TIRUPATI TOUR ENQUIRY SECTION
========================================================= */

.sgtrp-booking-enquiry-section {
    width: 100%;
    background: #155a78;
    padding: 50px 20px;
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

.sgtrp-booking-enquiry-section *,
.sgtrp-booking-enquiry-section *::before,
.sgtrp-booking-enquiry-section *::after {
    box-sizing: border-box;
}


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

.sgtrp-booking-enquiry-section .container {
    width: 100%;
}


/* =========================================================
   TOP BADGE
========================================================= */

.sgtrp-enquiry-top-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 16px;
    border: 1px solid rgba(103, 215, 242, 0.28);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.04);
    color: #d8e8f0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.8px;
}

.sgtrp-enquiry-top-badge i {
    color: #55c9e8;
    font-size: 12px;
    flex-shrink: 0;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.sgtrp-enquiry-main-title {
    max-width: 850px;
    margin: 14px auto 12px;
    color: #ffffff;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

.sgtrp-enquiry-main-description {
    max-width: 820px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}


/* =========================================================
   LOCATION PILLS
========================================================= */

.sgtrp-enquiry-location-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.sgtrp-enquiry-location-pill i {
    color: #5ed8f7;
    font-size: 14px;
    flex-shrink: 0;
}

/* =========================================================
   CTA BUTTON ROW
========================================================= */

.sgtrp-booking-enquiry-section .sgtrp-enquiry-buttons-row {
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 32px auto 28px;
    padding: 0;
    text-align: center;
}

.sgtrp-booking-enquiry-section .sgtrp-enquiry-button-column {
    width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    min-width: 0;
    margin: 0;
    padding: 0;
}


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

.sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn,
.sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn {
    width: 100% ;
    max-width: none ;
    min-height: 54px;
    display: flex ;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0 ;
    padding: 12px 18px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.3px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease;
}


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

.sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn {
    background: #4ec8e8;
    color: #08263a;
    border: 1px solid #4ec8e8;
}

.sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #08263a;
    transform: translateY(-2px);
}

.sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn i {
    font-size: 15px;
    flex-shrink: 0;
}


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

.sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn {
    background: #16a34a;
    color: #ffffff;
    border: 1px solid #16a34a;
}

.sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn:hover {
    background: #15803d;
    border-color: #15803d;
    color: #ffffff;
    transform: translateY(-2px);
}

.sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn i {
    font-size: 18px;
    flex-shrink: 0;
}


/* =========================================================
   TRANSPARENCY BOX
========================================================= */

.sgtrp-booking-enquiry-section .sgtrp-enquiry-transparency-box {
    width: 100%;
    margin: 0 !important;
    padding: 15px 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.sgtrp-enquiry-transparency-content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.sgtrp-enquiry-transparency-content > i {
    color: #58d4f4;
    font-size: 16px;
    margin-top: 3px;
    flex-shrink: 0;
}

.sgtrp-enquiry-transparency-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14.5px;
    line-height: 1.65;
    text-align: justify;
}

.sgtrp-enquiry-transparency-content strong {
    color: #ffffff;
    font-weight: 700;
}


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

.sgtrp-enquiry-bottom-text {
    margin: 16px 0 0;
    color: rgba(255, 255, 255, 0.52);
    font-size: 14px;
    line-height: 1.6;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgtrp-booking-enquiry-section {
        padding: 45px 20px;
    }


    /* MAIN CONTENT WIDTH */

    .sgtrp-booking-enquiry-section .col-lg-10 {
        width: 100%;
    }


    /* TOP BADGE */

    .sgtrp-enquiry-top-badge {
        padding: 8px 15px;
        font-size: 11px;
        letter-spacing: 0.6px;
    }


    /* HEADING */

    .sgtrp-enquiry-main-title {
        max-width: 700px;
        margin: 14px auto 12px;
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.7px;
    }


    /* DESCRIPTION */

    .sgtrp-enquiry-main-description {
        max-width: 680px;
        font-size: 15px;
        line-height: 1.7;
    }


    /* LOCATION PILLS */

    .sgtrp-enquiry-location-pill {
        padding: 8px 14px;
        font-size: 13px;
    }


    /* =====================================================
       CTA BUTTONS - TABLET
       TWO BUTTONS IN SAME ROW
    ===================================================== */

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-buttons-row {
        width: 100%;
        max-width: 850px;
        gap: 16px;
        margin: 30px auto 26px;
        padding: 0 10px;
    }

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-button-column {
        width: calc(50% - 8px);
        flex: 0 0 calc(50% - 8px);
    }

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn,
    .sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn {
        width: 100%;
        min-height: 52px;
        padding: 10px 14px;
        font-size: 10.5px;
        letter-spacing: 0.1px;
    }


    /* TRANSPARENCY BOX */

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-transparency-box {
        padding: 15px 18px;
    }

    .sgtrp-enquiry-transparency-content p {
        font-size: 13.5px;
        line-height: 1.65;
    }


    /* BOTTOM TEXT */

    .sgtrp-enquiry-bottom-text {
        margin-top: 15px;
        font-size: 13px;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .sgtrp-booking-enquiry-section {
        padding: 40px 15px;
    }


    /* REMOVE BOOTSTRAP SIDE SPACING */

    .sgtrp-booking-enquiry-section .container {
        padding-left: 0;
        padding-right: 0;
    }

    .sgtrp-booking-enquiry-section .row {
        margin-left: 0;
        margin-right: 0;
    }

    .sgtrp-booking-enquiry-section .col-lg-10 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }


    /* TOP BADGE */

    .sgtrp-enquiry-top-badge {
        max-width: 100%;
        padding: 7px 12px;
        gap: 6px;
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 0.3px;
    }

    .sgtrp-enquiry-top-badge i {
        font-size: 10px;
    }


    /* MAIN TITLE */

    .sgtrp-enquiry-main-title {
        width: 100%;
        max-width: 100%;
        margin: 14px auto 12px;
        font-size: 27px;
        line-height: 1.22;
        letter-spacing: -0.5px;
        text-align: center;
    }


    /* DESCRIPTION */

    .sgtrp-enquiry-main-description {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
        text-align: center;
    }


    /* =====================================================
       LOCATION PILLS
    ===================================================== */

    .sgtrp-booking-enquiry-section .row.justify-content-center.g-2 {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 8px;
        margin-top: 12px;
    }

    .sgtrp-enquiry-location-pill {
        gap: 6px;
        padding: 8px 11px;
        font-size: 12px;
    }

    .sgtrp-enquiry-location-pill i {
        font-size: 12px;
    }


    /* =====================================================
       CTA BUTTONS - MOBILE
       ONE BUTTON BELOW ANOTHER
    ===================================================== */

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-buttons-row {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: flex-start;
        gap: 14px;
        margin: 28px auto 22px;
        padding: 0;
    }

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-button-column {
        width: 100%;
        flex: 0 0 100%;
        margin: 0;
        padding: 0;
    }

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn,
    .sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn {
        width: 100%;
        min-height: 52px;
        padding: 10px 15px;
        font-size: 11px;
        line-height: 1.4;
        letter-spacing: 0;
        white-space: normal;
        text-align: center;
    }

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-primary-btn i,
    .sgtrp-booking-enquiry-section .sgtrp-enquiry-whatsapp-btn i {
        flex-shrink: 0;
    }


    /* =====================================================
       TRANSPARENCY BOX
    ===================================================== */

    .sgtrp-booking-enquiry-section .sgtrp-enquiry-transparency-box {
        width: 100%;
        padding: 14px;
        border-radius: 12px;
    }

    .sgtrp-enquiry-transparency-content {
        gap: 8px;
    }

    .sgtrp-enquiry-transparency-content > i {
        font-size: 15px;
        margin-top: 3px;
    }

    .sgtrp-enquiry-transparency-content p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: left;
    }


    /* BOTTOM TEXT */

    .sgtrp-enquiry-bottom-text {
        margin-top: 15px;
        padding: 0 5px;
        font-size: 11.5px;
        line-height: 1.6;
        text-align: center;
    }
}



/* =========================================================
   BOOK TIRUPATI TOUR PACKAGE END
========================================================= */

/* =========================================================
   HOW TO BOOK TIRUPATI TOUR PACKAGE START
========================================================= */


/* ================== HOW TO BOOK TIRUPATI TOUR PACKAGE BANNER ======================= */

.tdt_htb_tirupati_booking_banner {

    width: 100%;

    padding: 60px 20px 60px;

    background: #020617;

    font-family: "Poppins", sans-serif;

    color: #e5e7eb;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}


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

.tdt_htb_banner_content {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}


/* =========================================================
   BADGE
========================================================= */

.tdt_htb_banner_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 8px 17px;

    margin-bottom: 23px;

    border: 1px solid #d97706;

    border-radius: 30px;

    background: rgba(245, 158, 11, 0.12);

    color: #f59e0b;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.3px;

    line-height: 1.2;

}


/* =========================================================
   BADGE DOT
========================================================= */

.tdt_htb_badge_dot {

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: #f59e0b;

    display: inline-block;

    flex-shrink: 0;

}


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

.tdt_htb_banner_title {

    margin: 0 auto;

    max-width: 1050px;

    color: #f8fafc;

    font-size: 50px;

    font-weight: 800;

    line-height: 1.02;

    letter-spacing: -2.4px;

}


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

.tdt_htb_banner_description {

    max-width: 970px;

    margin: 24px auto 25px;

    color: #94a3b8;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.55;

}


/* =========================================================
   INFORMATION BOX
========================================================= */

.tdt_htb_banner_info {

    width: 100%;

    max-width: 960px;

    margin: 0 auto;

    padding: 18px 20px;

    border: 1px solid #334155;

    border-radius: 15px;

    background: rgba(255, 255, 255, 0.06);

    color: #94a3b8;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.75;

    box-sizing: border-box;
    text-align: justify !important;
}


.tdt_htb_banner_info strong {

    color: #f59e0b;

    font-weight: 700;
}


.tdt_htb_banner_info b {

    color: #e2e8f0;

    font-weight: 700;
}


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

.tdt_htb_banner_actions {

    margin-top: 29px;

}


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

.tdt_htb_banner_btn {

    min-height: 57px;

    padding: 0 24px;

    border-radius: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    text-decoration: none;

    font-size: 17px;

    font-weight: 700;

    line-height: 1;

    transition: all 0.25s ease;

    box-sizing: border-box;
}


.tdt_htb_banner_btn i {

    font-size: 17px;

    flex-shrink: 0;

}


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

.tdt_htb_whatsapp_btn {

    background: #16a34a;

    border: 1px solid #16a34a;

    color: #ffffff;

}


.tdt_htb_whatsapp_btn:hover {

    background: #15803d;

    border-color: #15803d;

    color: #ffffff;

    transform: translateY(-2px);

}


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

.tdt_htb_enquiry_btn {

    background: #f59e0b;

    border: 1px solid #f59e0b;

    color: #020617;

}


.tdt_htb_enquiry_btn:hover {

    background: #d97706;

    border-color: #d97706;

    color: #ffffff;

    transform: translateY(-2px);

}


/* =========================================================
   BOOKING STEPS BUTTON
========================================================= */

.tdt_htb_steps_btn {

    background: rgba(255, 255, 255, 0.06);

    border: 1px solid #475569;

    color: #cbd5e1;

}


.tdt_htb_steps_btn:hover {

    background: rgba(255, 255, 255, 0.12);

    border-color: #64748b;

    color: #ffffff;

    transform: translateY(-2px);

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* ================= BANNER ================= */

    .tdt_htb_tirupati_booking_banner {
        padding: 55px 30px;
    }


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

    .tdt_htb_banner_content {
        max-width: 100%;
    }


    /* ================= BADGE ================= */

    .tdt_htb_banner_badge {
        padding: 8px 16px;
        margin-bottom: 20px;
        font-size: 12px;
    }


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

    .tdt_htb_banner_title {
        max-width: 850px;
        font-size: 42px;
        line-height: 1.12;
        letter-spacing: -1.8px;
    }


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

    .tdt_htb_banner_description {
        max-width: 820px;
        margin: 20px auto 24px;
        font-size: 17px;
        line-height: 1.6;
    }


    /* ================= INFO BOX ================= */

    .tdt_htb_banner_info {
        max-width: 100%;
        padding: 18px 20px;
        border-radius: 14px;
        font-size: 15.5px;
        line-height: 1.7;
        text-align: justify !important;
    }


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

    .tdt_htb_banner_actions {
        margin-top: 26px;
    }


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

    .tdt_htb_banner_btn {
        min-height: 54px;
        padding: 0 22px;
        font-size: 16px;
    }


    .tdt_htb_banner_btn i {
        font-size: 16px;
    }

}
/* =========================================================
   MOBILE RESPONSIVE ONLY
   575px AND BELOW
========================================================= */

@media (max-width: 575px) {

    /* ================= BANNER ================= */

    .tdt_htb_tirupati_booking_banner {
        padding: 42px 15px 45px;
    }


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

    .tdt_htb_banner_content {
        width: 100%;
        max-width: 100%;
    }


    /* ================= BADGE ================= */

    .tdt_htb_banner_badge {
        gap: 8px;
        padding: 7px 13px;
        margin-bottom: 17px;
        font-size: 10.5px;
    }


    .tdt_htb_badge_dot {
        width: 6px;
        height: 6px;
    }


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

    .tdt_htb_banner_title {
        width: 100%;
        max-width: 100%;
        font-size: 28px !important;
        font-weight: 800;
        line-height: 1.15;
        letter-spacing: -1px;
    }


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

    .tdt_htb_banner_description {
        width: 100%;
        max-width: 100%;
        margin: 17px auto 21px;
        font-size: 15px;
        line-height: 1.6;
    }


    /* ================= INFO BOX ================= */

    .tdt_htb_banner_info {
        width: 100%;
        max-width: 100%;
        padding: 16px 15px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 1.7;
        text-align: justify !important;
        overflow-wrap: break-word;
    }

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

    .tdt_htb_banner_actions {
        width: 100%;
        margin-top: 22px;

        display: flex;
        flex-direction: column;
        gap: 12px;
    }


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

    .tdt_htb_banner_btn {
        width: 100%;
        min-height: 50px;
        padding: 0 18px;

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

        font-size: 14px;
        gap: 8px;

        white-space: normal;
        text-align: center;

        box-sizing: border-box;
    }


    .tdt_htb_banner_btn i {
        font-size: 15px;
        flex-shrink: 0;
    }
}














/* =========================================================
   TIRUPATI BOOKING GUIDE
   HOW TO BOOK A TIRUPATI TOUR PACKAGE
========================================================= */

.tdt_tbg_booking_guide_section {

    width: 100%;
    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


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

.tdt_tbg_heading_wrap {

    max-width: 900px;
    margin: 0 auto 25px;

    text-align: center;

}


.tdt_tbg_heading_badge {

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

    padding: 8px 18px;

    background: #fff1f2;
    border: 1px solid #f9b0b3;
    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;

}


.tdt_tbg_main_heading {

    margin: 17px 0 14px;

    color: #172033;

    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;

}


.tdt_tbg_intro_text {

    max-width: 820px;
    margin: 0 auto;

    color: #596579;

    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;

}


/* =========================================================
   STEPS WRAPPER
========================================================= */

.tdt_tbg_steps_wrap {

    max-width: 1200px;
    margin: 0 auto;

}


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

.tdt_tbg_step_item {

    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 28px;

    margin-bottom: 30px;
    padding: 30px;

    background: #ffffff;

    border: 1px solid #f1d9da;
    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    box-sizing: border-box;

}


.tdt_tbg_step_item::before {

    content: "";

    position: absolute;

    left: 49px;
    top: 96px;
    bottom: -31px;

    width: 2px;

    background: #f9b0b3;

    opacity: 0.75;

}


.tdt_tbg_last_step::before {

    display: none;

}


/* =========================================================
   STEP NUMBER
========================================================= */

.tdt_tbg_step_number {

    position: relative;
    z-index: 2;

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

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

    background: #f3525a;

    border: 5px solid #fff1f2;
    border-radius: 50%;

    color: #ffffff;

    font-size: 15px;
    font-weight: 700;

    box-sizing: content-box;

}


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

.tdt_tbg_step_content {

    flex: 1;
    min-width: 0;

}


.tdt_tbg_step_heading_area {

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px 15px;

    margin-bottom: 15px;

}


.tdt_tbg_step_label {

    display: inline-flex;
    align-items: center;

    padding: 5px 11px;

    background: #fff1f2;
    border-radius: 6px;

    color: #f3525a;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;

}


.tdt_tbg_step_title {

    margin: 0;

    color: #172033;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;

}


.tdt_tbg_step_icon {

    float: right;

    width: 52px;
    height: 52px;

    margin-left: 20px;
    margin-bottom: 12px;

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

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 14px;

    color: #f3525a;

    font-size: 20px;

}


.tdt_tbg_step_description {

    margin: 0 0 22px;

    color: #596579;

    font-size: 14px;
    line-height: 1.85;
    text-align: justify;

}


.tdt_tbg_bottom_description {

    margin: 7px 0 0;
    text-align: justify;

}


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

.tdt_tbg_links_row {

    margin-top: 4px;

}


.tdt_tbg_package_link {

    min-height: 62px;

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

    gap: 15px;

    padding: 14px 16px;

    background: #fff8f8;

    border: 1px solid #f9b0b3;
    border-radius: 12px;

    color: #172033;

    text-decoration: none;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;

    transition: all 0.25s ease;

}


.tdt_tbg_package_link i {

    flex: 0 0 auto;

    color: #f3525a;

    font-size: 13px;

    transition: transform 0.25s ease;

}


.tdt_tbg_package_link:hover {

    background: #f3525a;

    border-color: #f3525a;

    color: #ffffff;

    text-decoration: none;

    transform: translateY(-2px);

}


.tdt_tbg_package_link:hover i {

    color: #ffffff;

    transform: translateX(4px);

}


/* =========================================================
   INFO BOX
========================================================= */

.tdt_tbg_info_box {

    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-top: 10px;
    padding: 17px 18px;

    background: #fff8f8;

    border-left: 4px solid #f3525a;
    border-radius: 10px;

}


.tdt_tbg_info_icon {

    flex: 0 0 auto;

    width: 35px;
    height: 35px;

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

    background: #f9b0b3;
    border-radius: 9px;

    color: #ffffff;

    font-size: 15px;

}


.tdt_tbg_info_text {

    color: #596579;

    font-size: 13px;
    line-height: 1.75;
    text-align: justify;

}


.tdt_tbg_info_text strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   STARTING POINTS
========================================================= */

.tdt_tbg_starting_points_row {

    margin-top: 5px;

}


.tdt_tbg_location_item {

    height: 100%;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 17px 18px;

    background: #fff8f8;

    border: 1px solid #f9b0b3;
    border-radius: 12px;

    color: #172033;

    font-size: 13px;
    font-weight: 600;

    box-sizing: border-box;

}


.tdt_tbg_location_item i {

    flex: 0 0 auto;

    color: #f3525a;

    font-size: 17px;

}


/* =========================================================
   REQUIREMENTS
========================================================= */

.tdt_tbg_requirements_row {

    margin-top: 3px;

}


.tdt_tbg_requirement_item {

    height: 100%;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 17px;

    background: #fff8f8;

    border: 1px solid #f9b0b3;
    border-radius: 11px;

    color: #172033;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;

    box-sizing: border-box;

}


.tdt_tbg_requirement_item i {

    flex: 0 0 auto;

    width: 30px;
    height: 30px;

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

    background: #f9b0b3;
    border-radius: 8px;

    color: #ffffff;

    font-size: 13px;

}


/* =========================================================
   REVIEW ITEMS
========================================================= */

.tdt_tbg_review_row {

    margin-top: 3px;

}


.tdt_tbg_review_item {

    height: 100%;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 17px;

    background: #fff8f8;

    border: 1px solid #f9b0b3;
    border-radius: 11px;

    color: #172033;

    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;

    box-sizing: border-box;

}


.tdt_tbg_review_item i {

    flex: 0 0 auto;

    color: #f3525a;

    font-size: 16px;

}


/* =========================================================
   WARNING BOX
========================================================= */

.tdt_tbg_warning_box {

    display: flex;
    align-items: flex-start;

    gap: 13px;

    margin-top: 12px;
    padding: 16px 18px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 10px;

}


.tdt_tbg_warning_icon {

    flex: 0 0 auto;

    color: #f3525a;

    font-size: 17px;

}


.tdt_tbg_warning_box p {

    margin: 0;

    color: #596579;

    font-size: 13px;
    line-height: 1.7;
    text-align: justify;

}


/* =========================================================
   CONFIRMATION BOX
========================================================= */

.tdt_tbg_confirmation_box {

    display: flex;
    align-items: flex-start;

    gap: 15px;

    margin-top: 8px;
    padding: 18px 20px;

    background: #fff8f8;

    border: 1px solid #f9b0b3;
    border-radius: 12px;

}


.tdt_tbg_confirmation_box > i {

    flex: 0 0 auto;

    margin-top: 3px;

    color: #f3525a;

    font-size: 19px;

}


.tdt_tbg_confirmation_box p {

    margin: 0;

    color: #596579;

    font-size: 13px;
    line-height: 1.75;
    text-align: justify;

}


/* =========================================================
   MARKET NOTE
========================================================= */

.tdt_tbg_market_note {

    max-width: 1120px;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    margin: 42px auto 0;
    padding: 24px 26px;

    background: #172033;

    border-radius: 18px;

    box-shadow: 0 15px 35px rgba(23, 32, 51, 0.13);

}


.tdt_tbg_market_icon {

    flex: 0 0 auto;

    width: 48px;
    height: 48px;

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

    background: #f3525a;

    border-radius: 12px;

    color: #ffffff;

    font-size: 19px;

}


.tdt_tbg_market_content {

    flex: 1;

}


.tdt_tbg_market_content h3 {

    margin: 0 0 6px;

    color: #ffffff;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;

}


.tdt_tbg_market_content p {

    margin: 0;

    color: #d9dee7;

    font-size: 13px;
    line-height: 1.8;
    text-align: justify;

}


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

.tdt_tbg_cta_wrap {

    max-width: 1120px;

    margin: 32px auto 0;

    padding: 28px 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 18px;

}


.tdt_tbg_cta_question {

    margin: 0;

    color: #172033;

    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;

}


.tdt_tbg_cta_button {

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 14px 22px;

    background: #f3525a;

    border: 2px solid #f3525a;
    border-radius: 40px;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition: all 0.25s ease;

}


.tdt_tbg_cta_button i {

    transition: transform 0.25s ease;

}


.tdt_tbg_cta_button:hover {

    background: #ffffff;

    color: #f3525a;

    text-decoration: none;

}


.tdt_tbg_cta_button:hover i {

    transform: translateX(4px);

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tdt_tbg_booking_guide_section {

        padding: 55px 20px 60px;

    }


    .tdt_tbg_heading_wrap {

        max-width: 760px;

        margin-bottom: 35px;

    }


    .tdt_tbg_main_heading {

        font-size: 34px;
        line-height: 1.25;

    }


    .tdt_tbg_intro_text {

        max-width: 720px;

        font-size: 14px;
        line-height: 1.8;

    }


    .tdt_tbg_steps_wrap {

        max-width: 100%;

    }


    .tdt_tbg_step_item {

        gap: 22px;

        margin-bottom: 25px;
        padding: 26px 24px;

        border-radius: 18px;

    }


    .tdt_tbg_step_item::before {

        left: 43px;
        top: 90px;
        bottom: -26px;

    }


    .tdt_tbg_step_number {

        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        border-width: 4px;

        font-size: 14px;

    }


    .tdt_tbg_step_content {

        min-width: 0;

    }


    .tdt_tbg_step_icon {

        width: 48px;
        height: 48px;

        margin-left: 15px;
        margin-bottom: 10px;

        border-radius: 12px;

        font-size: 18px;

    }


    .tdt_tbg_step_heading_area {

        gap: 10px 12px;

        margin-bottom: 13px;

    }


    .tdt_tbg_step_label {

        padding: 5px 10px;

        font-size: 10px;

    }


    .tdt_tbg_step_title {

        font-size: 24px;
        line-height: 1.3;

    }


    .tdt_tbg_step_description {

        margin-bottom: 20px;

        font-size: 13px;
        line-height: 1.8;

    }


    .tdt_tbg_package_link {

        min-height: 58px;

        padding: 13px 14px;

        font-size: 12px;

        border-radius: 10px;

    }


    .tdt_tbg_info_box {

        gap: 12px;

        padding: 15px 16px;

    }


    .tdt_tbg_info_icon {

        width: 32px;
        height: 32px;

        font-size: 14px;

    }


    .tdt_tbg_info_text {

        font-size: 12px;
        line-height: 1.7;

    }


    .tdt_tbg_location_item {

        padding: 15px;

        font-size: 12px;

        border-radius: 10px;

    }


    .tdt_tbg_location_item i {

        font-size: 16px;

    }


    .tdt_tbg_requirement_item,
    .tdt_tbg_review_item {

        padding: 14px 15px;

        font-size: 12px;

        border-radius: 10px;

    }


    .tdt_tbg_requirement_item i {

        width: 28px;
        height: 28px;

        font-size: 12px;

    }


    .tdt_tbg_review_item i {

        font-size: 15px;

    }


    .tdt_tbg_warning_box {

        padding: 14px 16px;

    }


    .tdt_tbg_warning_box p {

        font-size: 12px;
        line-height: 1.7;

    }

}

/* =========================================================
   MOBILE RESPONSIVE
   BELOW 768px
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .tdt_tbg_booking_guide_section {
        padding: 40px 15px 45px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_tbg_heading_wrap {
        max-width: 100%;
        margin-bottom: 28px;
    }

    .tdt_tbg_heading_badge {
        padding: 7px 14px;
        font-size: 11px;
        letter-spacing: 0.4px;
    }

    .tdt_tbg_main_heading {
        margin: 14px 0 12px;
        font-size: 26px;
        line-height: 1.3;
    }

    .tdt_tbg_intro_text {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.75;
        text-align: center;
    }


    /* =====================================================
       STEPS
    ===================================================== */

    .tdt_tbg_steps_wrap {
        width: 100%;
        max-width: 100%;
    }

    .tdt_tbg_step_item {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        padding: 20px 16px;
        border-radius: 16px;
    }


    /* REMOVE VERTICAL LINE */

    .tdt_tbg_step_item::before {
        display: none;
    }


    /* =====================================================
       STEP NUMBER
    ===================================================== */

    .tdt_tbg_step_number {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;

        margin-bottom: 14px;

        border-width: 4px;

        font-size: 13px;
    }


    /* =====================================================
       STEP CONTENT
    ===================================================== */

    .tdt_tbg_step_content {
        width: 100%;
        min-width: 0;
    }


    /* =====================================================
       ICON
    ===================================================== */

    .tdt_tbg_step_icon {
        width: 42px;
        height: 42px;

        margin-left: 12px;
        margin-bottom: 8px;

        border-radius: 10px;

        font-size: 16px;
    }


    /* =====================================================
       STEP HEADING
    ===================================================== */

    .tdt_tbg_step_heading_area {
        display: flex;
        align-items: flex-start;
        flex-direction: column;

        gap: 8px;

        margin-bottom: 12px;
    }

    .tdt_tbg_step_label {
        padding: 4px 9px;
        font-size: 10px;
    }

    .tdt_tbg_step_title {
        width: 100%;
        font-size: 20px;
        line-height: 1.35;

        word-break: normal;
        overflow-wrap: break-word;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .tdt_tbg_step_description,
    .tdt_tbg_bottom_description {
        font-size: 13px;
        line-height: 1.75;

        text-align: justify;

        word-break: normal;
        overflow-wrap: break-word;
    }


    /* =====================================================
       PACKAGE LINKS
    ===================================================== */

    .tdt_tbg_links_row {
        width: 100%;
    }

    .tdt_tbg_package_link {
        width: 100%;
        min-height: 54px;

        padding: 12px 14px;

        font-size: 12px;
        line-height: 1.5;

        white-space: normal;
    }


    /* =====================================================
       INFO BOX
    ===================================================== */

    .tdt_tbg_info_box {
        width: 100%;

        gap: 11px;

        padding: 14px;

        align-items: flex-start;
    }

    .tdt_tbg_info_icon {
        flex: 0 0 32px;

        width: 32px;
        height: 32px;

        font-size: 13px;
    }

    .tdt_tbg_info_text {
        min-width: 0;

        font-size: 12px;
        line-height: 1.7;

        text-align: justify;

        overflow-wrap: break-word;
    }


    /* =====================================================
       STARTING POINTS
    ===================================================== */

    .tdt_tbg_starting_points_row {
        margin-top: 4px;
    }

    .tdt_tbg_location_item {
        width: 100%;

        padding: 14px;

        font-size: 12px;
        line-height: 1.5;

        word-break: normal;
        overflow-wrap: break-word;
    }


    /* =====================================================
       REQUIREMENTS
    ===================================================== */

    .tdt_tbg_requirement_item {
        width: 100%;

        padding: 13px 14px;

        font-size: 12px;
        line-height: 1.55;
    }

    .tdt_tbg_requirement_item i {
        flex: 0 0 28px;

        width: 28px;
        height: 28px;

        font-size: 12px;
    }


    /* =====================================================
       REVIEW ITEMS
    ===================================================== */

    .tdt_tbg_review_item {
        width: 100%;

        padding: 13px 14px;

        font-size: 12px;
        line-height: 1.55;
    }

    .tdt_tbg_review_item i {
        flex: 0 0 auto;

        font-size: 15px;
    }


    /* =====================================================
       WARNING BOX
    ===================================================== */

    .tdt_tbg_warning_box {
        width: 100%;

        gap: 10px;

        padding: 14px;
    }

    .tdt_tbg_warning_icon {
        flex: 0 0 auto;

        font-size: 16px;
    }

    .tdt_tbg_warning_box p {
        font-size: 12px;
        line-height: 1.7;

        text-align: justify;

        overflow-wrap: break-word;
    }


    /* =====================================================
       CONFIRMATION BOX
    ===================================================== */

    .tdt_tbg_confirmation_box {
        width: 100%;

        gap: 12px;

        padding: 15px;
    }

    .tdt_tbg_confirmation_box > i {
        flex: 0 0 auto;

        font-size: 17px;
    }

    .tdt_tbg_confirmation_box p {
        font-size: 12px;
        line-height: 1.7;

       text-align: justify;

        overflow-wrap: break-word;
    }


    /* =====================================================
       MARKET NOTE
    ===================================================== */

    .tdt_tbg_market_note {
        width: 100%;

        flex-direction: column;

        gap: 12px;

        margin-top: 28px;
        padding: 18px 16px;

        border-radius: 15px;
    }

    .tdt_tbg_market_icon {
        width: 42px;
        height: 42px;

        font-size: 17px;
    }

    .tdt_tbg_market_content h3 {
        font-size: 14px;
        line-height: 1.5;
    }

    .tdt_tbg_market_content p {
        font-size: 12px;
        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .tdt_tbg_cta_wrap {
        width: 100%;

        flex-direction: column;
        align-items: stretch;

        gap: 16px;

        margin-top: 25px;
        padding: 20px 16px;

        border-radius: 15px;
    }

    .tdt_tbg_cta_question {
        font-size: 13px;
        line-height: 1.65;

        text-align: center;
    }

    .tdt_tbg_cta_button {
        width: 100%;
        min-height: 48px;

        padding: 12px 16px;

        font-size: 12px;

        white-space: normal;
        text-align: center;
    }

}















/* =========================================================
   DARSHAN PLANNING
   PLANNING DARSHAN AS PART OF YOUR TIRUPATI TOUR
========================================================= */

.tdpdp_darshan_planning_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.tdpdp_darshan_planning_heading {

    max-width: 1200px;

    margin: 0 auto 28px;

}


.tdpdp_darshan_planning_kicker {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 7px 16px 7px 7px;

    margin-bottom: 17px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.4px;

    box-shadow: 0 7px 22px rgba(23, 32, 51, 0.06);

}


.tdpdp_darshan_kicker_icon {

    width: 33px;

    height: 33px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;

}


.tdpdp_darshan_planning_title {

    max-width: 850px;

    margin: 0 auto;

    color: #172033;

    font-size: 38px;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.5px;

}


/* =========================================================
   INTRO PANEL
========================================================= */

.tdpdp_darshan_intro_panel {

    position: relative;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 22px 27px;

    background: #ffffff;

    border-radius: 16px;

    border: 1px solid rgba(243, 82, 90, 0.10);

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);

    box-sizing: border-box;

}


.tdpdp_darshan_intro_panel::before {

    content: "";

    position: absolute;

    left: 0;

    top: 17px;

    bottom: 17px;

    width: 4px;

    background: #f3525a;

    border-radius: 0 7px 7px 0;

}


.tdpdp_darshan_intro_icon {

    flex: 0 0 48px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff0f1;

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 13px;

    font-size: 19px;

}


.tdpdp_darshan_intro_text {

    margin: 0;

    color: #4b5563;

    font-size: 14px;

    line-height: 1.75;
    text-align: justify;

}


/* =========================================================
   DARSHAN OPTIONS AREA
========================================================= */

.tdpdp_darshan_options_area {

    margin: 20px 0;

}


/* =========================================================
   DARSHAN CHOICE
========================================================= */

.tdpdp_darshan_choice {

    position: relative;

    min-height: 125px;

    padding: 18px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 15px;

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.06);

    overflow: hidden;

    box-sizing: border-box;

    transition: all 0.3s ease;

}


.tdpdp_darshan_choice::after {

    content: "";

    position: absolute;

    width: 70px;

    height: 70px;

    right: -30px;

    top: -30px;

    background: #f9b0b3;

    opacity: 0.22;

    border-radius: 50%;

    transition: all 0.3s ease;

}


.tdpdp_darshan_choice:hover {

    transform: translateY(-4px);

    border-color: #f9b0b3;

    box-shadow: 0 13px 28px rgba(23, 32, 51, 0.10);

}


.tdpdp_darshan_choice:hover::after {

    transform: scale(1.2);

    opacity: 0.30;

}


/* =========================================================
   CHOICE TOP
========================================================= */

.tdpdp_darshan_choice_top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}


.tdpdp_darshan_choice_icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 11px;

    font-size: 16px;

    box-shadow: 0 6px 15px rgba(243, 82, 90, 0.18);

    transition: all 0.3s ease;

}


.tdpdp_darshan_choice:hover .tdpdp_darshan_choice_icon {

    transform: rotate(-5deg) scale(1.04);

}


.tdpdp_darshan_choice_number {

    color: #f9b0b3;

    font-size: 21px;

    line-height: 1;

    font-weight: 800;

}


/* =========================================================
   CHOICE BOTTOM
========================================================= */

.tdpdp_darshan_choice_bottom {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-top: 18px;

}


.tdpdp_darshan_choice_bottom span {

    color: #172033;

    font-size: 13px;

    line-height: 1.35;

    font-weight: 700;

}


.tdpdp_darshan_choice_bottom i {

    width: 27px;

    height: 27px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 27px;

    background: #fff0f1;

    color: #f3525a;

    border-radius: 50%;

    font-size: 10px;

    transition: all 0.3s ease;

}


.tdpdp_darshan_choice:hover .tdpdp_darshan_choice_bottom i {

    background: #f3525a;

    color: #ffffff;

    transform: translateX(3px);

}


/* =========================================================
   IMPORTANT NOTE
========================================================= */

.tdpdp_darshan_important {

    position: relative;

    display: flex;

    align-items: center;

    gap: 24px;

    padding: 22px 27px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    box-shadow: 0 9px 27px rgba(23, 32, 51, 0.05);

    box-sizing: border-box;

}


.tdpdp_darshan_important_left {

    display: flex;

    align-items: center;

    gap: 13px;

    min-width: 155px;

}


.tdpdp_darshan_important_icon {

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 44px;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 17px;

    box-shadow: 0 6px 16px rgba(243, 82, 90, 0.18);

}


.tdpdp_darshan_important_label {

    display: block;

    color: #f3525a;

    font-size: 14px;

    font-weight: 800;

}


.tdpdp_darshan_important_line {

    width: 30px;

    height: 2px;

    margin-top: 5px;

    background: #f9b0b3;

    border-radius: 10px;

}


.tdpdp_darshan_important_content {

    flex: 1;

    padding-left: 24px;

    border-left: 1px solid #f9b0b3;

}


.tdpdp_darshan_important_content p {

    margin: 0;

    color: #4b5563;

    font-size: 13px;

    line-height: 1.75;

    text-align: justify;

}


.tdpdp_darshan_important_content strong {

    color: #172033;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .tdpdp_darshan_planning_section {

        padding: 55px 20px;

    }


    /* =====================================================
       SECTION HEADING
    ===================================================== */

    .tdpdp_darshan_planning_heading {

        max-width: 90%;

        margin-bottom: 26px;

    }


    .tdpdp_darshan_planning_kicker {

        margin-bottom: 15px;

        padding: 6px 14px 6px 6px;

        font-size: 12px;

    }


    .tdpdp_darshan_kicker_icon {

        width: 31px;

        height: 31px;

        font-size: 12px;

    }


    .tdpdp_darshan_planning_title {

        max-width: 700px;

        font-size: 32px;

        line-height: 1.3;

    }


    /* =====================================================
       INTRO PANEL
    ===================================================== */

    .tdpdp_darshan_intro_panel {

        gap: 15px;

        padding: 20px 23px;

        border-radius: 15px;

    }


    .tdpdp_darshan_intro_panel::before {

        top: 15px;

        bottom: 15px;

    }


    .tdpdp_darshan_intro_icon {

        flex: 0 0 44px;

        width: 44px;

        height: 44px;

        border-radius: 12px;

        font-size: 17px;

    }


    .tdpdp_darshan_intro_text {

        font-size: 13px;

        line-height: 1.75;

    }


    /* =====================================================
       DARSHAN OPTIONS
    ===================================================== */

    .tdpdp_darshan_options_area {

        margin: 18px 0;

    }


    .tdpdp_darshan_choice {

        min-height: 120px;

        padding: 17px;

        border-radius: 14px;

    }


    .tdpdp_darshan_choice_icon {

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 15px;

    }


    .tdpdp_darshan_choice_number {

        font-size: 20px;

    }


    .tdpdp_darshan_choice_bottom {

        margin-top: 17px;

    }


    .tdpdp_darshan_choice_bottom span {

        font-size: 12.5px;

    }


    .tdpdp_darshan_choice_bottom i {

        width: 26px;

        height: 26px;

        flex: 0 0 26px;

        font-size: 9px;

    }


    /* =====================================================
       IMPORTANT NOTE
    ===================================================== */

    .tdpdp_darshan_important {

        gap: 20px;

        padding: 20px 23px;

        border-radius: 15px;

    }


    .tdpdp_darshan_important_left {

        min-width: 140px;

        gap: 11px;

    }


    .tdpdp_darshan_important_icon {

        width: 42px;

        height: 42px;

        flex: 0 0 42px;

        border-radius: 11px;

        font-size: 16px;

    }


    .tdpdp_darshan_important_label {

        font-size: 13px;

    }


    .tdpdp_darshan_important_content {

        padding-left: 20px;

    }


    .tdpdp_darshan_important_content p {

        font-size: 12px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .tdpdp_darshan_planning_section {

        padding: 48px 16px;

    }


    /* =====================================================
       SECTION HEADING
    ===================================================== */

    .tdpdp_darshan_planning_heading {

        max-width: 100%;

        margin-bottom: 25px;

    }


    .tdpdp_darshan_planning_kicker {

        gap: 8px;

        padding: 6px 13px 6px 6px;

        margin-bottom: 14px;

        font-size: 11.5px;

    }


    .tdpdp_darshan_kicker_icon {

        width: 29px;

        height: 29px;

        font-size: 11px;

    }


    .tdpdp_darshan_planning_title {

        max-width: 100%;

        font-size: 27px;

        line-height: 1.3;

        letter-spacing: -0.2px;

    }


    /* =====================================================
       INTRO PANEL
    ===================================================== */

    .tdpdp_darshan_intro_panel {

        align-items: flex-start;

        gap: 13px;

        padding: 18px 18px;

        border-radius: 14px;

    }


    .tdpdp_darshan_intro_panel::before {

        top: 14px;

        bottom: 14px;

        width: 3px;

    }


    .tdpdp_darshan_intro_icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 16px;

    }


    .tdpdp_darshan_intro_text {

        font-size: 12.5px;

        line-height: 1.75;

        text-align: justify;

    }


    /* =====================================================
       DARSHAN OPTIONS
    ===================================================== */

    .tdpdp_darshan_options_area {

        margin: 16px 0;

    }


    .tdpdp_darshan_choice {

        min-height: 110px;

        padding: 15px;

        border-radius: 13px;

    }


    .tdpdp_darshan_choice::after {

        width: 60px;

        height: 60px;

        right: -27px;

        top: -27px;

    }


    .tdpdp_darshan_choice_icon {

        width: 37px;

        height: 37px;

        border-radius: 9px;

        font-size: 14px;

    }


    .tdpdp_darshan_choice_number {

        font-size: 18px;

    }


    .tdpdp_darshan_choice_bottom {

        margin-top: 14px;

        gap: 8px;

    }


    .tdpdp_darshan_choice_bottom span {

        font-size: 12px;

        line-height: 1.4;

    }


    .tdpdp_darshan_choice_bottom i {

        width: 24px;

        height: 24px;

        flex: 0 0 24px;

        font-size: 9px;

    }


    /* =====================================================
       IMPORTANT NOTE
    ===================================================== */

    .tdpdp_darshan_important {

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;

        padding: 18px;

        border-radius: 14px;

    }


    .tdpdp_darshan_important_left {

        min-width: 0;

        gap: 11px;

    }


    .tdpdp_darshan_important_icon {

        width: 40px;

        height: 40px;

        flex: 0 0 40px;

        border-radius: 10px;

        font-size: 15px;

    }


    .tdpdp_darshan_important_label {

        font-size: 13px;

    }


    .tdpdp_darshan_important_line {

        width: 28px;

        height: 2px;

        margin-top: 4px;

    }


    .tdpdp_darshan_important_content {

        width: 100%;

        padding-left: 0;

        padding-top: 14px;

        border-left: 0;

        border-top: 1px solid #f9b0b3;

    }


    .tdpdp_darshan_important_content p {

        font-size: 12px;

        line-height: 1.75;

        text-align: justify;

    }

}














/* =========================================================
   AFTER YOUR ENQUIRY
   WHAT HAPPENS AFTER YOU REQUEST A TIRUPATI TOUR?
========================================================= */

.tdt_ae_tirupati_enquiry_process_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;
}

.tdt_ae_tirupati_enquiry_process_section *,
.tdt_ae_tirupati_enquiry_process_section *::before,
.tdt_ae_tirupati_enquiry_process_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.tdt_ae_tirupati_enquiry_intro {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.tdt_ae_tirupati_enquiry_eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    padding: 7px 18px;
    border-radius: 30px;
    background: #fff1f2;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.tdt_ae_tirupati_enquiry_title {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 17px;
    color: #172033;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.tdt_ae_tirupati_enquiry_description {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    color: #596579;
    font-size: 16px;
    line-height: 1.85;
    font-weight: 400;
}


/* =========================================================
   PROCESS WRAPPER
========================================================= */

.tdt_ae_tirupati_enquiry_process_wrapper {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 10px 0 15px;
}


/* =========================================================
   VERTICAL CONNECTOR
========================================================= */

.tdt_ae_tirupati_enquiry_process_wrapper::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 35px;
    bottom: 55px;
    left: 12.5%;
    width: 2px;

    background: linear-gradient(
        to bottom,
        #f9b0b3,
        #f3525a,
        #f9b0b3
    );

    transform: translateX(-50%);
}


/* =========================================================
   PROCESS STEP
========================================================= */

.tdt_ae_tirupati_enquiry_step {
    position: relative;
    z-index: 1;
    margin: 0 0 25px;
}

.tdt_ae_tirupati_enquiry_step:last-child {
    margin-bottom: 0;
}


/* =========================================================
   STEP NUMBER AREA
========================================================= */

.tdt_ae_tirupati_enquiry_step_number_box {
    position: relative;
    z-index: 2;

    width: 82px;
    height: 82px;
    margin: 0 auto;

    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #f9b0b3;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 0 0 8px #ffffff,
        0 10px 28px rgba(243, 82, 90, 0.12);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.tdt_ae_tirupati_enquiry_step_number_box:hover {
    transform: translateY(-4px);
    border-color: #f3525a;

    box-shadow:
        0 0 0 8px #ffffff,
        0 14px 32px rgba(243, 82, 90, 0.18);
}

.tdt_ae_tirupati_enquiry_step_number {
    color: #f3525a;
    font-size: 25px;
    line-height: 1;
    font-weight: 800;
}

.tdt_ae_tirupati_enquiry_step_number_box i {
    position: absolute;
    right: -7px;
    bottom: -3px;

    width: 28px;
    height: 28px;

    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    border: 3px solid #ffffff;
}


/* =========================================================
   STEP CONTENT
========================================================= */

.tdt_ae_tirupati_enquiry_step_content {
    position: relative;

    width: 100%;
    margin-top: 0;
    padding: 25px 30px;

    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;
    border-radius: 14px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.tdt_ae_tirupati_enquiry_step_content:hover {
    transform: translateX(5px);
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(243, 82, 90, 0.10);
}

.tdt_ae_tirupati_enquiry_step_content h3 {
    margin: 0 0 9px;
    color: #172033;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;
}

.tdt_ae_tirupati_enquiry_step_content p {
    margin: 0;
    color: #596579;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 400;
    text-align: justify;
}


/* =========================================================
   DARSHAN NOTE
========================================================= */

.tdt_ae_tirupati_enquiry_darshan_note {
    display: flex;
    align-items: center;
    gap: 18px;

    width: 100%;
    margin-top: 48px;
    padding: 22px 25px;

    background: #fff7f7;
    border: 1px solid #f9b0b3;
    border-radius: 14px;
}

.tdt_ae_tirupati_enquiry_darshan_icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    border-radius: 12px;
    background: #f3525a;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 19px;
}

.tdt_ae_tirupati_enquiry_darshan_content {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;

    color: #596579;
    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}

.tdt_ae_tirupati_enquiry_darshan_content strong {
    color: #172033;
    font-weight: 700;
}

.tdt_ae_tirupati_enquiry_darshan_content span {
    color: #596579;
    font-weight: 400;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* ================= SECTION ================= */

    .tdt_ae_tirupati_enquiry_process_section {
        padding: 55px 24px;
    }


    /* ================= INTRO ================= */

    .tdt_ae_tirupati_enquiry_intro {
        margin-bottom: 24px;
    }

    .tdt_ae_tirupati_enquiry_eyebrow {
        margin-bottom: 12px;
        padding: 6px 16px;
        font-size: 12px;
    }

    .tdt_ae_tirupati_enquiry_title {
        max-width: 700px;
        margin-bottom: 15px;
        font-size: 32px;
        line-height: 1.3;
    }

    .tdt_ae_tirupati_enquiry_description {
        max-width: 680px;
        font-size: 14px;
        line-height: 1.8;
    }


    /* ================= PROCESS ================= */

    .tdt_ae_tirupati_enquiry_process_wrapper {
        max-width: 850px;
        padding: 10px 0 15px;
    }

    .tdt_ae_tirupati_enquiry_process_wrapper::before {
        left: 12.5%;
    }

    .tdt_ae_tirupati_enquiry_step {
        margin-bottom: 22px;
    }


    /* ================= STEP NUMBER ================= */

    .tdt_ae_tirupati_enquiry_step_number_box {
        width: 72px;
        height: 72px;

        box-shadow:
            0 0 0 7px #ffffff,
            0 8px 24px rgba(243, 82, 90, 0.12);
    }

    .tdt_ae_tirupati_enquiry_step_number {
        font-size: 22px;
    }

    .tdt_ae_tirupati_enquiry_step_number_box i {
        right: -6px;
        bottom: -3px;

        width: 26px;
        height: 26px;

        font-size: 10px;
    }


    /* ================= STEP CONTENT ================= */

    .tdt_ae_tirupati_enquiry_step_content {
        padding: 21px 24px;
        border-radius: 13px;
    }

    .tdt_ae_tirupati_enquiry_step_content h3 {
        margin-bottom: 8px;
        font-size: 17px;
    }

    .tdt_ae_tirupati_enquiry_step_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* ================= DARSHAN NOTE ================= */

    .tdt_ae_tirupati_enquiry_darshan_note {
        gap: 15px;
        margin-top: 38px;
        padding: 20px 22px;
    }

    .tdt_ae_tirupati_enquiry_darshan_icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        font-size: 17px;
    }

    .tdt_ae_tirupati_enquiry_darshan_content {
        font-size: 13px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   BELOW 768px
========================================================= */

@media (max-width: 767px) {

    /* ================= SECTION ================= */

    .tdt_ae_tirupati_enquiry_process_section {
        padding: 46px 16px 48px;
    }


    /* ================= SECTION INTRO ================= */

    .tdt_ae_tirupati_enquiry_intro {
        margin-bottom: 22px;
    }

    .tdt_ae_tirupati_enquiry_eyebrow {
        margin-bottom: 10px;
        padding: 6px 14px;

        font-size: 10px;
        letter-spacing: 1px;
    }


    /* ================= MOBILE TITLE ================= */

    .tdt_ae_tirupati_enquiry_title {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 14px;

        font-size: 26px !important;
        line-height: 1.35;
        letter-spacing: -0.3px;

        text-align: center;
    }


    /* ================= DESCRIPTION ================= */

    .tdt_ae_tirupati_enquiry_description {
        width: 100%;
        max-width: 100%;

        font-size: 13px;
        line-height: 1.7;

        text-align: center;
    }


    /* ================= PROCESS WRAPPER ================= */

    .tdt_ae_tirupati_enquiry_process_wrapper {
        width: 100%;
        max-width: 100%;
        padding: 8px 0 10px;
    }


    /* ================= CONNECTOR ================= */

    .tdt_ae_tirupati_enquiry_process_wrapper::before {
        top: 28px;
        bottom: 45px;
        left: 12.5%;
        width: 2px;
    }


    /* ================= PROCESS STEP ================= */

    .tdt_ae_tirupati_enquiry_step {
        margin-bottom: 20px;
    }


    /* ================= STEP NUMBER ================= */

    .tdt_ae_tirupati_enquiry_step_number_box {
        width: 60px;
        height: 60px;

        box-shadow:
            0 0 0 6px #ffffff,
            0 7px 20px rgba(243, 82, 90, 0.12);
    }

    .tdt_ae_tirupati_enquiry_step_number {
        font-size: 20px;
    }

    .tdt_ae_tirupati_enquiry_step_number_box i {
        right: -5px;
        bottom: -3px;

        width: 22px;
        height: 22px;

        font-size: 9px;
        border-width: 2px;
    }


    /* ================= STEP CONTENT ================= */

    .tdt_ae_tirupati_enquiry_step_content {
        width: 100%;
        padding: 18px 18px;

        border-left-width: 3px;
        border-radius: 13px;
    }

    .tdt_ae_tirupati_enquiry_step_content h3 {
        margin-bottom: 7px;
        font-size: 15px;
        line-height: 1.45;
        text-align: center;
    }

    .tdt_ae_tirupati_enquiry_step_content p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: center;
    }


    /* ================= DARSHAN NOTE ================= */

    .tdt_ae_tirupati_enquiry_darshan_note {
        align-items: flex-start;
        gap: 13px;

        margin-top: 32px;
        padding: 18px;

        border-radius: 13px;
    }

    .tdt_ae_tirupati_enquiry_darshan_icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 10px;
        font-size: 15px;
    }

    .tdt_ae_tirupati_enquiry_darshan_content {
        display: block;
        width: 100%;

        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }

    .tdt_ae_tirupati_enquiry_darshan_content strong {
        display: inline;
    }

}















/* =========================================================
   READY TO PLAN YOUR TIRUPATI TOUR
========================================================= */

.tdt_rptt_ready_plan_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   MAIN CARD
========================================================= */

.tdt_rptt_ready_plan_card {

    position: relative;

    width: 100%;

    padding: 48px 48px 38px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.14);

    border-radius: 24px;

    box-shadow:
        0 18px 45px rgba(23, 32, 51, 0.09);

    text-align: center;

    overflow: hidden;

    box-sizing: border-box;

}


/* =========================================================
   TOP ACCENT
========================================================= */

.tdt_rptt_ready_plan_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 110px;
    height: 5px;

    background: #f3525a;

    border-radius: 0 0 10px 10px;

    transform: translateX(-50%);

}


/* =========================================================
   TOP ICON
========================================================= */

.tdt_rptt_ready_plan_icon {

    width: 64px;
    height: 64px;

    margin: 0 auto 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 18px;

    font-size: 26px;

    box-shadow:
        0 10px 25px rgba(243, 82, 90, 0.16);

}


/* =========================================================
   SMALL LABEL
========================================================= */

.tdt_rptt_ready_plan_label {

    display: inline-block;

    margin-bottom: 10px;

    padding: 7px 15px;

    background: rgba(249, 176, 179, 0.28);

    color: #f3525a;

    border-radius: 50px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

}


/* =========================================================
   MAIN HEADING
========================================================= */

.tdt_rptt_ready_plan_heading {

    margin: 0 0 18px;

    color: #172033;


    font-size: 36px;

    font-weight: 700;

    line-height: 1.25;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.tdt_rptt_ready_plan_description {

    max-width: 820px;

    margin: 0 auto;

    color: #536174;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.9;

}


/* =========================================================
   CTA ACTIONS
========================================================= */

.tdt_rptt_ready_plan_actions {

    margin-top: 30px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: 12px;

}


/* =========================================================
   BUTTON COMMON
========================================================= */

.tdt_rptt_ready_plan_primary_btn,
.tdt_rptt_ready_plan_secondary_btn {

    min-height: 50px;

    padding: 13px 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    border-radius: 40px;


    font-size: 13.5px;

    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


/* =========================================================
   BUTTON 01
   DISCUSS YOUR TIRUPATI TOUR
========================================================= */

.tdt_rptt_ready_plan_primary_btn {

    background: #16a34a;

    color: #ffffff;

    border: 1px solid #16a34a;

  

}


.tdt_rptt_ready_plan_primary_btn i {

    color: #ffffff;

    font-size: 13px;

}


.tdt_rptt_ready_plan_primary_btn:hover {

   

    color: #ffffff;

    transform: translateY(-2px);


}


/* =========================================================
   BUTTON 02
   SEND AN ENQUIRY
========================================================= */

.tdt_rptt_ready_plan_actions
.tdt_rptt_ready_plan_secondary_btn:nth-child(2) {

    background: #f9b0b3;

    color: #172033;

    border: 1px solid #f9b0b3;

    box-shadow:
        0 8px 20px rgba(249, 176, 179, 0.22);

}


.tdt_rptt_ready_plan_actions
.tdt_rptt_ready_plan_secondary_btn:nth-child(2) i {

    color: #f3525a;

    font-size: 13px;

}


.tdt_rptt_ready_plan_actions
.tdt_rptt_ready_plan_secondary_btn:nth-child(2):hover {

    background: #f79da1;

    border-color: #f79da1;

    color: #172033;

    transform: translateY(-2px);

    box-shadow:
        0 11px 23px rgba(249, 176, 179, 0.28);

}


/* =========================================================
   BUTTON 03
   EXPLORE TIRUPATI TOUR PACKAGES
========================================================= */

.tdt_rptt_ready_plan_actions
.tdt_rptt_ready_plan_secondary_btn:nth-child(3) {

    background: #172033;

    color: #ffffff;

    border: 1px solid #172033;

    box-shadow:
        0 8px 20px rgba(23, 32, 51, 0.18);

}


.tdt_rptt_ready_plan_actions
.tdt_rptt_ready_plan_secondary_btn:nth-child(3) i {

    color: #f9b0b3;

    font-size: 13px;

}


.tdt_rptt_ready_plan_actions
.tdt_rptt_ready_plan_secondary_btn:nth-child(3):hover {

    background: #26334b;

    border-color: #26334b;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 11px 23px rgba(23, 32, 51, 0.24);

}


/* =========================================================
   IMPORTANT NOTE
========================================================= */

.tdt_rptt_ready_plan_note {

    margin-top: 38px;

    padding: 20px 22px;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    background: #fff5f5;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 14px;

    text-align: left;

    box-sizing: border-box;

}


/* =========================================================
   NOTE ICON
========================================================= */

.tdt_rptt_ready_plan_note_icon {

    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 14px;

}


/* =========================================================
   NOTE TEXT
========================================================= */

.tdt_rptt_ready_plan_note_text {

    color: #172033;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.75;

    text-align: justify;

}


.tdt_rptt_ready_plan_note_text strong {

    color: #172033;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .tdt_rptt_ready_plan_section {

        padding: 55px 18px;

    }


    /* =====================================================
       MAIN CARD
    ===================================================== */

    .tdt_rptt_ready_plan_card {

        padding: 42px 32px 34px;

        border-radius: 22px;

    }


    /* =====================================================
       TOP ACCENT
    ===================================================== */

    .tdt_rptt_ready_plan_card::before {

        width: 95px;

        height: 4px;

    }


    /* =====================================================
       TOP ICON
    ===================================================== */

    .tdt_rptt_ready_plan_icon {

        width: 60px;
        height: 60px;

        margin-bottom: 20px;

        border-radius: 17px;

        font-size: 24px;

    }


    /* =====================================================
       LABEL
    ===================================================== */

    .tdt_rptt_ready_plan_label {

        margin-bottom: 9px;

        padding: 6px 14px;

        font-size: 11px;

    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_rptt_ready_plan_heading {

        margin-bottom: 16px;

        font-size: 32px;

        line-height: 1.3;

    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .tdt_rptt_ready_plan_description {

        max-width: 700px;

        font-size: 14px;

        line-height: 1.85;

    }


    /* =====================================================
       CTA ACTIONS
    ===================================================== */

    .tdt_rptt_ready_plan_actions {

        margin-top: 27px;

        gap: 10px;

    }


    /* =====================================================
       BUTTONS
    ===================================================== */

    .tdt_rptt_ready_plan_primary_btn,
    .tdt_rptt_ready_plan_secondary_btn {

        min-height: 48px;

        padding: 12px 17px;

        font-size: 12.5px;

    }


    /* =====================================================
       IMPORTANT NOTE
    ===================================================== */

    .tdt_rptt_ready_plan_note {

        margin-top: 32px;

        padding: 18px 19px;

        gap: 12px;

        border-radius: 13px;

    }


    /* =====================================================
       NOTE ICON
    ===================================================== */

    .tdt_rptt_ready_plan_note_icon {

        width: 32px;
        height: 32px;

        font-size: 13px;

    }


    /* =====================================================
       NOTE TEXT
    ===================================================== */

    .tdt_rptt_ready_plan_note_text {

        font-size: 12px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .tdt_rptt_ready_plan_section {

        padding: 45px 15px;

    }


    /* =====================================================
       MAIN CARD
    ===================================================== */

    .tdt_rptt_ready_plan_card {

        padding: 38px 20px 25px;

        border-radius: 19px;

    }


    /* =====================================================
       TOP ACCENT
    ===================================================== */

    .tdt_rptt_ready_plan_card::before {

        width: 80px;

        height: 4px;

    }


    /* =====================================================
       TOP ICON
    ===================================================== */

    .tdt_rptt_ready_plan_icon {

        width: 56px;
        height: 56px;

        margin-bottom: 18px;

        border-radius: 15px;

        font-size: 22px;

    }


    /* =====================================================
       LABEL
    ===================================================== */

    .tdt_rptt_ready_plan_label {

        margin-bottom: 9px;

        padding: 6px 12px;

        font-size: 10px;

        letter-spacing: 0.7px;

    }


    /* =====================================================
       HEADING
    ===================================================== */

    .tdt_rptt_ready_plan_heading {

        margin-bottom: 15px;

        font-size: 22px;

        line-height: 1.3;

    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .tdt_rptt_ready_plan_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.8;

    }


    /* =====================================================
       CTA ACTIONS
    ===================================================== */

    .tdt_rptt_ready_plan_actions {

        width: 100%;

        margin-top: 25px;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 10px;

    }


    /* =====================================================
       ALL BUTTONS
    ===================================================== */

    .tdt_rptt_ready_plan_primary_btn,
    .tdt_rptt_ready_plan_secondary_btn {

        width: 100%;

        min-height: 49px;

        padding: 12px 15px;

        font-size: 12px;

        border-radius: 40px;

        box-sizing: border-box;

    }


    /* =====================================================
       BUTTON ICON
    ===================================================== */

    .tdt_rptt_ready_plan_primary_btn i,
    .tdt_rptt_ready_plan_secondary_btn i {

        font-size: 14px;

    }


    /* =====================================================
       IMPORTANT NOTE
    ===================================================== */

    .tdt_rptt_ready_plan_note {

        margin-top: 28px;

        padding: 16px 14px;

        display: flex;

        align-items: flex-start;

        gap: 10px;

        border-radius: 12px;

    }


    /* =====================================================
       NOTE ICON
    ===================================================== */

    .tdt_rptt_ready_plan_note_icon {

        flex: 0 0 auto;

        width: 30px;
        height: 30px;

        font-size: 12px;

    }


    /* =====================================================
       NOTE TEXT
    ===================================================== */

    .tdt_rptt_ready_plan_note_text {

        font-size: 11px;

        line-height: 1.7;

        text-align: justify;

    }

}















/* =========================================================
   EXPLORE TIRUPATI OPTIONS
   EXPLORE TIRUPATI TOUR PACKAGES
========================================================= */

.tdt_eto_explore_tirupati_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #0d4565;

    font-family: "Poppins", sans-serif;

    color: #ffffff;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.tdt_eto_section_intro {

    max-width: 850px;

    margin: 0 auto 25px;

    text-align: center;

}


.tdt_eto_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 17px;

    padding: 8px 16px;

    background: rgba(249, 176, 179, 0.12);

    border: 1px solid rgba(249, 176, 179, 0.35);

    border-radius: 50px;

    color: #f9b0b3;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.7px;

    text-transform: uppercase;

}


.tdt_eto_eyebrow_icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    background: #f3525a;

    border-radius: 50%;

    color: #ffffff;

}


.tdt_eto_section_title {

    margin: 0 0 17px;

    color: #ffffff;

    font-size: 35px;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.5px;

}


.tdt_eto_section_description {

    max-width: 760px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.78);

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   PACKAGE ROW
========================================================= */

.tdt_eto_package_row {

    margin-bottom: 28px;

}


/* =========================================================
   PACKAGE OPTION CARD
========================================================= */

.tdt_eto_option_card {

    position: relative;

    display: flex;

    align-items: center;

    min-height: 112px;

    height: 100%;

    padding: 20px 18px;

    background: #ffffff;

    border: 1px solid rgba(249, 176, 179, 0.45);

    border-radius: 16px;

    color: #172033;

    text-decoration: none;

    box-sizing: border-box;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.tdt_eto_option_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

    background: #f3525a;

    transition: width 0.3s ease;

}


.tdt_eto_option_card:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);

    color: #172033;

}


.tdt_eto_option_card:hover::before {

    width: 7px;

}


/* =========================================================
   PACKAGE CARD ICON
========================================================= */

.tdt_eto_card_icon {

    flex: 0 0 46px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 46px;

    height: 46px;

    margin-right: 13px;

    background: #fff0f1;

    border: 1px solid #f9b0b3;

    border-radius: 12px;

    color: #f3525a;

    font-size: 17px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}


.tdt_eto_option_card:hover .tdt_eto_card_icon {

    background: #f3525a;

    color: #ffffff;

}


.tdt_eto_card_title {

    flex: 1;

    padding-right: 8px;

    font-size: 14px;

    line-height: 1.5;

    font-weight: 600;

}


/* =========================================================
   PACKAGE CARD ARROW
========================================================= */

.tdt_eto_card_arrow {

    flex: 0 0 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    margin-left: auto;

    background: #fff0f1;

    border-radius: 50%;

    color: #f3525a;

    font-size: 11px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.tdt_eto_option_card:hover .tdt_eto_card_arrow {

    background: #f3525a;

    color: #ffffff;

    transform: translateX(3px);

}


/* =========================================================
   SINGAPORE TRAVEL GUIDE
========================================================= */

.tdt_eto_travel_guide {

    display: flex;

    align-items: center;

    gap: 15px;

    max-width: 900px;

    margin: 0 auto 25px;

    padding: 20px 24px;

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(249, 176, 179, 0.3);

    border-radius: 14px;

}


.tdt_eto_guide_icon {

    flex: 0 0 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    background: #f3525a;

    border-radius: 11px;

    color: #ffffff;

    font-size: 16px;

}


.tdt_eto_guide_text {

    margin: 0;

    color: rgba(255, 255, 255, 0.82);

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;

}


.tdt_eto_guide_text a {

    color: #f9b0b3;

    text-decoration: underline;
    
    transition: color 0.3s ease;

}


.tdt_eto_guide_text a:hover {

    color: #ffffff;

    text-decoration: none;

}


/* =========================================================
   DARSHAN SECTION
========================================================= */

.tdt_eto_darshan_wrapper {

    padding-top: 4px;

}


.tdt_eto_darshan_intro {

    max-width: 900px;

    margin: 0 auto 30px;

    text-align: center;

}


.tdt_eto_darshan_label {

    display: inline-flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 13px;

    color: #ffffff;

    font-size: 24px;

    line-height: 1.3;

    font-weight: 700;

}


.tdt_eto_darshan_icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    background: #f3525a;

    border-radius: 10px;

    color: #ffffff;

    font-size: 15px;

}


.tdt_eto_darshan_description {

    margin: 0;

    color: rgba(255, 255, 255, 0.75);

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   DARSHAN CARD
========================================================= */

.tdt_eto_darshan_card {

    display: flex;

    align-items: center;

    min-height: 88px;

    height: 100%;

    padding: 16px 18px;

    background: rgba(255, 255, 255, 0.07);

    border: 1px solid rgba(249, 176, 179, 0.35);

    border-radius: 14px;

    color: #ffffff;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;

}


.tdt_eto_darshan_card:hover {

    transform: translateY(-4px);

    background: #ffffff;

    border-color: #f9b0b3;

    color: #172033;

}


.tdt_eto_darshan_card_icon {

    flex: 0 0 43px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 43px;

    height: 43px;

    margin-right: 13px;

    background: rgba(243, 82, 90, 0.16);

    border: 1px solid rgba(249, 176, 179, 0.5);

    border-radius: 11px;

    color: #f9b0b3;

    font-size: 15px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}


.tdt_eto_darshan_card:hover .tdt_eto_darshan_card_icon {

    background: #f3525a;

    color: #ffffff;

}


.tdt_eto_darshan_card_content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    gap: 10px;

}


.tdt_eto_darshan_card_title {

    font-size: 14px;

    line-height: 1.5;

    font-weight: 600;

}


.tdt_eto_darshan_card_arrow {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 29px;

    width: 29px;

    height: 29px;

    background: rgba(243, 82, 90, 0.15);

    border-radius: 50%;

    color: #f3525a;

    font-size: 10px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.tdt_eto_darshan_card:hover .tdt_eto_darshan_card_arrow {

    background: #f3525a;

    color: #ffffff;

    transform: translateX(3px);

}


/* =========================================================
   FINAL NOTE
========================================================= */

.tdt_eto_final_note {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    max-width: 1000px;

    margin: 45px auto 0;

    padding: 19px 22px;

    background: #ffffff;

    border-radius: 14px;

    color: #172033;

    box-sizing: border-box;

}


.tdt_eto_final_icon {

    flex: 0 0 24px;

    color: #f3525a;

    font-size: 19px;

    line-height: 1.5;

}


.tdt_eto_final_note p {

    margin: 0;

    font-size: 13.5px;

    line-height: 1.75;

    font-weight: 500;

    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .tdt_eto_explore_tirupati_section {

        padding: 55px 20px 60px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .tdt_eto_section_intro {

        max-width: 720px;

        margin-bottom: 30px;

    }


    .tdt_eto_eyebrow {

        margin-bottom: 15px;

        padding: 7px 15px;

        font-size: 12px;

    }


    .tdt_eto_eyebrow_icon {

        width: 29px;

        height: 29px;

    }


    .tdt_eto_section_title {

        font-size: 31px;

        line-height: 1.3;

        margin-bottom: 14px;

    }


    .tdt_eto_section_description {

        max-width: 680px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* =====================================================
       PACKAGE CARDS
    ===================================================== */

    .tdt_eto_package_row {

        margin-bottom: 30px;

    }


    .tdt_eto_option_card {

        min-height: 105px;

        padding: 18px 16px;

        border-radius: 14px;

    }


    .tdt_eto_card_icon {

        flex: 0 0 43px;

        width: 43px;

        height: 43px;

        margin-right: 12px;

        border-radius: 11px;

        font-size: 16px;

    }


    .tdt_eto_card_title {

        padding-right: 6px;

        font-size: 13.5px;

        line-height: 1.5;

    }


    .tdt_eto_card_arrow {

        flex: 0 0 29px;

        width: 29px;

        height: 29px;

    }


    /* =====================================================
       SINGAPORE TRAVEL GUIDE
    ===================================================== */

    .tdt_eto_travel_guide {

        max-width: 760px;

        gap: 13px;

        margin-bottom: 30px;

        padding: 18px 20px;

        border-radius: 13px;

    }


    .tdt_eto_guide_icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        border-radius: 10px;

        font-size: 15px;

    }


    .tdt_eto_guide_text {

        font-size: 13.5px;

        line-height: 1.7;

    }


    /* =====================================================
       DARSHAN INTRO
    ===================================================== */

    .tdt_eto_darshan_wrapper {

        padding-top: 2px;

    }


    .tdt_eto_darshan_intro {

        max-width: 720px;

        margin-bottom: 27px;

    }


    .tdt_eto_darshan_label {

        gap: 10px;

        margin-bottom: 11px;

        font-size: 22px;

    }


    .tdt_eto_darshan_icon {

        width: 36px;

        height: 36px;

        border-radius: 9px;

        font-size: 14px;

    }


    .tdt_eto_darshan_description {

        font-size: 13.5px;

        line-height: 1.7;

    }


    /* =====================================================
       DARSHAN CARDS
    ===================================================== */

    .tdt_eto_darshan_card {

        min-height: 84px;

        padding: 15px 16px;

        border-radius: 13px;

    }


    .tdt_eto_darshan_card_icon {

        flex: 0 0 41px;

        width: 41px;

        height: 41px;

        margin-right: 12px;

        border-radius: 10px;

        font-size: 14px;

    }


    .tdt_eto_darshan_card_title {

        font-size: 13.5px;

        line-height: 1.5;

    }


    .tdt_eto_darshan_card_arrow {

        flex: 0 0 28px;

        width: 28px;

        height: 28px;

    }


    /* =====================================================
       FINAL NOTE
    ===================================================== */

    .tdt_eto_final_note {

        max-width: 780px;

        gap: 11px;

        margin-top: 38px;

        padding: 18px 20px;

        border-radius: 13px;

    }


    .tdt_eto_final_icon {

        flex: 0 0 23px;

        font-size: 18px;

    }


    .tdt_eto_final_note p {

        font-size: 13px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   MAX 767px
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .tdt_eto_explore_tirupati_section {

        padding: 48px 15px 52px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .tdt_eto_section_intro {

        max-width: 100%;

        margin-bottom: 28px;

    }


    .tdt_eto_eyebrow {

        gap: 8px;

        margin-bottom: 13px;

        padding: 7px 13px;

        font-size: 10.5px;

        letter-spacing: 0.5px;

    }


    .tdt_eto_eyebrow_icon {

        width: 27px;

        height: 27px;

        font-size: 13px;

    }


    .tdt_eto_section_title {

        font-size: 25px;

        line-height: 1.3;

        letter-spacing: -0.2px;

        margin-bottom: 13px;

    }


    .tdt_eto_section_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;

    }


    /* =====================================================
       PACKAGE ROW
    ===================================================== */

    .tdt_eto_package_row {

        margin-bottom: 25px;

    }


    /* =====================================================
       PACKAGE CARDS
    ===================================================== */

    .tdt_eto_option_card {

        min-height: 88px;

        padding: 15px 14px;

        border-radius: 12px;

    }


    .tdt_eto_option_card::before {

        width: 3px;

    }


    .tdt_eto_option_card:hover::before {

        width: 5px;

    }


    .tdt_eto_card_icon {

        flex: 0 0 39px;

        width: 39px;

        height: 39px;

        margin-right: 10px;

        border-radius: 9px;

        font-size: 14px;

    }


    .tdt_eto_card_title {

        padding-right: 5px;

        font-size: 12.5px;

        line-height: 1.45;

    }


    .tdt_eto_card_arrow {

        flex: 0 0 26px;

        width: 26px;

        height: 26px;

        font-size: 9px;

    }


    /* =====================================================
       SINGAPORE TRAVEL GUIDE
    ===================================================== */

    .tdt_eto_travel_guide {

        align-items: flex-start;

        max-width: 100%;

        gap: 11px;

        margin-bottom: 40px;

        padding: 16px 15px;

        border-radius: 12px;

    }


    .tdt_eto_guide_icon {

        flex: 0 0 37px;

        width: 37px;

        height: 37px;

        border-radius: 9px;

        font-size: 14px;

    }


    .tdt_eto_guide_text {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       DARSHAN SECTION
    ===================================================== */

    .tdt_eto_darshan_wrapper {

        padding-top: 0;

    }


    .tdt_eto_darshan_intro {

        max-width: 100%;

        margin-bottom: 23px;

    }


    .tdt_eto_darshan_label {

        gap: 8px;

        margin-bottom: 10px;

        font-size: 19px;

        line-height: 1.35;

    }


    .tdt_eto_darshan_icon {

        width: 33px;

        height: 33px;

        border-radius: 8px;

        font-size: 12px;

    }


    .tdt_eto_darshan_description {

        font-size: 12.5px;

        line-height: 1.7;

    }


    /* =====================================================
       DARSHAN CARDS
    ===================================================== */

    .tdt_eto_darshan_card {

        min-height: 76px;

        padding: 13px 14px;

        border-radius: 11px;

    }


    .tdt_eto_darshan_card_icon {

        flex: 0 0 37px;

        width: 37px;

        height: 37px;

        margin-right: 10px;

        border-radius: 9px;

        font-size: 13px;

    }


    .tdt_eto_darshan_card_content {

        gap: 8px;

    }


    .tdt_eto_darshan_card_title {

        font-size: 12.5px;

        line-height: 1.45;

    }


    .tdt_eto_darshan_card_arrow {

        flex: 0 0 26px;

        width: 26px;

        height: 26px;

        font-size: 9px;

    }


    /* =====================================================
       FINAL NOTE
    ===================================================== */

    .tdt_eto_final_note {

        max-width: 100%;

        gap: 9px;

        margin-top: 30px;

        padding: 15px;

        border-radius: 11px;

    }


    .tdt_eto_final_icon {

        flex: 0 0 20px;

        font-size: 16px;

        line-height: 1.5;

    }


    .tdt_eto_final_note p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }

}


/* =========================================================
   HOW TO BOOK TIRUPATI TOUR PACKAGE END
========================================================= */










/* =========================================================
   TIRUPATI FAMILY TOUR PACKAGE START
========================================================= */



/* ============ Tirupati Family Tour Package Banner ================ */


.dtx-tirupati-family-banner-section{
    position:relative;
    overflow:hidden;
    padding:50px 0 50px;
    background:linear-gradient(180deg,#001129 0%,#02152f 50%,#001129 100%);
}

.dtx-tirupati-family-banner-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size:40px 40px;
    pointer-events:none;
}

.dtx-tirupati-family-banner-top{
    position:relative;
    z-index:2;
    max-width:1000px;
    margin:auto;
}

.dtx-tirupati-family-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border-radius:50px;
    border:1px solid rgba(0,220,255,.35);
    background:rgba(0,194,255,.08);
    color:#7be9ff;
    font-size:12px;
    font-weight:600;
    margin-bottom:18px;
}

.dtx-tirupati-family-badge i{
    font-size:13px;
}

.dtx-tirupati-family-title{
    font-size:50px;
    line-height:1.1;
    font-weight:900;
    color:#ffffff;
    margin-bottom:10px;
}

.dtx-tirupati-family-subtitle{
    font-size:30px;
    color:#ffffff;
    font-weight:600;
    margin-bottom:12px;
}

.dtx-tirupati-family-desc{
    max-width:850px;
    margin:0 auto 20px;
    color:#d4e7f3;
    font-size:16px;
    line-height:1.6;
}

.dtx-tirupati-family-note{
    max-width:960px;
    margin:auto;
    padding:16px 20px;
    border-radius:16px;
    border:1px solid rgba(0,208,255,.25);
    background:rgba(0,180,255,.06);
    color:#dcecf8;
    font-size:15px;
    line-height:1.6;
}

.dtx-tirupati-feature-card{
    height:100%;
    text-align:center;
    padding:14px 12px;
    border-radius:12px;
    background:#06162f;
    border:1px solid rgba(255,255,255,.08);
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    transition:all .3s ease;
}

.dtx-tirupati-feature-card:hover{
    transform:translateY(-3px);
    border-color:#11d5ff;
}

.dtx-tirupati-highlight-card{
    color:#ffca4f;
    border-color:rgba(255,184,0,.35);
    background:#221305;
}

.dtx-tirupati-action-wrap{
    margin-top:25px;
}

.dtx-tirupati-btn-primary{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    padding:12px 24px;
    border-radius:40px;
    background:#25D366;
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    margin:6px;
    transition:.3s;
}

.dtx-tirupati-btn-primary:hover{
    color:#fff;
    transform:translateY(-2px);
   
}
.dtx-tirupati-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    background: #ffffff;
    color: #0d4565;
    border: 2px solid #0d4565;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dtx-tirupati-btn-secondary i {
    font-size: 17px;
}

.dtx-tirupati-btn-secondary:hover {
    background: #0d4565;
    color: #ffffff;
    transform: translateY(-2px);
}
.dtx-tirupati-bottom-text{
    margin-top:18px;
    color:#c4d7e7;
    font-size:14px;
}

/* =========================
   TABLET RESPONSIVE
========================= */
@media (min-width:768px) and (max-width:991px){

    .dtx-tirupati-family-banner-section{
        padding:45px 0;
    }

    .dtx-tirupati-family-title{
        font-size:40px;
    }

    .dtx-tirupati-family-subtitle{
        font-size:24px;
    }

    .dtx-tirupati-family-desc{
        font-size:15px;
        padding:0 15px;
    }

    .dtx-tirupati-family-note{
        font-size:14px;
        padding:15px 18px;
    }

    .dtx-tirupati-feature-card{
        font-size:14px;
        padding:12px 10px;
    }

    .dtx-tirupati-btn-primary,
    .dtx-tirupati-btn-secondary{
        font-size:14px;
        padding:12px 20px;
    }

    .dtx-tirupati-bottom-text{
        font-size:13px;
    }
}


/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width:767px){

    .dtx-tirupati-family-banner-section{
        padding:40px 0;
    }

    .dtx-tirupati-family-badge{
        font-size:11px;
        padding:7px 14px;
    }

    .dtx-tirupati-family-title{
        font-size:30px;
        line-height:1.2;
    }

    .dtx-tirupati-family-subtitle{
        font-size:18px;
        line-height:1.4;
    }

    .dtx-tirupati-family-desc{
        font-size:14px;
        padding:0 12px;
        line-height:1.7;
    }

    .dtx-tirupati-family-note{
        font-size:13px;
        padding:14px;
        border-radius:12px;
    }

    .dtx-tirupati-feature-card{
        font-size:13px;
        padding:12px 10px;
    }

    .dtx-tirupati-action-wrap{
        margin-top:20px;
    }

    .dtx-tirupati-btn-primary,
    .dtx-tirupati-btn-secondary{
        width:100%;
        margin:6px 0;
        justify-content:center;
        font-size:14px;
        padding:12px 18px;
    }

    .dtx-tirupati-bottom-text{
        font-size:12px;
        line-height:1.6;
        padding:0 10px;
    }
}












/* =========================================================
   FAMILY TRAVEL PLANNING SECTION
========================================================= */

.dtf_family_planning_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_family_planning_intro {

    max-width: 920px;

    margin: 0 auto;

}


.dtf_family_planning_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 8px 16px;

    margin-bottom: 18px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

}


.dtf_family_planning_eyebrow_icon {

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 14px;

}


.dtf_family_planning_title {

    margin: 0 0 20px;

    color: #172033;

    font-size: 38px;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.5px;

}


.dtf_family_planning_description {

    max-width: 850px;

    margin: 0 auto 14px;

    color: #5f6878;

    font-size: 15px;

    line-height: 1.85;

}


.dtf_family_planning_description strong {

    color: #f3525a;

    font-weight: 700;

}


/* =========================================================
   FAMILY HIGHLIGHTS
========================================================= */

.dtf_family_highlight_row {

    margin-top: 30px;

}


.dtf_family_highlight_item {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    padding: 15px 18px;

    margin-bottom: 15px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 12px;

    color: #263044;

    font-size: 14px;

    font-weight: 600;

    transition: all 0.3s ease;

}


.dtf_family_highlight_item:hover {

    transform: translateY(-4px);

    border-color: #f3525a;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.10);

}


.dtf_family_highlight_icon {

    width: 34px;

    height: 34px;

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #fff0f1;

    color: #f3525a;

    border-radius: 50%;

    font-size: 14px;

}


/* =========================================================
   FAMILY NEEDS WRAPPER
========================================================= */

.dtf_family_needs_wrapper {

    margin-top: 55px;

    padding: 42px 35px 35px;

    background: #fffafa;

    border: 1px solid #f9b0b3;

    border-radius: 22px;

}


.dtf_family_needs_heading {

    margin-bottom: 30px;

}


.dtf_family_needs_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 8px;

}


.dtf_family_needs_heading h3 {

    margin: 0;

    color: #172033;

    font-size: 26px;

    line-height: 1.35;

    font-weight: 700;

}


/* =========================================================
   FAMILY NEED ITEMS
========================================================= */

.dtf_family_needs_grid {

    row-gap: 18px;

}


.dtf_family_need_item {

    height: 100%;

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 20px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

    transition: all 0.3s ease;

}


.dtf_family_need_item:hover {

    transform: translateY(-4px);

    border-color: #f3525a;

    box-shadow: 0 10px 24px rgba(243, 82, 90, 0.10);

}


.dtf_family_need_icon {

    width: 48px;

    height: 48px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 17px;

}


.dtf_family_need_content {

    min-width: 0;

}


.dtf_family_need_content h4 {

    margin: 0 0 5px;

    color: #20283a;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

}


.dtf_family_need_content p {

    margin: 0;

    color: #697282;

    font-size: 12.5px;

    line-height: 1.6;

}


/* =========================================================
   SINGAPORE TRAVELLER NOTE
========================================================= */

.dtf_family_singapore_note {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 35px;

    padding: 24px 28px;

    background: #fff0f1;

    border-left: 5px solid #f3525a;

    border-radius: 14px;

}


.dtf_family_singapore_icon {

    width: 48px;

    height: 48px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 17px;

}


.dtf_family_singapore_content h3 {

    margin: 0 0 6px;

    color: #172033;

    font-size: 17px;

    font-weight: 700;

}


.dtf_family_singapore_content p {

    margin: 0;

    color: #5f6878;

    font-size: 13.5px;

    line-height: 1.7;

}


/* =========================================================
   FINAL NOTE
========================================================= */

.dtf_family_final_note {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    max-width: 1200px;

    margin: 20px auto 0;

}


.dtf_family_final_note > i {

    flex-shrink: 0;

    margin-top: 4px;

    color: #f3525a;

    font-size: 15px;

}


.dtf_family_final_note p {

    margin: 0;

    color: #707887;

    font-size: 12.5px;

    line-height: 1.75;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_family_planning_section {

        padding: 55px 20px 60px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .dtf_family_planning_intro {

        max-width: 720px;

    }


    .dtf_family_planning_title {

        font-size: 32px;

        line-height: 1.3;

        margin-bottom: 18px;

    }


    .dtf_family_planning_description {

        font-size: 14px;

        line-height: 1.8;

        max-width: 700px;

    }


    /* =====================================================
       FAMILY HIGHLIGHTS
    ===================================================== */

    .dtf_family_highlight_row {

        margin-top: 25px;

    }


    .dtf_family_highlight_item {

        padding: 14px 12px;

        gap: 8px;

        font-size: 13px;

    }


    .dtf_family_highlight_icon {

        width: 32px;

        height: 32px;

        font-size: 13px;

    }


    /* =====================================================
       FAMILY NEEDS WRAPPER
    ===================================================== */

    .dtf_family_needs_wrapper {

        margin-top: 45px;

        padding: 35px 25px 30px;

        border-radius: 20px;

    }


    .dtf_family_needs_heading {

        margin-bottom: 25px;

    }


    .dtf_family_needs_heading h3 {

        font-size: 24px;

    }


    .dtf_family_needs_eyebrow {

        font-size: 12px;

    }


    /* =====================================================
       FAMILY NEED ITEMS
    ===================================================== */

    .dtf_family_needs_grid {

        row-gap: 15px;

    }


    .dtf_family_need_item {

        padding: 17px;

        gap: 13px;

    }


    .dtf_family_need_icon {

        width: 44px;

        height: 44px;

        font-size: 16px;

        border-radius: 11px;

    }


    .dtf_family_need_content h4 {

        font-size: 14px;

        margin-bottom: 4px;

    }


    .dtf_family_need_content p {

        font-size: 12px;

        line-height: 1.55;

        text-align: justify;

    }


    /* =====================================================
       SINGAPORE TRAVELLER NOTE
    ===================================================== */

    .dtf_family_singapore_note {

        margin-top: 30px;

        padding: 21px 24px;

        gap: 15px;

    }


    .dtf_family_singapore_icon {

        width: 44px;

        height: 44px;

        font-size: 16px;

    }


    .dtf_family_singapore_content h3 {

        font-size: 16px;

    }


    .dtf_family_singapore_content p {

        font-size: 13px;

        line-height: 1.65;

        text-align: justify;

    }


    /* =====================================================
       FINAL NOTE
    ===================================================== */

    .dtf_family_final_note {

        margin-top: 18px;

    }


    .dtf_family_final_note p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }

}

@media (max-width: 767px) {

    .dtf_family_planning_section{
        padding:45px 15px 50px;
    }

    .dtf_family_planning_intro{
        max-width:100%;
    }

    .dtf_family_planning_eyebrow{
        gap:8px;
        padding:7px 13px;
        margin-bottom:15px;
        font-size:11px;
        letter-spacing:0.3px;
    }

    .dtf_family_planning_eyebrow_icon{
        width:27px;
        height:27px;
        font-size:12px;
    }

    .dtf_family_planning_title{
        font-size:26px;
        line-height:1.3;
        margin-bottom:17px;
    }

    .dtf_family_planning_description{
        font-size:13px;
        line-height:1.8;
        margin-bottom:12px;
    }

    /* HIGHLIGHT CARDS */

    .dtf_family_highlight_row{
        margin-top:25px;
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .dtf_family_highlight_row > div{
        width:100%;
        max-width:100%;
        flex:0 0 100%;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-bottom:0 !important;
    }

    .dtf_family_highlight_item{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:12px;
        padding:14px 16px;
        margin:0;
        border-radius:12px;
        font-size:13px;
        line-height:1.4;
        min-height:auto;
    }

    .dtf_family_highlight_icon{
        width:34px;
        height:34px;
        min-width:34px;
        font-size:13px;
        flex-shrink:0;
    }

    /* NEEDS WRAPPER */

    .dtf_family_needs_wrapper{
        margin-top:38px;
        padding:28px 14px 20px;
        border-radius:17px;
    }

    .dtf_family_needs_heading{
        margin-bottom:22px;
    }

    .dtf_family_needs_eyebrow{
        gap:6px;
        font-size:11px;
        margin-bottom:7px;
    }

    .dtf_family_needs_heading h3{
        font-size:21px;
        line-height:1.4;
    }

    .dtf_family_needs_grid{
        row-gap:12px;
    }

    .dtf_family_need_item{
        display:flex;
        align-items:center;
        gap:10px;
        padding:12px 14px;
        border-radius:13px;
    }

    .dtf_family_need_icon{
        width:38px;
        height:38px;
        min-width:38px;
        font-size:13px;
        border-radius:10px;
        flex-shrink:0;
    }

    .dtf_family_need_content{
        flex:1;
        min-width:0;
    }

    .dtf_family_need_content h4{
        margin:0;
        font-size:13px;
        line-height:1.4;
    }

    .dtf_family_need_content p{
        margin-top:3px;
        font-size:11px;
        line-height:1.5;
    }

    /* NOTE BOX */

    .dtf_family_singapore_note{
        align-items:flex-start;
        gap:12px;
        margin-top:26px;
        padding:18px 16px;
        border-left-width:4px;
        border-radius:12px;
    }

    .dtf_family_singapore_icon{
        width:40px;
        height:40px;
        min-width:40px;
        font-size:14px;
    }

    .dtf_family_singapore_content h3{
        font-size:14px;
        line-height:1.4;
        margin-bottom:5px;
    }

    .dtf_family_singapore_content p{
        font-size:11.5px;
        line-height:1.65;
        text-align: justify;
    }

    /* FINAL NOTE */

    .dtf_family_final_note{
        gap:8px;
        margin-top:16px;
    }

    .dtf_family_final_note > i{
        margin-top:3px;
        font-size:13px;
    }

    .dtf_family_final_note p{
        font-size:10.5px;
        line-height:1.7;
        text-align: justify;
    }
}







/* =========================================================
   FAMILY TRAVEL NEEDS SECTION
========================================================= */

.dtf_famroute_needs_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #dfe7ef;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_famroute_intro {

    max-width: 940px;

    margin: 0 auto 20px;

}


.dtf_famroute_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 19px;

    padding: 6px 17px 6px 7px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.4px;

}


.dtf_famroute_eyebrow_icon {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    box-shadow: 0 5px 15px rgba(243, 82, 90, 0.22);

}


.dtf_famroute_eyebrow_icon i {

    font-size: 14px;

}


.dtf_famroute_title {

    max-width: 850px;

    margin: 0 auto;

    font-size: 42px;

    line-height: 1.22;

    font-weight: 700;

    letter-spacing: -0.5px;

    color: #172033;

}


.dtf_famroute_description {

    max-width: 800px;

    margin: 15px auto 0;

    font-size: 16px;

    line-height: 1.85;

    color: #58677a;

}


/* =========================================================
   CONTENT ROW
========================================================= */

.dtf_famroute_items {

    row-gap: 24px;

}


/* =========================================================
   FAMILY CARD
========================================================= */

.dtf_famroute_card {

    height: 100%;

    min-height: 238px;

    padding: 30px 30px 30px 34px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.06);

    border-radius: 20px;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 12px 32px rgba(23, 32, 51, 0.065);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;

}


/* =========================================================
   LEFT ACCENT
========================================================= */

.dtf_famroute_card::before {

    content: "";

    position: absolute;

    top: 24px;

    bottom: 24px;

    left: 0;

    width: 4px;

    background: #f3525a;

    border-radius: 0 5px 5px 0;

    transform: scaleY(0.4);

    transform-origin: center;

    transition: transform 0.35s ease;

}


.dtf_famroute_card:hover {

    transform: translateY(-7px);

    box-shadow:
        0 20px 42px rgba(23, 32, 51, 0.11);

}


.dtf_famroute_card:hover::before {

    transform: scaleY(1);

}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.dtf_famroute_card::after {

    content: "";

    position: absolute;

    width: 120px;

    height: 120px;

    right: -48px;

    bottom: -55px;

    border-radius: 50%;

    background: #f9b0b3;

    opacity: 0.17;

    pointer-events: none;

}


/* =========================================================
   CARD ICON
========================================================= */

.dtf_famroute_card_icon {

    width: 57px;

    height: 57px;

    margin-bottom: 21px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff1f2;

    border: 1px solid rgba(243, 82, 90, 0.14);

    color: #f3525a;

    border-radius: 16px;

    font-size: 21px;

    position: relative;

    z-index: 2;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;

}


.dtf_famroute_card:hover .dtf_famroute_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px) rotate(-3deg);

}


/* =========================================================
   CARD HEADING
========================================================= */

.dtf_famroute_card h3 {

    margin: 0 0 11px;

    font-size: 19px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

    position: relative;

    z-index: 2;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtf_famroute_card p {

    margin: 0;

    font-size: 15px;

    line-height: 1.78;

    color: #5b6878;

    position: relative;

    z-index: 2;

    text-align: justify;

}


.dtf_famroute_card strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   PLANNING NOTE
========================================================= */

.dtf_famroute_note {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 30px;

    padding: 23px 27px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.14);

    border-radius: 18px;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 10px 28px rgba(23, 32, 51, 0.06);

}


.dtf_famroute_note::before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 5px;

    background: #f3525a;

}


.dtf_famroute_note::after {

    content: "";

    position: absolute;

    width: 145px;

    height: 145px;

    right: -50px;

    top: -75px;

    border: 22px solid #f9b0b3;

    border-radius: 50%;

    opacity: 0.18;

}


/* =========================================================
   NOTE ICON
========================================================= */

.dtf_famroute_note_icon {

    flex: 0 0 auto;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 14px;

    font-size: 18px;

    position: relative;

    z-index: 2;

    box-shadow:
        0 7px 18px rgba(243, 82, 90, 0.20);

}


/* =========================================================
   NOTE CONTENT
========================================================= */

.dtf_famroute_note_content {

    display: flex;

    flex-direction: column;

    gap: 4px;

    position: relative;

    z-index: 2;

}


.dtf_famroute_note_content strong {

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

    color: #f3525a;

}


.dtf_famroute_note_content span {

    font-size: 14px;

    line-height: 1.75;

    color: #5b6878;

    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dtf_famroute_needs_section {

        padding: 55px 20px 60px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .dtf_famroute_intro {

        max-width: 850px;

        margin-bottom: 35px;

    }


    .dtf_famroute_eyebrow {

        margin-bottom: 16px;

        padding: 6px 15px 6px 7px;

        font-size: 12.5px;

    }


    .dtf_famroute_eyebrow_icon {

        width: 30px;

        height: 30px;

    }


    .dtf_famroute_eyebrow_icon i {

        font-size: 13px;

    }


    .dtf_famroute_title {

        max-width: 760px;

        font-size: 34px;

        line-height: 1.28;

    }


    .dtf_famroute_description {

        max-width: 700px;

        margin-top: 14px;

        font-size: 14.5px;

        line-height: 1.78;

    }


    /* =====================================================
       CONTENT
    ===================================================== */

    .dtf_famroute_items {

        row-gap: 20px;

    }


    .dtf_famroute_card {

        min-height: 235px;

        padding: 27px 25px 27px 29px;

        border-radius: 17px;

    }


    .dtf_famroute_card::before {

        top: 22px;

        bottom: 22px;

        width: 4px;

    }


    .dtf_famroute_card_icon {

        width: 53px;

        height: 53px;

        margin-bottom: 18px;

        border-radius: 14px;

        font-size: 20px;

    }


    .dtf_famroute_card h3 {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.4;

    }


    .dtf_famroute_card p {

        font-size: 14px;

        line-height: 1.75;

        text-align: justify;

    }


    /* =====================================================
       PLANNING NOTE
    ===================================================== */

    .dtf_famroute_note {

        gap: 15px;

        margin-top: 25px;

        padding: 20px 22px;

        border-radius: 16px;

    }


    .dtf_famroute_note_icon {

        width: 45px;

        height: 45px;

        border-radius: 13px;

        font-size: 17px;

    }


    .dtf_famroute_note_content {

        gap: 4px;

    }


    .dtf_famroute_note_content strong {

        font-size: 14px;

    }


    .dtf_famroute_note_content span {

        font-size: 13.5px;

        line-height: 1.72;

        text-align: justify;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .dtf_famroute_needs_section {

        padding: 48px 16px 52px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .dtf_famroute_intro {

        max-width: 100%;

        margin-bottom: 32px;

    }


    .dtf_famroute_eyebrow {

        gap: 8px;

        margin-bottom: 15px;

        padding: 5px 13px 5px 6px;

        font-size: 12px;

        letter-spacing: 0.2px;

    }


    .dtf_famroute_eyebrow_icon {

        width: 28px;

        height: 28px;

    }


    .dtf_famroute_eyebrow_icon i {

        font-size: 12px;

    }


    .dtf_famroute_title {

        max-width: 100%;

        font-size: 24px;

        line-height: 1.3;

        letter-spacing: -0.25px;

    }


    .dtf_famroute_description {

        max-width: 100%;

        margin-top: 14px;

        font-size: 13.5px;

        line-height: 1.75;

        text-align: center;

    }


    /* =====================================================
       CONTENT
    ===================================================== */

    .dtf_famroute_items {

        row-gap: 17px;

    }


    .dtf_famroute_card {

        min-height: auto;

        padding: 24px 20px 24px 24px;

        border-radius: 16px;

    }


    .dtf_famroute_card::before {

        top: 20px;

        bottom: 20px;

        width: 4px;

    }


    .dtf_famroute_card::after {

        width: 100px;

        height: 100px;

        right: -40px;

        bottom: -45px;

    }


    .dtf_famroute_card_icon {

        width: 50px;

        height: 50px;

        margin-bottom: 16px;

        border-radius: 13px;

        font-size: 19px;

    }


    .dtf_famroute_card h3 {

        margin-bottom: 9px;

        font-size: 17px;

        line-height: 1.4;

    }


    .dtf_famroute_card p {

        font-size: 13.4px;

        line-height: 1.72;

        text-align: justify;

    }


    /* =====================================================
       PLANNING NOTE
    ===================================================== */

    .dtf_famroute_note {

        align-items: flex-start;

        gap: 12px;

        margin-top: 20px;

        padding: 19px 16px 19px 18px;

        border-radius: 15px;

    }


    .dtf_famroute_note::before {

        width: 4px;

    }


    .dtf_famroute_note_icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        border-radius: 11px;

        font-size: 16px;

    }


    .dtf_famroute_note_content {

        min-width: 0;

        gap: 3px;

    }


    .dtf_famroute_note_content strong {

        font-size: 12.5px;

        line-height: 1.4;

    }


    .dtf_famroute_note_content span {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;

    }

}













/* =========================================================
   INDIA-SIDE STARTING ROUTES SECTION
========================================================= */

.dtf_india_route_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_india_route_intro {

    max-width: 850px;

    margin: 0 auto 30px;

}


.dtf_india_route_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 15px;

    padding: 8px 16px;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    background: #fff7f7;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.8px;

    text-transform: uppercase;

}


.dtf_india_route_eyebrow i {

    font-size: 17px;

}


.dtf_india_route_title {

    margin: 0 0 16px;

    color: #172033;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 700;

}


.dtf_india_route_description {

    max-width: 760px;

    margin: 0 auto;

    color: #5d6675;

    font-size: 16px;

    line-height: 1.8;

}


.dtf_india_route_description strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   ROUTE CARDS
========================================================= */

.dtf_india_route_cards {

    align-items: stretch;

}


.dtf_india_route_card {

    position: relative;

    height: 100%;

    padding: 30px 28px 28px;

    background: #ffffff;

    border: 1px solid #edf0f4;

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

        cursor: pointer;

}


.dtf_india_route_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

}


.dtf_india_route_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.11);

}


/* =========================================================
   ROUTE NUMBER
========================================================= */

.dtf_india_route_number {

    display: flex;

    align-items: baseline;

    gap: 8px;

    margin-bottom: 20px;

}


.dtf_india_route_number span {

    color: #f3525a;

    font-size: 30px;

    line-height: 1;

    font-weight: 800;

}


.dtf_india_route_number small {

    color: #a16b6e;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}


/* =========================================================
   ROUTE ICON
========================================================= */

.dtf_india_route_icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 58px;

    height: 58px;

    margin-bottom: 22px;

    border-radius: 15px;

    background: #fff1f2;

    color: #f3525a;

    font-size: 24px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.dtf_india_route_card:hover .dtf_india_route_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);

}


/* =========================================================
   ROUTE CARD CONTENT
========================================================= */

.dtf_india_route_card_title {

    min-height: 58px;

    margin: 0 0 14px;

    color: #172033;

    font-size: 22px;

    line-height: 1.45;

    font-weight: 700;

}


.dtf_india_route_card_text {

    margin: 0 0 24px;

    color: #687282;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;

}


/* =========================================================
   ROUTE LINK
========================================================= */

.dtf_india_route_link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #f3525a;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;

    text-decoration: none;

    transition: gap 0.3s ease, color 0.3s ease;

}


.dtf_india_route_link i {

    font-size: 12px;

    transition: transform 0.3s ease;

}


.dtf_india_route_link:hover {

    color: #d93f47;

    gap: 13px;

}


.dtf_india_route_link:hover i {

    transform: translateX(3px);

}


/* =========================================================
   PLANNING NOTE
========================================================= */

.dtf_india_route_note {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    max-width: 1200px;

    margin: 45px auto 0;

    padding: 24px 26px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

}


.dtf_india_route_note_icon {

    flex: 0 0 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 45px;

    height: 45px;

    border-radius: 12px;

    background: #f3525a;

    color: #ffffff;

    font-size: 19px;

}


.dtf_india_route_note_content {

    flex: 1;

}


.dtf_india_route_note_label {

    display: block;

    margin-bottom: 7px;

    color: #f3525a;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.dtf_india_route_note_content p {

    margin: 0;

    color: #5f6878;

    font-size: 13px;

    line-height: 1.8;

    text-align: justify;

}


.dtf_india_route_note_content strong {

    color: #172033;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dtf_india_route_section {

        padding: 55px 20px 60px;

    }


    /* SECTION INTRO */

    .dtf_india_route_intro {

        max-width: 760px;

        margin-bottom: 35px;

    }


    .dtf_india_route_title {

        font-size: 34px;

        line-height: 1.25;

    }


    .dtf_india_route_description {

        max-width: 680px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* ROUTE CARDS */

    .dtf_india_route_card {

        padding: 28px 24px 26px;

        border-radius: 16px;

    }


    .dtf_india_route_number {

        margin-bottom: 18px;

    }


    .dtf_india_route_number span {

        font-size: 28px;

    }


    .dtf_india_route_icon {

        width: 54px;

        height: 54px;

        margin-bottom: 20px;

        border-radius: 14px;

        font-size: 22px;

    }


    .dtf_india_route_card_title {

        min-height: auto;

        font-size: 20px;

        line-height: 1.45;

    }


    .dtf_india_route_card_text {

        font-size: 14px;

        line-height: 1.75;

        margin-bottom: 22px;

    }


    .dtf_india_route_link {

        font-size: 13px;

    }


    /* PLANNING NOTE */

    .dtf_india_route_note {

        max-width: 100%;

        margin-top: 38px;

        padding: 22px 23px;

        gap: 15px;

    }


    .dtf_india_route_note_content p {

        font-size: 13px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .dtf_india_route_section {

        padding: 48px 16px 52px;

    }


    /* SECTION INTRO */

    .dtf_india_route_intro {

        margin-bottom: 30px;

    }


    .dtf_india_route_eyebrow {

        gap: 7px;

        margin-bottom: 13px;

        padding: 7px 13px;

        font-size: 10px;

        letter-spacing: 0.6px;

    }


    .dtf_india_route_eyebrow i {

        font-size: 15px;

    }


    .dtf_india_route_title {

        font-size: 23px;

        line-height: 1.3;

        margin-bottom: 13px;

    }


    .dtf_india_route_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

    }


    /* ROUTE CARDS */

    .dtf_india_route_cards {

        --bs-gutter-y: 20px;

    }


    .dtf_india_route_card {

        padding: 25px 21px 24px;

        border-radius: 15px;

    }


    .dtf_india_route_card:hover {

        transform: translateY(-4px);

    }


    .dtf_india_route_number {

        gap: 7px;

        margin-bottom: 18px;

    }


    .dtf_india_route_number span {

        font-size: 27px;

    }


    .dtf_india_route_number small {

        font-size: 10px;

        letter-spacing: 1px;

    }


    .dtf_india_route_icon {

        width: 52px;

        height: 52px;

        margin-bottom: 18px;

        border-radius: 13px;

        font-size: 21px;

    }


    .dtf_india_route_card_title {

        min-height: auto;

        margin-bottom: 12px;

        font-size: 18px;

        line-height: 1.45;

    }


    .dtf_india_route_card_text {

        margin-bottom: 20px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


    .dtf_india_route_link {

        gap: 8px;

        font-size: 12px;

    }


    .dtf_india_route_link:hover {

        gap: 10px;

    }


    /* PLANNING NOTE */

    .dtf_india_route_note {

        align-items: flex-start;

        gap: 12px;

        margin-top: 30px;

        padding: 19px 17px;

        border-radius: 14px;

    }


    .dtf_india_route_note_icon {

        flex: 0 0 38px;

        width: 38px;

        height: 38px;

        border-radius: 10px;

        font-size: 16px;

    }


    .dtf_india_route_note_label {

        margin-bottom: 6px;

        font-size: 10px;

        letter-spacing: 0.9px;

    }


    .dtf_india_route_note_content p {

        font-size: 12px;

        line-height: 1.75;

        text-align: justify;

    }

}














/* =========================================================
   CUSTOM FAMILY TRAVEL SECTION
========================================================= */

.dtf_custom_family_travel_section {

    width: 100%;

    padding: 85px 20px 85px;

    background: #dfe7ef;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

}


/* =========================================================
   SECTION DECORATIVE BACKGROUND
========================================================= */

.dtf_custom_family_travel_section::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    left: -250px;

    top: 80px;

    border-radius: 50%;

    border: 80px solid rgba(243, 82, 90, 0.045);

    pointer-events: none;

}


.dtf_custom_family_travel_section::after {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    right: -160px;

    bottom: 80px;

    border-radius: 50%;

    border: 55px solid rgba(249, 176, 179, 0.09);

    pointer-events: none;

}


/* =========================================================
   LEFT SIDE
========================================================= */

.dtf_custom_family_travel_left {

    height: 100%;

    padding: 48px 45px 44px;

    background: #ffffff;

    border-radius: 28px;

    border: 1px solid rgba(23, 32, 51, 0.07);

    box-shadow:
        0 25px 60px rgba(23, 32, 51, 0.09),
        0 5px 15px rgba(23, 32, 51, 0.04);

    position: relative;

    overflow: hidden;

    z-index: 1;

}


/* =========================================================
   LEFT TOP ACCENT
========================================================= */

.dtf_custom_family_travel_left::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 6px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 55%,
        transparent 100%
    );

}


/* =========================================================
   LEFT DECORATIVE CIRCLE
========================================================= */

.dtf_custom_family_travel_left::after {

    content: "";

    position: absolute;

    width: 190px;

    height: 190px;

    right: -105px;

    top: -105px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.12);

    pointer-events: none;

}


/* =========================================================
   BADGE
========================================================= */

.dtf_custom_family_travel_badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 16px;

    margin-bottom: 22px;

    background: #fff5f5;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;

    position: relative;

    z-index: 2;

}


.dtf_custom_family_travel_badge i {

    width: 25px;

    height: 25px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 12px;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtf_custom_family_travel_title {

    max-width: 600px;

    margin: 0 0 21px;

    color: #172033;

    font-size: 38px;

    line-height: 1.18;

    font-weight: 700;

    letter-spacing: -0.8px;

    position: relative;

    z-index: 2;

}


.dtf_custom_family_travel_title::after {

    content: "";

    display: block;

    width: 55px;

    height: 4px;

    margin-top: 18px;

    background: #f3525a;

    border-radius: 10px;

}


/* =========================================================
   INTRO CONTENT
========================================================= */

.dtf_custom_family_travel_intro {

    max-width: 650px;

    margin: 0 0 17px;

    color: #596579;

    font-size: 14.5px;

    line-height: 1.9;

    font-weight: 400;

    position: relative;

    z-index: 2;

    text-align: justify;

}


.dtf_custom_family_travel_intro strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   A GOOD FIT
========================================================= */

.dtf_custom_family_travel_fit {

    margin-top: 34px;

    padding-top: 29px;

    border-top: 1px solid rgba(23, 32, 51, 0.09);

    position: relative;

    z-index: 2;

}


.dtf_custom_family_travel_subtitle {

    margin: 0 0 20px;

    color: #172033;

    font-size: 20px;

    line-height: 1.35;

    font-weight: 700;

}


/* =========================================================
   FIT ITEM
========================================================= */

.dtf_custom_family_travel_fit_item {

    height: 100%;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 16px 17px;

    background: #fafbfc;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 14px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;

}


.dtf_custom_family_travel_fit_item:hover {

    transform: translateY(-4px);

    background: #ffffff;

    border-color: #f9b0b3;

    box-shadow:
        0 12px 25px rgba(23, 32, 51, 0.08),
        0 4px 10px rgba(243, 82, 90, 0.06);

}


.dtf_custom_family_travel_check {

    flex: 0 0 27px;

    width: 27px;

    height: 27px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;

    font-weight: 700;

    line-height: 1;

    box-shadow: 0 5px 12px rgba(243, 82, 90, 0.20);

}


.dtf_custom_family_travel_fit_item strong {

    color: #303b4d;

    font-size: 12.5px;

    line-height: 1.55;

    font-weight: 600;

}


/* =========================================================
   RIGHT SIDE
========================================================= */

.dtf_custom_family_travel_right {

    height: 100%;

    padding: 38px 32px 30px;

    background:
        linear-gradient(
            145deg,
            #172033 0%,
            #1c273b 55%,
            #202c42 100%
        );

    border-radius: 28px;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(23, 32, 51, 0.20),
        0 7px 18px rgba(23, 32, 51, 0.10);

    z-index: 1;

}


/* =========================================================
   RIGHT DECORATIVE ELEMENTS
========================================================= */

.dtf_custom_family_travel_right::before {

    content: "";

    position: absolute;

    width: 240px;

    height: 240px;

    right: -130px;

    top: -125px;

    border-radius: 50%;

    border: 50px solid rgba(249, 176, 179, 0.08);

    pointer-events: none;

}


.dtf_custom_family_travel_right::after {

    content: "";

    position: absolute;

    width: 170px;

    height: 170px;

    left: -115px;

    bottom: -100px;

    border-radius: 50%;

    border: 35px solid rgba(243, 82, 90, 0.07);

    pointer-events: none;

}


/* =========================================================
   RIGHT HEADER
========================================================= */

.dtf_custom_family_travel_right_head {

    position: relative;

    z-index: 2;

    padding: 4px 5px 25px;

    margin-bottom: 5px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13);

}


.dtf_custom_family_travel_right_label {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 12px;

    color: #f9b0b3;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}


.dtf_custom_family_travel_right_label::before {

    content: "";

    width: 22px;

    height: 2px;

    background: #f3525a;

    border-radius: 5px;

}


.dtf_custom_family_travel_right_title {

    max-width: 360px;

    margin: 0;

    color: #ffffff;

    font-size: 25px;

    line-height: 1.32;

    font-weight: 700;

    letter-spacing: -0.3px;

}


/* =========================================================
   NEED ITEMS
========================================================= */

.dtf_custom_family_travel_need_item {

    display: flex;

    align-items: center;

    gap: 16px;

    min-height: 70px;

    padding: 13px 8px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.09);

    position: relative;

    z-index: 2;

    transition:
        transform 0.3s ease,
        background 0.3s ease;

}


.dtf_custom_family_travel_need_item:last-child {

    border-bottom: none;

}


.dtf_custom_family_travel_need_item:hover {

    transform: translateX(5px);

    background: rgba(255, 255, 255, 0.035);

}


/* =========================================================
   RIGHT ICON
========================================================= */

.dtf_custom_family_travel_need_icon {

    flex: 0 0 45px;

    width: 45px;

    height: 45px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: rgba(243, 82, 90, 0.12);

    border: 1px solid rgba(249, 176, 179, 0.24);

    border-radius: 13px;

    color: #f9b0b3;

    font-size: 16px;

    position: relative;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.dtf_custom_family_travel_need_icon::after {

    content: "";

    position: absolute;

    right: -4px;

    bottom: -4px;

    width: 8px;

    height: 8px;

    background: #f3525a;

    border-radius: 50%;

}


.dtf_custom_family_travel_need_item:hover .dtf_custom_family_travel_need_icon {

    background: #f3525a;

    border-color: #f3525a;

    color: #ffffff;

    transform: scale(1.05);

}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.dtf_custom_family_travel_need_content {

    min-width: 0;

}


.dtf_custom_family_travel_need_content h4 {

    margin: 0;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 600;

}


.dtf_custom_family_travel_need_content p {

    margin: 4px 0 0;

    color: #b9c2d0;

    font-size: 11.5px;

    line-height: 1.5;

    font-weight: 400;

}


/* =========================================================
   BOTTOM INFORMATION AREA
========================================================= */

.dtf_custom_family_travel_bottom {

    margin-top: 38px;

    padding: 0;

    background: #ffffff;

    border-radius: 22px;

    border: 1px solid rgba(23, 32, 51, 0.07);

    box-shadow:
        0 18px 40px rgba(23, 32, 51, 0.07),
        0 4px 12px rgba(23, 32, 51, 0.03);

    overflow: hidden;

    position: relative;

    z-index: 2;

}


/* =========================================================
   NOTES
========================================================= */

.dtf_custom_family_travel_note {

    padding: 25px 32px 22px;

    background: #f9fafb;

    border-bottom: 1px solid rgba(23, 32, 51, 0.08);

}


.dtf_custom_family_travel_note p {

    margin: 0 0 10px;

    color: #667085;

    font-size: 12px;

    line-height: 1.8;

}


.dtf_custom_family_travel_note p:last-child {

    margin-bottom: 0;

}


.dtf_custom_family_travel_note strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   CTA AREA
========================================================= */

.dtf_custom_family_travel_cta_wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 25px 32px;

    background: #ffffff;

}


.dtf_custom_family_travel_cta_text {

    flex: 1;

    position: relative;

    padding-left: 17px;

}


.dtf_custom_family_travel_cta_text::before {

    content: "";

    position: absolute;

    left: 0;

    top: 4px;

    width: 3px;

    height: calc(100% - 8px);

    background: #f3525a;

    border-radius: 5px;

}


.dtf_custom_family_travel_cta_text p {

    margin: 0;

    color: #4f5b6d;

    font-size: 13px;

    line-height: 1.75;

    font-weight: 500;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.dtf_custom_family_travel_cta {

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    min-height: 52px;

    padding: 14px 23px;

    background: #f3525a;

    border: 2px solid #f3525a;

    border-radius: 40px;

    color: #ffffff;

    font-size: 12.5px;

    line-height: 1.2;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;

    box-shadow:
        0 10px 24px rgba(243, 82, 90, 0.24);

    position: relative;

    overflow: hidden;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.dtf_custom_family_travel_cta::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.12);

    transform: skewX(-20deg);

    transition: left 0.5s ease;

}


.dtf_custom_family_travel_cta span,
.dtf_custom_family_travel_cta i {

    position: relative;

    z-index: 1;

}


.dtf_custom_family_travel_cta:hover {

    background: #172033;

    border-color: #172033;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 14px 28px rgba(23, 32, 51, 0.20);

}


.dtf_custom_family_travel_cta:hover::before {

    left: 100%;

}


.dtf_custom_family_travel_cta i {

    font-size: 12px;

    transition: transform 0.3s ease;

}


.dtf_custom_family_travel_cta:hover i {

    transform: translateX(5px);

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_custom_family_travel_section {

        padding: 65px 20px 65px;

    }


    /* =====================================================
       LEFT SIDE
    ===================================================== */

    .dtf_custom_family_travel_left {

        padding: 38px 32px 36px;

        border-radius: 23px;

    }


    .dtf_custom_family_travel_badge {

        padding: 8px 14px;

        margin-bottom: 19px;

        font-size: 11px;

    }


    .dtf_custom_family_travel_badge i {

        width: 23px;

        height: 23px;

        font-size: 11px;

    }


    .dtf_custom_family_travel_title {

        max-width: 100%;

        margin-bottom: 19px;

        font-size: 31px;

        line-height: 1.23;

        letter-spacing: -0.5px;

    }


    .dtf_custom_family_travel_title::after {

        width: 48px;

        height: 3px;

        margin-top: 15px;

    }


    .dtf_custom_family_travel_intro {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.82;

    }


    .dtf_custom_family_travel_fit {

        margin-top: 28px;

        padding-top: 25px;

    }


    .dtf_custom_family_travel_subtitle {

        margin-bottom: 17px;

        font-size: 19px;

    }


    .dtf_custom_family_travel_fit_item {

        padding: 14px 14px;

        gap: 10px;

        border-radius: 12px;

    }


    .dtf_custom_family_travel_check {

        flex: 0 0 25px;

        width: 25px;

        height: 25px;

        font-size: 12px;

    }


    .dtf_custom_family_travel_fit_item strong {

        font-size: 11.5px;

        line-height: 1.5;

    }


    /* =====================================================
       RIGHT SIDE
    ===================================================== */

    .dtf_custom_family_travel_right {

        padding: 33px 27px 27px;

        border-radius: 23px;

    }


    .dtf_custom_family_travel_right_head {

        padding: 3px 4px 22px;

        margin-bottom: 3px;

    }


    .dtf_custom_family_travel_right_label {

        margin-bottom: 10px;

        font-size: 10.5px;

        letter-spacing: 1px;

    }


    .dtf_custom_family_travel_right_label::before {

        width: 19px;

    }


    .dtf_custom_family_travel_right_title {

        max-width: 100%;

        font-size: 22px;

        line-height: 1.35;

    }


    .dtf_custom_family_travel_need_item {

        min-height: 66px;

        padding: 12px 5px;

        gap: 13px;

    }


    .dtf_custom_family_travel_need_icon {

        flex: 0 0 42px;

        width: 42px;

        height: 42px;

        border-radius: 11px;

        font-size: 15px;

    }


    .dtf_custom_family_travel_need_content h4 {

        font-size: 13px;

        line-height: 1.4;

    }


    .dtf_custom_family_travel_need_content p {

        font-size: 11px;

        line-height: 1.5;

    }


    /* =====================================================
       BOTTOM AREA
    ===================================================== */

    .dtf_custom_family_travel_bottom {

        margin-top: 30px;

        border-radius: 20px;

    }


    .dtf_custom_family_travel_note {

        padding: 23px 27px 21px;

    }


    .dtf_custom_family_travel_note p {

        font-size: 11.5px;

        line-height: 1.75;

    }


    .dtf_custom_family_travel_cta_wrap {

        gap: 24px;

        padding: 23px 27px;

    }


    .dtf_custom_family_travel_cta_text {

        padding-left: 15px;

    }


    .dtf_custom_family_travel_cta_text p {

        font-size: 12px;

        line-height: 1.7;

    }


    .dtf_custom_family_travel_cta {

        min-height: 50px;

        padding: 13px 20px;

        font-size: 12px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       MAIN SECTION
    ===================================================== */

    .dtf_custom_family_travel_section {

        width: 100%;

        padding: 48px 15px 48px;

        overflow: hidden;

    }


    /* =====================================================
       BACKGROUND DECORATION
    ===================================================== */

    .dtf_custom_family_travel_section::before {

        width: 280px;

        height: 280px;

        left: -205px;

        top: 35px;

        border-width: 55px;

    }


    .dtf_custom_family_travel_section::after {

        width: 220px;

        height: 220px;

        right: -145px;

        bottom: 35px;

        border-width: 42px;

    }


    /* =====================================================
       LEFT SIDE
    ===================================================== */

    .dtf_custom_family_travel_left {

        width: 100%;

        height: auto;

        padding: 33px 21px 30px;

        border-radius: 20px;

        box-shadow:
            0 18px 40px rgba(23, 32, 51, 0.08),
            0 4px 12px rgba(23, 32, 51, 0.04);

    }


    .dtf_custom_family_travel_left::before {

        height: 5px;

    }


    .dtf_custom_family_travel_left::after {

        width: 145px;

        height: 145px;

        right: -80px;

        top: -80px;

    }


    /* =====================================================
       BADGE
    ===================================================== */

    .dtf_custom_family_travel_badge {

        display: inline-flex;

        gap: 7px;

        padding: 7px 12px;

        margin-bottom: 17px;

        font-size: 10px;

        letter-spacing: 0.5px;

    }


    .dtf_custom_family_travel_badge i {

        width: 22px;

        height: 22px;

        font-size: 10px;

    }


    /* =====================================================
       TITLE
    ===================================================== */

    .dtf_custom_family_travel_title {

        max-width: 100%;

        margin: 0 0 18px;

        font-size: 26px;

        line-height: 1.25;

        letter-spacing: -0.35px;

    }


    .dtf_custom_family_travel_title::after {

        width: 43px;

        height: 3px;

        margin-top: 14px;

    }


    /* =====================================================
       INTRO
    ===================================================== */

    .dtf_custom_family_travel_intro {

        max-width: 100%;

        margin-bottom: 14px;

        font-size: 13px;

        line-height: 1.82;

        text-align: justify;

    }


    /* =====================================================
       GOOD FIT
    ===================================================== */

    .dtf_custom_family_travel_fit {

        margin-top: 25px;

        padding-top: 22px;

    }


    .dtf_custom_family_travel_subtitle {

        margin-bottom: 15px;

        font-size: 18px;

        line-height: 1.35;

    }


    /* =====================================================
       FIT ITEMS
    ===================================================== */

    .dtf_custom_family_travel_fit_item {

        width: 100%;

        min-height: 52px;

        padding: 12px 12px;

        gap: 10px;

        border-radius: 11px;

    }


    .dtf_custom_family_travel_check {

        flex: 0 0 24px;

        width: 24px;

        height: 24px;

        font-size: 11px;

        box-shadow:
            0 4px 10px rgba(243, 82, 90, 0.17);

    }


    .dtf_custom_family_travel_fit_item strong {

        font-size: 11.5px;

        line-height: 1.5;

    }


    /* =====================================================
       RIGHT SIDE
    ===================================================== */

    .dtf_custom_family_travel_right {

        width: 100%;

        height: auto;

        padding: 29px 20px 23px;

        border-radius: 20px;

        box-shadow:
            0 20px 45px rgba(23, 32, 51, 0.17),
            0 5px 15px rgba(23, 32, 51, 0.08);

    }


    .dtf_custom_family_travel_right::before {

        width: 190px;

        height: 190px;

        right: -105px;

        top: -100px;

        border-width: 38px;

    }


    .dtf_custom_family_travel_right::after {

        width: 135px;

        height: 135px;

        left: -90px;

        bottom: -80px;

        border-width: 28px;

    }


    /* =====================================================
       RIGHT HEADER
    ===================================================== */

    .dtf_custom_family_travel_right_head {

        padding: 2px 3px 20px;

        margin-bottom: 2px;

    }


    .dtf_custom_family_travel_right_label {

        gap: 6px;

        margin-bottom: 9px;

        font-size: 9.5px;

        letter-spacing: 0.9px;

    }


    .dtf_custom_family_travel_right_label::before {

        width: 17px;

        height: 2px;

    }


    .dtf_custom_family_travel_right_title {

        max-width: 100%;

        font-size: 20px;

        line-height: 1.35;

        letter-spacing: -0.15px;

    }


    /* =====================================================
       NEED ITEMS
    ===================================================== */

    .dtf_custom_family_travel_need_item {

        width: 100%;

        min-height: 64px;

        padding: 11px 4px;

        gap: 12px;

    }


    .dtf_custom_family_travel_need_item:hover {

        transform: translateX(3px);

    }


    /* =====================================================
       NEED ICON
    ===================================================== */

    .dtf_custom_family_travel_need_icon {

        flex: 0 0 39px;

        width: 39px;

        height: 39px;

        border-radius: 10px;

        font-size: 13px;

    }


    .dtf_custom_family_travel_need_icon::after {

        right: -3px;

        bottom: -3px;

        width: 7px;

        height: 7px;

    }


    /* =====================================================
       NEED CONTENT
    ===================================================== */

    .dtf_custom_family_travel_need_content {

        min-width: 0;

        flex: 1;

    }


    .dtf_custom_family_travel_need_content h4 {

        font-size: 12.5px;

        line-height: 1.4;

    }


    .dtf_custom_family_travel_need_content p {

        margin-top: 3px;

        font-size: 10.5px;

        line-height: 1.5;

    }


    /* =====================================================
       BOTTOM AREA
    ===================================================== */

    .dtf_custom_family_travel_bottom {

        width: 100%;

        margin-top: 24px;

        border-radius: 18px;

    }


    /* =====================================================
       NOTES
    ===================================================== */

    .dtf_custom_family_travel_note {

        padding: 20px 18px 19px;

    }


    .dtf_custom_family_travel_note p {

        margin-bottom: 9px;

        font-size: 11px;

        line-height: 1.75;

        text-align: justify;

    }


    /* =====================================================
       CTA WRAPPER
    ===================================================== */

    .dtf_custom_family_travel_cta_wrap {

        display: flex;

        align-items: stretch;

        justify-content: flex-start;

        flex-direction: column;

        gap: 17px;

        padding: 20px 18px 21px;

    }


    /* =====================================================
       CTA TEXT
    ===================================================== */

    .dtf_custom_family_travel_cta_text {

        width: 100%;

        flex: none;

        padding-left: 14px;

    }


    .dtf_custom_family_travel_cta_text::before {

        top: 3px;

        width: 3px;

        height: calc(100% - 6px);

    }


    .dtf_custom_family_travel_cta_text p {

        font-size: 11.5px;

        line-height: 1.7;

    }


    /* =====================================================
       CTA BUTTON
    ===================================================== */

    .dtf_custom_family_travel_cta {

        width: 100%;

        min-height: 49px;

        padding: 12px 17px;

        border-radius: 40px;

        font-size: 11.5px;

        gap: 9px;

    }


    .dtf_custom_family_travel_cta i {

        font-size: 11px;

    }

}











/* =========================================================
   DARSHAN INFORMATION SECTION
========================================================= */

.dtf_darshan_info_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_darshan_info_intro {

    max-width: 850px;

    margin: 0 auto 30px;

}


.dtf_darshan_info_badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: rgba(243, 82, 90, 0.08);

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

}


.dtf_darshan_info_badge i {

    color: #f3525a;

    font-size: 16px;

}


.dtf_darshan_info_title {

    margin: 0 0 16px;

    color: #172033;

    font-size: 35px;

    line-height: 1.25;

    font-weight: 700;

}


.dtf_darshan_info_description {

    max-width: 780px;

    margin: 0 auto;

    color: #5c6678;

    font-size: 16px;

    line-height: 1.85;

}


/* =========================================================
   DARSHAN OPTION CARDS
========================================================= */

.dtf_darshan_info_cards {

    margin-bottom: 30px;

}


.dtf_darshan_option_card {

    height: 100%;

    padding: 30px 28px;

    background: #ffffff;

    border: 1px solid #e8ebf0;

    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    position: relative;

    overflow: hidden;

    transition: all 0.3s ease;

    cursor: pointer;

    display: flex;

    flex-direction: column;

}


.dtf_darshan_option_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

    transform: scaleX(0.35);

    transform-origin: left;

    transition: transform 0.3s ease;

}


.dtf_darshan_option_card:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.11);

}


.dtf_darshan_option_card:hover::before {

    transform: scaleX(1);

}


/* =========================================================
   CARD TOP
========================================================= */

.dtf_darshan_option_top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 24px;

    flex-shrink: 0;

}


.dtf_darshan_option_label {

    display: inline-flex;

    align-items: center;

    min-height: 30px;

    padding: 5px 12px;

    border-radius: 7px;

    background: #f9b0b3;

    color: #172033;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.7px;

}


.dtf_darshan_option_icon {

    width: 52px;

    height: 52px;

    flex: 0 0 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: rgba(243, 82, 90, 0.09);

    color: #f3525a;

    font-size: 21px;

    transition: all 0.3s ease;

}


.dtf_darshan_option_card:hover .dtf_darshan_option_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtf_darshan_option_title {

    margin: 0 0 13px;

    color: #172033;

    font-size: 22px;

    line-height: 1.4;

    font-weight: 700;

    flex-shrink: 0;

}


.dtf_darshan_option_text {

    margin: 0 0 24px;

    color: #667085;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;

}


.dtf_darshan_option_text strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   CARD LINK
========================================================= */

.dtf_darshan_option_link {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: auto;

    align-self: flex-start;

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;

}


.dtf_darshan_option_link i {

    font-size: 12px;

    transition: transform 0.3s ease;

}


.dtf_darshan_option_link:hover {

    color: #d93f48;

    text-decoration: none;

}


.dtf_darshan_option_link:hover i {

    transform: translateX(5px);

}


/* =========================================================
   IMPORTANT DARSHAN TRANSPARENCY
========================================================= */

.dtf_darshan_transparency_box {

    position: relative;

    padding: 34px 38px;

    background: #fdf7f7;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.04);

}


.dtf_darshan_transparency_heading {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

}


.dtf_darshan_transparency_icon {

    width: 46px;

    height: 46px;

    flex: 0 0 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 13px;

    background: #f3525a;

    color: #ffffff;

    font-size: 18px;

}


.dtf_darshan_transparency_heading h3 {

    margin: 0;

    color: #172033;

    font-size: 22px;

    line-height: 1.35;

    font-weight: 700;

}


.dtf_darshan_transparency_content p {

    margin: 0 0 15px;

    color: #596476;

    font-size: 15px;

    line-height: 1.85;

    text-align: justify;

}


.dtf_darshan_transparency_content p:last-child {

    margin-bottom: 0;

}


.dtf_darshan_transparency_content strong {

    color: #172033;

    font-weight: 700;

}


.dtf_darshan_official_process {

    padding: 16px 18px;

    margin-top: 20px !important;

    background: rgba(249, 176, 179, 0.18);

    border-left: 4px solid #f3525a;

    border-radius: 0 10px 10px 0;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_darshan_info_section {

        padding: 55px 20px 55px;

    }


    /* ---------------------------------------------------------
       SECTION INTRO
    --------------------------------------------------------- */

    .dtf_darshan_info_intro {

        max-width: 760px;

        margin-bottom: 32px;

    }


    .dtf_darshan_info_title {

        font-size: 31px;

        line-height: 1.3;

    }


    .dtf_darshan_info_description {

        max-width: 700px;

        font-size: 15px;

        line-height: 1.8;

    }


    /* ---------------------------------------------------------
       DARSHAN CARDS
    --------------------------------------------------------- */

    .dtf_darshan_info_cards {

        margin-bottom: 30px;

    }


    .dtf_darshan_option_card {

        min-height: 100%;

        padding: 27px 24px;

        border-radius: 18px;

    }


    .dtf_darshan_option_top {

        margin-bottom: 21px;

    }


    .dtf_darshan_option_label {

        font-size: 11px;

        padding: 5px 11px;

    }


    .dtf_darshan_option_icon {

        width: 49px;

        height: 49px;

        flex-basis: 49px;

        border-radius: 14px;

        font-size: 20px;

    }


    .dtf_darshan_option_title {

        font-size: 20px;

        line-height: 1.4;

    }


    .dtf_darshan_option_text {

        font-size: 14px;

        line-height: 1.8;

    }


    .dtf_darshan_option_link {

        font-size: 13px;

    }


    /* ---------------------------------------------------------
       TRANSPARENCY BOX
    --------------------------------------------------------- */

    .dtf_darshan_transparency_box {

        padding: 30px 32px;

        border-radius: 18px;

    }


    .dtf_darshan_transparency_heading {

        gap: 13px;

        margin-bottom: 20px;

    }


    .dtf_darshan_transparency_icon {

        width: 44px;

        height: 44px;

        flex-basis: 44px;

        font-size: 17px;

    }


    .dtf_darshan_transparency_heading h3 {

        font-size: 21px;

    }


    .dtf_darshan_transparency_content p {

        font-size: 14px;

        line-height: 1.8;

    }


    .dtf_darshan_official_process {

        padding: 15px 17px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .dtf_darshan_info_section {

        padding: 48px 16px 48px;

    }


    /* ---------------------------------------------------------
       SECTION INTRO
    --------------------------------------------------------- */

    .dtf_darshan_info_intro {

        max-width: 100%;

        margin: 0 auto 28px;

    }


    .dtf_darshan_info_badge {

        gap: 8px;

        padding: 8px 15px;

        margin-bottom: 16px;

        font-size: 12px;

        letter-spacing: 0.4px;

    }


    .dtf_darshan_info_badge i {

        font-size: 15px;

    }


    .dtf_darshan_info_title {

        margin-bottom: 13px;

        font-size: 26px;

        line-height: 1.3;

    }


    .dtf_darshan_info_description {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.8;

    }


    /* ---------------------------------------------------------
       DARSHAN CARDS
    --------------------------------------------------------- */

    .dtf_darshan_info_cards {

        margin-bottom: 28px;

    }


    .dtf_darshan_option_card {

        min-height: auto;

        padding: 25px 22px;

        border-radius: 18px;

    }


    .dtf_darshan_option_card:hover {

        transform: translateY(-4px);

    }


    .dtf_darshan_option_top {

        gap: 12px;

        margin-bottom: 20px;

    }


    .dtf_darshan_option_label {

        min-height: 28px;

        padding: 5px 10px;

        border-radius: 6px;

        font-size: 11px;

        letter-spacing: 0.6px;

    }


    .dtf_darshan_option_icon {

        width: 47px;

        height: 47px;

        flex: 0 0 47px;

        border-radius: 13px;

        font-size: 19px;

    }


    .dtf_darshan_option_title {

        margin-bottom: 11px;

        font-size: 20px;

        line-height: 1.4;

    }


    .dtf_darshan_option_text {

        margin-bottom: 21px;

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;

    }


    .dtf_darshan_option_link {

        gap: 8px;

        font-size: 13px;

    }


    .dtf_darshan_option_link i {

        font-size: 11px;

    }


    /* ---------------------------------------------------------
       TRANSPARENCY BOX
    --------------------------------------------------------- */

    .dtf_darshan_transparency_box {

        padding: 26px 21px;

        border-radius: 18px;

    }


    .dtf_darshan_transparency_heading {

        align-items: flex-start;

        gap: 11px;

        margin-bottom: 19px;

    }


    .dtf_darshan_transparency_icon {

        width: 42px;

        height: 42px;

        flex: 0 0 42px;

        border-radius: 12px;

        font-size: 16px;

    }


    .dtf_darshan_transparency_heading h3 {

        font-size: 19px;

        line-height: 1.4;

    }


    .dtf_darshan_transparency_content p {

        margin-bottom: 14px;

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;

    }


    .dtf_darshan_official_process {

        padding: 14px 15px;

        margin-top: 18px !important;

        border-left-width: 3px;

        border-radius: 0 9px 9px 0;

    }

}












/* =========================================================
   TIRUPATI FAMILY TOUR PACKAGE PRICE SECTION
========================================================= */

.dtf_family_price_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #dfe7ef;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


.dtf_family_price_section * {

    box-sizing: border-box;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_family_price_intro {

    max-width: 850px;

    margin: 0 auto 30px;

}


.dtf_family_price_kicker {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 8px 17px;

    margin-bottom: 15px;

    border-radius: 30px;

    background: rgba(243, 82, 90, 0.10);

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.7px;

}


.dtf_family_price_kicker i {

    font-size: 15px;

}


.dtf_family_price_title {

    margin: 0 0 16px;

    color: #172033;

    font-size: 38px;

    line-height: 1.2;

    font-weight: 700;

}


.dtf_family_price_description {

    max-width: 780px;

    margin: 0 auto;

    color: #596579;

    font-size: 16px;

    line-height: 1.85;

}


.dtf_family_price_description strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   MAIN ROW
========================================================= */

.dtf_family_price_main_row {

    margin-left: -12px;

    margin-right: -12px;

}


.dtf_family_price_main_row > div {

    padding-left: 12px;

    padding-right: 12px;

}


/* =========================================================
   LEFT CARD
========================================================= */

.dtf_family_price_left_card {

    height: 100%;

    padding: 34px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 22px;

    box-shadow: 0 14px 38px rgba(23, 32, 51, 0.07);

}


.dtf_family_price_card_heading {

    display: flex;

    align-items: flex-start;

    gap: 17px;

    margin-bottom: 22px;

}


.dtf_family_price_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: #f3525a;

    color: #ffffff;

    font-size: 21px;

    box-shadow: 0 9px 20px rgba(243, 82, 90, 0.20);

}


.dtf_family_price_small_label {

    display: block;

    margin-bottom: 5px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}


.dtf_family_price_card_heading h3 {

    margin: 0;

    color: #172033;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;

}


.dtf_family_price_left_text {

    margin: 0 0 27px;

    color: #596579;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;

}


.dtf_family_price_left_text strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   PRICE FACTORS
========================================================= */

.dtf_family_price_factors {

    display: flex;

    flex-direction: column;

    gap: 10px;

}


.dtf_family_price_factor_item {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 12px 14px;

    border-radius: 13px;

    background: #f7f9fb;

    border: 1px solid rgba(23, 32, 51, 0.05);

    transition: all 0.25s ease;

}


.dtf_family_price_factor_item:hover {

    transform: translateX(4px);

    border-color: rgba(243, 82, 90, 0.22);

    background: #fffafa;

}


.dtf_family_price_factor_icon {

    flex: 0 0 38px;

    width: 38px;

    height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: #f9b0b3;

    color: #172033;

    font-size: 16px;

}


.dtf_family_price_factor_item h4 {

    margin: 0 0 2px;

    color: #172033;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;

}


.dtf_family_price_factor_item p {

    margin: 0;

    color: #6c7788;

    font-size: 13px;

    line-height: 1.5;

}


/* =========================================================
   RIGHT CARD
========================================================= */

.dtf_family_price_right_card {

    height: 100%;

    padding: 34px;

    background: #172033;

    border-radius: 22px;

    position: relative;

    overflow: hidden;

    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.16);

}


.dtf_family_price_right_card::before {

    content: "";

    position: absolute;

    width: 190px;

    height: 190px;

    top: -90px;

    right: -70px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.10);

}


.dtf_family_price_right_card::after {

    content: "";

    position: absolute;

    width: 120px;

    height: 120px;

    bottom: -65px;

    left: -45px;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.10);

}


.dtf_family_price_transparency,
.dtf_family_price_continue,
.dtf_family_price_actions,
.dtf_family_price_final_note {

    position: relative;

    z-index: 2;

}


/* =========================================================
   PRICE TRANSPARENCY
========================================================= */

.dtf_family_price_transparency {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 17px;

    margin-bottom: 32px;

    border: 1px solid rgba(249, 176, 179, 0.28);

    border-radius: 15px;

    background: rgba(249, 176, 179, 0.08);

    color: #dce3ec;

    font-size: 13px;

    line-height: 1.7;

    text-align: justify;

}


.dtf_family_price_transparency strong {

    color: #f9b0b3;

    font-weight: 700;

}


.dtf_family_price_transparency_icon {

    flex: 0 0 36px;

    width: 36px;

    height: 36px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: #f3525a;

    color: #ffffff;

    font-size: 15px;

}


/* =========================================================
   CONTINUE PLANNING
========================================================= */

.dtf_family_price_continue_label {

    display: block;

    margin-bottom: 7px;

    color: #f9b0b3;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.8px;

    text-transform: uppercase;

}


.dtf_family_price_continue h3 {

    margin: 0 0 13px;

    color: #ffffff;

    font-size: 25px;

    line-height: 1.3;

    font-weight: 700;

}


.dtf_family_price_continue p {

    margin: 0 0 25px;

    color: #c8d0db;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;


}


.dtf_family_price_continue p strong {

    color: #ffffff;

}


/* =========================================================
   ACTION LINKS
========================================================= */

.dtf_family_price_actions {

    display: flex;

    flex-direction: column;

    gap: 11px;

}


.dtf_family_price_action {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 13px 15px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 13px;

    background: rgba(255, 255, 255, 0.045);

    color: #ffffff;

    text-decoration: none;

    transition: all 0.25s ease;

}


.dtf_family_price_action:hover {

    color: #ffffff;

    text-decoration: none;

    background: rgba(243, 82, 90, 0.14);

    border-color: rgba(249, 176, 179, 0.35);

    transform: translateX(4px);

}


.dtf_family_price_action_icon {

    flex: 0 0 37px;

    width: 37px;

    height: 37px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: #f9b0b3;

    color: #172033;

    font-size: 14px;

}


.dtf_family_price_action_content {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 3px;

}


.dtf_family_price_action_content strong {

    color: #ffffff;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;

}


.dtf_family_price_action_content small {

    color: #aeb9c7;

    font-size: 12px;

    line-height: 1.5;

}


.dtf_family_price_action_content small i {

    margin-left: 3px;

    color: #f9b0b3;

}


/* =========================================================
   QUOTATION BUTTON
========================================================= */

.dtf_family_price_quote_button {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-top: 5px;

    padding: 15px 17px;

    border-radius: 13px;

    background: #f3525a;

    color: #ffffff;

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    box-shadow: 0 10px 22px rgba(243, 82, 90, 0.20);

    transition: all 0.25s ease;

}


.dtf_family_price_quote_button:hover {

    color: #ffffff;

    text-decoration: none;

    background: #e84650;

    transform: translateY(-2px);

    box-shadow: 0 13px 26px rgba(243, 82, 90, 0.28);

}


.dtf_family_price_quote_button span {

    display: inline-flex;

    align-items: center;

    gap: 9px;

}


.dtf_family_price_quote_button > i {

    font-size: 12px;

}


/* =========================================================
   FINAL NOTE
========================================================= */

.dtf_family_price_final_note {

    margin-top: 22px;

    padding-top: 17px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

    color: #aeb9c7;

    font-size: 12px;

    line-height: 1.7;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_family_price_section {

        padding: 55px 20px 55px;

    }


    /* -----------------------------------------------------
       SECTION INTRO
    ----------------------------------------------------- */

    .dtf_family_price_intro {

        max-width: 760px;

        margin-bottom: 32px;

    }


    .dtf_family_price_kicker {

        font-size: 13px;

        padding: 7px 15px;

        margin-bottom: 13px;

    }


    .dtf_family_price_title {

        font-size: 32px;

        line-height: 1.25;

        margin-bottom: 14px;

    }


    .dtf_family_price_description {

        max-width: 680px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* -----------------------------------------------------
       MAIN ROW
    ----------------------------------------------------- */

    .dtf_family_price_main_row {

        margin-left: -10px;

        margin-right: -10px;

    }


    .dtf_family_price_main_row > div {

        padding-left: 10px;

        padding-right: 10px;

    }


    /* -----------------------------------------------------
       LEFT CARD
    ----------------------------------------------------- */

    .dtf_family_price_left_card {

        padding: 27px 24px;

        border-radius: 19px;

    }


    .dtf_family_price_card_heading {

        gap: 13px;

        margin-bottom: 18px;

    }


    .dtf_family_price_icon {

        flex: 0 0 46px;

        width: 46px;

        height: 46px;

        border-radius: 13px;

        font-size: 19px;

    }


    .dtf_family_price_small_label {

        font-size: 11px;

        margin-bottom: 4px;

    }


    .dtf_family_price_card_heading h3 {

        font-size: 18px;

        line-height: 1.4;

    }


    .dtf_family_price_left_text {

        margin-bottom: 21px;

        font-size: 13px;

        line-height: 1.75;

    }


    /* -----------------------------------------------------
       PRICE FACTORS
    ----------------------------------------------------- */

    .dtf_family_price_factors {

        gap: 8px;

    }


    .dtf_family_price_factor_item {

        gap: 11px;

        padding: 10px 11px;

        border-radius: 11px;

    }


    .dtf_family_price_factor_icon {

        flex: 0 0 34px;

        width: 34px;

        height: 34px;

        border-radius: 9px;

        font-size: 14px;

    }


    .dtf_family_price_factor_item h4 {

        font-size: 13px;

    }


    .dtf_family_price_factor_item p {

        font-size: 11px;

    }


    /* -----------------------------------------------------
       RIGHT CARD
    ----------------------------------------------------- */

    .dtf_family_price_right_card {

        padding: 27px 24px;

        border-radius: 19px;

    }


    /* -----------------------------------------------------
       PRICE TRANSPARENCY
    ----------------------------------------------------- */

    .dtf_family_price_transparency {

        gap: 10px;

        padding: 13px;

        margin-bottom: 25px;

        font-size: 11px;

        line-height: 1.65;

    }


    .dtf_family_price_transparency_icon {

        flex: 0 0 33px;

        width: 33px;

        height: 33px;

        border-radius: 9px;

        font-size: 13px;

    }


    /* -----------------------------------------------------
       CONTINUE PLANNING
    ----------------------------------------------------- */

    .dtf_family_price_continue_label {

        font-size: 11px;

        margin-bottom: 6px;

    }


    .dtf_family_price_continue h3 {

        font-size: 21px;

        line-height: 1.35;

        margin-bottom: 11px;

    }


    .dtf_family_price_continue p {

        margin-bottom: 21px;

        font-size: 12px;

        line-height: 1.75;

    }


    /* -----------------------------------------------------
       ACTION LINKS
    ----------------------------------------------------- */

    .dtf_family_price_actions {

        gap: 9px;

    }


    .dtf_family_price_action {

        gap: 10px;

        padding: 11px 12px;

        border-radius: 11px;

    }


    .dtf_family_price_action_icon {

        flex: 0 0 34px;

        width: 34px;

        height: 34px;

        border-radius: 9px;

        font-size: 13px;

    }


    .dtf_family_price_action_content {

        gap: 2px;

    }


    .dtf_family_price_action_content strong {

        font-size: 12px;

    }


    .dtf_family_price_action_content small {

        font-size: 10px;

    }


    /* -----------------------------------------------------
       QUOTATION BUTTON
    ----------------------------------------------------- */

    .dtf_family_price_quote_button {

        gap: 10px;

        padding: 13px 14px;

        margin-top: 3px;

        border-radius: 11px;

        font-size: 11px;

    }


    .dtf_family_price_quote_button span {

        gap: 7px;

    }


    .dtf_family_price_quote_button > i {

        font-size: 10px;

    }


    /* -----------------------------------------------------
       FINAL NOTE
    ----------------------------------------------------- */

    .dtf_family_price_final_note {

        margin-top: 17px;

        padding-top: 13px;

        font-size: 10px;

        line-height: 1.65;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtf_family_price_section {

        padding: 48px 15px 48px;

    }


    /* -----------------------------------------------------
       SECTION INTRO
    ----------------------------------------------------- */

    .dtf_family_price_intro {

        max-width: 100%;

        margin-bottom: 30px;

    }


    .dtf_family_price_kicker {

        gap: 7px;

        padding: 7px 14px;

        margin-bottom: 13px;

        font-size: 12px;

        letter-spacing: 0.5px;

    }


    .dtf_family_price_kicker i {

        font-size: 13px;

    }


    .dtf_family_price_title {

        margin-bottom: 13px;

        font-size: 24px;

        line-height: 1.3;

    }


    .dtf_family_price_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

    }


    /* -----------------------------------------------------
       MAIN ROW
    ----------------------------------------------------- */

    .dtf_family_price_main_row {

        margin-left: 0;

        margin-right: 0;

    }


    .dtf_family_price_main_row > div {

        padding-left: 0;

        padding-right: 0;

    }


    /* -----------------------------------------------------
       LEFT CARD
    ----------------------------------------------------- */

    .dtf_family_price_left_card {

        padding: 23px 18px;

        border-radius: 18px;

    }


    .dtf_family_price_card_heading {

        gap: 11px;

        margin-bottom: 17px;

    }


    .dtf_family_price_icon {

        flex: 0 0 43px;

        width: 43px;

        height: 43px;

        border-radius: 12px;

        font-size: 17px;

    }


    .dtf_family_price_small_label {

        margin-bottom: 4px;

        font-size: 10px;

        letter-spacing: 0.4px;

    }


    .dtf_family_price_card_heading h3 {

        font-size: 17px;

        line-height: 1.4;

    }


    .dtf_family_price_left_text {

        margin-bottom: 21px;

        font-size: 13px;

        line-height: 1.75;

    }


    /* -----------------------------------------------------
       PRICE FACTORS
    ----------------------------------------------------- */

    .dtf_family_price_factors {

        gap: 8px;

    }


    .dtf_family_price_factor_item {

        gap: 10px;

        padding: 10px 11px;

        border-radius: 11px;

    }


    .dtf_family_price_factor_item:hover {

        transform: none;

    }


    .dtf_family_price_factor_icon {

        flex: 0 0 34px;

        width: 34px;

        height: 34px;

        border-radius: 9px;

        font-size: 13px;

    }


    .dtf_family_price_factor_item h4 {

        margin-bottom: 1px;

        font-size: 12px;

    }


    .dtf_family_price_factor_item p {

        font-size: 11px;

        line-height: 1.45;

    }


    /* -----------------------------------------------------
       RIGHT CARD
    ----------------------------------------------------- */

    .dtf_family_price_right_card {

        padding: 23px 18px;

        border-radius: 18px;

    }


    /* -----------------------------------------------------
       PRICE TRANSPARENCY
    ----------------------------------------------------- */

    .dtf_family_price_transparency {

        gap: 10px;

        padding: 13px;

        margin-bottom: 25px;

        font-size: 11px;

        line-height: 1.7;

        text-align: justify;

    }


    .dtf_family_price_transparency_icon {

        flex: 0 0 33px;

        width: 33px;

        height: 33px;

        border-radius: 9px;

        font-size: 13px;

    }


    /* -----------------------------------------------------
       CONTINUE PLANNING
    ----------------------------------------------------- */

    .dtf_family_price_continue_label {

        margin-bottom: 6px;

        font-size: 10px;

        letter-spacing: 0.7px;

    }


    .dtf_family_price_continue h3 {

        margin-bottom: 11px;

        font-size: 21px;

        line-height: 1.35;

    }


    .dtf_family_price_continue p {

        margin-bottom: 21px;

        font-size: 12px;

        line-height: 1.75;

        text-align: justify;

    }


    /* -----------------------------------------------------
       ACTION LINKS
    ----------------------------------------------------- */

    .dtf_family_price_actions {

        gap: 9px;

    }


    .dtf_family_price_action {

        width: 100%;

        gap: 10px;

        padding: 11px 12px;

        border-radius: 11px;

    }


    .dtf_family_price_action:hover {

        transform: none;

    }


    .dtf_family_price_action_icon {

        flex: 0 0 34px;

        width: 34px;

        height: 34px;

        border-radius: 9px;

        font-size: 13px;

    }


    .dtf_family_price_action_content {

        min-width: 0;

        gap: 2px;

    }


    .dtf_family_price_action_content strong {

        font-size: 12px;

        line-height: 1.4;

    }


    .dtf_family_price_action_content small {

        font-size: 10px;

        line-height: 1.45;

    }


    .dtf_family_price_action_content small i {

        margin-left: 2px;

    }


    /* -----------------------------------------------------
       QUOTATION BUTTON
    ----------------------------------------------------- */

    .dtf_family_price_quote_button {

        width: 100%;

        gap: 10px;

        margin-top: 3px;

        padding: 13px 13px;

        border-radius: 11px;

        font-size: 11px;

        line-height: 1.45;

    }


    .dtf_family_price_quote_button span {

        min-width: 0;

        gap: 7px;

    }


    .dtf_family_price_quote_button span i {

        flex: 0 0 auto;

    }


    .dtf_family_price_quote_button > i {

        flex: 0 0 auto;

        font-size: 10px;

    }


    /* -----------------------------------------------------
       FINAL NOTE
    ----------------------------------------------------- */

    .dtf_family_price_final_note {

        margin-top: 17px;

        padding-top: 13px;

        font-size: 10px;

        line-height: 1.65;

    }


    /* -----------------------------------------------------
       DECORATIVE CIRCLES
    ----------------------------------------------------- */

    .dtf_family_price_right_card::before {

        width: 140px;

        height: 140px;

        top: -70px;

        right: -55px;

    }


    .dtf_family_price_right_card::after {

        width: 90px;

        height: 90px;

        bottom: -50px;

        left: -35px;

    }

}












/* =========================================================
   TIRUPATI FAMILY TRIP - SINGAPORE TRAVELLERS SECTION
========================================================= */

.dtf_sg_family_trip_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


.dtf_sg_family_trip_section * {

    box-sizing: border-box;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_sg_family_trip_intro {

    max-width: 900px;

    margin: 0 auto 25px;

}


.dtf_sg_family_trip_badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: rgba(243, 82, 90, 0.08);

    border: 1px solid rgba(243, 82, 90, 0.20);

    border-radius: 50px;

    color: #f3525a;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.3px;

}


.dtf_sg_family_trip_badge i {

    color: #f3525a;

    font-size: 17px;

}


.dtf_sg_family_trip_title {

    margin: 0 0 17px;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 700;

    color: #172033;

}


.dtf_sg_family_trip_description {

    max-width: 820px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 1.8;

    color: #536174;

}


/* =========================================================
   TRAVEL FLOW WRAPPER
========================================================= */

.dtf_sg_family_trip_flow_wrapper {

    max-width: 1180px;

    margin: 0 auto;

    padding: 35px;

    background: #f8fafc;

    border: 1px solid #e6ebf0;

    border-radius: 24px;

    box-shadow: 0 18px 45px rgba(23, 32, 51, 0.06);

}


.dtf_sg_family_trip_flow_heading {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 30px;

}


.dtf_sg_family_trip_flow_icon {

    width: 52px;

    height: 52px;

    flex: 0 0 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    border-radius: 15px;

    color: #ffffff;

    font-size: 20px;

    box-shadow: 0 9px 20px rgba(243, 82, 90, 0.22);

}


.dtf_sg_family_trip_flow_title {

    margin: 0 0 5px;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}


.dtf_sg_family_trip_route_title {

    font-size: 14px;

    font-weight: 600;

    color: #f3525a;

}


.dtf_sg_family_trip_route_title span {

    padding: 0 5px;

    color: #172033;

}

/* ROUTE CARDS */

.dtf_sg_family_trip_route_card {
    position: relative;
    padding: 24px 22px;
    background: #ffffff;
    border: 1px solid #e5eaf0;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.dtf_sg_family_trip_route_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #f3525a;
}

.dtf_sg_family_trip_route_card:hover {
    transform: translateY(-6px);
    border-color: rgba(243, 82, 90, 0.28);
    box-shadow: 0 16px 32px rgba(23, 32, 51, 0.09);
}

.dtf_sg_family_trip_route_number {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #f9b0b3;
    letter-spacing: 1px;
}

.dtf_sg_family_trip_route_icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    background: rgba(243, 82, 90, 0.08);
    border-radius: 16px;
    color: #f3525a;
    font-size: 20px;
}

.dtf_sg_family_trip_route_content {
    display: block;
}

.dtf_sg_family_trip_route_label {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #7a8798;
}

.dtf_sg_family_trip_route_content h4 {
    margin: 0 0 6px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: #172033;
}

.dtf_sg_family_trip_route_destination {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    color: #536174;
}

/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.dtf_sg_family_trip_notice {

    max-width: 1180px;

    margin: 30px auto 0;

    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 22px 25px;

    background: #f8fafc;

    border: 1px solid #e6ebf0;

    border-left: 4px solid #f3525a;

    border-radius: 15px;

}


.dtf_sg_family_trip_notice_icon {

    width: 38px;

    height: 38px;

    flex: 0 0 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(243, 82, 90, 0.09);

    border-radius: 50%;

    color: #f3525a;

    font-size: 16px;

}


.dtf_sg_family_trip_notice_content {

    padding-top: 2px;

    font-size: 14px;

    line-height: 1.8;

    color: #536174;

    text-align: justify;

}


.dtf_sg_family_trip_notice_content strong {

    margin-right: 4px;

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   CONTINUE PLANNING
========================================================= */

.dtf_sg_family_trip_continue {

    max-width: 1180px;

    margin: 30px auto 0;

    padding: 30px 32px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    background: #172033;

    border-radius: 22px;

    position: relative;

    overflow: hidden;

}


.dtf_sg_family_trip_continue::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -70px;

    top: -95px;

    border-radius: 50%;

    border: 25px solid rgba(249, 176, 179, 0.18);

}


.dtf_sg_family_trip_continue_heading {

    position: relative;

    z-index: 1;

}


.dtf_sg_family_trip_continue_badge {

    display: inline-block;

    margin-bottom: 8px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #f9b0b3;

}


.dtf_sg_family_trip_continue_heading h3 {

    margin: 0 0 7px;

    font-size: 24px;

    line-height: 1.35;

    font-weight: 700;

    color: #ffffff;

}


.dtf_sg_family_trip_continue_heading p {

    margin: 0;

    font-size: 14px;

    line-height: 1.7;

    color: rgba(255, 255, 255, 0.72);

}


.dtf_sg_family_trip_continue_action {

    position: relative;

    z-index: 2;

    flex: 0 0 auto;

}


.dtf_sg_family_trip_guide_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    min-height: 50px;

    padding: 13px 20px;

    background: #f3525a;

    border: 1px solid #f3525a;

    border-radius: 40px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;

}


.dtf_sg_family_trip_guide_btn:hover {

    background: #f9b0b3;

    border-color: #f9b0b3;

    color: #172033;

    transform: translateY(-2px);

}


.dtf_sg_family_trip_guide_btn i {

    font-size: 13px;

    transition: transform 0.3s ease;

}


.dtf_sg_family_trip_guide_btn:hover i {

    transform: translateX(4px);

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dtf_sg_family_trip_section {

        padding: 55px 20px 55px;

    }


    /* SECTION INTRO */

    .dtf_sg_family_trip_intro {

        max-width: 800px;

        margin-bottom: 30px;

    }


    .dtf_sg_family_trip_title {

        font-size: 36px;

        line-height: 1.25;

    }


    .dtf_sg_family_trip_description {

        max-width: 720px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* TRAVEL FLOW */

    .dtf_sg_family_trip_flow_wrapper {

        padding: 28px 24px;

        border-radius: 21px;

    }


    .dtf_sg_family_trip_flow_heading {

        justify-content: center;

        text-align: center;

        margin-bottom: 25px;

    }


    .dtf_sg_family_trip_flow_heading > div:last-child {

        text-align: center;

    }


    .dtf_sg_family_trip_flow_title {

        font-size: 19px;

    }


    .dtf_sg_family_trip_route_title {

        font-size: 13px;

    }


    /* ROUTE CARDS */

    .dtf_sg_family_trip_route_card {

        min-height: 190px;

        padding: 24px 18px;

        border-radius: 17px;

        text-align: center;

    }


    .dtf_sg_family_trip_route_icon {

        width: 50px;

        height: 50px;

        margin: 0 auto 12px;

        font-size: 19px;

    }


    .dtf_sg_family_trip_route_content {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        width: 100%;

    }


    .dtf_sg_family_trip_route_label {

        margin-bottom: 5px;

    }


    .dtf_sg_family_trip_route_content h4 {

        font-size: 20px;

        text-align: center;

    }


    .dtf_sg_family_trip_route_destination {

        font-size: 13px;

        text-align: center;

    }


    .dtf_sg_family_trip_route_number {

        top: 14px;

        right: 16px;

        font-size: 11px;

    }


    /* IMPORTANT NOTICE */

    .dtf_sg_family_trip_notice {

        margin-top: 25px;

        padding: 20px 22px;

        gap: 14px;

    }


    .dtf_sg_family_trip_notice_content {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


    /* CONTINUE PLANNING */

    .dtf_sg_family_trip_continue {

        margin-top: 25px;

        padding: 26px 25px;

        gap: 25px;

        border-radius: 20px;

    }


    .dtf_sg_family_trip_continue_heading h3 {

        font-size: 22px;

    }


    .dtf_sg_family_trip_continue_heading p {

        font-size: 13px;

    }


    .dtf_sg_family_trip_guide_btn {

        min-height: 48px;

        padding: 12px 18px;

        font-size: 13px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .dtf_sg_family_trip_section {

        padding: 45px 15px 45px;

    }


    /* SECTION INTRO */

    .dtf_sg_family_trip_intro {

        margin-bottom: 28px;

    }


    .dtf_sg_family_trip_badge {

        gap: 7px;

        padding: 8px 14px;

        margin-bottom: 15px;

        font-size: 12px;

    }


    .dtf_sg_family_trip_badge i {

        font-size: 15px;

    }


    .dtf_sg_family_trip_title {

        margin-bottom: 13px;

        font-size: 29px;

        line-height: 1.3;

    }


    .dtf_sg_family_trip_description {

        font-size: 14px;

        line-height: 1.75;

    }


    /* TRAVEL FLOW */

    .dtf_sg_family_trip_flow_wrapper {

        padding: 22px 16px;

        border-radius: 18px;

    }


    .dtf_sg_family_trip_flow_heading {

        flex-direction: column;

        gap: 10px;

        margin-bottom: 23px;

    }


    .dtf_sg_family_trip_flow_icon {

        width: 46px;

        height: 46px;

        flex: 0 0 46px;

        border-radius: 13px;

        font-size: 18px;

    }


    .dtf_sg_family_trip_flow_title {

        margin-bottom: 4px;

        font-size: 17px;

        line-height: 1.4;

    }


    .dtf_sg_family_trip_route_title {

        font-size: 12px;

    }


    .dtf_sg_family_trip_route_title span {

        padding: 0 3px;

    }


    /* ROUTE CARDS */

    .dtf_sg_family_trip_route_card {

        min-height: 0;

        padding: 24px 18px;

        border-radius: 17px;

        text-align: center;

    }


    .dtf_sg_family_trip_route_card::before {

        height: 3px;

    }


    .dtf_sg_family_trip_route_number {

        top: 13px;

        right: 15px;

        font-size: 10px;

    }


    .dtf_sg_family_trip_route_icon {

        width: 48px;

        height: 48px;

        margin: 0 auto 12px;

        border-radius: 14px;

        font-size: 18px;

    }


    .dtf_sg_family_trip_route_content {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        width: 100%;

    }


    .dtf_sg_family_trip_route_label {

        margin-bottom: 5px;

        font-size: 10px;

        letter-spacing: 0.7px;

        text-align: center;

    }


    .dtf_sg_family_trip_route_content h4 {

        margin-bottom: 6px;

        font-size: 20px;

        line-height: 1.3;

        text-align: center;

    }


    .dtf_sg_family_trip_route_destination {

        font-size: 13px;

        line-height: 1.6;

        text-align: center;

    }


    /* IMPORTANT NOTICE */

    .dtf_sg_family_trip_notice {

        margin-top: 22px;

        padding: 17px 16px;

        gap: 11px;

        border-radius: 13px;

        border-left-width: 3px;

    }


    .dtf_sg_family_trip_notice_icon {

        width: 32px;

        height: 32px;

        flex: 0 0 32px;

        font-size: 14px;

    }


    .dtf_sg_family_trip_notice_content {

        padding-top: 0;

        font-size: 12px;

        line-height: 1.75;

        text-align: justify;

    }


    .dtf_sg_family_trip_notice_content strong {

        margin-right: 3px;

    }


    /* CONTINUE PLANNING */

    .dtf_sg_family_trip_continue {

        margin-top: 22px;

        padding: 23px 19px;

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-start;

        gap: 20px;

        border-radius: 18px;

    }


    .dtf_sg_family_trip_continue::after {

        width: 130px;

        height: 130px;

        right: -65px;

        top: -75px;

        border-width: 18px;

    }


    .dtf_sg_family_trip_continue_heading {

        width: 100%;

    }


    .dtf_sg_family_trip_continue_badge {

        margin-bottom: 7px;

        font-size: 10px;

        letter-spacing: 0.8px;

    }


    .dtf_sg_family_trip_continue_heading h3 {

        margin-bottom: 7px;

        font-size: 20px;

        line-height: 1.4;

    }


    .dtf_sg_family_trip_continue_heading p {

        font-size: 12px;

        line-height: 1.7;

    }


    .dtf_sg_family_trip_continue_action {

        width: 100%;

    }


    .dtf_sg_family_trip_guide_btn {

        width: 100%;

        min-height: 47px;

        padding: 11px 17px;

        border-radius: 40px;

        font-size: 13px;

    }


    .dtf_sg_family_trip_guide_btn i {

        font-size: 12px;

    }

}














/* =========================================================
     EXPLORE MORE TIRUPATI OPTIONS
========================================================= */

.dtf_premium_related_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #dfe7ef;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


.dtf_premium_related_section * {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtf_premium_related_header {

    max-width: 850px;

    margin: 0 auto 30px;

}


.dtf_premium_related_label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 7px 15px 7px 8px;

    margin-bottom: 18px;

    background: rgba(255, 255, 255, 0.92);

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    box-shadow:
        0 8px 25px rgba(23, 32, 51, 0.07);

}


.dtf_premium_related_label_icon {

    width: 36px;

    height: 36px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 15px;

}


.dtf_premium_related_label_text {

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.12em;

    text-transform: uppercase;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.dtf_premium_related_heading {

    margin: 0 0 17px;

    color: #172033;

    font-size: 45px;

    font-weight: 700;

    line-height: 1.18;

}


.dtf_premium_related_intro {

    max-width: 760px;

    margin: 0 auto;

    color: #687486;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.85;

}


/* =========================================================
   RESOURCE CARD ROW
========================================================= */

.dtf_premium_related_cards {

    align-items: stretch;

}


/* =========================================================
   RESOURCE CARD
========================================================= */

.dtf_premium_related_card {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    min-height: 285px;

    padding: 30px 28px 27px;

    background: rgba(255, 255, 255, 0.97);

    border: 1px solid rgba(243, 82, 90, 0.13);

    border-radius: 22px;

    cursor: pointer;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


.dtf_premium_related_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 5px;

    background: #f3525a;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 0.35s ease;

}


.dtf_premium_related_card::after {

    content: "";

    position: absolute;

    right: -55px;

    bottom: -65px;

    width: 155px;

    height: 155px;

    border-radius: 50%;

    background: #f9b0b3;

    opacity: 0.25;

    transition:
        transform 0.4s ease,
        opacity 0.4s ease;

}


.dtf_premium_related_card:hover {

    transform: translateY(-9px);

    border-color: rgba(243, 82, 90, 0.32);

    box-shadow:
        0 22px 48px rgba(23, 32, 51, 0.13);

}


.dtf_premium_related_card:hover::before {

    transform: scaleX(1);

}


.dtf_premium_related_card:hover::after {

    transform: scale(1.45);

    opacity: 0.4;

}


/* =========================================================
   CARD NUMBER
========================================================= */

.dtf_premium_related_number {

    position: absolute;

    top: 18px;

    right: 22px;

    z-index: 3;

    color: rgba(23, 32, 51, 0.16);

    font-size: 30px;

    font-weight: 700;

    line-height: 1;

    transition:
        color 0.3s ease,
        transform 0.3s ease;

}


.dtf_premium_related_card:hover .dtf_premium_related_number {

    color: rgba(243, 82, 90, 0.28);

    transform: translateY(-3px);

}


/* =========================================================
   CARD ICON
========================================================= */

.dtf_premium_related_icon_wrap {

    position: relative;

    z-index: 2;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 58px;

    margin-bottom: 23px;

    background: #f9b0b3;

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 17px;

    font-size: 21px;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.10);

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

}


.dtf_premium_related_card:hover .dtf_premium_related_icon_wrap {

    background: #f3525a;

    color: #ffffff;

    transform:
        translateY(-4px)
        rotate(-4deg);

    box-shadow:
        0 12px 24px rgba(243, 82, 90, 0.22);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtf_premium_related_card_body {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    flex: 1;

    min-width: 0;

}


.dtf_premium_related_card_body h3 {

    max-width: 285px;

    margin: 0 0 11px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.45;

    transition:
        color 0.3s ease;

}


.dtf_premium_related_card:hover
.dtf_premium_related_card_body h3 {

    color: #f3525a;

}


.dtf_premium_related_card_body p {

    max-width: 315px;

    min-height: 43px;

    margin: 0 0 auto;

    color: #687486;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.7;

    text-align: justify;

}

/* =========================================================
   EXPLORE LINK HOVER
========================================================= */

.dtf_premium_related_link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #f3525a;

    text-decoration: none;

    transition:
        color 0.3s ease,
        transform 0.3s ease;

}


.dtf_premium_related_link i {

    font-size: 10px;

    transition:
        transform 0.3s ease;

}


.dtf_premium_related_link:hover {

    color: #f3525a;

    text-decoration: none;

    transform: translateX(3px);

}


.dtf_premium_related_link:hover i {

    transform: translateX(6px);

}
/* =========================================================
   CORNER EXTERNAL LINK ICON
========================================================= */

.dtf_premium_related_corner_icon {

    position: absolute;

    right: 24px;

    bottom: 24px;

    z-index: 4;

    width: 31px;

    height: 31px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.15);

    border-radius: 50%;

    font-size: 10px;

    opacity: 0;

    transform: translateY(8px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;

}


.dtf_premium_related_card:hover
.dtf_premium_related_corner_icon {

    opacity: 1;

    transform: translateY(0);

}


/* =========================================================
   CARD FOCUS
========================================================= */

.dtf_premium_related_card:focus {

    outline: none;

}


.dtf_premium_related_card:focus-visible {

    outline: 3px solid rgba(243, 82, 90, 0.25);

    outline-offset: 4px;

}


/* =========================================================
   FINAL CTA
========================================================= */

.dtf_premium_related_cta {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top: 55px;

    padding: 27px 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.15);

    border-radius: 22px;

    box-shadow:
        0 14px 35px rgba(23, 32, 51, 0.08);

    overflow: hidden;

}


.dtf_premium_related_cta::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 100%;

    background: #f3525a;

}


.dtf_premium_related_cta::after {

    content: "";

    position: absolute;

    right: -45px;

    top: -70px;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    background: #f9b0b3;

    opacity: 0.35;

}


/* =========================================================
   CTA CONTENT
========================================================= */

.dtf_premium_related_cta_content {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 14px;

}


.dtf_premium_related_cta_icon {

    width: 45px;

    height: 45px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 45px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 13px;

    font-size: 17px;

}


.dtf_premium_related_cta_content p {

    margin: 0;

    color: #172033;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.dtf_premium_related_cta_button {

    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 14px 23px;

    background: #f3525a;

    color: #ffffff;

    border: 2px solid #f3525a;

    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.2;

    box-shadow:
        0 10px 23px rgba(243, 82, 90, 0.22);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.dtf_premium_related_cta_button:hover {

    background: #ffffff;

    color: #f3525a;

    border-color: #f3525a;

    transform: translateY(-3px);

    box-shadow:
        0 15px 30px rgba(23, 32, 51, 0.12);

    text-decoration: none;

}


.dtf_premium_related_cta_button i {

    font-size: 10px;

    transition:
        transform 0.3s ease;

}


.dtf_premium_related_cta_button:hover i {

    transform: translateX(5px);

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .dtf_premium_related_card,
    .dtf_premium_related_card::before,
    .dtf_premium_related_card::after,
    .dtf_premium_related_icon_wrap,
    .dtf_premium_related_number,
    .dtf_premium_related_link i,
    .dtf_premium_related_corner_icon,
    .dtf_premium_related_cta_button,
    .dtf_premium_related_cta_button i {

        transition: none;

    }

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_premium_related_section {

        padding: 55px 20px 60px;

    }


    /* =====================================================
       SECTION HEADER
    ===================================================== */

    .dtf_premium_related_header {

        max-width: 720px;

        margin: 0 auto 38px;

    }


    .dtf_premium_related_label {

        gap: 9px;

        padding: 6px 14px 6px 7px;

        margin-bottom: 15px;

    }


    .dtf_premium_related_label_icon {

        width: 34px;

        height: 34px;

        font-size: 14px;

    }


    .dtf_premium_related_label_text {

        font-size: 11px;

        letter-spacing: 0.10em;

    }


    .dtf_premium_related_heading {

        margin-bottom: 14px;

        font-size: 36px;

        line-height: 1.22;

    }


    .dtf_premium_related_intro {

        max-width: 650px;

        font-size: 13px;

        line-height: 1.8;

    }


    /* =====================================================
       CARD ROW
    ===================================================== */

    .dtf_premium_related_cards {

        row-gap: 24px !important;

    }


    /* =====================================================
       CARD
    ===================================================== */

    .dtf_premium_related_card {

        min-height: 285px;

        padding: 26px 23px 25px;

        border-radius: 19px;

    }


    .dtf_premium_related_card::before {

        height: 4px;

    }


    .dtf_premium_related_card::after {

        width: 140px;

        height: 140px;

        right: -50px;

        bottom: -60px;

    }


    /* =====================================================
       CARD NUMBER
    ===================================================== */

    .dtf_premium_related_number {

        top: 17px;

        right: 19px;

        font-size: 27px;

    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtf_premium_related_icon_wrap {

        width: 53px;

        height: 53px;

        flex: 0 0 53px;

        margin-bottom: 20px;

        border-radius: 15px;

        font-size: 19px;

    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .dtf_premium_related_card_body h3 {

        max-width: 245px;

        margin-bottom: 10px;

        font-size: 16px;

        line-height: 1.45;

    }


    .dtf_premium_related_card_body p {

        max-width: 100%;

        min-height: 43px;

        margin-bottom: 0;

        font-size: 12px;

        line-height: 1.7;

    }


    /* =====================================================
       EXPLORE LINK
    ===================================================== */

    .dtf_premium_related_link {

        margin-top: 17px;

        font-size: 11px;

        gap: 7px;

    }


    .dtf_premium_related_link i {

        font-size: 9px;

    }


    /* =====================================================
       CORNER ICON
    ===================================================== */

    .dtf_premium_related_corner_icon {

        right: 19px;

        bottom: 19px;

        width: 29px;

        height: 29px;

        font-size: 9px;

    }


    /* =====================================================
       CTA
    ===================================================== */

    .dtf_premium_related_cta {

        margin-top: 42px;

        padding: 24px 25px;

        border-radius: 19px;

    }


    .dtf_premium_related_cta_content {

        gap: 12px;

    }


    .dtf_premium_related_cta_icon {

        width: 43px;

        height: 43px;

        flex: 0 0 43px;

        border-radius: 12px;

        font-size: 16px;

    }


    .dtf_premium_related_cta_content p {

        font-size: 14px;

    }


    .dtf_premium_related_cta_button {

        padding: 13px 20px;

        font-size: 11px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .dtf_premium_related_section {

        padding: 50px 15px 55px;

    }


    /* =====================================================
       SECTION HEADER
    ===================================================== */

    .dtf_premium_related_header {

        max-width: 100%;

        margin: 0 auto 30px;

    }


    .dtf_premium_related_label {

        gap: 8px;

        padding: 6px 12px 6px 7px;

        margin-bottom: 14px;

    }


    .dtf_premium_related_label_icon {

        width: 31px;

        height: 31px;

        font-size: 13px;

    }


    .dtf_premium_related_label_text {

        font-size: 10px;

        letter-spacing: 0.08em;

    }


    .dtf_premium_related_heading {

        margin-bottom: 13px;

        font-size: 23px;

        line-height: 1.25;

    }


    .dtf_premium_related_intro {

        max-width: 100%;

        font-size: 12px;

        line-height: 1.75;

    }


    /* =====================================================
       CARD ROW
    ===================================================== */

    .dtf_premium_related_cards {

        row-gap: 18px !important;

    }


    /* =====================================================
       CARD
    ===================================================== */

    .dtf_premium_related_card {

        min-height: 235px;

        padding: 23px 19px 22px;

        border-radius: 17px;

    }


    .dtf_premium_related_card::before {

        height: 4px;

    }


    .dtf_premium_related_card::after {

        width: 125px;

        height: 125px;

        right: -45px;

        bottom: -52px;

    }


    /* =====================================================
       CARD NUMBER
    ===================================================== */

    .dtf_premium_related_number {

        top: 15px;

        right: 17px;

        font-size: 24px;

    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtf_premium_related_icon_wrap {

        width: 48px;

        height: 48px;

        flex: 0 0 48px;

        margin-bottom: 18px;

        border-radius: 13px;

        font-size: 17px;

    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .dtf_premium_related_card_body {

        min-height: 0;

    }


    .dtf_premium_related_card_body h3 {

        max-width: calc(100% - 35px);

        margin-bottom: 9px;

        font-size: 15px;

        line-height: 1.42;

    }


    .dtf_premium_related_card_body p {

        max-width: 100%;

        min-height: auto;

        margin-bottom: 0;

        font-size: 11.5px;

        line-height: 1.65;

        text-align: justify;

    }


    /* =====================================================
       EXPLORE LINK
    ===================================================== */

    .dtf_premium_related_link {

        margin-top: 16px;

        gap: 7px;

        font-size: 10.5px;

        letter-spacing: 0.04em;

    }


    .dtf_premium_related_link i {

        font-size: 9px;

    }


    /* =====================================================
       CORNER ICON
    ===================================================== */

    .dtf_premium_related_corner_icon {

        right: 17px;

        bottom: 17px;

        width: 27px;

        height: 27px;

        font-size: 9px;

    }


    /* =====================================================
       CTA
    ===================================================== */

    .dtf_premium_related_cta {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        justify-content: center;

        gap: 18px;

        margin-top: 35px;

        padding: 23px 18px;

        border-radius: 17px;

    }


    .dtf_premium_related_cta::before {

        width: 4px;

    }


    .dtf_premium_related_cta::after {

        width: 135px;

        height: 135px;

        right: -40px;

        top: -60px;

    }


    /* =====================================================
       CTA CONTENT
    ===================================================== */

    .dtf_premium_related_cta_content {

        gap: 11px;

    }


    .dtf_premium_related_cta_icon {

        width: 41px;

        height: 41px;

        flex: 0 0 41px;

        border-radius: 11px;

        font-size: 15px;

    }


    .dtf_premium_related_cta_content p {

        font-size: 13px;

        line-height: 1.5;

    }


    /* =====================================================
       CTA BUTTON
    ===================================================== */

    .dtf_premium_related_cta_button {

        width: 100%;

        padding: 13px 17px;

        font-size: 10.5px;

        border-radius: 50px;

    }


    .dtf_premium_related_cta_button i {

        font-size: 9px;

    }

}












/* =========================================================
   PLAN YOUR TIRUPATI FAMILY TRIP
========================================================= */

.dtx-family-trip-section{
    background:#0d4565;
    padding:70px 20px;
    position:relative;
    overflow:hidden;
}

.dtx-family-trip-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:32px 32px;
    pointer-events:none;
}

.dtx-family-trip-section .container{
    position:relative;
    z-index:2;
}

.dtx-family-trip-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(0,255,255,0.08);
    border:1px solid rgba(0,255,255,0.25);
    color:#6be8ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.dtx-family-trip-title{
    color:#fff;
    font-size:40px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:15px;
}

.dtx-family-trip-description{
    max-width:750px;
    margin:auto;
    color:rgba(255,255,255,0.88);
    font-size:16px;
    line-height:1.7;
}

.dtx-family-trip-info-card{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:20px;
    background:rgba(0,0,0,0.18);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:16px;
    height:100%;
}

.dtx-family-trip-icon{
    width:46px;
    height:46px;
    border-radius:10px;
    background:rgba(0,255,255,0.08);
    color:#64e7ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
}

.dtx-family-trip-info-card h5{
    color:#fff;
    font-size:17px;
    font-weight:700;
    margin-bottom:6px;
}

.dtx-family-trip-info-card p{
    margin:0;
    color:rgba(255,255,255,0.65);
    font-size:14px;
}

.dtx-family-trip-btn-primary{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:linear-gradient(90deg,#18d1ff,#2d6cff);
    color:#fff;
    text-decoration:none;
    padding:14px 28px;
    border-radius:40px;
    font-size:17px;
    font-weight:700;
    margin-right:12px;
}

.dtx-family-trip-btn-primary:hover{
    color:#fff;
    transform:translateY(-3px);
}


.dtx-family-trip-btn-secondary{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:14px 28px;

    border-radius:40px;

    text-decoration:none;

    color:#fff;

    font-size:17px;

    font-weight:700;

    border:1px solid #25D366;

    background:#25D366;

    transition:all 0.3s ease;

}

.dtx-family-trip-btn-secondary:hover{

    color:#fff;

    transform:translateY(-3px);

    background:#1ebe5d;

    border-color:#1ebe5d;

    box-shadow:0 8px 20px rgba(37,211,102,0.30);

}
.dtx-family-trip-note{
    margin-top:15px;
    color:rgba(255,255,255,0.65);
    font-size:14px;
}

.dtx-family-trip-scope-box{
    background:rgba(0,0,0,0.15);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:18px;
    padding:28px;
}

.dtx-family-trip-scope-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:10px;
    background:#f2c94c;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-size:17px;
}

.dtx-family-trip-scope-box h4{
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin-bottom:12px;
}

.dtx-family-trip-scope-box p{
    color:rgba(255,255,255,0.78);
    font-size:15px;
    line-height:1.8;
    margin-bottom:12px;
    text-align: justify;
}

.dtx-family-trip-footer-text{
    color:rgba(255,255,255,0.55);
    font-size:13px;
    margin:0;
}
/* =========================================================
   PLAN YOUR TIRUPATI FAMILY TRIP
   RESPONSIVE - TABLET & MOBILE
========================================================= */


/* =========================================================
   TABLET - 768px TO 991px
========================================================= */

@media (min-width:768px) and (max-width:991px){

    .dtx-family-trip-section{
        padding:60px 20px;
    }

    .dtx-family-trip-badge{
        padding:7px 16px;
        font-size:11px;
        letter-spacing:1.2px;
        margin-bottom:16px;
    }

    .dtx-family-trip-title{
        font-size:34px;
        line-height:1.25;
        margin-bottom:13px;
    }

    .dtx-family-trip-description{
        max-width:650px;
        font-size:15px;
        line-height:1.7;
    }

    .dtx-family-trip-info-card{
        gap:12px;
        padding:18px;
        border-radius:14px;
    }

    .dtx-family-trip-icon{
        width:42px;
        height:42px;
        min-width:42px;
        font-size:15px;
    }

    .dtx-family-trip-info-card h5{
        font-size:16px;
        margin-bottom:5px;
    }

    .dtx-family-trip-info-card p{
        font-size:13px;
        line-height:1.6;
    }

    .dtx-family-trip-btn-primary,
    .dtx-family-trip-btn-secondary{
        padding:13px 24px;
        font-size:16px;
        margin:6px 4px;
    }

    .dtx-family-trip-note{
        margin-top:13px;
        font-size:13px;
    }

    .dtx-family-trip-scope-box{
        padding:24px;
        border-radius:16px;
    }

    .dtx-family-trip-scope-icon{
        width:42px;
        height:42px;
        min-width:42px;
        margin-right:12px;
        font-size:15px;
    }

    .dtx-family-trip-scope-box h4{
        font-size:19px;
        margin-bottom:10px;
    }

    .dtx-family-trip-scope-box p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:10px;
    }

    .dtx-family-trip-footer-text{
        font-size:12px;
    }

}


/* =========================================================
   MOBILE - UP TO 767px
========================================================= */

@media (max-width:767px){

    .dtx-family-trip-section{
        padding:50px 15px;
    }

    .dtx-family-trip-section::before{
        background-size:26px 26px;
    }

    .dtx-family-trip-badge{
        padding:7px 15px;
        font-size:10px;
        letter-spacing:1px;
        margin-bottom:15px;
    }

    .dtx-family-trip-title{
        font-size:28px;
        line-height:1.25;
        margin-bottom:12px;
    }

    .dtx-family-trip-description{
        max-width:100%;
        font-size:15px;
        line-height:1.7;
    }

    .dtx-family-trip-info-card{
        gap:12px;
        padding:17px;
        border-radius:14px;
    }

    .dtx-family-trip-icon{
        width:40px;
        height:40px;
        min-width:40px;
        border-radius:9px;
        font-size:14px;
    }

    .dtx-family-trip-info-card h5{
        font-size:16px;
        line-height:1.4;
        margin-bottom:5px;
    }

    .dtx-family-trip-info-card p{
        font-size:13px;
        line-height:1.6;
    }

    .dtx-family-trip-btn-primary,
    .dtx-family-trip-btn-secondary{
        width:100%;
        justify-content:center;
        padding:13px 20px;
        font-size:15px;
        margin:6px 0;
        border-radius:40px;
    }

    .dtx-family-trip-note{
        margin-top:12px;
        font-size:13px;
        line-height:1.6;
    }

    .dtx-family-trip-scope-box{
        padding:20px;
        border-radius:15px;
    }

    .dtx-family-trip-scope-icon{
        width:40px;
        height:40px;
        min-width:40px;
        margin-right:10px;
        font-size:14px;
    }

    .dtx-family-trip-scope-box h4{
        font-size:18px;
        line-height:1.4;
        margin-bottom:10px;
    }

    .dtx-family-trip-scope-box p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:10px;
        text-align:justify;
    }

    .dtx-family-trip-footer-text{
        font-size:12px;
        line-height:1.6;
    }

}

/* =========================================================
   TIRUPATI FAMILY TOUR PACKAGE END
========================================================= */







/* =========================================================
   TIRUPATI TRAVEL GUIDE FOR SINGAPORE TRAVELLERS START
========================================================= */


/* ============ BEFORE YOU TRAVEL - TIRUPATI TRIP PLANNING SECTION =========== */

.dtf_tirupati_trip_planning_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

}


.dtf_tirupati_trip_planning_section * {

    box-sizing: border-box;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtf_tirupati_trip_planning_intro {

    max-width: 850px;

    margin: 0 auto 30px;

}


/* =========================================================
   BADGE
========================================================= */

.dtf_tirupati_trip_planning_badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 9px 18px;

    border-radius: 50px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    margin-bottom: 18px;

}


.dtf_tirupati_trip_planning_badge_icon {

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 12px;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtf_tirupati_trip_planning_title {

    margin: 0;

    font-size: 38px;

    line-height: 1.2;

    font-weight: 700;

    color: #172033;

}


.dtf_tirupati_trip_planning_description {

    max-width: 760px;

    margin: 18px auto 0;

    font-size: 15px;

    line-height: 1.8;

    color: #667085;

}


/* =========================================================
   PLANNING CARD
========================================================= */

.dtf_tirupati_trip_planning_card {

    height: 100%;

    min-height: 315px;

    padding: 30px 25px 28px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 20px;

    position: relative;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.dtf_tirupati_trip_planning_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #f3525a;

}


/* =========================================================
   CARD HOVER
========================================================= */

.dtf_tirupati_trip_planning_card:hover {

    transform: translateY(-8px);

    border-color: #f3525a;

    box-shadow: 0 18px 45px rgba(243, 82, 90, 0.14);

}


/* =========================================================
   CARD NUMBER
========================================================= */

.dtf_tirupati_trip_planning_number {

    position: absolute;

    top: 20px;

    right: 22px;

    font-size: 12px;

    font-weight: 800;

    color: #f9b0b3;

    letter-spacing: 1px;

}


/* =========================================================
   CARD ICON
========================================================= */

.dtf_tirupati_trip_planning_icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 16px;

    background: #fff1f2;

    color: #f3525a;

    font-size: 22px;

    margin-bottom: 24px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.dtf_tirupati_trip_planning_card:hover
.dtf_tirupati_trip_planning_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);

}


/* =========================================================
   CARD TITLE
========================================================= */

.dtf_tirupati_trip_planning_card_title {

    margin: 0 0 13px;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;

}


/* =========================================================
   CARD TEXT
========================================================= */

.dtf_tirupati_trip_planning_card_text {

    margin: 0;

    font-size: 15px;

    line-height: 1.75;

    color: #667085;

    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_tirupati_trip_planning_section {

        padding: 55px 20px 60px;

    }


    .dtf_tirupati_trip_planning_intro {

        max-width: 720px;

        margin-bottom: 35px;

    }


    .dtf_tirupati_trip_planning_badge {

        font-size: 11px;

        padding: 8px 16px;

        margin-bottom: 15px;

    }


    .dtf_tirupati_trip_planning_badge_icon {

        width: 28px;

        height: 28px;

        font-size: 11px;

    }


    .dtf_tirupati_trip_planning_title {

        font-size: 36px;

        line-height: 1.25;

    }


    .dtf_tirupati_trip_planning_description {

        max-width: 680px;

        margin-top: 15px;

        font-size: 15px;

        line-height: 1.75;

    }


    .dtf_tirupati_trip_planning_card {

        min-height: 300px;

        padding: 27px 22px 25px;

        border-radius: 18px;

    }


    .dtf_tirupati_trip_planning_number {

        top: 18px;

        right: 19px;

        font-size: 11px;

    }


    .dtf_tirupati_trip_planning_icon {

        width: 55px;

        height: 55px;

        font-size: 20px;

        margin-bottom: 20px;

        border-radius: 15px;

    }


    .dtf_tirupati_trip_planning_card_title {

        font-size: 18px;

        margin-bottom: 11px;

    }


    .dtf_tirupati_trip_planning_card_text {

        font-size: 14px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtf_tirupati_trip_planning_section {

        padding: 50px 16px 55px;

    }


    .dtf_tirupati_trip_planning_intro {

        max-width: 100%;

        margin: 0 auto 30px;

    }


    .dtf_tirupati_trip_planning_badge {

        gap: 8px;

        padding: 7px 14px;

        font-size: 10px;

        letter-spacing: 0.4px;

        margin-bottom: 15px;

    }


    .dtf_tirupati_trip_planning_badge_icon {

        width: 27px;

        height: 27px;

        font-size: 11px;

    }


    .dtf_tirupati_trip_planning_title {

        font-size: 23px;

        line-height: 1.25;

    }


    .dtf_tirupati_trip_planning_description {

        max-width: 100%;

        margin-top: 14px;

        font-size: 13.5px;

        line-height: 1.7;

        text-align: center;

    }


    .dtf_tirupati_trip_planning_card {

        min-height: auto;

        padding: 27px 22px 25px;

        border-radius: 18px;

    }


    .dtf_tirupati_trip_planning_number {

        top: 17px;

        right: 18px;

        font-size: 11px;

    }


    .dtf_tirupati_trip_planning_icon {

        width: 54px;

        height: 54px;

        font-size: 20px;

        margin-bottom: 20px;

        border-radius: 15px;

    }


    .dtf_tirupati_trip_planning_card_title {

        font-size: 18px;

        line-height: 1.4;

        margin-bottom: 11px;

        padding-right: 25px;

    }


    .dtf_tirupati_trip_planning_card_text {

        font-size: 14px;

        line-height: 1.7;

        text-align: justify;

    }

}














/* =========================================================
   FLIGHTS & AIRPORTS - REACHING TIRUPATI FROM SINGAPORE
========================================================= */

.dtf_sg_tirupati_airports_section {

    width: 100%;

    padding: 60px 20px 60px;

    background: #dfe7ef;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

}


/* =========================================================
   SECTION BACKGROUND DECORATIONS
========================================================= */

.dtf_sg_tirupati_airports_section::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    top: -210px;

    left: -180px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.18);

    pointer-events: none;

}


.dtf_sg_tirupati_airports_section::after {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    right: -150px;

    bottom: -170px;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.07);

    pointer-events: none;

}


/* =========================================================
   COMMON BOX SIZING
========================================================= */

.dtf_sg_tirupati_airports_section * {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtf_sg_tirupati_airports_header {

    max-width: 900px;

    margin: 0 auto 30px;

    position: relative;

    z-index: 2;

}


/* =========================================================
   BADGE
========================================================= */

.dtf_sg_tirupati_airports_badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 10px 19px;

    margin-bottom: 20px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    color: #f3525a;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    box-shadow: 0 8px 22px rgba(23, 32, 51, 0.07);

}


.dtf_sg_tirupati_airports_badge i {

    width: 29px;

    height: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 14px;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtf_sg_tirupati_airports_title {

    margin: 0 0 17px;

    color: #172033;

    font-size: 45px;

    line-height: 1.18;

    font-weight: 800;

    letter-spacing: -0.9px;

}


.dtf_sg_tirupati_airports_title::after {

    content: "";

    display: block;

    width: 58px;

    height: 4px;

    margin: 19px auto 0;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

}


/* =========================================================
   INTRO
========================================================= */

.dtf_sg_tirupati_airports_intro {

    max-width: 800px;

    margin: 16px auto 0;

    color: #596579;

    font-size: 16px;

    line-height: 1.9;

    font-weight: 400;

}


/* =========================================================
   AIRPORT GRID
========================================================= */

.dtf_sg_tirupati_airports_grid {

    position: relative;

    z-index: 2;

}


/* =========================================================
   AIRPORT CARD
========================================================= */

.dtf_sg_tirupati_airport_card {

    height: 100%;

    min-height: 270px;

    padding: 32px 30px 30px;

    background: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.90);

    border-radius: 24px;

    box-shadow:
        0 14px 35px rgba(23, 32, 51, 0.08),
        0 3px 10px rgba(23, 32, 51, 0.04);

    position: relative;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


/* =========================================================
   CARD TOP LINE
========================================================= */

.dtf_sg_tirupati_airport_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f3525a 45%,
        #f9b0b3 100%
    );

}


/* =========================================================
   CARD DECORATIVE LARGE CIRCLE
========================================================= */

.dtf_sg_tirupati_airport_card::after {

    content: "";

    position: absolute;

    width: 175px;

    height: 175px;

    right: -82px;

    bottom: -95px;

    border-radius: 50%;

    border: 28px solid rgba(249, 176, 179, 0.12);

    background: rgba(249, 176, 179, 0.07);

    pointer-events: none;

    transition: transform 0.4s ease;

}


/* =========================================================
   CARD HOVER
========================================================= */

.dtf_sg_tirupati_airport_card:hover {

    transform: translateY(-9px);

    border-color: rgba(243, 82, 90, 0.22);

    box-shadow:
        0 22px 48px rgba(23, 32, 51, 0.12),
        0 6px 16px rgba(243, 82, 90, 0.07);

}


.dtf_sg_tirupati_airport_card:hover::after {

    transform: scale(1.15);

}


/* =========================================================
   AIRPORT ICON
========================================================= */

.dtf_sg_tirupati_airport_icon {

    width: 68px;

    height: 68px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    border-radius: 19px;

    background: linear-gradient(
        145deg,
        #fff1f2,
        #f9b0b3
    );

    border: 1px solid rgba(243, 82, 90, 0.14);

    color: #f3525a;

    font-size: 25px;

    position: relative;

    z-index: 2;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);

}


.dtf_sg_tirupati_airport_icon::before {

    content: "";

    position: absolute;

    inset: 6px;

    border: 1px solid rgba(243, 82, 90, 0.13);

    border-radius: 14px;

}


.dtf_sg_tirupati_airport_icon i {

    position: relative;

    z-index: 2;

    color: #f3525a;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtf_sg_tirupati_airport_content {

    position: relative;

    z-index: 2;

}


.dtf_sg_tirupati_airport_content h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 23px;

    line-height: 1.3;

    font-weight: 750;

    letter-spacing: -0.2px;

}


.dtf_sg_tirupati_airport_content p {

    margin: 0;

    max-width: 360px;

    color: #687386;

    font-size: 15px;

    line-height: 1.85;

    font-weight: 400;

    text-align: justify;

}


/* =========================================================
   CARD LEFT ACCENT
========================================================= */

.dtf_sg_tirupati_airport_card:hover .dtf_sg_tirupati_airport_icon {

    box-shadow:
        0 10px 25px rgba(243, 82, 90, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);

}


/* =========================================================
   TRAVEL NOTE
========================================================= */

.dtf_sg_tirupati_airports_note {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-top: 48px;

    padding: 25px 28px;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(255, 255, 255, 0.95);

    border-left: 5px solid #f3525a;

    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(23, 32, 51, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    position: relative;

    z-index: 2;

}


/* =========================================================
   NOTE ICON
========================================================= */

.dtf_sg_tirupati_airports_note_icon {

    flex: 0 0 43px;

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 13px;

    background: linear-gradient(
        145deg,
        #fff1f2,
        #f9b0b3
    );

    border: 1px solid rgba(243, 82, 90, 0.13);

    color: #f3525a;

    font-size: 18px;

}


.dtf_sg_tirupati_airports_note p {

    margin: 0;

    color: #596579;

    font-size: 15px;

    line-height: 1.85;

    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_sg_tirupati_airports_section {

        padding: 55px 20px 60px;

    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_header {

        max-width: 760px;

        margin: 0 auto 35px;

    }


    .dtf_sg_tirupati_airports_badge {

        padding: 9px 17px;

        margin-bottom: 17px;

        font-size: 11px;

    }


    .dtf_sg_tirupati_airports_badge i {

        width: 27px;

        height: 27px;

        font-size: 13px;

    }


    .dtf_sg_tirupati_airports_title {

        font-size: 36px;

        line-height: 1.22;

        letter-spacing: -0.5px;

    }


    .dtf_sg_tirupati_airports_title::after {

        width: 52px;

        height: 3px;

        margin-top: 16px;

    }


    .dtf_sg_tirupati_airports_intro {

        max-width: 700px;

        margin-top: 14px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* -----------------------------------------------------
       AIRPORT GRID
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_grid {

        margin-left: -8px;

        margin-right: -8px;

    }


    /* -----------------------------------------------------
       AIRPORT CARD
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airport_card {

        min-height: 255px;

        padding: 28px 24px 27px;

        border-radius: 20px;

    }


    .dtf_sg_tirupati_airport_card::after {

        width: 145px;

        height: 145px;

        right: -70px;

        bottom: -80px;

        border-width: 23px;

    }


    /* -----------------------------------------------------
       ICON
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airport_icon {

        width: 60px;

        height: 60px;

        margin-bottom: 20px;

        border-radius: 17px;

        font-size: 22px;

    }


    .dtf_sg_tirupati_airport_icon::before {

        inset: 5px;

        border-radius: 12px;

    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airport_content h3 {

        font-size: 20px;

        line-height: 1.35;

        margin-bottom: 10px;

    }


    .dtf_sg_tirupati_airport_content p {

        max-width: none;

        font-size: 13.5px;

        line-height: 1.8;

        text-align: left;

    }


    /* -----------------------------------------------------
       TRAVEL NOTE
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_note {

        gap: 15px;

        margin-top: 35px;

        padding: 21px 22px;

        border-left-width: 4px;

        border-radius: 15px;

    }


    .dtf_sg_tirupati_airports_note_icon {

        flex: 0 0 39px;

        width: 39px;

        height: 39px;

        border-radius: 11px;

        font-size: 16px;

    }


    .dtf_sg_tirupati_airports_note p {

        font-size: 13px;

        line-height: 1.8;

        text-align: left;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtf_sg_tirupati_airports_section {

        padding: 48px 15px 52px;

    }


    /* -----------------------------------------------------
       BACKGROUND DECORATIONS
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_section::before {

        width: 260px;

        height: 260px;

        top: -135px;

        left: -125px;

    }


    .dtf_sg_tirupati_airports_section::after {

        width: 220px;

        height: 220px;

        right: -115px;

        bottom: -115px;

    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_header {

        max-width: 100%;

        margin: 0 auto 30px;

    }


    /* -----------------------------------------------------
       BADGE
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_badge {

        gap: 7px;

        padding: 8px 13px;

        margin-bottom: 15px;

        font-size: 10px;

        letter-spacing: 0.6px;

    }


    .dtf_sg_tirupati_airports_badge i {

        width: 25px;

        height: 25px;

        font-size: 12px;

    }


    /* -----------------------------------------------------
       MAIN TITLE
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_title {

        margin-bottom: 13px;

        font-size: 23px;

        line-height: 1.25;

        letter-spacing: -0.35px;

    }


    .dtf_sg_tirupati_airports_title::after {

        width: 45px;

        height: 3px;

        margin-top: 14px;

    }


    /* -----------------------------------------------------
       INTRO
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_intro {

        max-width: 100%;

        margin-top: 14px;

        font-size: 15px;

        line-height: 1.75;

        text-align: center;

    }


    /* -----------------------------------------------------
       AIRPORT GRID
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_grid {

        margin-left: 0;

        margin-right: 0;

    }


    /* -----------------------------------------------------
       AIRPORT CARD
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airport_card {

        min-height: auto;

        padding: 24px 20px 25px;

        border-radius: 17px;

        box-shadow:
            0 10px 25px rgba(23, 32, 51, 0.07),
            0 2px 8px rgba(23, 32, 51, 0.03);

    }


    .dtf_sg_tirupati_airport_card::before {

        height: 4px;

    }


    .dtf_sg_tirupati_airport_card::after {

        width: 130px;

        height: 130px;

        right: -65px;

        bottom: -72px;

        border-width: 20px;

    }


    /* -----------------------------------------------------
       ICON
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airport_icon {

        width: 54px;

        height: 54px;

        margin-bottom: 18px;

        border-radius: 14px;

        font-size: 20px;

    }


    .dtf_sg_tirupati_airport_icon::before {

        inset: 5px;

        border-radius: 10px;

    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airport_content h3 {

        margin-bottom: 8px;

        font-size: 19px;

        line-height: 1.35;

        letter-spacing: 0;

    }


    .dtf_sg_tirupati_airport_content p {

        max-width: 100%;

        font-size: 12.8px;

        line-height: 1.78;

        text-align: justify;

    }


    /* -----------------------------------------------------
       TRAVEL NOTE
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_note {

        display: flex;

        align-items: flex-start;

        gap: 11px;

        margin-top: 28px;

        padding: 17px 15px;

        border-left-width: 4px;

        border-radius: 13px;

    }


    /* -----------------------------------------------------
       NOTE ICON
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_note_icon {

        flex: 0 0 33px;

        width: 33px;

        height: 33px;

        border-radius: 9px;

        font-size: 14px;

    }


    /* -----------------------------------------------------
       NOTE CONTENT
    ----------------------------------------------------- */

    .dtf_sg_tirupati_airports_note p {

        font-size: 11.8px;

        line-height: 1.75;

        text-align: justify;

    }

}















/* =========================================================
   TIRUPATI WEATHER & PACKING GUIDE SECTION
========================================================= */

.dtf_tirupati_weather_packing_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


.dtf_tirupati_weather_packing_section * {

    box-sizing: border-box;

}


/* =========================================================
   MAIN CARDS
========================================================= */

.dtf_weather_packing_card {

    width: 100%;

    height: 100%;

    padding: 38px 36px;

    background: #f8fafc;

    border: 1px solid #dfe7ef;

    border-radius: 22px;

    position: relative;

    overflow: hidden;

    box-shadow: 0 12px 32px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.dtf_weather_packing_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 5px;

    background: #f3525a;

}


.dtf_weather_packing_card:hover {

    transform: translateY(-5px);

    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.11);

    border-color: #f9b0b3;

}


/* =========================================================
   ICON
========================================================= */

.dtf_weather_packing_icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 23px;

    margin-bottom: 22px;

    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.12);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.dtf_weather_packing_card:hover .dtf_weather_packing_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px);

}


/* =========================================================
   BADGE
========================================================= */

.dtf_weather_packing_badge {

    display: inline-flex;

    align-items: center;

    padding: 7px 14px;

    margin-bottom: 13px;

    background: rgba(243, 82, 90, 0.08);

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.3px;

}


/* =========================================================
   TITLE
========================================================= */

.dtf_weather_packing_title {

    margin: 0 0 16px;

    color: #172033;

    font-size: 27px;

    line-height: 1.35;

    font-weight: 700;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.dtf_weather_packing_description {

    margin: 0 0 28px;

    color: #596477;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;

}


/* =========================================================
   WEATHER POINTS
========================================================= */

.dtf_weather_packing_points {

    display: flex;

    flex-direction: column;

    gap: 15px;

}


.dtf_weather_packing_point {

    padding: 16px 18px;

    background: #ffffff;

    border: 1px solid #dfe7ef;

    border-left: 4px solid #f3525a;

    border-radius: 11px;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.dtf_weather_packing_point:hover {

    background: #fff7f7;

    border-color: #f9b0b3;

    transform: translateX(4px);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.06);

}


/* =========================================================
   WEATHER POINT TITLE
========================================================= */

.dtf_weather_packing_point h3 {

    margin: 0 0 5px;

    color: #172033;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

}


/* =========================================================
   WEATHER POINT TEXT
========================================================= */

.dtf_weather_packing_point p {

    margin: 0;

    color: #697386;

    font-size: 14px;

    line-height: 1.65;

}


/* =========================================================
   PACKING ITEMS
========================================================= */

.dtf_packing_items {

    display: flex;

    flex-direction: column;

    gap: 12px;

}


.dtf_packing_item {

    display: flex;

    align-items: center;

    gap: 14px;

    min-height: 49px;

    padding: 9px 13px;

    background: #ffffff;

    border: 1px solid #dfe7ef;

    border-radius: 11px;

    color: #303b4f;

    font-size: 14px;

    line-height: 1.5;

    font-weight: 500;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.dtf_packing_item:hover {

    background: #fff7f7;

    border-color: #f9b0b3;

    transform: translateX(4px);

    box-shadow: 0 7px 18px rgba(23, 32, 51, 0.06);

}


/* =========================================================
   PACKING ITEM ICON
========================================================= */

.dtf_packing_item_icon {

    width: 34px;

    height: 34px;

    flex: 0 0 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 9px;

    font-size: 14px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}


.dtf_packing_item:hover .dtf_packing_item_icon {

    background: #f3525a;

    color: #ffffff;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtf_tirupati_weather_packing_section {

        padding: 55px 18px;

    }


    .dtf_weather_packing_card {

        padding: 32px 28px;

        border-radius: 20px;

    }


    /* -----------------------------------------
       ICON
    ----------------------------------------- */

    .dtf_weather_packing_icon {

        width: 54px;

        height: 54px;

        font-size: 21px;

        margin-bottom: 19px;

        border-radius: 14px;

    }


    /* -----------------------------------------
       BADGE
    ----------------------------------------- */

    .dtf_weather_packing_badge {

        padding: 6px 13px;

        margin-bottom: 12px;

        font-size: 13px;

    }


    /* -----------------------------------------
       TITLE
    ----------------------------------------- */

    .dtf_weather_packing_title {

        font-size: 24px;

        line-height: 1.4;

        margin-bottom: 14px;

    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .dtf_weather_packing_description {

        font-size: 14px;

        line-height: 1.75;

        margin-bottom: 24px;

    }


    /* -----------------------------------------
       WEATHER POINTS
    ----------------------------------------- */

    .dtf_weather_packing_points {

        gap: 13px;

    }


    .dtf_weather_packing_point {

        padding: 14px 16px;

        border-radius: 10px;

    }


    .dtf_weather_packing_point h3 {

        font-size: 15px;

        margin-bottom: 5px;

    }


    .dtf_weather_packing_point p {

        font-size: 13px;

        line-height: 1.65;

    }


    /* -----------------------------------------
       PACKING ITEMS
    ----------------------------------------- */

    .dtf_packing_items {

        gap: 10px;

    }


    .dtf_packing_item {

        min-height: 47px;

        padding: 8px 11px;

        gap: 11px;

        font-size: 13px;

        border-radius: 10px;

    }


    /* -----------------------------------------
       PACKING ICON
    ----------------------------------------- */

    .dtf_packing_item_icon {

        width: 32px;

        height: 32px;

        flex: 0 0 32px;

        font-size: 13px;

        border-radius: 8px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtf_tirupati_weather_packing_section {

        padding: 45px 15px;

    }


    .dtf_tirupati_weather_packing_section .container {

        width: 100%;

        max-width: 100%;

    }


    /* -----------------------------------------
       BOOTSTRAP ROW SPACING
    ----------------------------------------- */

    .dtf_tirupati_weather_packing_section .row {

        --bs-gutter-x: 0;

        --bs-gutter-y: 20px;

    }


    .dtf_tirupati_weather_packing_section .col-lg-6 {

        width: 100%;

    }


    /* -----------------------------------------
       MAIN CARD
    ----------------------------------------- */

    .dtf_weather_packing_card {

        width: 100%;

        height: 100%;

        padding: 28px 20px;

        border-radius: 18px;

    }


    /* -----------------------------------------
       TOP RED LINE
    ----------------------------------------- */

    .dtf_weather_packing_card::before {

        height: 4px;

    }


    /* -----------------------------------------
       ICON
    ----------------------------------------- */

    .dtf_weather_packing_icon {

        width: 52px;

        height: 52px;

        font-size: 20px;

        margin-bottom: 17px;

        border-radius: 14px;

    }


    /* -----------------------------------------
       BADGE
    ----------------------------------------- */

    .dtf_weather_packing_badge {

        padding: 6px 12px;

        margin-bottom: 11px;

        font-size: 12px;

        letter-spacing: 0.2px;

    }


    /* -----------------------------------------
       TITLE
    ----------------------------------------- */

    .dtf_weather_packing_title {

        font-size: 21px;

        line-height: 1.4;

        margin-bottom: 14px;

    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .dtf_weather_packing_description {

        margin-bottom: 22px;

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;

    }


    /* -----------------------------------------
       WEATHER POINTS
    ----------------------------------------- */

    .dtf_weather_packing_points {

        gap: 11px;

    }


    .dtf_weather_packing_point {

        padding: 13px 14px;

        border-left-width: 3px;

        border-radius: 9px;

    }


    .dtf_weather_packing_point h3 {

        font-size: 14px;

        line-height: 1.45;

        margin-bottom: 4px;

    }


    .dtf_weather_packing_point p {

        font-size: 13px;

        line-height: 1.65;

    }


    /* -----------------------------------------
       PACKING ITEMS
    ----------------------------------------- */

    .dtf_packing_items {

        gap: 10px;

    }


    .dtf_packing_item {

        width: 100%;

        min-height: 45px;

        padding: 7px 10px;

        gap: 10px;

        font-size: 13px;

        line-height: 1.45;

        border-radius: 9px;

    }


    /* -----------------------------------------
       PACKING ITEM ICON
    ----------------------------------------- */

    .dtf_packing_item_icon {

        width: 31px;

        height: 31px;

        flex: 0 0 31px;

        font-size: 12px;

        border-radius: 8px;

    }

}










/* =========================================================
   TIRUPATI TRAVEL INFORMATION & DARSHAN SECTION
========================================================= */

.dtfx_sg_tirupati_travel_info_section {

    width: 100%;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;

}

.dtfx_sg_tirupati_travel_info_section *,
.dtfx_sg_tirupati_travel_info_section *::before,
.dtfx_sg_tirupati_travel_info_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   LEFT CARD
========================================================= */

.dtfx_sg_tirupati_info_card {

    position: relative;
    padding: 38px 36px;
    background: #ffffff;
    border: 1px solid rgba(2, 17, 58, 0.08);
    border-radius: 24px;
    box-shadow: 0 14px 35px rgba(2, 17, 58, 0.08);
    overflow: hidden;
    transition: all 0.35s ease;

}

.dtfx_sg_tirupati_info_card::before {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #f3525a;

}

.dtfx_sg_tirupati_info_card:hover {

    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(2, 17, 58, 0.13);

}


.dtfx_sg_tirupati_info_icon {

    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 16px;
    font-size: 23px;

}


.dtfx_sg_tirupati_info_content {

    width: 100%;

}


.dtfx_sg_tirupati_info_title {

    margin: 0 0 16px;
    color: #02113a;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;

}


.dtfx_sg_tirupati_info_text {

    margin: 0 0 18px;
    color: #526174;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;

}


.dtfx_sg_tirupati_info_list {

    margin: 0 0 28px;
    padding: 0;
    list-style: none;

}


.dtfx_sg_tirupati_info_list li {

    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 13px;
    color: #344256;
    font-size: 14px;
    line-height: 1.65;

}


.dtfx_sg_tirupati_info_list li i {

    flex: 0 0 auto;
    margin-top: 4px;
    color: #f3525a;
    font-size: 15px;

}


/* =========================================================
   LOCAL TRANSPORT SUB CONTENT
========================================================= */

.dtfx_sg_tirupati_sub_info {

    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding-top: 25px;
    border-top: 1px solid #e7ebef;

}


.dtfx_sg_tirupati_sub_icon {

    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    color: #f3525a;
    border-radius: 12px;
    font-size: 17px;

}


.dtfx_sg_tirupati_sub_title {

    margin: 0 0 12px;
    color: #02113a;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;

}


.dtfx_sg_tirupati_last_text {

    margin-bottom: 0;

}


/* =========================================================
   RIGHT PRACTICAL TIPS CARD
========================================================= */

.dtfx_sg_tirupati_tips_card {

    position: relative;
    padding: 38px 36px;
    background: #02113a;
    border-radius: 24px;
    box-shadow: 0 14px 35px rgba(2, 17, 58, 0.15);
    overflow: hidden;
    color: #ffffff;

}

.dtfx_sg_tirupati_tips_card::after {

    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -85px;
    bottom: -95px;
    border: 1px solid rgba(249, 176, 179, 0.25);
    border-radius: 50%;

}


.dtfx_sg_tirupati_tips_heading {

    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 8px 14px 8px 8px;
    background: rgba(249, 176, 179, 0.12);
    border: 1px solid rgba(249, 176, 179, 0.22);
    border-radius: 30px;
    color: #f9b0b3;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;

}


.dtfx_sg_tirupati_tips_icon {

    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3525a;
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;

}


.dtfx_sg_tirupati_tips_title {

    max-width: 580px;
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;

}


/* =========================================================
   TIPS ITEMS
========================================================= */

.dtfx_sg_tirupati_tip_item {

    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 17px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);

}


.dtfx_sg_tirupati_tip_number {

    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #02113a;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;

}


.dtfx_sg_tirupati_tip_content {

    padding-top: 2px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.75;
    text-align: justify;

}


.dtfx_sg_tirupati_tip_content strong {

    color: #ffffff;
    font-weight: 700;

}


/* =========================================================
   DARSHAN CARD
========================================================= */

.dtfx_sg_tirupati_darshan_card {

    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 36px 40px;
    background: #ffffff;
    border: 1px solid rgba(2, 17, 58, 0.08);
    border-radius: 24px;
    box-shadow: 0 14px 35px rgba(2, 17, 58, 0.08);
    overflow: hidden;
    transition: all 0.35s ease;

}

.dtfx_sg_tirupati_darshan_card::before {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #f3525a;

}

.dtfx_sg_tirupati_darshan_card:hover {

    transform: translateY(-4px);
    box-shadow: 0 20px 42px rgba(2, 17, 58, 0.12);

}


.dtfx_sg_tirupati_darshan_visual {

    flex: 0 0 auto;

}


.dtfx_sg_tirupati_darshan_icon {

    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 22px;
    font-size: 31px;

}


.dtfx_sg_tirupati_darshan_content {

    flex: 1 1 auto;
    min-width: 0;

}


.dtfx_sg_tirupati_darshan_title {

    margin: 0 0 13px;
    color: #02113a;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;

}


.dtfx_sg_tirupati_darshan_text {

    max-width: 900px;
    margin: 0 0 22px;
    color: #526174;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;

}


/* =========================================================
   DARSHAN BUTTON
========================================================= */

.dtfx_sg_tirupati_darshan_button {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 21px;
    background: #f3525a;
    color: #ffffff;
    border: 2px solid #f3525a;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;

}

.dtfx_sg_tirupati_darshan_button:hover {

    background: #02113a;
    border-color: #02113a;
    color: #ffffff;
    transform: translateX(3px);

}


.dtfx_sg_tirupati_darshan_button i {

    font-size: 12px;
    transition: transform 0.3s ease;

}


.dtfx_sg_tirupati_darshan_button:hover i {

    transform: translateX(4px);

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtfx_sg_tirupati_travel_info_section {

        padding: 55px 20px;

    }


    /* LEFT CARD */

    .dtfx_sg_tirupati_info_card {

        padding: 32px 28px;
        border-radius: 20px;

    }


    .dtfx_sg_tirupati_info_icon {

        width: 54px;
        height: 54px;
        margin-bottom: 20px;
        border-radius: 14px;
        font-size: 21px;

    }


    .dtfx_sg_tirupati_info_title {

        font-size: 25px;
        line-height: 1.35;

    }


    .dtfx_sg_tirupati_info_text {

        font-size: 14px;
        line-height: 1.75;

    }


    .dtfx_sg_tirupati_info_list li {

        font-size: 13px;
        gap: 9px;
        margin-bottom: 11px;

    }


    .dtfx_sg_tirupati_sub_info {

        gap: 13px;
        padding-top: 22px;

    }


    .dtfx_sg_tirupati_sub_icon {

        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 16px;

    }


    .dtfx_sg_tirupati_sub_title {

        font-size: 20px;
        line-height: 1.35;

    }


    /* RIGHT CARD */

    .dtfx_sg_tirupati_tips_card {

        padding: 32px 28px;
        border-radius: 20px;

    }


    .dtfx_sg_tirupati_tips_heading {

        margin-bottom: 18px;
        font-size: 13px;

    }


    .dtfx_sg_tirupati_tips_title {

        margin-bottom: 24px;
        font-size: 25px;
        line-height: 1.4;

    }


    .dtfx_sg_tirupati_tip_item {

        gap: 13px;
        padding: 15px 0;

    }


    .dtfx_sg_tirupati_tip_number {

        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        font-size: 10px;

    }


    .dtfx_sg_tirupati_tip_content {

        font-size: 14px;
        line-height: 1.7;

    }


    /* DARSHAN CARD */

    .dtfx_sg_tirupati_darshan_card {

        gap: 24px;
        padding: 30px 32px;
        border-radius: 20px;

    }


    .dtfx_sg_tirupati_darshan_icon {

        width: 70px;
        height: 70px;
        border-radius: 18px;
        font-size: 27px;

    }


    .dtfx_sg_tirupati_darshan_title {

        margin-bottom: 11px;
        font-size: 25px;
        line-height: 1.35;

    }


    .dtfx_sg_tirupati_darshan_text {

        margin-bottom: 19px;
        font-size: 14px;
        line-height: 1.75;

    }


    .dtfx_sg_tirupati_darshan_button {

        padding: 12px 19px;
        font-size: 12px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtfx_sg_tirupati_travel_info_section {

        padding: 45px 15px;

    }


    /* LEFT CARD */

    .dtfx_sg_tirupati_info_card {

        padding: 28px 22px;
        border-radius: 18px;

    }


    .dtfx_sg_tirupati_info_icon {

        width: 52px;
        height: 52px;
        margin-bottom: 20px;
        border-radius: 14px;
        font-size: 20px;

    }


    .dtfx_sg_tirupati_info_title {

        font-size: 22px;
        line-height: 1.35;

    }


    .dtfx_sg_tirupati_info_text {

        font-size: 14px;
        line-height: 1.75;
        text-align: justify;

    }


    .dtfx_sg_tirupati_info_list {

        margin-bottom: 24px;

    }


    .dtfx_sg_tirupati_info_list li {

        gap: 9px;
        margin-bottom: 11px;
        font-size: 13px;
        line-height: 1.65;

    }


    .dtfx_sg_tirupati_info_list li i {

        margin-top: 4px;
        font-size: 14px;

    }


    /* LOCAL TRANSPORT */

    .dtfx_sg_tirupati_sub_info {

        gap: 11px;
        padding-top: 21px;

    }


    .dtfx_sg_tirupati_sub_icon {

        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 15px;

    }


    .dtfx_sg_tirupati_sub_title {

        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.35;

    }


    /* RIGHT CARD */

    .dtfx_sg_tirupati_tips_card {

        padding: 28px 22px;
        border-radius: 18px;

    }


    .dtfx_sg_tirupati_tips_card::after {

        width: 140px;
        height: 140px;
        right: -65px;
        bottom: -70px;

    }


    .dtfx_sg_tirupati_tips_heading {

        gap: 8px;
        margin-bottom: 17px;
        padding: 7px 12px 7px 7px;
        font-size: 12px;

    }


    .dtfx_sg_tirupati_tips_icon {

        width: 27px;
        height: 27px;
        font-size: 11px;

    }


    .dtfx_sg_tirupati_tips_title {

        margin-bottom: 23px;
        font-size: 22px;
        line-height: 1.4;

    }


    /* TIPS ITEMS */

    .dtfx_sg_tirupati_tip_item {

        gap: 11px;
        padding: 14px 0;

    }


    .dtfx_sg_tirupati_tip_number {

        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 10px;

    }


    .dtfx_sg_tirupati_tip_content {

        padding-top: 1px;
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;

    }


    /* DARSHAN CARD */

    .dtfx_sg_tirupati_darshan_card {

        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 28px 22px;
        border-radius: 18px;

    }


    .dtfx_sg_tirupati_darshan_icon {

        width: 62px;
        height: 62px;
        border-radius: 16px;
        font-size: 24px;

    }


    .dtfx_sg_tirupati_darshan_title {

        margin-bottom: 11px;
        font-size: 22px;
        line-height: 1.4;

    }


    .dtfx_sg_tirupati_darshan_text {

        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.75;
        text-align: justify;

    }


    .dtfx_sg_tirupati_darshan_button {

        width: 100%;
        padding: 13px 17px;
        font-size: 12px;

    }


    .dtfx_sg_tirupati_darshan_button i {

        font-size: 11px;

    }

}















/* =========================================================
   RELATED TIRUPATI TRAVEL RESOURCES
========================================================= */

.dtfx_sg_related_tirupati_resources_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

}


.dtfx_sg_related_tirupati_resources_section * {

    box-sizing: border-box;

}


/* =========================
   BACKGROUND DECORATION
========================= */

.dtfx_sg_related_tirupati_resources_section::before {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    top: -150px;

    right: -100px;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.08);

    pointer-events: none;

}


.dtfx_sg_related_tirupati_resources_section::after {

    content: "";

    position: absolute;

    width: 250px;

    height: 250px;

    bottom: -130px;

    left: -90px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.16);

    pointer-events: none;

}


/* =========================
   HEADER
========================= */

.dtfx_sg_related_tirupati_resources_header {

    max-width: 900px;

    margin: 0 auto 30px;

    position: relative;

    z-index: 2;

}


/* =========================
   HEADER ICON
========================= */

.dtfx_sg_related_tirupati_resources_icon {

    width: 72px;

    height: 72px;

    margin: 0 auto 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    background: linear-gradient(
        145deg,
        #f3525a,
        #df414a
    );

    color: #ffffff;

    border-radius: 22px;

    font-size: 27px;

    box-shadow:
        0 14px 30px rgba(243, 82, 90, 0.25),
        0 0 0 8px rgba(249, 176, 179, 0.25);

    transform: rotate(-4deg);

}


.dtfx_sg_related_tirupati_resources_icon::after {

    content: "";

    position: absolute;

    inset: 6px;

    border: 1px solid rgba(255, 255, 255, 0.35);

    border-radius: 17px;

}


.dtfx_sg_related_tirupati_resources_icon i {

    position: relative;

    z-index: 2;

}


/* =========================
   LABEL
========================= */

.dtfx_sg_related_tirupati_resources_label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 13px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


.dtfx_sg_related_tirupati_resources_label::before,
.dtfx_sg_related_tirupati_resources_label::after {

    content: "";

    width: 28px;

    height: 2px;

    background: #f9b0b3;

    border-radius: 10px;

}


/* =========================
   MAIN TITLE
========================= */

.dtfx_sg_related_tirupati_resources_title {

    margin: 0 0 16px;

    color: #172033;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -0.6px;

}


.dtfx_sg_related_tirupati_resources_intro {

    max-width: 760px;

    margin: 0 auto;

    color: #586477;

    font-size: 17px;

    line-height: 1.85;

}


/* =========================
   RESOURCE GRID
========================= */

.dtfx_sg_related_tirupati_resources_grid {

    position: relative;

    z-index: 2;

}


/* =========================
   RESOURCE CARD
========================= */

.dtfx_sg_related_tirupati_resource_card {

    position: relative;

    min-height: 190px;

    height: 100%;

    padding: 30px 52px 30px 26px;

    display: flex;

    align-items: center;

    gap: 20px;

    text-decoration: none;

    background: rgba(255, 255, 255, 0.92);

    border: 1px solid rgba(255, 255, 255, 0.9);

    border-radius: 22px;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


/* =========================
   CARD TOP ACCENT
========================= */

.dtfx_sg_related_tirupati_resource_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3,
        transparent
    );

    transition: height 0.3s ease;

}


/* =========================
   CARD DECORATIVE CIRCLE
========================= */

.dtfx_sg_related_tirupati_resource_card::after {

    content: "";

    position: absolute;

    width: 115px;

    height: 115px;

    right: -55px;

    bottom: -60px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.14);

    transition:
        transform 0.4s ease,
        background 0.4s ease;

}


.dtfx_sg_related_tirupati_resource_card:hover {

    transform: translateY(-9px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow:
        0 20px 45px rgba(23, 32, 51, 0.13),
        0 5px 15px rgba(243, 82, 90, 0.08);

}


.dtfx_sg_related_tirupati_resource_card:hover::before {

    height: 6px;

}


.dtfx_sg_related_tirupati_resource_card:hover::after {

    transform: scale(1.35);

    background: rgba(243, 82, 90, 0.10);

}


/* =========================
   CARD ICON
========================= */

.dtfx_sg_related_tirupati_resource_card_icon {

    flex: 0 0 64px;

    width: 64px;

    height: 64px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    background: linear-gradient(
        145deg,
        #fff5f5,
        #f9b0b3
    );

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 18px;

    font-size: 22px;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.12);

    z-index: 2;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;

}


.dtfx_sg_related_tirupati_resource_card_icon::before {

    content: "";

    position: absolute;

    inset: 5px;

    border: 1px dashed rgba(243, 82, 90, 0.25);

    border-radius: 14px;

}


.dtfx_sg_related_tirupati_resource_card_icon i {

    position: relative;

    z-index: 2;

}


.dtfx_sg_related_tirupati_resource_card:hover
.dtfx_sg_related_tirupati_resource_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-3px) rotate(-4deg);

    box-shadow:
        0 12px 25px rgba(243, 82, 90, 0.25);

}


.dtfx_sg_related_tirupati_resource_card:hover
.dtfx_sg_related_tirupati_resource_card_icon::before {

    border-color: rgba(255, 255, 255, 0.4);

}


/* =========================
   CARD CONTENT
========================= */

.dtfx_sg_related_tirupati_resource_content {

    flex: 1;

    min-width: 0;

    position: relative;

    z-index: 2;

}


.dtfx_sg_related_tirupati_resource_content h3 {

    margin: 0 0 9px;

    color: #172033;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 750;

    transition:
        color 0.3s ease,
        transform 0.3s ease;

}


.dtfx_sg_related_tirupati_resource_card:hover
.dtfx_sg_related_tirupati_resource_content h3 {

    color: #f3525a;

    transform: translateX(3px);

}


.dtfx_sg_related_tirupati_resource_content p {

    margin: 0;

    color: #697487;

    font-size: 15px;

    line-height: 1.7;

    transition: color 0.3s ease;

    text-align: justify;

}


.dtfx_sg_related_tirupati_resource_card:hover
.dtfx_sg_related_tirupati_resource_content p {

    color: #586477;

}


/* =========================
   ARROW
========================= */

.dtfx_sg_related_tirupati_resource_arrow {

    position: absolute;

    top: 50%;

    right: 19px;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #ffffff;

    border: 3px solid #ffffff;

    border-radius: 50%;

    font-size: 11px;

    box-shadow:
        0 6px 15px rgba(243, 82, 90, 0.15);

    transform: translateY(-50%);

    z-index: 3;

    transition:
        background 0.3s ease,
        transform 0.35s ease,
        box-shadow 0.3s ease;

}


.dtfx_sg_related_tirupati_resource_card:hover
.dtfx_sg_related_tirupati_resource_arrow {

    background: #f3525a;

    transform:
        translateY(-50%)
        translateX(5px)
        rotate(-8deg);

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.28);

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtfx_sg_related_tirupati_resources_section {

        padding: 55px 20px;

    }


    .dtfx_sg_related_tirupati_resources_header {

        max-width: 760px;

        margin: 0 auto 38px;

    }


    .dtfx_sg_related_tirupati_resources_icon {

        width: 64px;

        height: 64px;

        margin-bottom: 17px;

        border-radius: 19px;

        font-size: 24px;

    }


    .dtfx_sg_related_tirupati_resources_label {

        font-size: 12px;

        letter-spacing: 1.3px;

        margin-bottom: 10px;

    }


    .dtfx_sg_related_tirupati_resources_label::before,
    .dtfx_sg_related_tirupati_resources_label::after {

        width: 24px;

    }


    .dtfx_sg_related_tirupati_resources_title {

        font-size: 32px;

        line-height: 1.25;

        margin-bottom: 13px;

    }


    .dtfx_sg_related_tirupati_resources_intro {

        max-width: 680px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* =========================
       TABLET CARD
    ========================= */

    .dtfx_sg_related_tirupati_resource_card {

        min-height: 170px;

        padding: 25px 48px 25px 20px;

        gap: 16px;

        border-radius: 19px;

    }


    .dtfx_sg_related_tirupati_resource_card_icon {

        flex: 0 0 55px;

        width: 55px;

        height: 55px;

        border-radius: 15px;

        font-size: 19px;

    }


    .dtfx_sg_related_tirupati_resource_card_icon::before {

        inset: 4px;

        border-radius: 11px;

    }


    .dtfx_sg_related_tirupati_resource_content h3 {

        margin-bottom: 7px;

        font-size: 16px;

        line-height: 1.4;

    }


    .dtfx_sg_related_tirupati_resource_content p {

        font-size: 13px;

        line-height: 1.65;

    }


    .dtfx_sg_related_tirupati_resource_arrow {

        right: 15px;

        width: 34px;

        height: 34px;

        border-width: 2px;

        font-size: 10px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtfx_sg_related_tirupati_resources_section {

        padding: 48px 15px;

    }


    /* =========================
       BACKGROUND DECORATION
    ========================= */

    .dtfx_sg_related_tirupati_resources_section::before {

        width: 210px;

        height: 210px;

        top: -105px;

        right: -90px;

    }


    .dtfx_sg_related_tirupati_resources_section::after {

        width: 180px;

        height: 180px;

        bottom: -100px;

        left: -80px;

    }


    /* =========================
       HEADER
    ========================= */

    .dtfx_sg_related_tirupati_resources_header {

        max-width: 100%;

        margin: 0 auto 32px;

    }


    /* =========================
       HEADER ICON
    ========================= */

    .dtfx_sg_related_tirupati_resources_icon {

        width: 58px;

        height: 58px;

        margin: 0 auto 17px;

        border-radius: 17px;

        font-size: 22px;

        box-shadow:
            0 10px 22px rgba(243, 82, 90, 0.22),
            0 0 0 6px rgba(249, 176, 179, 0.22);

    }


    .dtfx_sg_related_tirupati_resources_icon::after {

        inset: 5px;

        border-radius: 13px;

    }


    /* =========================
       LABEL
    ========================= */

    .dtfx_sg_related_tirupati_resources_label {

        gap: 7px;

        margin-bottom: 9px;

        font-size: 10px;

        letter-spacing: 1.1px;

    }


    .dtfx_sg_related_tirupati_resources_label::before,
    .dtfx_sg_related_tirupati_resources_label::after {

        width: 18px;

        height: 2px;

    }


    /* =========================
       TITLE
    ========================= */

    .dtfx_sg_related_tirupati_resources_title {

        margin: 0 0 12px;

        font-size: 23px;

        line-height: 1.25;

        letter-spacing: -0.3px;

    }


    /* =========================
       INTRO
    ========================= */

    .dtfx_sg_related_tirupati_resources_intro {

        max-width: 100%;

        font-size: 15px;

        line-height: 1.7;

    }


    /* =========================
       RESOURCE GRID
    ========================= */

    .dtfx_sg_related_tirupati_resources_grid {

        margin-left: -6px;

        margin-right: -6px;

    }


    /* =========================
       MOBILE CARD
    ========================= */

    .dtfx_sg_related_tirupati_resource_card {

        min-height: 142px;

        padding: 20px 45px 20px 16px;

        gap: 13px;

        border-radius: 17px;

    }


    .dtfx_sg_related_tirupati_resource_card::before {

        height: 3px;

    }


    .dtfx_sg_related_tirupati_resource_card::after {

        width: 90px;

        height: 90px;

        right: -45px;

        bottom: -48px;

    }


    /* =========================
       MOBILE ICON
    ========================= */

    .dtfx_sg_related_tirupati_resource_card_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        border-radius: 13px;

        font-size: 17px;

        box-shadow:
            0 6px 14px rgba(243, 82, 90, 0.10);

    }


    .dtfx_sg_related_tirupati_resource_card_icon::before {

        inset: 4px;

        border-radius: 10px;

    }


    /* =========================
       MOBILE CONTENT
    ========================= */

    .dtfx_sg_related_tirupati_resource_content {

        min-width: 0;

    }


    .dtfx_sg_related_tirupati_resource_content h3 {

        margin: 0 0 5px;

        font-size: 16px;

        line-height: 1.4;

        font-weight: 700;

    }


    .dtfx_sg_related_tirupati_resource_content p {

        font-size: 13px;

        line-height: 1.6;

    }


    /* =========================
       MOBILE ARROW
    ========================= */

    .dtfx_sg_related_tirupati_resource_arrow {

        top: 50%;

        right: 11px;

        width: 29px;

        height: 29px;

        border: 2px solid #ffffff;

        font-size: 9px;

        box-shadow:
            0 5px 12px rgba(243, 82, 90, 0.13);

    }


    /* =========================
       MOBILE HOVER
    ========================= */

    .dtfx_sg_related_tirupati_resource_card:hover {

        transform: translateY(-4px);

        box-shadow:
            0 13px 28px rgba(23, 32, 51, 0.11),
            0 4px 12px rgba(243, 82, 90, 0.06);

    }


    .dtfx_sg_related_tirupati_resource_card:hover::before {

        height: 4px;

    }


    .dtfx_sg_related_tirupati_resource_card:hover
    .dtfx_sg_related_tirupati_resource_card_icon {

        transform: translateY(-2px) rotate(-3deg);

    }


    .dtfx_sg_related_tirupati_resource_card:hover
    .dtfx_sg_related_tirupati_resource_content h3 {

        transform: translateX(2px);

    }


    .dtfx_sg_related_tirupati_resource_card:hover
    .dtfx_sg_related_tirupati_resource_arrow {

        transform:
            translateY(-50%)
            translateX(3px)
            rotate(-6deg);

    }

}














/* =========================================================
   TRIP HELP SECTION
========================================================= */

.dtxsgp-trip-help-section {

    background: #0d4565;

    overflow: hidden;

    width: 100%;

    padding: 60px 20px;

    font-family: "Poppins", sans-serif;

}


/* =========================
   LABEL
========================= */

.dtxsgp-trip-help-label {

    display: inline-flex;

    align-items: center;

    color: #ffd24a;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.8px;

    margin-bottom: 12px;

}


/* =========================
   TITLE
========================= */

.dtxsgp-trip-help-title {

    color: #ffffff;

    font-size: 40px;

    font-weight: 800;

    line-height: 1.25;

    margin-bottom: 16px;

}


/* =========================
   TEXT
========================= */

.dtxsgp-trip-help-text {

    color: rgba(255, 255, 255, 0.92);

    font-size: 17px;

    line-height: 1.7;

    max-width: 760px;

    margin: 0 auto;

}


/* =========================
   BUTTONS
========================= */

.dtxsgp-whatsapp-btn,
.dtxsgp-enquiry-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    font-size: 16px;

    font-weight: 700;

    padding: 13px 28px;

    border-radius: 40px;

    transition: all 0.3s ease;

}


.dtxsgp-whatsapp-btn {

    background: #22c55e;

    color: #ffffff;

}


.dtxsgp-whatsapp-btn:hover {

    background: #1cad52;

    color: #ffffff;

    transform: translateY(-2px);

}


.dtxsgp-enquiry-btn {

    background: #f4a40c;

    color: #000000;

}


.dtxsgp-enquiry-btn:hover {

 

    color: #000000;

    transform: translateY(-2px);

}


/* =========================
   IMPORTANT BOX
========================= */

.dtxsgp-important-box {

    background: rgba(0, 0, 0, 0.15);

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 14px;

    padding: 17px 21px;

    color: rgba(255, 255, 255, 0.92);

    font-size: 14px;

    line-height: 1.7;

    text-align: center;

}


.dtxsgp-important-box strong {

    color: #ffffff;

    font-weight: 700;

}
/* =========================================================
   TRIP HELP SECTION - TABLET & MOBILE RESPONSIVE
========================================================= */


/* =========================================================
   TABLET
   768px - 1024px
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .dtxsgp-trip-help-section {
        padding: 50px 25px;
    }


    /* LABEL */

    .dtxsgp-trip-help-label {
        font-size: 13px;
        letter-spacing: 0.7px;
        margin-bottom: 10px;
    }


    /* TITLE */

    .dtxsgp-trip-help-title {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 14px;
    }


    /* TEXT */

    .dtxsgp-trip-help-text {
        max-width: 650px;
        font-size: 16px;
        line-height: 1.65;
    }


    /* BUTTONS */

    .dtxsgp-whatsapp-btn,
    .dtxsgp-enquiry-btn {
        font-size: 15px;
        padding: 12px 25px;
    }


    /* IMPORTANT BOX */

    .dtxsgp-important-box {
        padding: 16px 19px;
        font-size: 14px;
        line-height: 1.65;
        border-radius: 12px;
    }

}


/* =========================================================
   MOBILE
   UP TO 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsgp-trip-help-section {
        padding: 42px 16px;
    }


    /* LABEL */

    .dtxsgp-trip-help-label {
        font-size: 12px;
        letter-spacing: 0.6px;
        margin-bottom: 9px;
        line-height: 1.4;
    }


    /* TITLE */

    .dtxsgp-trip-help-title {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 13px;
    }


    /* TEXT */

    .dtxsgp-trip-help-text {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        line-height: 1.65;
    }


    /* BUTTONS WRAPPER SUPPORT */

    .dtxsgp-whatsapp-btn,
    .dtxsgp-enquiry-btn {
        font-size: 14px;
        padding: 11px 21px;
        min-height: 44px;
        border-radius: 35px;
    }


    /* IMPORTANT BOX */

    .dtxsgp-important-box {
        width: 100%;
        padding: 14px 15px;
        font-size: 13px;
        line-height: 1.65;
        border-radius: 11px;
        box-sizing: border-box;
    }

}

/* =========================================================
   TRIP HELP SECTION - TABLET & MOBILE RESPONSIVE
========================================================= */


/* =========================================================
   TABLET
   768px - 1024px
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .dtxsgp-trip-help-section {

        width: 100%;

        padding: 50px 25px;

        box-sizing: border-box;

        overflow: hidden;

    }


    /* =========================
       LABEL
    ========================= */

    .dtxsgp-trip-help-label {

        font-size: 13px;

        letter-spacing: 0.7px;

        margin-bottom: 10px;

        line-height: 1.4;

    }


    /* =========================
       TITLE
    ========================= */

    .dtxsgp-trip-help-title {

        font-size: 32px;

        line-height: 1.3;

        margin-bottom: 14px;

    }


    /* =========================
       TEXT
    ========================= */

    .dtxsgp-trip-help-text {

        width: 100%;

        max-width: 650px;

        font-size: 16px;

        line-height: 1.65;

        margin-left: auto;

        margin-right: auto;

    }


    /* =========================
       BUTTONS
       SAME ROW
    ========================= */

    .dtxsgp-whatsapp-btn,
    .dtxsgp-enquiry-btn {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: auto;

        min-width: 150px;

        min-height: 44px;

        padding: 12px 22px;

        font-size: 15px;

        border-radius: 40px;

        box-sizing: border-box;

        white-space: nowrap;

    }


    /* =========================
       IMPORTANT BOX
    ========================= */

    .dtxsgp-important-box {

        width: 100%;

        padding: 16px 19px;

        font-size: 14px;

        line-height: 1.65;

        border-radius: 12px;

        box-sizing: border-box;

    }

}


/* =========================================================
   MOBILE
   UP TO 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsgp-trip-help-section {

        width: 100%;

        padding: 42px 16px;

        box-sizing: border-box;

        overflow: hidden;

    }


    /* =========================
       LABEL
    ========================= */

    .dtxsgp-trip-help-label {

        font-size: 12px;

        letter-spacing: 0.6px;

        margin-bottom: 9px;

        line-height: 1.4;

    }


    /* =========================
       TITLE
    ========================= */

    .dtxsgp-trip-help-title {

        font-size: 27px;

        line-height: 1.3;

        margin-bottom: 13px;

    }


    /* =========================
       TEXT
    ========================= */

    .dtxsgp-trip-help-text {

        width: 100%;

        max-width: 100%;

        font-size: 15px;

        line-height: 1.65;

        margin-left: auto;

        margin-right: auto;

    }


    /* =========================
       BUTTONS
       SAME ROW
    ========================= */

    .dtxsgp-whatsapp-btn,
    .dtxsgp-enquiry-btn {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: auto;

        min-width: 135px;

        min-height: 44px;

        padding: 11px 18px;

        font-size: 14px;

        border-radius: 35px;

        box-sizing: border-box;

        white-space: nowrap;

    }


    /* =========================
       IMPORTANT BOX
    ========================= */

    .dtxsgp-important-box {

        width: 100%;

        padding: 14px 15px;

        font-size: 13px;

        line-height: 1.65;

        border-radius: 11px;

        box-sizing: border-box;

    }

}



/* =========================================================
   TIRUPATI TRAVEL GUIDE FOR SINGAPORE TRAVELLERS END
========================================================= */












/* =========================================================
   SHIRDI TOUR PACKAGES START
========================================================= */



/* ============= SHIRDI TOUR PACKAGES START BANNER ============== */

.dtxsg-shirdi-singapore-banner {

    width: 100%;

    min-height: 620px;

    padding: 30px 20px 30px;

    font-family: "Poppins", sans-serif;

    color: #ffffff;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    display: flex;

    align-items: center;

}

.dtxsg-shirdi-singapore-banner * {

    box-sizing: border-box;

}


.dtxsg-shirdi-banner-content {

    max-width: 1050px;

    margin: 0 auto;

}


.dtxsg-shirdi-banner-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 16px;

    border: 1px solid rgba(255,255,255,0.28);

    border-radius: 30px;

    background: rgba(255,255,255,0.12);

    backdrop-filter: blur(6px);

    -webkit-backdrop-filter: blur(6px);

    color: #ffffff;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.5px;

    margin-bottom: 15px;

}


.dtxsg-shirdi-banner-label i {

    color: #42d5ed;

    font-size: 15px;

}


.dtxsg-shirdi-banner-title {

    margin: 0 auto 18px;

    max-width: 1050px;

    color: #ffffff;

    font-size: 54px;

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -1.5px;

    text-shadow: 0 3px 12px rgba(0,0,0,0.28);

}


.dtxsg-shirdi-banner-description {

    max-width: 970px;

    margin: 0 auto;

    color: #ffffff;

    font-size: 18px;

    line-height: 1.65;

    font-weight: 400;

    text-shadow: 0 2px 8px rgba(0,0,0,0.35);

}


/* =========================================================
   MARKET INFORMATION CARD
========================================================= */

.dtxsg-shirdi-market-card {

    margin: 25px auto 0;

    padding: 16px 20px;

    background: rgb(17 15 27 / 73%);

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 15px;

    box-shadow: 0 12px 30px rgba(0,0,0,0.18);

    text-align: left;

}


.dtxsg-shirdi-market-title {

    color: #7ee7f4;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 800;

    margin-bottom: 2px;

}


.dtxsg-shirdi-market-text {

    margin: 0;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.45;

    font-weight: 400;

    text-align: justify;

}


.dtxsg-shirdi-market-text strong {

    color: #ffffff;

    font-weight: 800;

}


/* =========================================================
   BANNER BUTTONS
========================================================= */

.dtxsg-shirdi-banner-actions {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 14px;

    margin-top: 30px;

}


.dtxsg-shirdi-whatsapp-btn,
.dtxsg-shirdi-book-btn {

    min-height: 58px;

    padding: 0 25px;

    border-radius: 32px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 800;

    transition: all 0.3s ease;

}

.dtxsg-shirdi-whatsapp-btn {
    background: #25D366;
    color: #ffffff;
    border: 1px solid #25D366;
    box-shadow: 0 10px 25px rgba(0,0,0,0.18);
}

.dtxsg-shirdi-whatsapp-btn:hover {
    background: #1ebe5d;
    color: #ffffff;
    border-color: #1ebe5d;
    transform: translateY(-2px);
}

.dtxsg-shirdi-whatsapp-btn i {
    font-size: 17px;
}

.dtxsg-shirdi-book-btn {

    background: rgba(255,255,255,0.02);

    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.38);

}


.dtxsg-shirdi-book-btn:hover {

    background: rgba(255,255,255,0.12);

    color: #ffffff;

    border-color: #ffffff;

    transform: translateY(-2px);

}


.dtxsg-shirdi-book-btn i {

    font-size: 15px;

}
/* =========================================================
   TABLET RESPONSIVE - 768px TO 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg-shirdi-singapore-banner {

        min-height: 580px;

        padding: 50px 30px;

    }


    .dtxsg-shirdi-banner-content {

        max-width: 850px;

    }


    .dtxsg-shirdi-banner-label {

        font-size: 12px;

        padding: 8px 15px;

        margin-bottom: 14px;

    }


    .dtxsg-shirdi-banner-label i {

        font-size: 14px;

    }


    .dtxsg-shirdi-banner-title {

        max-width: 850px;

        font-size: 38px;

        line-height: 1.15;

        letter-spacing: -1px;

        margin-bottom: 17px;

    }


    .dtxsg-shirdi-banner-description {

        max-width: 760px;

        font-size: 17px;

        line-height: 1.6;

    }


    .dtxsg-shirdi-market-card {

        max-width: 760px;

        margin-top: 23px;

        padding: 15px 19px;

    }


    .dtxsg-shirdi-market-title {

        font-size: 14px;

    }


    .dtxsg-shirdi-market-text {

        font-size: 14px;

        line-height: 1.5;
        text-align: justify;

    }


    .dtxsg-shirdi-banner-actions {

        gap: 12px;

        margin-top: 27px;

    }


    .dtxsg-shirdi-whatsapp-btn,
    .dtxsg-shirdi-book-btn {

        min-height: 55px;

        padding: 0 23px;

        font-size: 14px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE - UP TO 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg-shirdi-singapore-banner {

        min-height: auto;

        padding: 45px 18px 45px;

        align-items: center;

    }


    .dtxsg-shirdi-banner-content {

        width: 100%;

        max-width: 100%;

    }


    .dtxsg-shirdi-banner-label {

        gap: 7px;

        padding: 8px 13px;

        margin-bottom: 14px;

        font-size: 10px;

        letter-spacing: 0.3px;

    }


    .dtxsg-shirdi-banner-label i {

        font-size: 13px;

    }


    .dtxsg-shirdi-banner-title {

        max-width: 100%;

        margin: 0 auto 16px;

        font-size: 32px;

        line-height: 1.18;

        letter-spacing: -0.7px;

    }


    .dtxsg-shirdi-banner-description {

        max-width: 100%;

        font-size: 15px;

        line-height: 1.6;

    }


    .dtxsg-shirdi-market-card {

        width: 100%;

        margin-top: 22px;

        padding: 14px 16px;

        border-radius: 13px;

    }


    .dtxsg-shirdi-market-title {

        font-size: 13px;

        line-height: 1.4;

        margin-bottom: 4px;

    }


    .dtxsg-shirdi-market-text {

        font-size: 13px;

        line-height: 1.5;
        text-align: justify;

    }


    .dtxsg-shirdi-banner-actions {

        width: 100%;

        flex-direction: column;

        gap: 11px;

        margin-top: 25px;

    }


    .dtxsg-shirdi-whatsapp-btn,
    .dtxsg-shirdi-book-btn {

        width: 100%;

        min-height: 52px;

        padding: 0 20px;

        border-radius: 28px;

        font-size: 13px;

    }


    .dtxsg-shirdi-whatsapp-btn i {

        font-size: 16px;

    }


    .dtxsg-shirdi-book-btn i {

        font-size: 14px;

    }

}












/* =========================================================
   SHIRDI TOUR OPTIONS SECTION
========================================================= */

.dtxsg_shirdi_options_section {
    width: 100%;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;
}

.dtxsg_shirdi_options_section *,
.dtxsg_shirdi_options_section *::before,
.dtxsg_shirdi_options_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.dtxsg_shirdi_options_header {
    max-width: 850px;
    margin: 0 auto 30px;
}

.dtxsg_shirdi_options_icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3525a;
    color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.22);
}

.dtxsg_shirdi_options_icon i {
    font-size: 24px;
}

.dtxsg_shirdi_options_label {
    display: inline-block;
    margin-bottom: 12px;
    color: #f3525a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.dtxsg_shirdi_options_header h2 {
    margin: 0 0 15px;
    color: #172033;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.dtxsg_shirdi_options_header p {
    margin: 0;
    color: #5d6878;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   CARD
========================================================= */

.dtxsg_shirdi_option_card {
    position: relative;
    height: 100%;
    min-height: 280px;
    padding: 30px 28px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.10);
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);
    display: flex;
    flex-direction: column;
    transition: transform 0.35s ease,
                box-shadow 0.35s ease,
                border-color 0.35s ease;
    cursor: pointer;
}

.dtxsg_shirdi_option_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    width: 42px;
    height: 4px;
    background: #f3525a;
    border-radius: 0 0 8px 8px;
}

.dtxsg_shirdi_option_card:hover {
    transform: translateY(-8px);
    border-color: rgba(243, 82, 90, 0.28);
    box-shadow: 0 20px 45px rgba(23, 32, 51, 0.12);
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_option_icon {
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9b0b3;
    color: #f3525a;
    border-radius: 14px;
    transition: all 0.3s ease;
}

.dtxsg_shirdi_option_icon i {
    font-size: 20px;
}

.dtxsg_shirdi_option_card:hover .dtxsg_shirdi_option_icon {
    background: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_option_card h3 {
    margin: 0 0 14px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

.dtxsg_shirdi_option_card p {
    margin: 0;
    color: #687384;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   CARD LINK
========================================================= */

.dtxsg_shirdi_option_link {
    margin-top: auto;
    padding-top: 24px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #f3525a;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: gap 0.3s ease,
                color 0.3s ease;
}

.dtxsg_shirdi_option_link i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.dtxsg_shirdi_option_link:hover {
    color: #d93640;
    gap: 13px;
}

.dtxsg_shirdi_option_link:hover i {
    transform: translateX(3px);
}


/* =========================================================
   INDIA-SIDE ROUTE CONTENT
========================================================= */

.dtxsg_shirdi_route_content {
    max-width: 1050px;
    margin: 60px auto 0;
    padding: 38px 40px;
    background: #ffffff;
    border-left: 5px solid #f3525a;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);
}

.dtxsg_shirdi_route_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: #f3525a;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dtxsg_shirdi_route_badge i {
    font-size: 14px;
}

.dtxsg_shirdi_route_content h2 {
    margin: 0 0 15px;
    color: #172033;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
}

.dtxsg_shirdi_route_content p {
    margin: 0 0 13px;
    color: #687384;
    font-size: 15px;
    line-height: 1.85;
    text-align: justify;
}

.dtxsg_shirdi_route_content p:last-child {
    margin-bottom: 0;
}

.dtxsg_shirdi_route_content strong {
    color: #172033;
    font-weight: 700;
}
/* =========================================================
   PACKAGE OPTIONS NOTE
========================================================= */

.dtxsg_shirdi_options_note {

    max-width: 900px;

    margin: 20px auto 0;

    text-align: center;

    color: #5f6b7a;

    font-size: 15px;

    line-height: 1.6;

    font-weight: 500;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_options_section {
        padding: 55px 20px;
    }

    .dtxsg_shirdi_options_header {
        max-width: 720px;
        margin-bottom: 35px;
    }

    .dtxsg_shirdi_options_header h2 {
        font-size: 32px;
        line-height: 1.3;
    }

    .dtxsg_shirdi_options_header p {
        font-size: 15px;
        line-height: 1.75;
    }

    .dtxsg_shirdi_option_card {
        min-height: 270px;
        padding: 27px 24px;
        border-radius: 18px;
    }

    .dtxsg_shirdi_option_card::before {
        left: 24px;
    }

    .dtxsg_shirdi_option_icon {
        width: 49px;
        height: 49px;
        margin-bottom: 19px;
    }

    .dtxsg_shirdi_option_icon i {
        font-size: 19px;
    }

    .dtxsg_shirdi_option_card h3 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .dtxsg_shirdi_option_card p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dtxsg_shirdi_option_link {
        padding-top: 20px;
        font-size: 13px;
    }

    .dtxsg_shirdi_route_content {
        margin-top: 50px;
        padding: 32px 30px;
        border-left-width: 4px;
    }

    .dtxsg_shirdi_route_content h2 {
        font-size: 28px;
    }

    .dtxsg_shirdi_route_content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .dtxsg_shirdi_options_note {

        max-width: 780px;

        margin-top: 27px;

        font-size: 13px;

        line-height: 1.6;

    }
}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_options_section {
        padding: 48px 16px;
    }

    .dtxsg_shirdi_options_header {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .dtxsg_shirdi_options_icon {
        width: 54px;
        height: 54px;
        margin-bottom: 16px;
        border-radius: 14px;
    }

    .dtxsg_shirdi_options_icon i {
        font-size: 22px;
    }

    .dtxsg_shirdi_options_label {
        margin-bottom: 10px;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .dtxsg_shirdi_options_header h2 {
        margin-bottom: 13px;
        font-size: 22px;
        line-height: 1.3;
    }

    .dtxsg_shirdi_options_header p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* Card */

    .dtxsg_shirdi_option_card {
        min-height: 0;
        height: auto;
        padding: 25px 22px;
        border-radius: 17px;
    }

    .dtxsg_shirdi_option_card::before {
        left: 22px;
        width: 38px;
        height: 3px;
    }

    .dtxsg_shirdi_option_card:hover {
        transform: translateY(-4px);
    }


    /* Card Icon */

    .dtxsg_shirdi_option_icon {
        width: 47px;
        height: 47px;
        margin-bottom: 18px;
        border-radius: 13px;
    }

    .dtxsg_shirdi_option_icon i {
        font-size: 18px;
    }


    /* Card Content */

    .dtxsg_shirdi_option_card h3 {
        margin-bottom: 11px;
        font-size: 18px;
        line-height: 1.4;
    }

    .dtxsg_shirdi_option_card p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* Card Link */

    .dtxsg_shirdi_option_link {
        padding-top: 19px;
        font-size: 13px;
        gap: 8px;
    }


    /* Route Content */

    .dtxsg_shirdi_route_content {
        margin-top: 40px;
        padding: 28px 22px;
        border-left-width: 4px;
        border-radius: 16px;
    }

    .dtxsg_shirdi_route_badge {
        gap: 8px;
        margin-bottom: 11px;
        font-size: 12px;
        letter-spacing: 0.8px;
    }

    .dtxsg_shirdi_route_badge i {
        font-size: 13px;
    }

    .dtxsg_shirdi_route_content h2 {
        margin-bottom: 13px;
        font-size: 24px;
        line-height: 1.35;
    }

    .dtxsg_shirdi_route_content p {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.8;
    }
     .dtxsg_shirdi_options_note {

        max-width: 100%;

        margin-top: 24px;

        padding: 0 5px;

        font-size: 12px;

        line-height: 1.6;

    }

}













/* =========================================================
   SHIRDI PACKAGE PLANNING SECTION
========================================================= */

.dtxsg_shirdi_package_planning_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


.dtxsg_shirdi_package_planning_section *,
.dtxsg_shirdi_package_planning_section *::before,
.dtxsg_shirdi_package_planning_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_package_planning_header {

    max-width: 850px;
    margin: 0 auto 30px;

}


.dtxsg_shirdi_package_planning_icon {

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 18px;

    font-size: 23px;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.14);

    transform: rotate(-3deg);

}


.dtxsg_shirdi_package_planning_label {

    display: inline-block;

    margin-bottom: 13px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;

}


.dtxsg_shirdi_package_planning_title {

    margin: 0 auto 16px;

    color: #172033;

    font-size: 34px;
    font-weight: 700;

    line-height: 1.3;

}


.dtxsg_shirdi_package_planning_intro {

    max-width: 760px;

    margin: 0 auto;

    color: #667085;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.8;

}


/* =========================================================
   PLANNING GRID
========================================================= */

.dtxsg_shirdi_package_planning_grid {

    position: relative;

}


/* =========================================================
   PLANNING CARD
========================================================= */

.dtxsg_shirdi_package_planning_card {

    position: relative;

    height: 100%;
    min-height: 235px;

    padding: 32px 30px 30px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.dtxsg_shirdi_package_planning_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

}


.dtxsg_shirdi_package_planning_card::after {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -45px;
    bottom: -45px;

    background: #f9b0b3;

    border-radius: 50%;

    opacity: 0.25;

    transition: transform 0.3s ease;

}


.dtxsg_shirdi_package_planning_card:hover {

    transform: translateY(-7px);

    border-color: #f3525a;

    box-shadow: 0 18px 42px rgba(243, 82, 90, 0.14);

}


.dtxsg_shirdi_package_planning_card:hover::after {

    transform: scale(1.35);

}


/* =========================================================
   CARD NUMBER
========================================================= */

.dtxsg_shirdi_package_planning_card_number {

    position: absolute;

    top: 22px;
    right: 25px;

    color: #f9b0b3;

    font-size: 30px;
    font-weight: 800;

    line-height: 1;

    opacity: 0.8;

}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_package_planning_card_icon {

    width: 54px;
    height: 54px;

    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 15px;

    font-size: 20px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.dtxsg_shirdi_package_planning_card:hover
.dtxsg_shirdi_package_planning_card_icon {

    background: #f3525a;
    color: #ffffff;

    transform: translateY(-3px);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_package_planning_card_content {

    position: relative;
    z-index: 2;

}


.dtxsg_shirdi_package_planning_card_content h3 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.4;

}


.dtxsg_shirdi_package_planning_card_content p {

    margin: 0;

    color: #667085;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.75;
    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_package_planning_section {

        padding: 55px 20px;

    }


    .dtxsg_shirdi_package_planning_header {

        max-width: 720px;

        margin-bottom: 35px;

    }


    .dtxsg_shirdi_package_planning_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 16px;

        font-size: 21px;

    }


    .dtxsg_shirdi_package_planning_label {

        font-size: 13px;

        letter-spacing: 1.3px;

        margin-bottom: 11px;

    }


    .dtxsg_shirdi_package_planning_title {

        font-size: 30px;

        line-height: 1.35;

        margin-bottom: 14px;

    }


    .dtxsg_shirdi_package_planning_intro {

        max-width: 650px;

        font-size: 15px;

        line-height: 1.75;

    }


    .dtxsg_shirdi_package_planning_grid {

        margin-left: -10px;
        margin-right: -10px;

    }


    .dtxsg_shirdi_package_planning_card {

        min-height: 225px;

        padding: 28px 26px 27px;

        border-radius: 20px;

    }


    .dtxsg_shirdi_package_planning_card_number {

        top: 20px;
        right: 22px;

        font-size: 27px;

    }


    .dtxsg_shirdi_package_planning_card_icon {

        width: 52px;
        height: 52px;

        margin-bottom: 19px;

        border-radius: 14px;

        font-size: 19px;

    }


    .dtxsg_shirdi_package_planning_card_content h3 {

        font-size: 19px;

        margin-bottom: 9px;

        line-height: 1.4;

    }


    .dtxsg_shirdi_package_planning_card_content p {

        font-size: 14px;

        line-height: 1.7;

        text-align: justify;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_package_planning_section {

        padding: 50px 15px;

    }


    .dtxsg_shirdi_package_planning_header {

        max-width: 100%;

        margin-bottom: 32px;

    }


    .dtxsg_shirdi_package_planning_icon {

        width: 52px;
        height: 52px;

        margin-bottom: 15px;

        border-radius: 16px;

        font-size: 21px;

    }


    .dtxsg_shirdi_package_planning_label {

        font-size: 12px;

        letter-spacing: 1.1px;

        margin-bottom: 10px;

    }


    .dtxsg_shirdi_package_planning_title {

        font-size: 25px;

        line-height: 1.35;

        margin-bottom: 13px;

    }


    .dtxsg_shirdi_package_planning_intro {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.7;

    }


    .dtxsg_shirdi_package_planning_grid {

        margin-left: 0;
        margin-right: 0;

    }


    .dtxsg_shirdi_package_planning_card {

        min-height: auto;

        padding: 26px 23px 25px;

        border-radius: 18px;

    }


    .dtxsg_shirdi_package_planning_card_number {

        top: 19px;
        right: 20px;

        font-size: 25px;

    }


    .dtxsg_shirdi_package_planning_card_icon {

        width: 49px;
        height: 49px;

        margin-bottom: 17px;

        border-radius: 14px;

        font-size: 18px;

    }


    .dtxsg_shirdi_package_planning_card_content h3 {

        font-size: 18px;

        line-height: 1.4;

        margin-bottom: 8px;

        padding-right: 35px;

    }


    .dtxsg_shirdi_package_planning_card_content p {

        font-size: 13.5px;

        line-height: 1.7;

        text-align: justify;

    }


    .dtxsg_shirdi_package_planning_card:hover {

        transform: translateY(-4px);

    }

}











/* =========================================================
   SHIRDI TEMPLE & PILGRIMAGE PLANNING SECTION
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;
}


.dtxsg_shirdi_temple_pilgrimage_section *,
.dtxsg_shirdi_temple_pilgrimage_section *::before,
.dtxsg_shirdi_temple_pilgrimage_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_wrapper {

    position: relative;

    width: 100%;

    max-width: 1080px;

    margin: 0 auto;

    padding: 45px 50px;

    display: flex;

    align-items: flex-start;

    gap: 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.15);

    border-radius: 24px;

    box-shadow:
        0 18px 45px rgba(23, 32, 51, 0.08),
        0 4px 14px rgba(243, 82, 90, 0.06);

    overflow: hidden;
}


/* =========================================================
   LEFT ACCENT LINE
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_wrapper::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 6px;

    height: 100%;

    background: #f3525a;
}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_wrapper::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -80px;

    bottom: -90px;

    background: rgba(249, 176, 179, 0.18);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   ICON
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_icon {

    flex: 0 0 72px;

    width: 72px;

    height: 72px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.20);

    border-radius: 20px;

    color: #f3525a;

    font-size: 29px;

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.10);
}


/* =========================================================
   CONTENT
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_content {

    position: relative;

    z-index: 2;

    flex: 1;

    min-width: 0;
}


/* =========================================================
   TITLE
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_title {

    margin: 0 0 22px;

    color: #172033;

    font-size: 30px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: -0.4px;
}


/* =========================================================
   TEXT
========================================================= */

.dtxsg_shirdi_temple_pilgrimage_text {

    margin: 0;
}


.dtxsg_shirdi_temple_pilgrimage_text p {

    margin: 0 0 18px;

    color: #4c586b;

    font-size: 16px;

    line-height: 1.85;

    font-weight: 400;

    text-align: justify;
}


.dtxsg_shirdi_temple_pilgrimage_text p:last-child {

    margin-bottom: 0;
}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_section {

        padding: 50px 30px;
    }


    /* =====================================================
       WRAPPER
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_wrapper {

        max-width: 100%;

        padding: 35px 35px;

        gap: 24px;

        border-radius: 20px;
    }


    /* =====================================================
       ACCENT LINE
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_wrapper::before {

        width: 5px;
    }


    /* =====================================================
       DECORATIVE CIRCLE
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_wrapper::after {

        width: 150px;

        height: 150px;

        right: -70px;

        bottom: -75px;
    }


    /* =====================================================
       ICON
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_icon {

        flex: 0 0 62px;

        width: 62px;

        height: 62px;

        border-radius: 17px;

        font-size: 25px;
    }


    /* =====================================================
       TITLE
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_title {

        margin-bottom: 18px;

        font-size: 25px;

        line-height: 1.35;

        letter-spacing: -0.2px;
    }


    /* =====================================================
       TEXT
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_text p {

        margin-bottom: 16px;

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_section {

        padding: 40px 15px;
    }


    /* =====================================================
       WRAPPER
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_wrapper {

        width: 100%;

        max-width: 100%;

        margin: 0;

        padding: 28px 20px;

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 20px;

        border-radius: 17px;
    }


    /* =====================================================
       ACCENT LINE
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_wrapper::before {

        width: 4px;
    }


    /* =====================================================
       DECORATIVE CIRCLE
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_wrapper::after {

        width: 120px;

        height: 120px;

        right: -55px;

        bottom: -60px;
    }


    /* =====================================================
       ICON
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_icon {

        flex: 0 0 58px;

        width: 58px;

        height: 58px;

        border-radius: 15px;

        font-size: 23px;
    }


    /* =====================================================
       CONTENT
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_content {

        width: 100%;

        text-align: center;
    }


    /* =====================================================
       TITLE
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_title {

        margin: 0 0 16px;

        font-size: 21px;

        line-height: 1.4;

        letter-spacing: 0;
    }


    /* =====================================================
       TEXT
    ===================================================== */

    .dtxsg_shirdi_temple_pilgrimage_text {

        width: 100%;
    }


    .dtxsg_shirdi_temple_pilgrimage_text p {

        margin: 0 0 14px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    .dtxsg_shirdi_temple_pilgrimage_text p:last-child {

        margin-bottom: 0;
    }

}













/* =========================================================
   SHIRDI TOUR BOOKING PROCESS SECTION
========================================================= */

.dtxsg_shirdi_booking_process_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}

.dtxsg_shirdi_booking_process_section *,
.dtxsg_shirdi_booking_process_section *::before,
.dtxsg_shirdi_booking_process_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_booking_process_header {

    max-width: 850px;
    margin: 0 auto 30px;

}

.dtxsg_shirdi_booking_process_icon {

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 50%;

    font-size: 22px;

    box-shadow: 0 8px 22px rgba(23, 32, 51, 0.08);

}

.dtxsg_shirdi_booking_process_label {

    display: inline-block;

    margin-bottom: 10px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}

.dtxsg_shirdi_booking_process_title {

    margin: 0;

    color: #172033;

    font-size: 36px;
    font-weight: 700;

    line-height: 1.25;

}


/* =========================================================
   BOOKING PROCESS CARD
========================================================= */

.dtxsg_shirdi_booking_process_card {

    position: relative;

    height: 100%;

    padding: 34px 25px 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 18px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.dtxsg_shirdi_booking_process_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

}

.dtxsg_shirdi_booking_process_card::after {

    content: "";

    position: absolute;

    width: 80px;
    height: 80px;

    top: -35px;
    right: -35px;

    background: rgba(249, 176, 179, 0.22);

    border-radius: 50%;

}

.dtxsg_shirdi_booking_process_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 38px rgba(23, 32, 51, 0.12);

}


/* =========================================================
   STEP NUMBER
========================================================= */

.dtxsg_shirdi_booking_process_number {

    position: absolute;

    top: 16px;
    left: 18px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: 0.5px;

}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_booking_process_card_icon {

    width: 62px;
    height: 62px;

    margin: 12px auto 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(249, 176, 179, 0.22);

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}

.dtxsg_shirdi_booking_process_card:hover
.dtxsg_shirdi_booking_process_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: scale(1.05);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_booking_process_card_title {

    margin: 0 0 13px;

    color: #172033;

    font-size: 19px;
    font-weight: 700;

    line-height: 1.4;

}

.dtxsg_shirdi_booking_process_card_text {

    margin: 0;

    color: #5d6879;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.75;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_booking_process_section {

        padding: 55px 20px;

    }

    .dtxsg_shirdi_booking_process_header {

        max-width: 750px;
        margin-bottom: 35px;

    }

    .dtxsg_shirdi_booking_process_title {

        font-size: 32px;

        line-height: 1.3;

    }

    .dtxsg_shirdi_booking_process_icon {

        width: 55px;
        height: 55px;

        margin-bottom: 16px;

        font-size: 21px;

    }

    .dtxsg_shirdi_booking_process_label {

        font-size: 13px;

    }

    .dtxsg_shirdi_booking_process_card {

        padding: 32px 22px 28px;

        border-radius: 16px;

    }

    .dtxsg_shirdi_booking_process_card_icon {

        width: 58px;
        height: 58px;

        margin-top: 10px;
        margin-bottom: 20px;

        font-size: 20px;

    }

    .dtxsg_shirdi_booking_process_card_title {

        font-size: 18px;

        line-height: 1.4;

    }

    .dtxsg_shirdi_booking_process_card_text {

        font-size: 13.5px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_booking_process_section {

        padding: 45px 15px;

    }

    .dtxsg_shirdi_booking_process_header {

        max-width: 100%;

        margin-bottom: 30px;

    }

    .dtxsg_shirdi_booking_process_icon {

        width: 52px;
        height: 52px;

        margin-bottom: 15px;

        font-size: 19px;

    }

    .dtxsg_shirdi_booking_process_label {

        margin-bottom: 9px;

        font-size: 12px;

        letter-spacing: 1.2px;

    }

    .dtxsg_shirdi_booking_process_title {

        font-size: 26px;

        line-height: 1.3;

    }

    .dtxsg_shirdi_booking_process_card {

        padding: 30px 20px 26px;

        border-radius: 16px;

    }

    .dtxsg_shirdi_booking_process_number {

        top: 14px;
        left: 16px;

        font-size: 12px;

    }

    .dtxsg_shirdi_booking_process_card_icon {

        width: 56px;
        height: 56px;

        margin-top: 11px;
        margin-bottom: 18px;

        font-size: 19px;

        border-radius: 14px;

    }

    .dtxsg_shirdi_booking_process_card_title {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.4;

    }

    .dtxsg_shirdi_booking_process_card_text {

        font-size: 13.5px;

        line-height: 1.7;

    }

}










/* =====================================================
   DTXSGP SHIRDI PLAN CTA
===================================================== */

.dtxsgp_shirdi_plan_cta_wrap{
    font-family: "Poppins", sans-serif;
    background:#0d4565;
    padding:60px 20px;
}

.dtxsgp_shirdi_plan_badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 20px;
    border-radius:50px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    color:#ffffff;
    font-size:13px;
    font-weight:700;
    letter-spacing:.4px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.dtxsgp_shirdi_plan_badge i{
    color:#ffffff;
    font-size:14px;
}

.dtxsgp_shirdi_plan_title{
    color:#ffffff;
    font-size:40px;
    font-weight:800;
    line-height:1.25;
    margin-bottom:18px;
}

.dtxsgp_shirdi_plan_desc{
    color:#e8eef5;
    font-size:17px;
    line-height:1.6;
    max-width:800px;
    margin:0 auto;
}

.dtxsgp_shirdi_plan_btn_row{
    margin-top:20px;
}
/* =====================================================
   CTA BUTTONS
===================================================== */

.dtxsgp_shirdi_plan_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none;
    padding:14px 28px;
    border-radius:60px;
    font-size:16px;
    font-weight:700;
    transition:all .3s ease;
    min-width:260px;
}


/* WhatsApp Button */

.dtxsgp_shirdi_plan_btn_primary{
    background:#25D366;
    color:#ffffff;
    border:2px solid #25D366;
}

.dtxsgp_shirdi_plan_btn_primary i{
    color:#ffffff;
}

.dtxsgp_shirdi_plan_btn_primary:hover{
    background:#1ebe5d;
    color:#ffffff;
    border-color:#1ebe5d;
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(37,211,102,.30);
}


/* Book Tour Button */

.dtxsgp_shirdi_plan_btn_outline{
    background:transparent;
    color:#ffffff;
    border:2px solid rgba(255,255,255,.45);
}

.dtxsgp_shirdi_plan_btn_outline i{
    color:#ffffff;
}

.dtxsgp_shirdi_plan_btn_outline:hover{
    background:#ffffff;
    color:#0d4565;
    border-color:#ffffff;
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.dtxsgp_shirdi_plan_btn_outline:hover i{
    color:#0d4565;
}

.dtxsgp_shirdi_plan_note{
    margin-top:32px;
    color:rgba(255,255,255,.70);
    font-size:14px;
    line-height:1.8;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
}

.dtxsgp_shirdi_plan_note strong{
    color:#ffffff;
}
/* =====================================================
   DTXSGP SHIRDI PLAN CTA
   TABLET RESPONSIVE
===================================================== */

@media (max-width:991px){

    .dtxsgp_shirdi_plan_cta_wrap{
        padding:50px 20px;
    }

    .dtxsgp_shirdi_plan_title{
        font-size:30px;
        line-height:1.3;
    }

    .dtxsgp_shirdi_plan_desc{
        font-size:17px;
        line-height:1.6;
        max-width:700px;
    }

    .dtxsgp_shirdi_plan_btn_row{
        margin-top:25px;
    }

    .dtxsgp_shirdi_plan_btn{
        width:100%;
        min-width:0;
        padding:14px 22px;
        font-size:14px;
    }

    .dtxsgp_shirdi_plan_note{
        margin-top:28px;
        font-size:14px;
        line-height:1.8;
        max-width:700px;
        text-align: center;
    }

}


/* =====================================================
   DTXSGP SHIRDI PLAN CTA
   MOBILE RESPONSIVE
===================================================== */

@media (max-width:767px){

    .dtxsgp_shirdi_plan_cta_wrap{
        padding:45px 15px;
    }

    .dtxsgp_shirdi_plan_badge{
        gap:7px;
        padding:8px 16px;
        font-size:11px;
        margin-bottom:16px;
    }

    .dtxsgp_shirdi_plan_badge i{
        font-size:13px;
    }

    .dtxsgp_shirdi_plan_title{
        font-size:23px;
        line-height:1.3;
        margin-bottom:15px;
    }

    .dtxsgp_shirdi_plan_desc{
        font-size:15px;
        line-height:1.7;
        max-width:100%;
    }

    .dtxsgp_shirdi_plan_btn_row{
        margin-top:25px;
        gap: 10px;
    }

    .dtxsgp_shirdi_plan_btn{
        width:100%;
        min-width:0;
        padding:13px 18px;
        font-size:13px;
        gap:8px;
    }

    .dtxsgp_shirdi_plan_note{
        margin-top:25px;
        font-size:13px;
        line-height:1.8;
        max-width:100%;
    }

}



/* =========================================================
   SHIRDI TOUR PACKAGES END
========================================================= */









/* =========================================================
   SHIRDI CHENNAI ROUTE BY FLIGHT ROUTE START
========================================================= */



/* ========= SHIRDI TOUR PACKAGE SNAPSHOT SECTION ========= */

.dtxsg_shirdi_package_snapshot_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}

.dtxsg_shirdi_package_snapshot_section *,
.dtxsg_shirdi_package_snapshot_section *::before,
.dtxsg_shirdi_package_snapshot_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   HEADER
========================================================= */

.dtxsg_shirdi_snapshot_header {

    margin-bottom: 30px;

}

.dtxsg_shirdi_snapshot_icon {

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 18px;

    color: #f3525a;

    font-size: 23px;

    box-shadow: 0 8px 22px rgba(243, 82, 90, 0.10);

}

.dtxsg_shirdi_snapshot_label {

    display: inline-block;

    margin-bottom: 10px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;

}

.dtxsg_shirdi_snapshot_title {

    margin: 0;

    color: #172033;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.2;

}
/* =========================================================
   SNAPSHOT DESCRIPTION
========================================================= */

.dtxsg_shirdi_snapshot_description {

    width: 100%;

    margin: 14px auto 0;
    padding: 0;

    max-width: 820px;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;

    color: #5f6b7a;

    text-align: center;

    box-sizing: border-box;
}

.dtxsg_shirdi_snapshot_description strong {

    font-weight: 600;
    color: #172033;
}



/* =========================================================
   SNAPSHOT CARD
========================================================= */

.dtxsg_shirdi_snapshot_card {

    position: relative;

    height: 100%;
    min-height: 150px;

    padding: 28px 25px;

    display: flex;
    align-items: center;

    gap: 20px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    overflow: hidden;

}

.dtxsg_shirdi_snapshot_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background: #f3525a;

    border-radius: 20px 0 0 20px;

}

.dtxsg_shirdi_snapshot_card:hover {

    transform: translateY(-6px);

    border-color: #f3525a;

    box-shadow: 0 18px 40px rgba(243, 82, 90, 0.13);

}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_snapshot_card_icon {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    color: #f3525a;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}

.dtxsg_shirdi_snapshot_card:hover .dtxsg_shirdi_snapshot_card_icon {

    background: #f3525a;

    color: #ffffff;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_snapshot_card_content {

    min-width: 0;

}

.dtxsg_shirdi_snapshot_card_label {

    display: block;

    margin-bottom: 7px;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

}

.dtxsg_shirdi_snapshot_card_title {

    margin: 0;

    color: #172033;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.4;

}

.dtxsg_shirdi_snapshot_card_text {

    margin: 5px 0 0;

    color: #5d6878;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.5;

}


/* =========================================================
   WIDE CARDS
========================================================= */

.dtxsg_shirdi_snapshot_card_wide {

    min-height: 145px;

}


/* =========================================================
   INFORMATION NOTE
========================================================= */

.dtxsg_shirdi_snapshot_note {

    margin-top: 38px;
    padding: 18px 22px;

    display: flex;
    align-items: flex-start;

    gap: 13px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;
    border-radius: 14px;

}

.dtxsg_shirdi_snapshot_note i {

    flex: 0 0 auto;

    margin-top: 3px;

    color: #f3525a;

    font-size: 16px;

}

.dtxsg_shirdi_snapshot_note p {

    margin: 0;

    color: #5d6878;

    font-size: 13px;
    font-weight: 500;

    line-height: 1.7;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_package_snapshot_section {

        padding: 55px 20px;

    }

    .dtxsg_shirdi_snapshot_header {

        margin-bottom: 35px;

    }

    .dtxsg_shirdi_snapshot_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 15px;

        border-radius: 16px;

        font-size: 21px;

    }

    .dtxsg_shirdi_snapshot_label {

        font-size: 12px;

        letter-spacing: 1.3px;

    }

    .dtxsg_shirdi_snapshot_title {

        font-size: 32px;

        line-height: 1.25;

    }
    .dtxsg_shirdi_snapshot_description {

        max-width: 760px;

        font-size: 14.5px;
        line-height: 1.75;

        margin-top: 13px;
    }


    /* =========================
       TABLET CARDS
    ========================= */

    .dtxsg_shirdi_snapshot_card {

        min-height: 140px;

        padding: 24px 21px;

        gap: 17px;

        border-radius: 18px;

    }

    .dtxsg_shirdi_snapshot_card_wide {

        min-height: 140px;

    }

    .dtxsg_shirdi_snapshot_card_icon {

        flex: 0 0 54px;

        width: 54px;
        height: 54px;

        border-radius: 15px;

        font-size: 20px;

    }

    .dtxsg_shirdi_snapshot_card_label {

        margin-bottom: 6px;

        font-size: 11px;

        letter-spacing: 0.9px;

    }

    .dtxsg_shirdi_snapshot_card_title {

        font-size: 18px;

        line-height: 1.4;

    }

    .dtxsg_shirdi_snapshot_card_text {

        margin-top: 4px;

        font-size: 13px;

        line-height: 1.5;

    }


    /* =========================
       TABLET NOTE
    ========================= */

    .dtxsg_shirdi_snapshot_note {

        margin-top: 32px;

        padding: 17px 20px;

        gap: 12px;

        border-radius: 13px;

    }

    .dtxsg_shirdi_snapshot_note p {

        font-size: 12.5px;

        line-height: 1.65;

        text-align: justify;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_package_snapshot_section {

        padding: 45px 15px;

    }


    /* =========================
       MOBILE HEADER
    ========================= */

    .dtxsg_shirdi_snapshot_header {

        margin-bottom: 30px;

    }

    .dtxsg_shirdi_snapshot_icon {

        width: 52px;
        height: 52px;

        margin: 0 auto 15px;

        border-radius: 16px;

        font-size: 21px;

    }

    .dtxsg_shirdi_snapshot_label {

        margin-bottom: 8px;

        font-size: 11px;

        letter-spacing: 1.2px;

    }

    .dtxsg_shirdi_snapshot_title {

        font-size: 27px;

        line-height: 1.25;

    }
     .dtxsg_shirdi_snapshot_description {

        max-width: 100%;

        margin-top: 12px;

        font-size: 14px;
        line-height: 1.7;

        padding: 0 8px;
    }


    /* =========================
       MOBILE CARDS
    ========================= */

    .dtxsg_shirdi_snapshot_card,
    .dtxsg_shirdi_snapshot_card_wide {

        min-height: 125px;

        padding: 21px 18px;

        gap: 15px;

        border-radius: 17px;

    }

    .dtxsg_shirdi_snapshot_card_icon {

        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        border-radius: 14px;

        font-size: 18px;

    }

    .dtxsg_shirdi_snapshot_card_label {

        margin-bottom: 5px;

        font-size: 10px;

        letter-spacing: 0.8px;

    }

    .dtxsg_shirdi_snapshot_card_title {

        font-size: 16px;

        line-height: 1.4;

    }

    .dtxsg_shirdi_snapshot_card_text {

        margin-top: 4px;

        font-size: 12.5px;

        line-height: 1.5;

    }


    /* =========================
       MOBILE NOTE
    ========================= */

    .dtxsg_shirdi_snapshot_note {

        margin-top: 27px;

        padding: 15px 16px;

        gap: 10px;

        border-radius: 12px;

    }

    .dtxsg_shirdi_snapshot_note i {

        margin-top: 2px;

        font-size: 15px;

    }

    .dtxsg_shirdi_snapshot_note p {

        font-size: 11.5px;

        line-height: 1.65;

        text-align: justify;

    }

}








/* =========================================================
   2-DAY SHIRDI TOUR ITINERARY SECTION
========================================================= */

.dtxsg_shirdi_2day_itinerary_section {

    width: 100%;
    padding: 60px 20px;

    background:
        radial-gradient(circle at 8% 12%, rgba(243, 82, 90, 0.07), transparent 28%),
        radial-gradient(circle at 92% 88%, rgba(249, 176, 179, 0.11), transparent 30%),
        #dfe7ef;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

    position: relative;
}


.dtxsg_shirdi_2day_itinerary_section *,
.dtxsg_shirdi_2day_itinerary_section *::before,
.dtxsg_shirdi_2day_itinerary_section *::after {

    box-sizing: border-box;
}


/* =========================
   HEADER
========================= */

.dtxsg_shirdi_2day_itinerary_header {

    max-width: 920px;

    margin: 0 auto 30px;

    text-align: center;

    position: relative;
    z-index: 2;
}


.dtxsg_shirdi_2day_itinerary_icon {

    width: 70px;
    height: 70px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(145deg, #ffffff, #fff7f7);

    border: 1px solid rgba(243, 82, 90, 0.22);

    border-radius: 22px;

    color: #f3525a;

    font-size: 25px;

    box-shadow:
        0 12px 30px rgba(23, 32, 51, 0.10),
        0 3px 8px rgba(243, 82, 90, 0.08);

    position: relative;
}


.dtxsg_shirdi_2day_itinerary_icon::after {

    content: "";

    position: absolute;

    inset: -7px;

    border: 1px solid rgba(243, 82, 90, 0.10);

    border-radius: 27px;

    pointer-events: none;
}


.dtxsg_shirdi_2day_itinerary_label {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 13px;

    padding: 7px 15px;

    background: rgba(243, 82, 90, 0.08);

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 30px;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.7px;
    text-transform: uppercase;
}


.dtxsg_shirdi_2day_itinerary_title {

    margin: 0 0 17px;

    color: #172033;

    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: -0.5px;
}


.dtxsg_shirdi_2day_itinerary_intro {

    max-width: 820px;

    margin: 0 auto;

    color: #5b6575;

    font-size: 16px;
    line-height: 1.85;
}


/* =========================
   ITINERARY ROW
========================= */

.dtxsg_shirdi_2day_itinerary_row {

    align-items: stretch;

    position: relative;
    z-index: 2;
}


/* =========================
   DAY CARD
========================= */

.dtxsg_shirdi_2day_itinerary_card {

    height: 100%;

    position: relative;

    padding: 36px 34px 34px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 72%,
            #fff9f9 100%
        );

    border: 1px solid rgba(243, 82, 90, 0.13);

    border-radius: 24px;

    box-shadow:
        0 20px 55px rgba(23, 32, 51, 0.09),
        0 5px 18px rgba(23, 32, 51, 0.04);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.dtxsg_shirdi_2day_itinerary_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #f3525a,
            #f9b0b3,
            #f3525a
        );
}


.dtxsg_shirdi_2day_itinerary_card::after {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -90px;
    top: -90px;

    background: rgba(243, 82, 90, 0.035);

    border-radius: 50%;

    pointer-events: none;
}


.dtxsg_shirdi_2day_itinerary_card:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.22);

    box-shadow:
        0 27px 65px rgba(23, 32, 51, 0.13),
        0 8px 24px rgba(243, 82, 90, 0.06);
}


/* =========================
   DAY LABEL
========================= */

.dtxsg_shirdi_2day_itinerary_day {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 96px;
    min-height: 40px;

    margin-bottom: 17px;

    padding: 8px 20px;

    background:
        linear-gradient(
            135deg,
            #f3525a,
            #e94750
        );

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 30px;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.7px;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.22);
}


.dtxsg_shirdi_2day_itinerary_day_title {

    margin: 0 0 32px;

    color: #172033;

    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: -0.3px;
}


/* =========================
   TIMELINE
========================= */

.dtxsg_shirdi_2day_itinerary_timeline {

    position: relative;

    padding-left: 2px;
}


.dtxsg_shirdi_2day_itinerary_timeline::before {

    content: "";

    position: absolute;

    top: 8px;
    bottom: 8px;

    left: 20px;

    width: 2px;

    background:
        linear-gradient(
            to bottom,
            #f9b0b3,
            rgba(249, 176, 179, 0.35)
        );

    border-radius: 10px;
}


.dtxsg_shirdi_2day_itinerary_item {

    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 19px;

    margin-bottom: 26px;
}


.dtxsg_shirdi_2day_itinerary_item:last-child {

    margin-bottom: 0;
}


/* =========================
   ITEM ICON
========================= */

.dtxsg_shirdi_2day_itinerary_item_icon {

    position: relative;
    z-index: 2;

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fff7f7
        );

    border: 2px solid #f9b0b3;

    border-radius: 50%;

    color: #f3525a;

    font-size: 14px;

    box-shadow:
        0 5px 14px rgba(23, 32, 51, 0.08),
        0 0 0 5px rgba(243, 82, 90, 0.035);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}


.dtxsg_shirdi_2day_itinerary_item:hover
.dtxsg_shirdi_2day_itinerary_item_icon {

    transform: scale(1.08);

    background: #f3525a;

    border-color: #f3525a;

    color: #ffffff;

    box-shadow:
        0 7px 18px rgba(243, 82, 90, 0.25),
        0 0 0 6px rgba(243, 82, 90, 0.06);
}


.dtxsg_shirdi_2day_itinerary_item_content {

    flex: 1;

    padding-top: 1px;

    min-width: 0;
}


.dtxsg_shirdi_2day_itinerary_item_content strong {

    display: block;

    margin-bottom: 5px;

    color: #f3525a;

    font-size: 15px;
    line-height: 1.55;
    font-weight: 700;

    letter-spacing: 0.1px;
}


.dtxsg_shirdi_2day_itinerary_item_content p {

    margin: 0;

    color: #4f596a;

    font-size: 15px;
    line-height: 1.75;
}


/* =========================
   FLIGHT TIMING NOTE
========================= */

.dtxsg_shirdi_2day_itinerary_note {

    display: flex;
    align-items: flex-start;

    gap: 16px;

    max-width: 1100px;

    margin: 38px auto 0;

    padding: 21px 25px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fffafa
        );

    border: 1px solid rgba(243, 82, 90, 0.11);

    border-left: 4px solid #f3525a;

    border-radius: 15px;

    box-shadow:
        0 12px 32px rgba(23, 32, 51, 0.07);

    position: relative;
    z-index: 2;
}


.dtxsg_shirdi_2day_itinerary_note::after {

    content: "";

    position: absolute;

    right: 20px;
    bottom: -10px;

    width: 70px;
    height: 70px;

    background: rgba(243, 82, 90, 0.025);

    border-radius: 50%;

    pointer-events: none;
}


.dtxsg_shirdi_2day_itinerary_note_icon {

    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(243, 82, 90, 0.08);

    border-radius: 9px;

    color: #f3525a;

    font-size: 17px;
}


.dtxsg_shirdi_2day_itinerary_note_content {

    flex: 1;

    color: #5b6575;

    font-size: 14px;
    line-height: 1.8;

    text-align: justify;
}


.dtxsg_shirdi_2day_itinerary_note_content strong {

    color: #172033;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_2day_itinerary_section {

        padding: 60px 18px;

    }


    /* =========================
       HEADER
    ========================= */

    .dtxsg_shirdi_2day_itinerary_header {

        max-width: 760px;

        margin: 0 auto 38px;

    }


    .dtxsg_shirdi_2day_itinerary_icon {

        width: 64px;
        height: 64px;

        margin-bottom: 17px;

        border-radius: 20px;

        font-size: 23px;

    }


    .dtxsg_shirdi_2day_itinerary_label {

        font-size: 11px;

        letter-spacing: 1.5px;

        padding: 7px 14px;

        margin-bottom: 12px;

    }


    .dtxsg_shirdi_2day_itinerary_title {

        font-size: 32px;

        line-height: 1.3;

        margin-bottom: 15px;

    }


    .dtxsg_shirdi_2day_itinerary_intro {

        max-width: 700px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* =========================
       ITINERARY ROW
    ========================= */

    .dtxsg_shirdi_2day_itinerary_row {

        margin-left: -8px;
        margin-right: -8px;

    }


    .dtxsg_shirdi_2day_itinerary_row > [class*="col-"] {

        padding-left: 8px;
        padding-right: 8px;

    }


    /* =========================
       DAY CARD
    ========================= */

    .dtxsg_shirdi_2day_itinerary_card {

        padding: 30px 24px 28px;

        border-radius: 20px;

    }


    .dtxsg_shirdi_2day_itinerary_day {

        min-width: 90px;
        min-height: 38px;

        padding: 7px 17px;

        margin-bottom: 15px;

        font-size: 12px;

    }


    .dtxsg_shirdi_2day_itinerary_day_title {

        font-size: 24px;

        line-height: 1.3;

        margin-bottom: 27px;

    }


    /* =========================
       TIMELINE
    ========================= */

    .dtxsg_shirdi_2day_itinerary_timeline {

        padding-left: 0;

    }


    .dtxsg_shirdi_2day_itinerary_timeline::before {

        left: 18px;

        top: 7px;
        bottom: 7px;

    }


    .dtxsg_shirdi_2day_itinerary_item {

        gap: 15px;

        margin-bottom: 22px;

    }


    /* =========================
       ITEM ICON
    ========================= */

    .dtxsg_shirdi_2day_itinerary_item_icon {

        flex: 0 0 36px;

        width: 36px;
        height: 36px;

        font-size: 12px;

    }


    .dtxsg_shirdi_2day_itinerary_item_content {

        padding-top: 0;

    }


    .dtxsg_shirdi_2day_itinerary_item_content strong {

        font-size: 13px;

        line-height: 1.5;

        margin-bottom: 4px;

    }


    .dtxsg_shirdi_2day_itinerary_item_content p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* =========================
       NOTE
    ========================= */

    .dtxsg_shirdi_2day_itinerary_note {

        max-width: 900px;

        margin-top: 30px;

        padding: 18px 21px;

        gap: 14px;

        border-radius: 13px;

    }


    .dtxsg_shirdi_2day_itinerary_note_icon {

        flex: 0 0 30px;

        width: 30px;
        height: 30px;

        font-size: 16px;

    }


    .dtxsg_shirdi_2day_itinerary_note_content {

        font-size: 13px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_2day_itinerary_section {

        padding: 48px 14px;

    }


    /* =========================
       HEADER
    ========================= */

    .dtxsg_shirdi_2day_itinerary_header {

        max-width: 100%;

        margin: 0 auto 32px;

    }


    .dtxsg_shirdi_2day_itinerary_icon {

        width: 60px;
        height: 60px;

        margin-bottom: 16px;

        border-radius: 18px;

        font-size: 21px;

    }


    .dtxsg_shirdi_2day_itinerary_icon::after {

        inset: -5px;

        border-radius: 23px;

    }


    .dtxsg_shirdi_2day_itinerary_label {

        font-size: 10px;

        letter-spacing: 1.2px;

        padding: 6px 11px;

        margin-bottom: 10px;

    }


    .dtxsg_shirdi_2day_itinerary_title {

        font-size: 26px;

        line-height: 1.3;

        letter-spacing: -0.2px;

        margin-bottom: 13px;

    }


    .dtxsg_shirdi_2day_itinerary_intro {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

    }


    /* =========================
       ITINERARY ROW
    ========================= */

    .dtxsg_shirdi_2day_itinerary_row {

        margin-left: 0;
        margin-right: 0;

    }


    .dtxsg_shirdi_2day_itinerary_row > [class*="col-"] {

        width: 100%;

        padding-left: 0;
        padding-right: 0;

        margin-bottom: 18px;

    }


    .dtxsg_shirdi_2day_itinerary_row > [class*="col-"]:last-child {

        margin-bottom: 0;

    }


    /* =========================
       DAY CARD
    ========================= */

    .dtxsg_shirdi_2day_itinerary_card {

        width: 100%;

        padding: 27px 19px 25px;

        border-radius: 19px;

    }


    .dtxsg_shirdi_2day_itinerary_card:hover {

        transform: translateY(-3px);

    }


    /* =========================
       DAY LABEL
    ========================= */

    .dtxsg_shirdi_2day_itinerary_day {

        min-width: 86px;

        min-height: 35px;

        margin-bottom: 14px;

        padding: 6px 15px;

        font-size: 11px;

        letter-spacing: 0.5px;

        box-shadow:
            0 6px 15px rgba(243, 82, 90, 0.18);

    }


    .dtxsg_shirdi_2day_itinerary_day_title {

        font-size: 22px;

        line-height: 1.3;

        margin-bottom: 24px;

        letter-spacing: 0;

    }


    /* =========================
       TIMELINE
    ========================= */

    .dtxsg_shirdi_2day_itinerary_timeline {

        padding-left: 0;

    }


    .dtxsg_shirdi_2day_itinerary_timeline::before {

        left: 17px;

        top: 7px;
        bottom: 7px;

        width: 2px;

    }


    .dtxsg_shirdi_2day_itinerary_item {

        gap: 13px;

        margin-bottom: 20px;

    }


    /* =========================
       ITEM ICON
    ========================= */

    .dtxsg_shirdi_2day_itinerary_item_icon {

        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        font-size: 11px;

        box-shadow:
            0 4px 11px rgba(23, 32, 51, 0.07),
            0 0 0 4px rgba(243, 82, 90, 0.035);

    }


    .dtxsg_shirdi_2day_itinerary_item:hover
    .dtxsg_shirdi_2day_itinerary_item_icon {

        transform: scale(1.04);

    }


    /* =========================
       ITEM CONTENT
    ========================= */

    .dtxsg_shirdi_2day_itinerary_item_content {

        padding-top: 0;

        min-width: 0;

    }


    .dtxsg_shirdi_2day_itinerary_item_content strong {

        font-size: 12.5px;

        line-height: 1.5;

        margin-bottom: 3px;

    }


    .dtxsg_shirdi_2day_itinerary_item_content p {

        font-size: 12.5px;

        line-height: 1.7;

    }


    /* =========================
       NOTE
    ========================= */

    .dtxsg_shirdi_2day_itinerary_note {

        width: 100%;

        margin: 26px auto 0;

        padding: 16px 15px;

        gap: 11px;

        border-radius: 12px;

    }


    .dtxsg_shirdi_2day_itinerary_note_icon {

        flex: 0 0 28px;

        width: 28px;
        height: 28px;

        border-radius: 8px;

        font-size: 14px;

    }


    .dtxsg_shirdi_2day_itinerary_note_content {

        min-width: 0;

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }


    .dtxsg_shirdi_2day_itinerary_note::after {

        width: 55px;
        height: 55px;

        right: 8px;
        bottom: -8px;

    }

}









/* =========================================================
   SHIRDI PLACES COVERED SECTION
========================================================= */

.dtxsg_shirdi_places_covered_section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: "Poppins", sans-serif;
    color: #172033;
    box-sizing: border-box;
    overflow: hidden;
}

.dtxsg_shirdi_places_covered_section *,
.dtxsg_shirdi_places_covered_section *::before,
.dtxsg_shirdi_places_covered_section *::after {
    box-sizing: border-box;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.dtxsg_shirdi_places_covered_heading {
    margin-bottom: 30px;
}

.dtxsg_shirdi_places_covered_label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 17px;
    margin-bottom: 17px;
    border: 1px solid rgba(243, 82, 90, 0.20);
    border-radius: 50px;
    background: rgba(249, 176, 179, 0.12);
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.dtxsg_shirdi_places_covered_label i {
    font-size: 16px;
}

.dtxsg_shirdi_places_covered_heading h2 {
    margin: 0 0 15px;
    color: #172033;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.dtxsg_shirdi_places_covered_heading p {
    max-width: 900px;
    margin: 0 auto;
    color: #687386;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
}

/* =========================================================
   5 CARDS PER ROW
========================================================= */

.col-lg-custom-5 {
    position: relative;
    width: 100%;
}

/* =========================================================
   PLACE ITEM
========================================================= */

.dtxsg_shirdi_place_item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 88px;
    padding: 18px 20px;
    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.055);
    transition: all 0.3s ease;
    height: 100%;
}

.dtxsg_shirdi_place_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 0 5px 5px 0;
    background: #f3525a;
    transform: scaleY(0.45);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.dtxsg_shirdi_place_item:hover {
    transform: translateY(-4px);
    border-color: rgba(243, 82, 90, 0.30);
    box-shadow: 0 14px 34px rgba(23, 32, 51, 0.10);
}

.dtxsg_shirdi_place_item:hover::before {
    transform: scaleY(1);
}

/* =========================================================
   PLACE ICON
========================================================= */

.dtxsg_shirdi_place_icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(
        145deg,
        rgba(249, 176, 179, 0.30),
        rgba(243, 82, 90, 0.08)
    );
    color: #f3525a;
    font-size: 19px;
    transition: all 0.3s ease;
}

.dtxsg_shirdi_place_item:hover .dtxsg_shirdi_place_icon {
    background: #f3525a;
    color: #ffffff;
    transform: rotate(-3deg) scale(1.05);
}

/* =========================================================
   PLACE NAME
========================================================= */

.dtxsg_shirdi_place_name {
    color: #172033;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dtxsg_shirdi_place_item:hover .dtxsg_shirdi_place_name {
    color: #f3525a;
}

/* =========================================================
   NOTE
========================================================= */

.dtxsg_shirdi_places_note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 38px;
    padding: 18px 21px;
    border: 1px solid rgba(249, 176, 179, 0.45);
    border-radius: 14px;
    background: linear-gradient(
        90deg,
        rgba(249, 176, 179, 0.13),
        rgba(255, 255, 255, 0.95)
    );
}

.dtxsg_shirdi_places_note_icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(243, 82, 90, 0.10);
    color: #f3525a;
    font-size: 14px;
}

.dtxsg_shirdi_places_note p {
    margin: 3px 0 0;
    color: #697386;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 400;
}

/* =========================================================
   DESKTOP - EXACT 5 CARDS
========================================================= */

@media (min-width: 992px) {

    .col-lg-custom-5 {
        flex: 0 0 20%;
        max-width: 20%;
        width: 20%;
    }

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_places_covered_section {
        padding: 55px 20px;
    }

    .dtxsg_shirdi_places_covered_heading {
        margin-bottom: 30px;
    }

    .dtxsg_shirdi_places_covered_label {
        padding: 7px 15px;
        margin-bottom: 14px;
        font-size: 12px;
    }

    .dtxsg_shirdi_places_covered_label i {
        font-size: 15px;
    }

    .dtxsg_shirdi_places_covered_heading h2 {
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 13px;
    }

    .dtxsg_shirdi_places_covered_heading p {
        max-width: 760px;
        font-size: 14px;
        line-height: 1.75;
    }

    /* 2 Cards Per Row */

    .col-lg-custom-5 {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }

    .dtxsg_shirdi_place_item {
        min-height: 82px;
        padding: 16px 18px;
        border-radius: 15px;
    }

    .dtxsg_shirdi_place_item::before {
        top: 16px;
        bottom: 16px;
    }

    .dtxsg_shirdi_place_icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        margin-right: 13px;
        border-radius: 12px;
        font-size: 18px;
    }

    .dtxsg_shirdi_place_name {
        font-size: 13.5px;
        line-height: 1.5;
    }

    .dtxsg_shirdi_places_note {
        margin-top: 32px;
        padding: 16px 18px;
        gap: 11px;
        border-radius: 13px;
    }

    .dtxsg_shirdi_places_note_icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .dtxsg_shirdi_places_note p {
        margin-top: 2px;
        font-size: 12.5px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_places_covered_section {
        padding: 45px 15px;
    }

    .dtxsg_shirdi_places_covered_heading {
        margin-bottom: 25px;
    }

    .dtxsg_shirdi_places_covered_label {
        padding: 7px 13px;
        margin-bottom: 13px;
        gap: 7px;
        font-size: 10.5px;
        letter-spacing: 0.6px;
    }

    .dtxsg_shirdi_places_covered_label i {
        font-size: 14px;
    }

    .dtxsg_shirdi_places_covered_heading h2 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 11px;
    }

    .dtxsg_shirdi_places_covered_heading p {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.7;
    }

    /* 1 Card Per Row */

    .col-lg-custom-5 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .dtxsg_shirdi_place_item {
        min-height: 72px;
        padding: 12px 14px;
        border-radius: 13px;
    }

    .dtxsg_shirdi_place_item::before {
        top: 14px;
        bottom: 14px;
        width: 3px;
    }

    .dtxsg_shirdi_place_icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        margin-right: 12px;
        border-radius: 11px;
        font-size: 16px;
    }

    .dtxsg_shirdi_place_name {
        font-size: 13px;
        line-height: 1.45;
    }

    .dtxsg_shirdi_places_note {
        margin-top: 25px;
        padding: 14px 15px;
        gap: 9px;
        border-radius: 12px;
    }

    .dtxsg_shirdi_places_note_icon {
        flex: 0 0 27px;
        width: 27px;
        height: 27px;
        font-size: 12px;
    }

    .dtxsg_shirdi_places_note p {
        margin: 2px 0 0;
        font-size: 11.5px;
        line-height: 1.65;
        text-align: justify;
    }

}











/* =========================================================
   SHIRDI DARSHAN & ID PROOF INFORMATION SECTION
========================================================= */

.dtxsg_shirdi_darshan_id_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}

.dtxsg_shirdi_darshan_id_section *,
.dtxsg_shirdi_darshan_id_section *::before,
.dtxsg_shirdi_darshan_id_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN CARD
========================================================= */

.dtxsg_shirdi_info_card {

    width: 100%;
    height: 100%;

    padding: 34px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.14);
    border-radius: 24px;

    box-shadow:
        0 10px 30px rgba(23, 32, 51, 0.07),
        0 2px 8px rgba(243, 82, 90, 0.04);

    position: relative;
    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.dtxsg_shirdi_info_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #f3525a,
            #f9b0b3
        );
}

.dtxsg_shirdi_info_card::after {

    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    top: -70px;
    right: -60px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.12);

    pointer-events: none;
}

.dtxsg_shirdi_info_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow:
        0 18px 40px rgba(23, 32, 51, 0.10),
        0 6px 18px rgba(243, 82, 90, 0.08);
}


/* =========================================================
   CARD TOP
========================================================= */

.dtxsg_shirdi_card_top {

    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 22px;

    position: relative;
    z-index: 2;
}

.dtxsg_shirdi_card_icon {

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(243, 82, 90, 0.12),
            rgba(249, 176, 179, 0.30)
        );

    color: #f3525a;

    font-size: 21px;

    border: 1px solid rgba(243, 82, 90, 0.14);

    box-shadow:
        0 6px 16px rgba(243, 82, 90, 0.08);
}

.dtxsg_shirdi_card_label {

    display: inline-flex;
    align-items: center;

    padding: 7px 13px;

    border-radius: 50px;

    background: rgba(243, 82, 90, 0.07);

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.7px;
    text-transform: uppercase;
}


/* =========================================================
   CARD TITLE
========================================================= */

.dtxsg_shirdi_card_title {

    margin: 0 0 15px;

    color: #172033;

    font-size: 26px;
    line-height: 1.35;

    font-weight: 700;

    position: relative;
    z-index: 2;
}


/* =========================================================
   CARD INTRO
========================================================= */

.dtxsg_shirdi_card_intro {

    margin: 0 0 25px;

    color: #5f6878;

    font-size: 15px;
    line-height: 1.85;

    position: relative;
    z-index: 2;

    text-align: justify;
}


/* =========================================================
   INFORMATION ITEM
========================================================= */

.dtxsg_shirdi_info_item {

    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 17px 0;

    border-top: 1px solid rgba(23, 32, 51, 0.08);

    position: relative;
    z-index: 2;
}

.dtxsg_shirdi_info_icon {

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 2px;

    border-radius: 12px;

    background: #fff4f4;

    color: #f3525a;

    font-size: 15px;

    border: 1px solid rgba(243, 82, 90, 0.12);
}

.dtxsg_shirdi_info_content {

    min-width: 0;
    flex: 1;
}

.dtxsg_shirdi_info_content h3 {

    margin: 0 0 7px;

    color: #172033;

    font-size: 17px;
    line-height: 1.4;

    font-weight: 700;
}

.dtxsg_shirdi_info_content p {

    margin: 0;

    color: #667080;

    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}


/* =========================================================
   SUB LABEL
========================================================= */

.dtxsg_shirdi_sub_label {

    display: block;

    margin-bottom: 4px;

    color: #f3525a;

    font-size: 11px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 0.8px;
    text-transform: uppercase;
}


/* =========================================================
   IMPORTANT BOX
========================================================= */

.dtxsg_shirdi_important_box {

    display: flex;
    align-items: flex-start;
    gap: 12px;

    margin-top: 20px;
    padding: 15px 16px;

    background:
        linear-gradient(
            135deg,
            rgba(249, 176, 179, 0.13),
            rgba(243, 82, 90, 0.05)
        );

    border-left: 3px solid #f3525a;

    border-radius: 0 13px 13px 0;

    position: relative;
    z-index: 2;
}

.dtxsg_shirdi_important_icon {

    flex: 0 0 auto;

    color: #f3525a;

    font-size: 16px;

    line-height: 1.7;
}

.dtxsg_shirdi_important_box p {

    margin: 0;

    color: #5b6575;

    font-size: 13px;
    line-height: 1.75;
    text-align: justify;
}

.dtxsg_shirdi_important_box strong {

    color: #172033;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_darshan_id_section {
        padding: 50px 20px;
    }

    .dtxsg_shirdi_info_card {
        padding: 28px;
        border-radius: 22px;
    }

    .dtxsg_shirdi_card_top {
        gap: 12px;
        margin-bottom: 19px;
    }

    .dtxsg_shirdi_card_icon {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;

        border-radius: 13px;

        font-size: 19px;
    }

    .dtxsg_shirdi_card_label {
        padding: 6px 11px;

        font-size: 11px;
        letter-spacing: 0.6px;
    }

    .dtxsg_shirdi_card_title {
        font-size: 22px;
        line-height: 1.4;

        margin-bottom: 13px;
    }

    .dtxsg_shirdi_card_intro {
        margin-bottom: 21px;

        font-size: 14px;
        line-height: 1.8;
    }

    .dtxsg_shirdi_info_item {
        gap: 12px;

        padding: 15px 0;
    }

    .dtxsg_shirdi_info_icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;

        border-radius: 11px;

        font-size: 14px;
    }

    .dtxsg_shirdi_info_content h3 {
        font-size: 16px;

        margin-bottom: 6px;
    }

    .dtxsg_shirdi_info_content p {
        font-size: 13px;
        line-height: 1.7;
    }

    .dtxsg_shirdi_sub_label {
        font-size: 10px;
    }

    .dtxsg_shirdi_important_box {
        gap: 10px;

        margin-top: 17px;
        padding: 13px 14px;
    }

    .dtxsg_shirdi_important_icon {
        font-size: 15px;
    }

    .dtxsg_shirdi_important_box p {
        font-size: 12px;
        line-height: 1.7;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_darshan_id_section {
        padding: 42px 15px;
    }

    .dtxsg_shirdi_info_card {
        padding: 25px 20px;

        border-radius: 20px;
    }

    .dtxsg_shirdi_card_top {
        gap: 10px;

        margin-bottom: 18px;
    }

    .dtxsg_shirdi_card_icon {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;

        border-radius: 12px;

        font-size: 18px;
    }

    .dtxsg_shirdi_card_label {
        padding: 6px 10px;

        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .dtxsg_shirdi_card_title {
        font-size: 20px;
        line-height: 1.4;

        margin-bottom: 13px;
    }

    .dtxsg_shirdi_card_intro {
        margin-bottom: 19px;

        font-size: 13px;
        line-height: 1.8;

        text-align: justify;
    }

    .dtxsg_shirdi_info_item {
        gap: 11px;

        padding: 15px 0;
    }

    .dtxsg_shirdi_info_icon {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;

        margin-top: 1px;

        border-radius: 10px;

        font-size: 13px;
    }

    .dtxsg_shirdi_info_content h3 {
        font-size: 15px;
        line-height: 1.45;

        margin-bottom: 6px;
    }

    .dtxsg_shirdi_info_content p {
        font-size: 12.5px;
        line-height: 1.75;

        text-align: justify;
    }

    .dtxsg_shirdi_sub_label {
        margin-bottom: 4px;

        font-size: 9.5px;
        letter-spacing: 0.6px;
    }

    .dtxsg_shirdi_important_box {
        gap: 9px;

        margin-top: 17px;
        padding: 13px 12px;

        border-left-width: 3px;
    }

    .dtxsg_shirdi_important_icon {
        font-size: 14px;
        line-height: 1.7;
    }

    .dtxsg_shirdi_important_box p {
        font-size: 11.5px;
        line-height: 1.7;

        text-align: justify;
    }
}












/* =========================================================
   SHIRDI TEMPLE VISIT - RECOMMENDED ATTIRE SECTION
========================================================= */

.dtxsg_shirdi_temple_attire_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_temple_attire_section *,
.dtxsg_shirdi_temple_attire_section *::before,
.dtxsg_shirdi_temple_attire_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION BACKGROUND DECORATION
========================================================= */

.dtxsg_shirdi_temple_attire_section::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    top: -150px;
    right: -100px;

    background: rgba(243, 82, 90, 0.08);

    border-radius: 50%;

    pointer-events: none;
}

.dtxsg_shirdi_temple_attire_section::after {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    bottom: -120px;
    left: -90px;

    background: rgba(249, 176, 179, 0.12);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dtxsg_shirdi_temple_attire_heading {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

    z-index: 1;
}

.dtxsg_shirdi_temple_attire_badge {

    display: inline-flex;
    align-items: center;

    gap: 10px;

    padding: 8px 16px 8px 8px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.5px;

    box-shadow:
        0 8px 25px rgba(23, 32, 51, 0.06);

    margin-bottom: 20px;
}

.dtxsg_shirdi_temple_attire_badge_icon {

    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    box-shadow:
        0 5px 14px rgba(243, 82, 90, 0.25);
}

.dtxsg_shirdi_temple_attire_badge_icon i {

    font-size: 14px;
}

.dtxsg_shirdi_temple_attire_heading h2 {

    position: relative;

    margin: 0 0 16px;

    font-size: 38px;

    line-height: 1.18;

    font-weight: 700;

    color: #172033;

    letter-spacing: -0.6px;
}

.dtxsg_shirdi_temple_attire_heading h2::after {

    content: "";

    display: block;

    width: 55px;
    height: 3px;

    margin: 17px auto 0;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

    border-radius: 10px;
}

.dtxsg_shirdi_temple_attire_heading p {

    max-width: 780px;

    margin: 18px auto 0;

    font-size: 17px;

    line-height: 1.85;

    color: #586579;
}


/* =========================================================
   ATTIRE CARD
========================================================= */

.dtxsg_shirdi_temple_attire_card {

    position: relative;

    height: 100%;

    min-height: 245px;

    padding: 34px 34px 30px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 24px;

    overflow: hidden;

    box-shadow:
        0 15px 45px rgba(23, 32, 51, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.dtxsg_shirdi_temple_attire_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 55%,
        rgba(249, 176, 179, 0.15) 100%
    );
}

.dtxsg_shirdi_temple_attire_card::after {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -65px;
    bottom: -75px;

    border-radius: 50%;

    border: 25px solid rgba(243, 82, 90, 0.045);

    pointer-events: none;
}

.dtxsg_shirdi_temple_attire_card:hover {

    transform: translateY(-8px);

    border-color: rgba(243, 82, 90, 0.20);

    box-shadow:
        0 22px 55px rgba(23, 32, 51, 0.13);
}


/* =========================================================
   CARD TOP
========================================================= */

.dtxsg_shirdi_temple_attire_card_top {

    position: relative;

    display: flex;
    align-items: center;

    gap: 19px;

    margin-bottom: 24px;

    z-index: 2;
}

.dtxsg_shirdi_temple_attire_icon {

    flex: 0 0 auto;

    width: 66px;
    height: 66px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            145deg,
            rgba(243, 82, 90, 0.14),
            rgba(249, 176, 179, 0.25)
        );

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 19px;

    color: #f3525a;

    box-shadow:
        inset 0 0 0 5px rgba(255, 255, 255, 0.5);

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dtxsg_shirdi_temple_attire_icon i {

    font-size: 27px;
}

.dtxsg_shirdi_temple_attire_card:hover
.dtxsg_shirdi_temple_attire_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-3px) rotate(-4deg);

    box-shadow:
        0 10px 22px rgba(243, 82, 90, 0.22);
}


/* =========================================================
   CARD LABEL
========================================================= */

.dtxsg_shirdi_temple_attire_card_label {

    display: block;

    margin-bottom: 5px;

    color: #f3525a;

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1.2px;
}

.dtxsg_shirdi_temple_attire_card_top h3 {

    margin: 0;

    font-size: 22px;

    line-height: 1.35;

    font-weight: 700;

    color: #172033;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_temple_attire_card_content {

    position: relative;

    padding-left: 85px;

    z-index: 2;
}

.dtxsg_shirdi_temple_attire_card_content::before {

    content: "";

    position: absolute;

    left: 0;
    top: 8px;

    width: 55px;
    height: 2px;

    background: #f9b0b3;

    border-radius: 5px;
}

.dtxsg_shirdi_temple_attire_card_content p {

    margin: 0;

    font-size: 15px;

    line-height: 1.9;

    color: #5c687b;

    text-align: justify;
}


/* =========================================================
   CARD DECOR
========================================================= */

.dtxsg_shirdi_temple_attire_card_decor {

    position: absolute;

    right: 25px;
    top: 25px;

    width: 9px;
    height: 9px;

    background: #f9b0b3;

    border-radius: 50%;

    box-shadow:
        18px 0 0 rgba(243, 82, 90, 0.18),
        36px 0 0 rgba(249, 176, 179, 0.35);

    opacity: 0.8;
}


/* =========================================================
   GUIDANCE BOX
========================================================= */

.dtxsg_shirdi_temple_attire_guidance {

    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 20px;

    margin-top: 38px;

    padding: 27px 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.10);

    border-radius: 19px;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07);

    overflow: hidden;
}

.dtxsg_shirdi_temple_attire_guidance::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 5px;
    height: 100%;

    background: linear-gradient(
        180deg,
        #f3525a,
        #f9b0b3
    );
}

.dtxsg_shirdi_temple_attire_guidance_icon {

    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(243, 82, 90, 0.10);

    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 14px;
}

.dtxsg_shirdi_temple_attire_guidance_icon i {

    font-size: 20px;
}

.dtxsg_shirdi_temple_attire_guidance_content {

    position: relative;

    z-index: 2;

    padding-right: 15px;
}

.dtxsg_shirdi_temple_attire_guidance_content h4 {

    margin: 1px 0 8px;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;
}

.dtxsg_shirdi_temple_attire_guidance_content p {

    margin: 0;

    font-size: 14px;

    line-height: 1.85;

    color: #5c687b;

    text-align: justify;
}

.dtxsg_shirdi_temple_attire_guidance_line {

    position: absolute;

    right: -30px;
    top: -30px;

    width: 100px;
    height: 100px;

    border-radius: 50%;

    border: 20px solid rgba(243, 82, 90, 0.055);
}


/* =========================================================
   TEMPLE RULES
========================================================= */

.dtxsg_shirdi_temple_attire_rules {

    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 20px;

    margin-top: 18px;

    padding: 27px 30px;

    background:
        linear-gradient(
            135deg,
            #172033 0%,
            #202c43 100%
        );

    border-radius: 19px;

    overflow: hidden;

    box-shadow:
        0 16px 38px rgba(23, 32, 51, 0.15);
}

.dtxsg_shirdi_temple_attire_rules::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 5px;
    height: 100%;

    background: linear-gradient(
        180deg,
        #f9b0b3,
        #f3525a
    );
}

.dtxsg_shirdi_temple_attire_rules::after {

    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -90px;
    bottom: -100px;

    border: 35px solid rgba(249, 176, 179, 0.06);

    border-radius: 50%;
}

.dtxsg_shirdi_temple_attire_rules_icon {

    position: relative;

    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(249, 176, 179, 0.13);

    border: 1px solid rgba(249, 176, 179, 0.20);

    color: #f9b0b3;

    border-radius: 14px;

    z-index: 2;
}

.dtxsg_shirdi_temple_attire_rules_icon i {

    font-size: 19px;
}

.dtxsg_shirdi_temple_attire_rules_content {

    position: relative;

    z-index: 2;

    padding-right: 20px;
}

.dtxsg_shirdi_temple_attire_rules_content h4 {

    margin: 1px 0 8px;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;

    color: #ffffff;
}

.dtxsg_shirdi_temple_attire_rules_content p {

    margin: 0;

    font-size: 14px;

    line-height: 1.85;

    color: rgba(255, 255, 255, 0.76);

    text-align: justify;
}

.dtxsg_shirdi_temple_attire_rules_pattern {

    position: absolute;

    right: 30px;
    top: 22px;

    width: 7px;
    height: 7px;

    background: #f9b0b3;

    border-radius: 50%;

    box-shadow:
        15px 0 0 rgba(249, 176, 179, 0.45),
        30px 0 0 rgba(249, 176, 179, 0.20);

    z-index: 3;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_temple_attire_section {

        padding: 55px 20px;
    }

    /* ================= SECTION HEADING ================= */

    .dtxsg_shirdi_temple_attire_heading {

        margin-bottom: 38px;
    }

    .dtxsg_shirdi_temple_attire_heading h2 {

        font-size: 34px;

        line-height: 1.25;
    }

    .dtxsg_shirdi_temple_attire_heading p {

        max-width: 700px;

        font-size: 15px;

        line-height: 1.8;
    }


    /* ================= ATTIRE CARDS ================= */

    .dtxsg_shirdi_temple_attire_card {

        min-height: 265px;

        padding: 28px 25px;

        border-radius: 20px;
    }

    .dtxsg_shirdi_temple_attire_card_top {

        gap: 15px;

        margin-bottom: 21px;
    }

    .dtxsg_shirdi_temple_attire_icon {

        width: 58px;
        height: 58px;

        border-radius: 16px;
    }

    .dtxsg_shirdi_temple_attire_icon i {

        font-size: 24px;
    }

    .dtxsg_shirdi_temple_attire_card_label {

        font-size: 10px;

        letter-spacing: 1px;
    }

    .dtxsg_shirdi_temple_attire_card_top h3 {

        font-size: 19px;

        line-height: 1.35;
    }

    .dtxsg_shirdi_temple_attire_card_content {

        padding-left: 73px;
    }

    .dtxsg_shirdi_temple_attire_card_content::before {

        width: 45px;
    }

    .dtxsg_shirdi_temple_attire_card_content p {

        font-size: 14px;

        line-height: 1.8;
    }


    /* ================= GUIDANCE ================= */

    .dtxsg_shirdi_temple_attire_guidance {

        margin-top: 30px;

        gap: 16px;

        padding: 24px 25px;

        border-radius: 17px;
    }

    .dtxsg_shirdi_temple_attire_guidance_icon {

        width: 44px;
        height: 44px;

        border-radius: 12px;
    }

    .dtxsg_shirdi_temple_attire_guidance_icon i {

        font-size: 18px;
    }

    .dtxsg_shirdi_temple_attire_guidance_content {

        padding-right: 5px;
    }

    .dtxsg_shirdi_temple_attire_guidance_content h4 {

        font-size: 15px;
    }

    .dtxsg_shirdi_temple_attire_guidance_content p {

        font-size: 13.5px;

        line-height: 1.8;
    }


    /* ================= TEMPLE RULES ================= */

    .dtxsg_shirdi_temple_attire_rules {

        gap: 16px;

        margin-top: 15px;

        padding: 24px 25px;

        border-radius: 17px;
    }

    .dtxsg_shirdi_temple_attire_rules_icon {

        width: 44px;
        height: 44px;

        border-radius: 12px;
    }

    .dtxsg_shirdi_temple_attire_rules_content {

        padding-right: 5px;
    }

    .dtxsg_shirdi_temple_attire_rules_content h4 {

        font-size: 15px;
    }

    .dtxsg_shirdi_temple_attire_rules_content p {

        font-size: 13.5px;

        line-height: 1.8;
    }


    /* ================= DECORATION ================= */

    .dtxsg_shirdi_temple_attire_section::before {

        width: 240px;
        height: 240px;

        top: -120px;
        right: -90px;
    }

    .dtxsg_shirdi_temple_attire_section::after {

        width: 180px;
        height: 180px;

        bottom: -100px;
        left: -80px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_temple_attire_section {

        padding: 45px 15px;
    }


    /* ================= SECTION HEADING ================= */

    .dtxsg_shirdi_temple_attire_heading {

        margin-bottom: 30px;
    }

    .dtxsg_shirdi_temple_attire_badge {

        gap: 8px;

        padding: 7px 13px 7px 7px;

        font-size: 11px;

        letter-spacing: 0.4px;

        margin-bottom: 16px;
    }

    .dtxsg_shirdi_temple_attire_badge_icon {

        width: 30px;
        height: 30px;
    }

    .dtxsg_shirdi_temple_attire_badge_icon i {

        font-size: 13px;
    }

    .dtxsg_shirdi_temple_attire_heading h2 {

        font-size: 28px;

        line-height: 1.25;

        letter-spacing: -0.3px;

        margin-bottom: 13px;
    }

    .dtxsg_shirdi_temple_attire_heading h2::after {

        width: 48px;
        height: 3px;

        margin-top: 14px;
    }

    .dtxsg_shirdi_temple_attire_heading p {

        max-width: 100%;

        margin-top: 15px;

        font-size: 13.5px;

        line-height: 1.75;
    }


    /* ================= ATTIRE CARDS ================= */

    .dtxsg_shirdi_temple_attire_card {

        min-height: auto;

        padding: 24px 21px 25px;

        border-radius: 18px;

        box-shadow:
            0 10px 30px rgba(23, 32, 51, 0.08);
    }

    .dtxsg_shirdi_temple_attire_card:hover {

        transform: translateY(-4px);

        box-shadow:
            0 16px 35px rgba(23, 32, 51, 0.11);
    }

    .dtxsg_shirdi_temple_attire_card_top {

        gap: 14px;

        margin-bottom: 19px;
    }

    .dtxsg_shirdi_temple_attire_icon {

        width: 55px;
        height: 55px;

        border-radius: 15px;
    }

    .dtxsg_shirdi_temple_attire_icon i {

        font-size: 23px;
    }

    .dtxsg_shirdi_temple_attire_card_label {

        font-size: 9.5px;

        letter-spacing: 1px;

        margin-bottom: 4px;
    }

    .dtxsg_shirdi_temple_attire_card_top h3 {

        font-size: 18px;

        line-height: 1.35;
    }


    /* ================= CARD CONTENT ================= */

    .dtxsg_shirdi_temple_attire_card_content {

        padding-left: 0;
    }

    .dtxsg_shirdi_temple_attire_card_content::before {

        display: none;
    }

    .dtxsg_shirdi_temple_attire_card_content p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;
    }


    /* ================= CARD DECOR ================= */

    .dtxsg_shirdi_temple_attire_card_decor {

        right: 18px;
        top: 18px;

        width: 7px;
        height: 7px;

        box-shadow:
            15px 0 0 rgba(243, 82, 90, 0.18),
            30px 0 0 rgba(249, 176, 179, 0.35);
    }


    /* ================= GUIDANCE ================= */

    .dtxsg_shirdi_temple_attire_guidance {

        margin-top: 25px;

        gap: 13px;

        padding: 20px 18px;

        border-radius: 16px;
    }

    .dtxsg_shirdi_temple_attire_guidance::before {

        width: 4px;
    }

    .dtxsg_shirdi_temple_attire_guidance_icon {

        width: 40px;
        height: 40px;

        border-radius: 11px;
    }

    .dtxsg_shirdi_temple_attire_guidance_icon i {

        font-size: 17px;
    }

    .dtxsg_shirdi_temple_attire_guidance_content {

        padding-right: 0;
    }

    .dtxsg_shirdi_temple_attire_guidance_content h4 {

        margin: 0 0 7px;

        font-size: 13.5px;

        line-height: 1.45;
    }

    .dtxsg_shirdi_temple_attire_guidance_content p {

        font-size: 12.8px;

        line-height: 1.75;

        text-align: justify;
    }

    .dtxsg_shirdi_temple_attire_guidance_line {

        display: none;
    }


    /* ================= TEMPLE RULES ================= */

    .dtxsg_shirdi_temple_attire_rules {

        gap: 13px;

        margin-top: 14px;

        padding: 20px 18px;

        border-radius: 16px;
    }

    .dtxsg_shirdi_temple_attire_rules::before {

        width: 4px;
    }

    .dtxsg_shirdi_temple_attire_rules_icon {

        width: 40px;
        height: 40px;

        border-radius: 11px;
    }

    .dtxsg_shirdi_temple_attire_rules_icon i {

        font-size: 16px;
    }

    .dtxsg_shirdi_temple_attire_rules_content {

        padding-right: 0;
    }

    .dtxsg_shirdi_temple_attire_rules_content h4 {

        margin: 0 0 7px;

        font-size: 13.5px;

        line-height: 1.45;
    }

    .dtxsg_shirdi_temple_attire_rules_content p {

        font-size: 12.8px;

        line-height: 1.75;

        text-align: justify;
    }

    .dtxsg_shirdi_temple_attire_rules_pattern {

        display: none;
    }


    /* ================= BACKGROUND DECORATION ================= */

    .dtxsg_shirdi_temple_attire_section::before {

        width: 180px;
        height: 180px;

        top: -90px;
        right: -75px;
    }

    .dtxsg_shirdi_temple_attire_section::after {

        width: 150px;
        height: 150px;

        bottom: -80px;
        left: -65px;
    }

}














/* =========================================================
   SHIRDI BOOKING INFORMATION & CANCELLATION SECTION
========================================================= */

.dtxsg_shirdi_booking_terms_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}

.dtxsg_shirdi_booking_terms_section *,
.dtxsg_shirdi_booking_terms_section *::before,
.dtxsg_shirdi_booking_terms_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   CARD
========================================================= */

.dtxsg_shirdi_booking_terms_card {

    width: 100%;
    height: 100%;
    padding: 38px 34px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 22px;

    box-shadow:
        0 10px 35px rgba(243, 82, 90, 0.08);

    position: relative;

    display: flex;
    flex-direction: column;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.dtxsg_shirdi_booking_terms_card:hover {

    transform: translateY(-6px);

    border-color: #f3525a;

    box-shadow:
        0 18px 45px rgba(243, 82, 90, 0.15);
}


/* =========================================================
   ICON
========================================================= */

.dtxsg_shirdi_booking_terms_icon {

    width: 58px;
    height: 58px;

    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 16px;

    color: #f3525a;

    font-size: 23px;
}


/* =========================================================
   LABEL
========================================================= */

.dtxsg_shirdi_booking_terms_label {

    display: inline-flex;
    align-items: center;

    width: fit-content;

    margin-bottom: 9px;
    padding: 6px 13px;

    background: #fff1f2;

    border-left: 3px solid #f3525a;
    border-radius: 5px;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.7px;
    text-transform: uppercase;
}


/* =========================================================
   TITLE
========================================================= */

.dtxsg_shirdi_booking_terms_title {

    margin: 0 0 14px;

    color: #172033;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   INTRO
========================================================= */

.dtxsg_shirdi_booking_terms_intro {

    margin: 0 0 26px;

    color: #596579;

    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   PAYMENT ITEM
========================================================= */

.dtxsg_shirdi_payment_item {

    width: 100%;

    margin-bottom: 15px;
    padding: 19px 20px;

    background: #fff7f7;

    border: 1px solid rgba(249, 176, 179, 0.65);
    border-radius: 14px;

    position: relative;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.dtxsg_shirdi_payment_item:hover {

    background: #fff1f2;

    border-color: #f3525a;

    transform: translateX(4px);
}


.dtxsg_shirdi_payment_content h3 {

    margin: 0 0 5px;

    color: #172033;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}


.dtxsg_shirdi_payment_content strong {

    display: block;

    margin-bottom: 5px;

    color: #f3525a;

    font-size: 25px;
    line-height: 1.2;
    font-weight: 800;
}


.dtxsg_shirdi_payment_content p {

    margin: 0;

    color: #667085;

    font-size: 14px;
    line-height: 1.65;
    text-align: justify;
}


/* =========================================================
   NOTE
========================================================= */

.dtxsg_shirdi_booking_terms_note {

    margin: 17px 0 0;

    color: #667085;

    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}

.dtxsg_shirdi_booking_terms_note strong {

    color: #172033;
    font-weight: 700;
}


/* =========================================================
   CANCELLATION TABLE
========================================================= */

.dtxsg_shirdi_cancellation_table_wrap {

    width: 100%;

    margin-top: 2px;

    overflow-x: auto;

    border: 1px solid #f9b0b3;
    border-radius: 14px;
}


.dtxsg_shirdi_cancellation_table {

    width: 100%;

    min-width: 480px;

    border-collapse: collapse;

    background: #ffffff;
}


.dtxsg_shirdi_cancellation_table th {

    padding: 14px 15px;

    background: #fff1f2;

    color: #172033;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;

    text-align: left;

    border-bottom: 1px solid #f9b0b3;
}


.dtxsg_shirdi_cancellation_table td {

    padding: 13px 15px;

    color: #596579;

    font-size: 13px;
    line-height: 1.55;

    border-bottom: 1px solid #f3e3e4;
}


.dtxsg_shirdi_cancellation_table tbody tr:last-child td {
    border-bottom: none;
}


.dtxsg_shirdi_cancellation_table tbody tr {

    transition: background 0.25s ease;
}


.dtxsg_shirdi_cancellation_table tbody tr:hover {

    background: #fff7f7;
}


.dtxsg_shirdi_cancellation_table td strong {

    color: #f3525a;

    font-weight: 700;
}


/* =========================================================
   TABLE COLUMN WIDTH
========================================================= */

.dtxsg_shirdi_cancellation_table th:first-child,
.dtxsg_shirdi_cancellation_table td:first-child {
    width: 48%;
}

.dtxsg_shirdi_cancellation_table th:last-child,
.dtxsg_shirdi_cancellation_table td:last-child {
    width: 52%;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_booking_terms_section {
        padding: 50px 18px;
    }

    .dtxsg_shirdi_booking_terms_card {
        padding: 30px 25px;
        border-radius: 20px;
    }

    .dtxsg_shirdi_booking_terms_icon {
        width: 54px;
        height: 54px;
        margin-bottom: 18px;
        border-radius: 14px;
        font-size: 21px;
    }

    .dtxsg_shirdi_booking_terms_label {
        font-size: 11px;
        padding: 6px 11px;
    }

    .dtxsg_shirdi_booking_terms_title {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .dtxsg_shirdi_booking_terms_intro {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 22px;
    }

    .dtxsg_shirdi_payment_item {
        padding: 17px 18px;
        margin-bottom: 13px;
    }

    .dtxsg_shirdi_payment_content h3 {
        font-size: 14px;
    }

    .dtxsg_shirdi_payment_content strong {
        font-size: 23px;
    }

    .dtxsg_shirdi_payment_content p {
        font-size: 13px;
        line-height: 1.6;
    }

    .dtxsg_shirdi_booking_terms_note {
        font-size: 13px;
        line-height: 1.7;
    }

    .dtxsg_shirdi_cancellation_table {
        min-width: 0;
        width: 100%;
    }

    .dtxsg_shirdi_cancellation_table th {
        padding: 12px 13px;
        font-size: 12px;
    }

    .dtxsg_shirdi_cancellation_table td {
        padding: 11px 13px;
        font-size: 12px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_booking_terms_section {
        padding: 42px 14px;
    }

    .dtxsg_shirdi_booking_terms_card {
        padding: 26px 20px;
        border-radius: 18px;
    }

    .dtxsg_shirdi_booking_terms_icon {
        width: 52px;
        height: 52px;
        margin-bottom: 17px;
        border-radius: 14px;
        font-size: 20px;
    }

    .dtxsg_shirdi_booking_terms_label {
        margin-bottom: 8px;
        padding: 5px 10px;
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .dtxsg_shirdi_booking_terms_title {
        font-size: 23px;
        line-height: 1.3;
        margin-bottom: 11px;
    }

    .dtxsg_shirdi_booking_terms_intro {
        font-size: 13px;
        line-height: 1.7;
        margin-bottom: 21px;
    }

    .dtxsg_shirdi_payment_item {
        padding: 16px 17px;
        margin-bottom: 12px;
        border-radius: 13px;
    }

    .dtxsg_shirdi_payment_content h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .dtxsg_shirdi_payment_content strong {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .dtxsg_shirdi_payment_content p {
        font-size: 13px;
        line-height: 1.6;
    }

    .dtxsg_shirdi_booking_terms_note {
        margin-top: 15px;
        font-size: 13px;
        line-height: 1.7;
    }

    /* -----------------------------------------
       CANCELLATION TABLE
    ----------------------------------------- */

    .dtxsg_shirdi_cancellation_table_wrap {
        margin-top: 2px;
        border-radius: 12px;
    }

    .dtxsg_shirdi_cancellation_table {
        min-width: 0;
        width: 100%;
        table-layout: fixed;
    }

    .dtxsg_shirdi_cancellation_table th {
        padding: 11px 9px;
        font-size: 11px;
        line-height: 1.45;
    }

    .dtxsg_shirdi_cancellation_table td {
        padding: 10px 9px;
        font-size: 11px;
        line-height: 1.5;
        vertical-align: middle;
        word-break: normal;
    }

    .dtxsg_shirdi_cancellation_table th:first-child,
    .dtxsg_shirdi_cancellation_table td:first-child {
        width: 46%;
    }

    .dtxsg_shirdi_cancellation_table th:last-child,
    .dtxsg_shirdi_cancellation_table td:last-child {
        width: 54%;
    }

}












/* =========================================================
   SHIRDI QUICK ENQUIRY SECTION
========================================================= */

.dtxsg_shirdi_quick_enquiry_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}

.dtxsg_shirdi_quick_enquiry_section *,
.dtxsg_shirdi_quick_enquiry_section *::before,
.dtxsg_shirdi_quick_enquiry_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.dtxsg_shirdi_quick_enquiry_wrap {

    position: relative;

    padding: 42px 42px 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 24px;

    box-shadow:
        0 18px 45px rgba(23, 32, 51, 0.08),
        0 4px 14px rgba(23, 32, 51, 0.04);

    overflow: hidden;
}

.dtxsg_shirdi_quick_enquiry_wrap::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3,
        #f3525a
    );
}


/* =========================================================
   LABEL
========================================================= */

.dtxsg_shirdi_quick_enquiry_label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 16px;

    padding: 8px 15px;

    background: rgba(243, 82, 90, 0.08);

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 50px;

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.3px;
}

.dtxsg_shirdi_quick_enquiry_label_icon {

    width: 30px;
    height: 30px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;
}


/* =========================================================
   TITLE
========================================================= */

.dtxsg_shirdi_quick_enquiry_title {

    margin: 0 0 12px;

    color: #172033;

    font-size: 30px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: -0.4px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.dtxsg_shirdi_quick_enquiry_text {

    margin: 0;

    max-width: 720px;

    color: #5d687a;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   ACTIONS
========================================================= */

.dtxsg_shirdi_quick_enquiry_actions {

    display: flex;

    flex-direction: column;

    gap: 12px;

    padding-left: 24px;
}
/* =========================================================
   WHATSAPP BUTTON
========================================================= */

.dtxsg_shirdi_quick_enquiry_whatsapp {

    min-height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 14px 20px;

    background: #25D366;

    color: #ffffff;

    border: 1px solid #25D366;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.20);

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

.dtxsg_shirdi_quick_enquiry_whatsapp i {

    font-size: 19px;
}

.dtxsg_shirdi_quick_enquiry_whatsapp:hover {

    background: #1ebe5d;

    color: #ffffff;

    border-color: #1ebe5d;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(37, 211, 102, 0.28);
}

/* =========================================================
   CALL BUTTON
========================================================= */

.dtxsg_shirdi_quick_enquiry_call {

    min-height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 14px 20px;

    background: #ffffff;

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.dtxsg_shirdi_quick_enquiry_call i {

    font-size: 15px;
}

.dtxsg_shirdi_quick_enquiry_call:hover {

    background: rgba(249, 176, 179, 0.14);

    color: #f3525a;

    border-color: #f3525a;

    transform: translateY(-2px);
}


/* =========================================================
   INFORMATION NOTE
========================================================= */

.dtxsg_shirdi_quick_enquiry_note {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-top: 30px;

    padding-top: 22px;

    border-top: 1px solid #edf0f4;
}

.dtxsg_shirdi_quick_enquiry_note i {

    flex: 0 0 auto;

    margin-top: 4px;

    color: #f3525a;

    font-size: 16px;
}

.dtxsg_shirdi_quick_enquiry_note p {

    margin: 0;

    color: #687386;

    font-size: 13px;

    line-height: 1.7;

    font-weight: 400;
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .dtxsg_shirdi_quick_enquiry_section {
        padding: 50px 20px;
    }

    .dtxsg_shirdi_quick_enquiry_wrap {
        padding: 35px 30px 28px;
    }

    .dtxsg_shirdi_quick_enquiry_title {
        font-size: 26px;
        line-height: 1.4;
    }

    .dtxsg_shirdi_quick_enquiry_text {
        font-size: 14px;
        line-height: 1.8;
    }

    .dtxsg_shirdi_quick_enquiry_actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        padding-left: 0;
        margin-top: 25px;
        flex-wrap: wrap;
    }

    .dtxsg_shirdi_quick_enquiry_whatsapp,
    .dtxsg_shirdi_quick_enquiry_call {
        width: auto;
        min-width: 220px;
        flex: 0 0 auto;
        padding: 14px 24px;
    }

    .dtxsg_shirdi_quick_enquiry_note {
        margin-top: 25px;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .dtxsg_shirdi_quick_enquiry_section {
        padding: 40px 15px;
    }

    .dtxsg_shirdi_quick_enquiry_wrap {
        padding: 25px 20px;
        border-radius: 18px;
    }

    .dtxsg_shirdi_quick_enquiry_label {
        font-size: 12px;
        padding: 7px 12px;
        gap: 8px;
        margin-bottom: 14px;
    }

    .dtxsg_shirdi_quick_enquiry_label_icon {
        width: 26px;
        height: 26px;
        font-size: 11px;
    }

    .dtxsg_shirdi_quick_enquiry_title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .dtxsg_shirdi_quick_enquiry_text {
        font-size: 14px;
        line-height: 1.8;
    }

    .dtxsg_shirdi_quick_enquiry_actions {
        padding-left: 0;
        margin-top: 22px;
        gap: 10px;
    }

    .dtxsg_shirdi_quick_enquiry_whatsapp,
    .dtxsg_shirdi_quick_enquiry_call {
        width: 100%;
        min-height: 50px;
        font-size: 14px;
        padding: 12px 18px;
    }

    .dtxsg_shirdi_quick_enquiry_whatsapp i {
        font-size: 18px;
    }

    .dtxsg_shirdi_quick_enquiry_call i {
        font-size: 14px;
    }

    .dtxsg_shirdi_quick_enquiry_note {
        margin-top: 22px;
        padding-top: 18px;
        gap: 10px;
    }

    .dtxsg_shirdi_quick_enquiry_note p {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }
}










/* =========================================================
   EXPLORE MORE - RELATED SHIRDI TOUR OPTIONS & GUIDES
========================================================= */

.dtxsg_shirdi_related_options_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_related_options_section *,
.dtxsg_shirdi_related_options_section *::before,
.dtxsg_shirdi_related_options_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dtxsg_shirdi_related_heading {

    max-width: 850px;

    margin: 0 auto 30px;

    position: relative;
}


.dtxsg_shirdi_related_eyebrow {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.dtxsg_shirdi_related_eyebrow_icon {

    width: 38px;
    height: 38px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    background: #ffffff;

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 50%;

    box-shadow: 0 8px 20px rgba(2, 17, 58, 0.08);
}


.dtxsg_shirdi_related_title {

    margin: 0;

    color: #02113a;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.25;
}


.dtxsg_shirdi_related_intro {

    max-width: 720px;

    margin: 15px auto 0;

    color: #536174;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   CARD GRID
========================================================= */

.dtxsg_shirdi_related_grid {

    position: relative;
}


/* =========================================================
   RELATED CARD
========================================================= */

.dtxsg_shirdi_related_card {

    height: 100%;
    min-height: 200px;

    padding: 28px 27px 25px;

    display: flex;
    flex-direction: column;

    position: relative;

    background: #ffffff;

    border: 1px solid rgba(249, 176, 179, 0.55);

    border-radius: 18px;

    box-shadow: 0 12px 32px rgba(2, 17, 58, 0.07);

    overflow: hidden;

    cursor: pointer;

    outline: none;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    cursor: pointer;
}


.dtxsg_shirdi_related_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 0.35s ease;

    pointer-events: none;
}


.dtxsg_shirdi_related_card::after {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -45px;
    bottom: -45px;

    background: rgba(249, 176, 179, 0.16);

    border-radius: 50%;

    pointer-events: none;
}


.dtxsg_shirdi_related_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 20px 42px rgba(2, 17, 58, 0.12);
}


.dtxsg_shirdi_related_card:hover::before {

    transform: scaleX(1);
}


/* =========================================================
   KEYBOARD FOCUS
========================================================= */

.dtxsg_shirdi_related_card:focus-visible {

    border-color: #f3525a;

    box-shadow:
        0 0 0 3px rgba(243, 82, 90, 0.18),
        0 20px 42px rgba(2, 17, 58, 0.12);
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_related_card_icon {

    width: 54px;
    height: 54px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    background: rgba(243, 82, 90, 0.09);

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 14px;

    font-size: 20px;

    position: relative;

    z-index: 2;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.dtxsg_shirdi_related_card:hover .dtxsg_shirdi_related_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_related_card_content {

    position: relative;

    z-index: 2;

    padding-right: 15px;
}


.dtxsg_shirdi_related_card_content h3 {

    margin: 0 0 11px;

    color: #02113a;

    font-size: 18px;
    font-weight: 700;

    line-height: 1.45;


    user-select: text;
}


.dtxsg_shirdi_related_card_content p {

    margin: 0;

    color: #657184;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.7;

   

    user-select: text;
}


/* =========================================================
   ARROW LINK
========================================================= */

.dtxsg_shirdi_related_card_link {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-top: auto;
    margin-left: auto;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    text-decoration: none;

    position: relative;

    z-index: 5;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.dtxsg_shirdi_related_card_link:hover {

    background: #02113a;

    color: #ffffff;

    transform: translateX(4px);

    box-shadow: 0 7px 18px rgba(243, 82, 90, 0.25);
}


.dtxsg_shirdi_related_card_link:focus-visible {

    outline: 2px solid #02113a;

    outline-offset: 3px;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.dtxsg_shirdi_related_note {

    max-width: 900px;

    margin: 38px auto 0;

    padding: 18px 24px;

    background: rgba(255, 255, 255, 0.68);

    border-left: 4px solid #f3525a;

    border-radius: 10px;
}


.dtxsg_shirdi_related_note p {

    margin: 0;

    color: #596678;

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_options_section {

        padding: 55px 20px;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_heading {

        max-width: 760px;

        margin-bottom: 32px;
    }


    .dtxsg_shirdi_related_eyebrow {

        gap: 9px;

        margin-bottom: 13px;

        font-size: 13px;
    }


    .dtxsg_shirdi_related_eyebrow_icon {

        width: 36px;
        height: 36px;

        font-size: 15px;
    }


    .dtxsg_shirdi_related_title {

        font-size: 34px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_related_intro {

        max-width: 650px;

        margin-top: 13px;

        font-size: 15px;

        line-height: 1.75;
    }


    /* -----------------------------------------------------
       GRID
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_grid {

        margin-left: -10px;
        margin-right: -10px;
    }


    .dtxsg_shirdi_related_grid > [class*="col-"] {

        padding-left: 10px;
        padding-right: 10px;
    }


    /* -----------------------------------------------------
       CARD
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card {

        min-height: 210px;

        padding: 24px 22px 22px;

        border-radius: 16px;
    }


    .dtxsg_shirdi_related_card:hover {

        transform: translateY(-5px);

        box-shadow: 0 16px 34px rgba(2, 17, 58, 0.11);
    }


    /* -----------------------------------------------------
       CARD ICON
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card_icon {

        width: 50px;
        height: 50px;

        margin-bottom: 17px;

        border-radius: 13px;

        font-size: 19px;
    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card_content {

        padding-right: 8px;
    }


    .dtxsg_shirdi_related_card_content h3 {

        margin-bottom: 9px;

        font-size: 18px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_related_card_content p {

        font-size: 14px;

        line-height: 1.65;
    }


    /* -----------------------------------------------------
       ARROW
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card_link {

        width: 36px;
        height: 36px;

        font-size: 13px;
    }


    /* -----------------------------------------------------
       BOTTOM NOTE
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_note {

        max-width: 760px;

        margin-top: 32px;

        padding: 16px 20px;
    }


    .dtxsg_shirdi_related_note p {

        font-size: 13px;

        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_options_section {

        padding: 45px 15px;
    }


    /* -----------------------------------------------------
       HEADING
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_heading {

        max-width: 100%;

        margin-bottom: 28px;
    }


    .dtxsg_shirdi_related_eyebrow {

        gap: 8px;

        margin-bottom: 12px;

        font-size: 12px;

        letter-spacing: 1.1px;
    }


    .dtxsg_shirdi_related_eyebrow_icon {

        width: 34px;
        height: 34px;

        font-size: 14px;
    }


    .dtxsg_shirdi_related_title {

        font-size: 28px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_related_intro {

        max-width: 100%;

        margin-top: 12px;

        font-size: 14px;

        line-height: 1.7;
    }


    /* -----------------------------------------------------
       GRID
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_grid {

        margin-left: 0;
        margin-right: 0;
    }


    .dtxsg_shirdi_related_grid > [class*="col-"] {

        padding-left: 0;
        padding-right: 0;
    }


    /* -----------------------------------------------------
       CARD
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card {

        width: 100%;

        min-height: 205px;

        padding: 22px 20px 20px;

        border-radius: 16px;

        box-shadow: 0 10px 26px rgba(2, 17, 58, 0.07);
    }


    .dtxsg_shirdi_related_card:hover {

        transform: translateY(-4px);

        box-shadow: 0 15px 32px rgba(2, 17, 58, 0.10);
    }


    /* -----------------------------------------------------
       CARD DECORATION
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card::after {

        width: 85px;
        height: 85px;

        right: -38px;
        bottom: -38px;
    }


    /* -----------------------------------------------------
       CARD ICON
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card_icon {

        width: 50px;
        height: 50px;

        margin-bottom: 16px;

        border-radius: 13px;

        font-size: 18px;
    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card_content {

        padding-right: 5px;
    }


    .dtxsg_shirdi_related_card_content h3 {

        margin-bottom: 8px;

        font-size: 18px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_related_card_content p {

        font-size: 14px;

        line-height: 1.65;
    }


    /* -----------------------------------------------------
       ARROW LINK
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_card_link {

        width: 36px;
        height: 36px;

        font-size: 12px;
    }


    .dtxsg_shirdi_related_card_link:hover {

        transform: translateX(3px);
    }


    /* -----------------------------------------------------
       BOTTOM NOTE
    ----------------------------------------------------- */

    .dtxsg_shirdi_related_note {

        width: 100%;

        margin-top: 28px;

        padding: 15px 17px;

        border-left-width: 3px;

        border-radius: 9px;
    }


    .dtxsg_shirdi_related_note p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }

}



/* =========================================================
   SHIRDI CHENNAI ROUTE BY FLIGHT ROUTE END
========================================================= */














/* =========================================================
   SHIRDI TOUR PACKAGE - PRICING FACTORS SECTION
========================================================= */

.dtxsg_shirdi_pricing_factors_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_pricing_factors_section *,
.dtxsg_shirdi_pricing_factors_section *::before,
.dtxsg_shirdi_pricing_factors_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_pricing_factors_header {

    margin-bottom: 20px;
}

.dtxsg_shirdi_pricing_factors_badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 8px 15px;

    margin-bottom: 15px;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.22);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;
}

.dtxsg_shirdi_pricing_factors_badge_icon {

    width: 28px;

    height: 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;
}

.dtxsg_shirdi_pricing_factors_badge_icon i {

    font-size: 13px;
}


.dtxsg_shirdi_pricing_factors_title {

    margin: 0;

    color: #172033;

    font-size: 36px;

    font-weight: 700;

    line-height: 1.25;
}

.dtxsg_shirdi_pricing_factors_intro {

    max-width: 760px;

    margin: 17px auto 0;

    color: #59677a;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   PRICING FACTOR CARD
========================================================= */

.dtxsg_shirdi_pricing_factor_card {

    height: 100%;

    display: flex;

    align-items: flex-start;

    gap: 17px;

    padding: 26px 23px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 16px;

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.dtxsg_shirdi_pricing_factor_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.25);

    box-shadow: 0 15px 32px rgba(23, 32, 51, 0.10);
}


/* =========================================================
   FACTOR ICON
========================================================= */

.dtxsg_shirdi_pricing_factor_icon {

    flex: 0 0 52px;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 13px;

    font-size: 20px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.dtxsg_shirdi_pricing_factor_card:hover
.dtxsg_shirdi_pricing_factor_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);
}


/* =========================================================
   FACTOR CONTENT
========================================================= */

.dtxsg_shirdi_pricing_factor_content {

    min-width: 0;

    flex: 1;
}

.dtxsg_shirdi_pricing_factor_content h3 {

    margin: 0 0 9px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.35;
}

.dtxsg_shirdi_pricing_factor_content p {

    margin: 0;

    color: #667386;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.75;

    text-align: justify;
}

.dtxsg_shirdi_pricing_factor_content strong {

    color: #f3525a;

    font-weight: 700;
}


/* =========================================================
   QUOTATION NOTE
========================================================= */

.dtxsg_shirdi_pricing_factors_note {

    height: 100%;

    width: 1200px;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 24px 26px;

    background: #172033;

    border: 1px solid rgba(23, 32, 51, 0.10);

    border-radius: 16px;

    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.10);
}

.dtxsg_shirdi_pricing_factors_note_icon {

    flex: 0 0 50px;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 19px;
}

.dtxsg_shirdi_pricing_factors_note_content {

    flex: 1;

    min-width: 0;
}

.dtxsg_shirdi_pricing_factors_note_content p {

    margin: 0 0 13px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.75;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_pricing_factors_section {

        padding: 55px 20px;
    }


    /* =====================================================
       SECTION HEADER
    ===================================================== */

    .dtxsg_shirdi_pricing_factors_header {

        margin-bottom: 18px;
    }

    .dtxsg_shirdi_pricing_factors_badge {

        padding: 7px 14px;

        margin-bottom: 13px;

        font-size: 12px;
    }

    .dtxsg_shirdi_pricing_factors_badge_icon {

        width: 27px;

        height: 27px;
    }

    .dtxsg_shirdi_pricing_factors_badge_icon i {

        font-size: 12px;
    }

    .dtxsg_shirdi_pricing_factors_title {

        font-size: 31px;

        line-height: 1.3;
    }

    .dtxsg_shirdi_pricing_factors_intro {

        max-width: 700px;

        margin-top: 14px;

        font-size: 15px;

        line-height: 1.75;
    }


    /* =====================================================
       PRICING FACTOR CARD
    ===================================================== */

    .dtxsg_shirdi_pricing_factor_card {

        gap: 15px;

        padding: 23px 20px;

        border-radius: 15px;
    }

    .dtxsg_shirdi_pricing_factor_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        border-radius: 12px;

        font-size: 18px;
    }

    .dtxsg_shirdi_pricing_factor_content h3 {

        margin-bottom: 8px;

        font-size: 17px;

        line-height: 1.4;
    }

    .dtxsg_shirdi_pricing_factor_content p {

        font-size: 14px;

        line-height: 1.7;

        text-align: justify;
    }


    /* =====================================================
       QUOTATION NOTE
    ===================================================== */

    .dtxsg_shirdi_pricing_factors_note {

        width: 100%;

        gap: 16px;

        padding: 22px 22px;

        border-radius: 15px;
    }

    .dtxsg_shirdi_pricing_factors_note_icon {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        border-radius: 11px;

        font-size: 18px;
    }

    .dtxsg_shirdi_pricing_factors_note_content p {

        margin-bottom: 11px;

        font-size: 14px;

        line-height: 1.7;

        text-align: justify;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_pricing_factors_section {

        padding: 45px 15px;
    }


    /* =====================================================
       SECTION HEADER
    ===================================================== */

    .dtxsg_shirdi_pricing_factors_header {

        margin-bottom: 18px;
    }

    .dtxsg_shirdi_pricing_factors_badge {

        gap: 7px;

        padding: 7px 12px;

        margin-bottom: 12px;

        font-size: 11px;

        letter-spacing: 0.4px;
    }

    .dtxsg_shirdi_pricing_factors_badge_icon {

        width: 25px;

        height: 25px;
    }

    .dtxsg_shirdi_pricing_factors_badge_icon i {

        font-size: 11px;
    }

    .dtxsg_shirdi_pricing_factors_title {

        font-size: 25px;

        line-height: 1.3;
    }

    .dtxsg_shirdi_pricing_factors_intro {

        max-width: 100%;

        margin-top: 12px;

        font-size: 14px;

        line-height: 1.7;

        text-align: center;
    }


    /* =====================================================
       PRICING FACTOR CARD
    ===================================================== */

    .dtxsg_shirdi_pricing_factor_card {

        gap: 13px;

        padding: 19px 16px;

        border-radius: 14px;

        box-shadow: 0 7px 20px rgba(23, 32, 51, 0.06);
    }

    .dtxsg_shirdi_pricing_factor_card:hover {

        transform: translateY(-3px);

        box-shadow: 0 11px 25px rgba(23, 32, 51, 0.09);
    }

    .dtxsg_shirdi_pricing_factor_icon {

        flex: 0 0 44px;

        width: 44px;

        height: 44px;

        border-radius: 11px;

        font-size: 16px;
    }

    .dtxsg_shirdi_pricing_factor_content {

        width: calc(100% - 57px);
    }

    .dtxsg_shirdi_pricing_factor_content h3 {

        margin: 0 0 7px;

        font-size: 16px;

        line-height: 1.4;
    }

    .dtxsg_shirdi_pricing_factor_content p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }


    /* =====================================================
       QUOTATION NOTE
    ===================================================== */

    .dtxsg_shirdi_pricing_factors_note {

        width: 100%;

        gap: 13px;

        padding: 19px 16px;

        border-radius: 14px;

        align-items: flex-start;
    }

    .dtxsg_shirdi_pricing_factors_note_icon {

        flex: 0 0 43px;

        width: 43px;

        height: 43px;

        border-radius: 10px;

        font-size: 16px;
    }

    .dtxsg_shirdi_pricing_factors_note_content {

        width: calc(100% - 56px);
    }

    .dtxsg_shirdi_pricing_factors_note_content p {

        margin: 0 0 11px;

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }
}













/* =========================================================
   SHIRDI TOUR PACKAGE - PACKAGE INCLUSIONS SECTION
========================================================= */

.dtxsg_shirdi_package_inclusions_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_package_inclusions_section *,
.dtxsg_shirdi_package_inclusions_section *::before,
.dtxsg_shirdi_package_inclusions_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION EYEBROW
========================================================= */

.dtxsg_shirdi_package_inclusions_eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 8px 16px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;
}

.dtxsg_shirdi_package_inclusions_eyebrow_icon {

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    flex-shrink: 0;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.dtxsg_shirdi_package_inclusions_title {

    margin: 20px 0 14px;

    font-size: 35px;

    line-height: 1.2;

    font-weight: 700;

    color: #172033;
}

.dtxsg_shirdi_package_inclusions_intro {

    max-width: 760px;

    margin: 0 auto;

    font-size: 17px;

    line-height: 1.8;

    color: #5d6675;
}


/* =========================================================
   INCLUSION CARD
========================================================= */

.dtxsg_shirdi_package_inclusion_card {

    height: 100%;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 28px 24px;

    background: #ffffff;

    border: 1px solid #e8ebef;

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

    position: relative;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.dtxsg_shirdi_package_inclusion_card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

    background: #f3525a;

    transform: scaleY(0);

    transform-origin: top;

    transition: transform 0.3s ease;
}

.dtxsg_shirdi_package_inclusion_card:hover {

    transform: translateY(-6px);

    border-color: #f9b0b3;

    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.12);
}

.dtxsg_shirdi_package_inclusion_card:hover::before {

    transform: scaleY(1);
}


/* =========================================================
   INCLUSION ICON
========================================================= */

.dtxsg_shirdi_package_inclusion_icon {

    width: 54px;

    height: 54px;

    min-width: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.dtxsg_shirdi_package_inclusion_card:hover
.dtxsg_shirdi_package_inclusion_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_package_inclusion_content {

    flex: 1;

    min-width: 0;
}

.dtxsg_shirdi_package_inclusion_content h3 {

    margin: 2px 0 9px;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

    color: #172033;
}

.dtxsg_shirdi_package_inclusion_content p {

    margin: 0;

    font-size: 15px;

    line-height: 1.8;

    color: #626b79;

    text-align: justify;
}

.dtxsg_shirdi_package_inclusion_content strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   PACKAGE INCLUSION NOTE
========================================================= */

.dtxsg_shirdi_package_inclusion_note {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 19px 22px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-left: 4px solid #f3525a;

    border-radius: 14px;
}

.dtxsg_shirdi_package_inclusion_note_icon {

    width: 40px;

    height: 40px;

    min-width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 17px;
}

.dtxsg_shirdi_package_inclusion_note_content {

    display: flex;

    flex-wrap: wrap;

    align-items: baseline;

    gap: 5px;

    font-size: 15px;

    line-height: 1.7;

    color: #5d6675;
}

.dtxsg_shirdi_package_inclusion_note_content strong {

    color: #172033;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_package_inclusions_section {

        padding: 55px 20px;
    }

    .dtxsg_shirdi_package_inclusions_title {

        font-size: 28px;

        line-height: 1.3;

        margin: 18px 0 12px;
    }

    .dtxsg_shirdi_package_inclusions_intro {

        max-width: 700px;

        font-size: 16px;

        line-height: 1.75;
    }

    .dtxsg_shirdi_package_inclusions_eyebrow {

        font-size: 12px;

        padding: 7px 14px;

        gap: 8px;
    }

    .dtxsg_shirdi_package_inclusions_eyebrow_icon {

        width: 28px;

        height: 28px;

        font-size: 13px;
    }

    .dtxsg_shirdi_package_inclusion_card {

        gap: 15px;

        padding: 24px 20px;

        border-radius: 16px;
    }

    .dtxsg_shirdi_package_inclusion_icon {

        width: 50px;

        height: 50px;

        min-width: 50px;

        border-radius: 14px;

        font-size: 19px;
    }

    .dtxsg_shirdi_package_inclusion_content h3 {

        font-size: 17px;

        line-height: 1.4;

        margin: 2px 0 8px;
    }

    .dtxsg_shirdi_package_inclusion_content p {

        font-size: 14px;

        line-height: 1.75;

        text-align: justify;
    }

    .dtxsg_shirdi_package_inclusion_note {

        gap: 13px;

        padding: 17px 19px;

        border-radius: 13px;
    }

    .dtxsg_shirdi_package_inclusion_note_icon {

        width: 38px;

        height: 38px;

        min-width: 38px;

        font-size: 16px;
    }

    .dtxsg_shirdi_package_inclusion_note_content {

        font-size: 14px;

        line-height: 1.7;

        gap: 4px;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_package_inclusions_section {

        padding: 48px 15px;
    }


    /* -----------------------------------------------------
       EYEBROW
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusions_eyebrow {

        gap: 7px;

        padding: 6px 12px;

        font-size: 10px;

        letter-spacing: 0.5px;

        border-radius: 50px;
    }

    .dtxsg_shirdi_package_inclusions_eyebrow_icon {

        width: 26px;

        height: 26px;

        font-size: 12px;
    }


    /* -----------------------------------------------------
       TITLE
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusions_title {

        margin: 16px 0 11px;

        font-size: 27px;

        line-height: 1.3;
    }


    /* -----------------------------------------------------
       INTRO
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusions_intro {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.75;
    }


    /* -----------------------------------------------------
       INCLUSION CARD
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusion_card {

        gap: 13px;

        padding: 20px 16px;

        border-radius: 15px;

        box-shadow: 0 6px 20px rgba(23, 32, 51, 0.06);
    }

    .dtxsg_shirdi_package_inclusion_card:hover {

        transform: translateY(-3px);

        box-shadow: 0 10px 25px rgba(243, 82, 90, 0.10);
    }


    /* -----------------------------------------------------
       ICON
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusion_icon {

        width: 46px;

        height: 46px;

        min-width: 46px;

        border-radius: 12px;

        font-size: 17px;
    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusion_content {

        width: 100%;
    }

    .dtxsg_shirdi_package_inclusion_content h3 {

        margin: 1px 0 7px;

        font-size: 16px;

        line-height: 1.4;
    }

    .dtxsg_shirdi_package_inclusion_content p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }


    /* -----------------------------------------------------
       PACKAGE INCLUSION NOTE
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_inclusion_note {

        align-items: flex-start;

        gap: 11px;

        padding: 16px 14px;

        border-radius: 12px;
    }

    .dtxsg_shirdi_package_inclusion_note_icon {

        width: 35px;

        height: 35px;

        min-width: 35px;

        font-size: 14px;
    }

    .dtxsg_shirdi_package_inclusion_note_content {

        display: block;

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }

    .dtxsg_shirdi_package_inclusion_note_content strong {

        display: inline;

        margin-right: 3px;
    }

}















/* =========================================================
   SHIRDI TOUR PACKAGE - PRICE EXCLUSIONS SECTION
========================================================= */

.dtxsg_shirdi_price_exclusions_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_price_exclusions_section *,
.dtxsg_shirdi_price_exclusions_section *::before,
.dtxsg_shirdi_price_exclusions_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_price_exclusions_header {

    text-align: center;

    margin: 0 auto 30px;
}


.dtxsg_shirdi_price_exclusions_eyebrow {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-bottom: 18px;

    padding: 8px 16px;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.20);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;
}


.dtxsg_shirdi_price_exclusions_eyebrow_icon {

    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;

    flex-shrink: 0;
}


.dtxsg_shirdi_price_exclusions_title {

    margin: 0;

    color: #172033;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.25;

    letter-spacing: -0.5px;
}


.dtxsg_shirdi_price_exclusions_intro {

    max-width: 850px;

    margin: 18px auto 0;

    color: #536174;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.8;
}


.dtxsg_shirdi_price_exclusion_card {

    width: 100%;

    height: 100%;

    min-height: 135px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 22px 23px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

    position: relative;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.dtxsg_shirdi_price_exclusion_card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 4px;
    height: 100%;

    background: #f3525a;

    transform: scaleY(0);

    transform-origin: bottom;

    transition: transform 0.3s ease;
}


.dtxsg_shirdi_price_exclusion_card:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.22);

    box-shadow: 0 15px 35px rgba(23, 32, 51, 0.11);
}


.dtxsg_shirdi_price_exclusion_card:hover::before {

    transform: scaleY(1);
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_price_exclusion_icon {

    width: 52px;
    height: 52px;

    min-width: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 14px;

    font-size: 20px;

    position: relative;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.dtxsg_shirdi_price_exclusion_card:hover .dtxsg_shirdi_price_exclusion_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_price_exclusion_content {

    flex: 1;

    min-width: 0;
}


.dtxsg_shirdi_price_exclusion_content h3 {

    margin: 2px 0 9px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.4;
}


.dtxsg_shirdi_price_exclusion_content p {

    margin: 0;

    color: #5c6878;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.75;

    text-align: justify;
}


/* =========================================================
   PRICING TRANSPARENCY
========================================================= */

.dtxsg_shirdi_price_transparency_box {

    margin-top: 45px;

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 21px 24px;

    background: rgba(243, 82, 90, 0.08);

    border: 1px solid rgba(243, 82, 90, 0.25);

    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(23, 32, 51, 0.04);
}


.dtxsg_shirdi_price_transparency_icon {

    width: 44px;
    height: 44px;

    min-width: 44px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 18px;
}


.dtxsg_shirdi_price_transparency_content {

    color: #4e5b6c;

    font-size: 15px;

    line-height: 1.75;
}


.dtxsg_shirdi_price_transparency_content strong {

    color: #f3525a;

    font-weight: 700;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_price_exclusions_section {

        padding: 50px 20px;
    }


    /* =====================================================
       SECTION HEADER
    ===================================================== */

    .dtxsg_shirdi_price_exclusions_header {

        margin-bottom: 28px;
    }


    .dtxsg_shirdi_price_exclusions_eyebrow {

        gap: 9px;

        margin-bottom: 15px;

        padding: 7px 14px;

        font-size: 12px;
    }


    .dtxsg_shirdi_price_exclusions_eyebrow_icon {

        width: 28px;
        height: 28px;

        font-size: 12px;
    }


    .dtxsg_shirdi_price_exclusions_title {

        font-size: 28px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_price_exclusions_intro {

        max-width: 720px;

        margin-top: 15px;

        font-size: 15px;

        line-height: 1.75;
    }


    /* =====================================================
       EXCLUSION CARD
    ===================================================== */

    .dtxsg_shirdi_price_exclusion_card {

        min-height: 135px;

        gap: 15px;

        padding: 19px 19px;

        border-radius: 14px;
    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtxsg_shirdi_price_exclusion_icon {

        width: 46px;
        height: 46px;

        min-width: 46px;

        border-radius: 12px;

        font-size: 18px;
    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .dtxsg_shirdi_price_exclusion_content h3 {

        margin: 1px 0 7px;

        font-size: 16px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_price_exclusion_content p {

        font-size: 13.5px;

        line-height: 1.65;

        text-align: justify;
    }


    /* =====================================================
       PRICING TRANSPARENCY
    ===================================================== */

    .dtxsg_shirdi_price_transparency_box {

        margin-top: 32px;

        gap: 13px;

        padding: 18px 20px;

        border-radius: 13px;
    }


    .dtxsg_shirdi_price_transparency_icon {

        width: 40px;
        height: 40px;

        min-width: 40px;

        font-size: 16px;
    }


    .dtxsg_shirdi_price_transparency_content {

        font-size: 13.5px;

        line-height: 1.7;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_price_exclusions_section {

        padding: 45px 15px;
    }


    /* =====================================================
       SECTION HEADER
    ===================================================== */

    .dtxsg_shirdi_price_exclusions_header {

        margin-bottom: 25px;
    }


    .dtxsg_shirdi_price_exclusions_eyebrow {

        gap: 8px;

        margin-bottom: 13px;

        padding: 6px 12px;

        font-size: 11px;

        letter-spacing: 0.5px;
    }


    .dtxsg_shirdi_price_exclusions_eyebrow_icon {

        width: 26px;
        height: 26px;

        font-size: 11px;
    }


    .dtxsg_shirdi_price_exclusions_title {

        font-size: 27px;

        line-height: 1.3;

        letter-spacing: -0.2px;
    }


    .dtxsg_shirdi_price_exclusions_intro {

        max-width: 100%;

        margin-top: 13px;

        font-size: 13.5px;

        line-height: 1.7;

        text-align: center;
    }


    /* =====================================================
       EXCLUSION CARD
    ===================================================== */

    .dtxsg_shirdi_price_exclusion_card {

        height: auto;

        min-height: 0;

        gap: 13px;

        padding: 18px 16px;

        border-radius: 13px;

        box-shadow: 0 6px 18px rgba(23, 32, 51, 0.06);
    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtxsg_shirdi_price_exclusion_icon {

        width: 43px;
        height: 43px;

        min-width: 43px;

        border-radius: 11px;

        font-size: 17px;
    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .dtxsg_shirdi_price_exclusion_content h3 {

        margin: 1px 0 6px;

        font-size: 15px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_price_exclusion_content p {

        font-size: 12.5px;

        line-height: 1.65;

        text-align: justify;
    }


    /* =====================================================
       PRICING TRANSPARENCY
    ===================================================== */

    .dtxsg_shirdi_price_transparency_box {

        margin-top: 27px;

        align-items: flex-start;

        gap: 11px;

        padding: 16px 15px;

        border-radius: 12px;
    }


    .dtxsg_shirdi_price_transparency_icon {

        width: 36px;
        height: 36px;

        min-width: 36px;

        font-size: 14px;
    }


    .dtxsg_shirdi_price_transparency_content {

        font-size: 12.5px;

        line-height: 1.65;

        text-align: justify;
    }


    .dtxsg_shirdi_price_transparency_content strong {

        font-weight: 700;
    }

}















/* =========================================================
   SINGAPORE TRAVELLER INFORMATION - SHIRDI TOUR PRICING
========================================================= */

.dtxsg_shirdi_singapore_traveller_section {

    width: 100%;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_singapore_traveller_section *,
.dtxsg_shirdi_singapore_traveller_section *::before,
.dtxsg_shirdi_singapore_traveller_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.dtxsg_shirdi_singapore_traveller_container {

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_singapore_traveller_header {

    text-align: center;

    margin-bottom: 30px;
}


/* =========================================================
   BADGE
========================================================= */

.dtxsg_shirdi_singapore_traveller_badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 8px 16px 8px 9px;

    margin-bottom: 18px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.2px;
}


.dtxsg_shirdi_singapore_traveller_badge_icon {

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    flex-shrink: 0;
}


.dtxsg_shirdi_singapore_traveller_badge_icon i {

    font-size: 15px;
}


/* =========================================================
   TITLE
========================================================= */

.dtxsg_shirdi_singapore_traveller_title {

    margin: 0;

    color: #172033;

    font-size: 35px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: -0.5px;
}


/* =========================================================
   INFORMATION CARD
========================================================= */

.dtxsg_shirdi_singapore_traveller_card {

    width: 100%;

    display: flex;

    align-items: center;

    gap: 24px;

    padding: 28px 32px;

    margin-bottom: 22px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(243, 82, 90, 0.08);

    position: relative;

    overflow: hidden;
}


.dtxsg_shirdi_singapore_traveller_card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 100%;

    background: #f3525a;

    border-radius: 18px 0 0 18px;
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_singapore_traveller_card_icon {

    width: 62px;

    height: 62px;

    min-width: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff1f2;

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    font-size: 25px;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_singapore_traveller_card_content {

    flex: 1;

    min-width: 0;
}


.dtxsg_shirdi_singapore_traveller_card_content p {

    margin: 0;

    color: #4b5563;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 400;

    text-align: justify;
}


.dtxsg_shirdi_singapore_traveller_card_content strong {

    color: #172033;

    font-weight: 700;
}


/* =========================================================
   IMPORTANT NOTICE
========================================================= */

.dtxsg_shirdi_singapore_traveller_notice {

    width: 100%;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 24px 28px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    position: relative;
}


/* =========================================================
   NOTICE ICON
========================================================= */

.dtxsg_shirdi_singapore_traveller_notice_icon {

    width: 48px;

    height: 48px;

    min-width: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 12px;

    font-size: 21px;
}


/* =========================================================
   NOTICE CONTENT
========================================================= */

.dtxsg_shirdi_singapore_traveller_notice_content {

    flex: 1;

    min-width: 0;
}


.dtxsg_shirdi_singapore_traveller_notice_label {

    display: block;

    margin-bottom: 5px;

    color: #f3525a;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;
}


.dtxsg_shirdi_singapore_traveller_notice_content p {

    margin: 0;

    color: #4b5563;

    font-size: 15px;

    line-height: 1.75;

    font-weight: 400;

    text-align: justify;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_singapore_traveller_section {

        padding: 55px 20px;
    }


    /* =====================================================
       CONTAINER
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_container {

        max-width: 760px;

        margin: 0 auto;
    }


    /* =====================================================
       HEADER
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_header {

        margin-bottom: 28px;
    }


    .dtxsg_shirdi_singapore_traveller_badge {

        gap: 9px;

        padding: 7px 15px 7px 8px;

        margin-bottom: 16px;

        font-size: 13px;
    }


    .dtxsg_shirdi_singapore_traveller_badge_icon {

        width: 32px;

        height: 32px;
    }


    .dtxsg_shirdi_singapore_traveller_badge_icon i {

        font-size: 14px;
    }


    .dtxsg_shirdi_singapore_traveller_title {

        font-size: 30px;

        line-height: 1.35;
    }


    /* =====================================================
       INFORMATION CARD
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_card {

        gap: 20px;

        padding: 25px 26px;

        margin-bottom: 20px;

        border-radius: 16px;
    }


    .dtxsg_shirdi_singapore_traveller_card_icon {

        width: 58px;

        height: 58px;

        min-width: 58px;

        border-radius: 14px;

        font-size: 23px;
    }


    .dtxsg_shirdi_singapore_traveller_card_content p {

        font-size: 15px;

        line-height: 1.75;
    }


    /* =====================================================
       IMPORTANT NOTICE
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_notice {

        gap: 16px;

        padding: 22px 24px;

        border-radius: 15px;
    }


    .dtxsg_shirdi_singapore_traveller_notice_icon {

        width: 46px;

        height: 46px;

        min-width: 46px;

        border-radius: 11px;

        font-size: 20px;
    }


    .dtxsg_shirdi_singapore_traveller_notice_label {

        font-size: 14px;

        margin-bottom: 4px;
    }


    .dtxsg_shirdi_singapore_traveller_notice_content p {

        font-size: 14px;

        line-height: 1.7;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_singapore_traveller_section {

        padding: 45px 16px;
    }


    /* =====================================================
       CONTAINER
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_container {

        width: 100%;

        max-width: 100%;

        margin: 0 auto;
    }


    /* =====================================================
       HEADER
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_header {

        margin-bottom: 25px;

        text-align: center;
    }


    .dtxsg_shirdi_singapore_traveller_badge {

        gap: 8px;

        padding: 6px 13px 6px 7px;

        margin-bottom: 15px;

        font-size: 12px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_singapore_traveller_badge_icon {

        width: 30px;

        height: 30px;
    }


    .dtxsg_shirdi_singapore_traveller_badge_icon i {

        font-size: 13px;
    }


    .dtxsg_shirdi_singapore_traveller_title {

        font-size: 24px;

        line-height: 1.35;

        letter-spacing: -0.2px;
    }


    /* =====================================================
       INFORMATION CARD
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_card {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 16px;

        padding: 22px 19px;

        margin-bottom: 18px;

        border-radius: 15px;
    }


    .dtxsg_shirdi_singapore_traveller_card::before {

        width: 4px;

        border-radius: 15px 0 0 15px;
    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_card_icon {

        width: 52px;

        height: 52px;

        min-width: 52px;

        border-radius: 13px;

        font-size: 21px;
    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_card_content {

        width: 100%;
    }


    .dtxsg_shirdi_singapore_traveller_card_content p {

        font-size: 14px;

        line-height: 1.75;

        text-align: justify;
    }


    /* =====================================================
       IMPORTANT NOTICE
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_notice {

        display: flex;

        align-items: flex-start;

        gap: 13px;

        padding: 19px 17px;

        border-radius: 14px;
    }


    /* =====================================================
       NOTICE ICON
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_notice_icon {

        width: 42px;

        height: 42px;

        min-width: 42px;

        border-radius: 10px;

        font-size: 18px;
    }


    /* =====================================================
       NOTICE CONTENT
    ===================================================== */

    .dtxsg_shirdi_singapore_traveller_notice_content {

        width: calc(100% - 55px);
    }


    .dtxsg_shirdi_singapore_traveller_notice_label {

        margin-bottom: 4px;

        font-size: 13px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_singapore_traveller_notice_content p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }
}


/* =========================================================
   SMALL MOBILE
   0px - 480px
========================================================= */

@media (max-width: 480px) {

    .dtxsg_shirdi_singapore_traveller_section {

        padding: 40px 14px;
    }


    .dtxsg_shirdi_singapore_traveller_title {

        font-size: 22px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_singapore_traveller_badge {

        font-size: 11.5px;

        padding: 6px 12px 6px 7px;
    }


    .dtxsg_shirdi_singapore_traveller_card {

        padding: 20px 17px;

        gap: 15px;
    }


    .dtxsg_shirdi_singapore_traveller_card_icon {

        width: 50px;

        height: 50px;

        min-width: 50px;

        font-size: 20px;
    }


    .dtxsg_shirdi_singapore_traveller_card_content p {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;
    }


    .dtxsg_shirdi_singapore_traveller_notice {

        gap: 11px;

        padding: 17px 14px;
    }


    .dtxsg_shirdi_singapore_traveller_notice_icon {

        width: 40px;

        height: 40px;

        min-width: 40px;

        font-size: 17px;
    }


    .dtxsg_shirdi_singapore_traveller_notice_content {

        width: calc(100% - 51px);
    }


    .dtxsg_shirdi_singapore_traveller_notice_label {

        font-size: 12.5px;
    }


    .dtxsg_shirdi_singapore_traveller_notice_content p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }
}














/* =========================================================
   SHIRDI TOUR PACKAGE - CURRENT PACKAGE PRICING
========================================================= */

.dtxsg_shirdi_current_pricing_section {

    width: 100%;

    padding: 70px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;
}

.dtxsg_shirdi_current_pricing_section *,
.dtxsg_shirdi_current_pricing_section *::before,
.dtxsg_shirdi_current_pricing_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   MAIN QUOTATION PANEL
========================================================= */

.dtxsg_shirdi_current_pricing_panel {

    position: relative;

    padding: 58px 55px 48px;

    background: #ffffff;

    border-radius: 28px;

    border: 1px solid rgba(243, 82, 90, 0.10);

    box-shadow:
        0 25px 70px rgba(23, 32, 51, 0.10),
        0 5px 20px rgba(23, 32, 51, 0.04);

    overflow: hidden;
}

.dtxsg_shirdi_current_pricing_panel::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 50%,
        #f3525a 100%
    );
}

.dtxsg_shirdi_current_pricing_panel::after {

    content: "";

    position: absolute;

    width: 190px;

    height: 190px;

    right: -90px;

    top: -90px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.16);

    pointer-events: none;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_current_pricing_header {

    margin-bottom: 30px;

    position: relative;

    z-index: 2;
}

.dtxsg_shirdi_current_pricing_badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 7px 15px 7px 7px;

    margin-bottom: 20px;

    background: #fff7f7;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.25px;
}

.dtxsg_shirdi_current_pricing_badge_icon {

    width: 35px;

    height: 35px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    box-shadow: 0 5px 15px rgba(243, 82, 90, 0.15);
}

.dtxsg_shirdi_current_pricing_badge_icon i {

    font-size: 15px;
}


.dtxsg_shirdi_current_pricing_title {

    margin: 0;

    color: #172033;

    font-size: 40px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -0.5px;
}

.dtxsg_shirdi_current_pricing_intro {

    max-width: 720px;

    margin: 17px auto 0;

    color: #667085;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   INFORMATION CARDS
========================================================= */

.dtxsg_shirdi_pricing_info_card {

    width: 100%;

    min-height: 128px;

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 23px 25px;

    background: #f8fafc;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 18px;

    position: relative;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;

    z-index: 2;
}

.dtxsg_shirdi_pricing_info_card::after {

    content: "";

    position: absolute;

    width: 85px;

    height: 85px;

    right: -35px;

    bottom: -35px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.22);

    transition: transform 0.3s ease;
}

.dtxsg_shirdi_pricing_info_card:hover {

    transform: translateY(-5px);

    background: #ffffff;

    border-color: rgba(243, 82, 90, 0.20);

    box-shadow: 0 15px 35px rgba(23, 32, 51, 0.09);
}

.dtxsg_shirdi_pricing_info_card:hover::after {

    transform: scale(1.4);
}


/* =========================================================
   INFORMATION ICON
========================================================= */

.dtxsg_shirdi_pricing_info_icon {

    width: 58px;

    height: 58px;

    min-width: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 22px;

    position: relative;

    z-index: 2;

    box-shadow:
        inset 0 0 0 1px rgba(243, 82, 90, 0.08),
        0 8px 18px rgba(243, 82, 90, 0.10);
}

.dtxsg_shirdi_pricing_info_content {

    position: relative;

    z-index: 2;
}

.dtxsg_shirdi_pricing_info_content h3 {

    margin: 0 0 6px;

    color: #172033;

    font-size: 19px;

    font-weight: 700;

    line-height: 1.4;
}

.dtxsg_shirdi_pricing_info_content p {

    margin: 0;

    color: #667085;

    font-size: 15px;

    line-height: 1.7;

    text-align: justify;
}


/* =========================================================
   ACTION BUTTONS
========================================================= */

.dtxsg_shirdi_current_pricing_actions {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-top: 30px;

    position: relative;

    z-index: 2;
}

.dtxsg_shirdi_pricing_primary_btn,
.dtxsg_shirdi_pricing_whatsapp_btn {

    min-height: 56px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 13px 22px;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;

    position: relative;

    overflow: hidden;
}

.dtxsg_shirdi_pricing_primary_btn {

    background: #f3525a;

    color: #ffffff;

    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.25);
}

.dtxsg_shirdi_pricing_primary_btn:hover {

    color: #ffffff;

    background: #e9434c;

    transform: translateY(-3px);

    box-shadow: 0 15px 32px rgba(243, 82, 90, 0.30);
}
.dtxsg_shirdi_pricing_whatsapp_btn {

    background: #25D366;

    color: #ffffff;

    border: 1px solid #25D366;

    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.22);
}

.dtxsg_shirdi_pricing_whatsapp_btn:hover {

    color: #ffffff;

    background: #1ebe5d;

    border-color: #1ebe5d;

    transform: translateY(-3px);

    box-shadow: 0 15px 32px rgba(37, 211, 102, 0.30);
}


/* =========================================================
   BUTTON ICONS
========================================================= */

.dtxsg_shirdi_pricing_btn_icon {

    width: 31px;

    height: 31px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    background: rgba(255, 255, 255, 0.18);

    font-size: 14px;
}

.dtxsg_shirdi_pricing_arrow {

    margin-left: 2px;

    font-size: 11px;

    transition: transform 0.3s ease;
}

.dtxsg_shirdi_pricing_primary_btn:hover .dtxsg_shirdi_pricing_arrow,
.dtxsg_shirdi_pricing_whatsapp_btn:hover .dtxsg_shirdi_pricing_arrow {

    transform: translateX(4px);
}


/* =========================================================
   PRICING NOTE
========================================================= */

.dtxsg_shirdi_current_pricing_note {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-top: 30px;

    padding: 18px 20px;

    background: #f8fafc;

    border: 1px solid rgba(23, 32, 51, 0.06);

    border-radius: 13px;

    position: relative;

    z-index: 2;
}

.dtxsg_shirdi_pricing_note_icon {

    width: 32px;

    height: 32px;

    min-width: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 1px;

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 14px;
}

.dtxsg_shirdi_current_pricing_note p {

    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE - 768px TO 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_current_pricing_section {

        padding: 55px 20px;
    }

    .dtxsg_shirdi_current_pricing_panel {

        padding: 48px 35px 40px;

        border-radius: 24px;
    }

    .dtxsg_shirdi_current_pricing_header {

        margin-bottom: 25px;
    }

    .dtxsg_shirdi_current_pricing_title {

        font-size: 34px;

        line-height: 1.25;
    }

    .dtxsg_shirdi_current_pricing_intro {

        max-width: 650px;

        margin-top: 14px;

        font-size: 16px;

        line-height: 1.75;
    }

    .dtxsg_shirdi_pricing_info_card {

        min-height: 115px;

        gap: 17px;

        padding: 20px 21px;

        border-radius: 16px;
    }

    .dtxsg_shirdi_pricing_info_icon {

        width: 54px;

        height: 54px;

        min-width: 54px;

        border-radius: 14px;

        font-size: 20px;
    }

    .dtxsg_shirdi_pricing_info_content h3 {

        font-size: 18px;

        margin-bottom: 5px;
    }

    .dtxsg_shirdi_pricing_info_content p {

        font-size: 14px;

        line-height: 1.65;
    }

    .dtxsg_shirdi_current_pricing_actions {

        margin-top: 26px;

        gap: 12px;
    }

    .dtxsg_shirdi_pricing_primary_btn,
    .dtxsg_shirdi_pricing_whatsapp_btn {

        min-height: 53px;

        padding: 12px 20px;

        font-size: 14px;
    }

    .dtxsg_shirdi_current_pricing_note {

        margin-top: 26px;

        padding: 17px 18px;

        gap: 11px;
    }

    .dtxsg_shirdi_current_pricing_note p {

        font-size: 13.5px;

        line-height: 1.75;
    }
}


/* =========================================================
   MOBILE RESPONSIVE - UP TO 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_current_pricing_section {

        padding: 42px 15px;

    }

    .dtxsg_shirdi_current_pricing_panel {

        padding: 38px 18px 30px;

        border-radius: 20px;
    }

    .dtxsg_shirdi_current_pricing_panel::before {

        height: 4px;
    }

    .dtxsg_shirdi_current_pricing_panel::after {

        width: 130px;

        height: 130px;

        right: -65px;

        top: -65px;
    }


    /* =====================================================
       MOBILE HEADER
    ===================================================== */

    .dtxsg_shirdi_current_pricing_header {

        margin-bottom: 22px;

        text-align: left;
    }

    .dtxsg_shirdi_current_pricing_badge {

        gap: 8px;

        padding: 6px 12px 6px 6px;

        margin-bottom: 15px;

        font-size: 12px;
    }

    .dtxsg_shirdi_current_pricing_badge_icon {

        width: 31px;

        height: 31px;

        min-width: 31px;
    }

    .dtxsg_shirdi_current_pricing_badge_icon i {

        font-size: 13px;
    }

    .dtxsg_shirdi_current_pricing_title {

        font-size: 28px;

        line-height: 1.25;

        letter-spacing: -0.3px;
    }

    .dtxsg_shirdi_current_pricing_intro {

        max-width: 100%;

        margin: 12px 0 0;

        font-size: 14px;

        line-height: 1.7;

        text-align: center;
    }


    /* =====================================================
       MOBILE INFORMATION CARDS
    ===================================================== */

    .dtxsg_shirdi_pricing_info_card {

        min-height: auto;

        gap: 14px;

        padding: 17px 15px;

        border-radius: 15px;

        align-items: flex-start;
    }

    .dtxsg_shirdi_pricing_info_card::after {

        width: 65px;

        height: 65px;

        right: -30px;

        bottom: -30px;
    }

    .dtxsg_shirdi_pricing_info_icon {

        width: 48px;

        height: 48px;

        min-width: 48px;

        border-radius: 13px;

        font-size: 18px;
    }

    .dtxsg_shirdi_pricing_info_content {

        min-width: 0;

        flex: 1;
    }

    .dtxsg_shirdi_pricing_info_content h3 {

        margin: 0 0 5px;

        font-size: 16px;

        line-height: 1.4;
    }

    .dtxsg_shirdi_pricing_info_content p {

        font-size: 13px;

        line-height: 1.65;

        text-align: justify;
    }


    /* =====================================================
       MOBILE ACTION BUTTONS
    ===================================================== */

    .dtxsg_shirdi_current_pricing_actions {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 10px;

        margin-top: 24px;
    }

    .dtxsg_shirdi_pricing_primary_btn,
    .dtxsg_shirdi_pricing_whatsapp_btn {

        width: 100%;

        min-height: 52px;

        padding: 10px 18px;

        border-radius: 35px;

        font-size: 13.5px;
    }

    .dtxsg_shirdi_pricing_btn_icon {

        width: 29px;

        height: 29px;

        min-width: 29px;

        border-radius: 7px;

        font-size: 13px;
    }

    .dtxsg_shirdi_pricing_arrow {

        font-size: 10px;
    }


    /* =====================================================
       MOBILE PRICING NOTE
    ===================================================== */

    .dtxsg_shirdi_current_pricing_note {

        align-items: flex-start;

        gap: 10px;

        margin-top: 24px;

        padding: 15px 14px;

        border-radius: 12px;
    }

    .dtxsg_shirdi_pricing_note_icon {

        width: 29px;

        height: 29px;

        min-width: 29px;

        margin-top: 1px;

        font-size: 12px;
    }

    .dtxsg_shirdi_current_pricing_note p {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;
    }
}
















/* =========================================================
   SHIRDI TOUR PACKAGE - BOOKING BANNER SECTION
========================================================= */

.dtxsgp_shirdi_booking_hero {

    width: 100%;

    min-height: 690px;

    padding: 60px 20px 60px;

    position: relative;

    display: flex;

    align-items: center;

    overflow: hidden;

    font-family: "Poppins", sans-serif;

    color: #ffffff;

    box-sizing: border-box;
}


.dtxsgp_shirdi_booking_hero *,
.dtxsgp_shirdi_booking_hero *::before,
.dtxsgp_shirdi_booking_hero *::after {

    box-sizing: border-box;
}


/* =========================================================
   OVERLAY
========================================================= */

.dtxsgp_shirdi_booking_hero_overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

}


/* =========================================================
   MAIN CONTENT
========================================================= */

.dtxsgp_shirdi_booking_hero_content {

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    position: relative;

    z-index: 2;

    text-align: center;
}


/* =========================================================
   BADGE
========================================================= */

.dtxsgp_shirdi_booking_hero_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 9px 17px;

    margin-bottom: 13px;

    border: 1px solid rgba(249, 176, 179, 0.55);

    border-radius: 30px;

    background: rgba(243, 82, 90, 0.12);

    color: #f9b0b3;

    font-size: 13px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 0.3px;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);
}


.dtxsgp_shirdi_booking_hero_badge i {

    color: #f3525a;

    font-size: 15px;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtxsgp_shirdi_booking_hero_title {

    margin: 0 0 17px;

    color: #ffffff;

    font-size: 52px;

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -1.5px;

    text-shadow:
        0 4px 20px rgba(0, 0, 0, 0.35);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.dtxsgp_shirdi_booking_hero_description {

    max-width: 980px;

    margin: 0 auto 27px;

    color: rgba(255, 255, 255, 0.94);

    font-size: 18px;

    line-height: 1.65;

    font-weight: 400;
}


.dtxsgp_shirdi_booking_hero_description strong {

    color: #ffffff;

    font-weight: 700;
}


/* =========================================================
   INFORMATION BOX
========================================================= */

.dtxsgp_shirdi_booking_hero_info {

    width: 100%;

    max-width: 960px;

    margin: 0 auto 25px;

    padding: 15px 20px;

    text-align: left;

    border: 1px solid rgba(249, 176, 179, 0.35);

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(15, 13, 23, 0.94),
            rgba(20, 17, 29, 0.90)
        );

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(9px);

    -webkit-backdrop-filter: blur(9px);
}


.dtxsgp_shirdi_booking_hero_info_title {

    margin-bottom: 2px;

    color: #f9b0b3;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 800;
}


.dtxsgp_shirdi_booking_hero_info_text {

    margin: 0;

    color: rgba(255, 255, 255, 0.91);

    font-size: 14px;

    line-height: 1.45;

    font-weight: 400;

    text-align: justify;
}


.dtxsgp_shirdi_booking_hero_info_text strong {

    color: #ffffff;

    font-weight: 700;
}


/* =========================================================
   FEATURE CARD
   Bootstrap handles column splitting in HTML
========================================================= */

.dtxsgp_shirdi_booking_hero_card {

    width: 100%;

    min-height: 108px;

    padding: 17px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    text-align: center;

    border: 1px solid rgba(249, 176, 179, 0.32);

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0.055)
        );

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}


.dtxsgp_shirdi_booking_hero_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.65);

    background:
        linear-gradient(
            145deg,
            rgba(243, 82, 90, 0.20),
            rgba(255, 255, 255, 0.07)
        );
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsgp_shirdi_booking_hero_card_icon {

    margin-bottom: 7px;

    color: #f3525a;

    font-size: 23px;

    line-height: 1;

    text-shadow:
        0 0 14px rgba(243, 82, 90, 0.45);
}


/* =========================================================
   CARD TITLE
========================================================= */

.dtxsgp_shirdi_booking_hero_card h3 {

    margin: 0 0 4px;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.25;

    font-weight: 800;
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.dtxsgp_shirdi_booking_hero_card p {

    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 12px;

    line-height: 1.35;

    font-weight: 400;
}


/* =========================================================
   CTA AREA
========================================================= */

.dtxsgp_shirdi_booking_hero_actions {

    margin-top: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    flex-wrap: wrap;
}

/* =========================================================
   WHATSAPP CTA
========================================================= */

.dtxsgp_shirdi_booking_hero_whatsapp {

    min-height: 59px;

    padding: 0 27px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 1px solid #25D366;

    border-radius: 40px;

    background: #25D366;

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.15px;

    box-shadow:
        0 10px 25px rgba(37, 211, 102, 0.30);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}


.dtxsgp_shirdi_booking_hero_whatsapp i {

    color: #ffffff;

    font-size: 19px;
}


.dtxsgp_shirdi_booking_hero_whatsapp:hover {

    color: #ffffff;

    background: #1ebe5d;

    border-color: #1ebe5d;

    transform: translateY(-3px);

    box-shadow:
        0 14px 30px rgba(37, 211, 102, 0.40);
}

/* =========================================================
   REQUEST BOOKING CTA
========================================================= */

.dtxsgp_shirdi_booking_hero_request {

    min-height: 59px;

    padding: 0 27px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 1px solid rgba(249, 176, 179, 0.40);

    border-radius: 40px;

    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.1px;

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}


.dtxsgp_shirdi_booking_hero_request i {

    color: #f9b0b3;

    font-size: 15px;
}


.dtxsgp_shirdi_booking_hero_request:hover {

    color: #ffffff;

    background: rgba(243, 82, 90, 0.18);

    border-color: #f3525a;

    transform: translateY(-3px);
}


/* =========================================================
   TABLET
   768px - 1199px
========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    .dtxsgp_shirdi_booking_hero {

        min-height: 620px;

        padding: 55px 25px 55px;

    }


    .dtxsgp_shirdi_booking_hero_content {

        max-width: 900px;

    }


    /* Badge */

    .dtxsgp_shirdi_booking_hero_badge {

        padding: 8px 15px;

        margin-bottom: 12px;

        font-size: 12px;

    }


    .dtxsgp_shirdi_booking_hero_badge i {

        font-size: 14px;

    }


    /* Main Title */

    .dtxsgp_shirdi_booking_hero_title {

        margin-bottom: 15px;

        font-size: 42px;

        line-height: 1.15;

        letter-spacing: -1px;

    }


    /* Description */

    .dtxsgp_shirdi_booking_hero_description {

        max-width: 780px;

        margin-bottom: 23px;

        font-size: 16px;

        line-height: 1.6;

    }


    /* Information Box */

    .dtxsgp_shirdi_booking_hero_info {

        max-width: 800px;

        margin-bottom: 22px;

        padding: 14px 18px;

        border-radius: 14px;

    }


    .dtxsgp_shirdi_booking_hero_info_title {

        font-size: 15px;

    }


    .dtxsgp_shirdi_booking_hero_info_text {

        font-size: 14px;

        line-height: 1.5;

        text-align: justify;

    }


    /* Feature Cards */

    .dtxsgp_shirdi_booking_hero_card {

        min-height: 105px;

        padding: 15px 12px;

        border-radius: 14px;

    }


    .dtxsgp_shirdi_booking_hero_card_icon {

        margin-bottom: 6px;

        font-size: 21px;

    }


    .dtxsgp_shirdi_booking_hero_card h3 {

        margin-bottom: 3px;

        font-size: 13px;

    }


    .dtxsgp_shirdi_booking_hero_card p {

        font-size: 11px;

        line-height: 1.35;

    }


    /* CTA */

    .dtxsgp_shirdi_booking_hero_actions {

        margin-top: 25px;

        gap: 11px;

    }


    .dtxsgp_shirdi_booking_hero_whatsapp,

    .dtxsgp_shirdi_booking_hero_request {

        min-height: 55px;

        padding: 0 23px;

        font-size: 13px;

    }


    .dtxsgp_shirdi_booking_hero_whatsapp i {

        font-size: 18px;

    }


    .dtxsgp_shirdi_booking_hero_request i {

        font-size: 14px;

    }

}



/* =========================================================
   MOBILE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsgp_shirdi_booking_hero {

        min-height: auto;

        padding: 45px 15px 45px;

        align-items: center;

    }


    .dtxsgp_shirdi_booking_hero_content {

        max-width: 100%;

    }


    /* Badge */

    .dtxsgp_shirdi_booking_hero_badge {

        max-width: 100%;

        padding: 8px 13px;

        margin-bottom: 12px;

        gap: 7px;

        font-size: 11px;

        line-height: 1.3;

        text-align: center;

    }


    .dtxsgp_shirdi_booking_hero_badge i {

        font-size: 13px;

        flex-shrink: 0;

    }


    /* Main Title */

    .dtxsgp_shirdi_booking_hero_title {

        margin-bottom: 14px;

        font-size: 31px;

        line-height: 1.18;

        letter-spacing: -0.6px;

    }


    /* Description */

    .dtxsgp_shirdi_booking_hero_description {

        max-width: 100%;

        margin-bottom: 21px;

        font-size: 14px;

        line-height: 1.6;

    }


    /* Information Box */

    .dtxsgp_shirdi_booking_hero_info {

        max-width: 100%;

        margin-bottom: 20px;

        padding: 13px 15px;

        border-radius: 13px;

        text-align: left;

    }


    .dtxsgp_shirdi_booking_hero_info_title {

        margin-bottom: 4px;

        font-size: 14px;

        line-height: 1.4;

    }


    .dtxsgp_shirdi_booking_hero_info_text {

        font-size: 13px;

        line-height: 1.5;

        text-align: justify;

    }


    /* Feature Cards */

    .dtxsgp_shirdi_booking_hero_card {

        min-height: 100px;

        padding: 15px 12px;

        border-radius: 13px;

    }


    .dtxsgp_shirdi_booking_hero_card_icon {

        margin-bottom: 6px;

        font-size: 21px;

    }


    .dtxsgp_shirdi_booking_hero_card h3 {

        margin-bottom: 3px;

        font-size: 13px;

        line-height: 1.3;

    }


    .dtxsgp_shirdi_booking_hero_card p {

        font-size: 11px;

        line-height: 1.4;

    }


    /* CTA Area */

    .dtxsgp_shirdi_booking_hero_actions {

        width: 100%;

        margin-top: 22px;

        gap: 10px;

        flex-direction: column;

    }


    /* WhatsApp Button */

    .dtxsgp_shirdi_booking_hero_whatsapp {

        width: 100%;

        min-height: 54px;

        padding: 0 20px;

        font-size: 13px;

        border-radius: 35px;

    }


    .dtxsgp_shirdi_booking_hero_whatsapp i {

        font-size: 18px;

    }


    /* Request Booking Button */

    .dtxsgp_shirdi_booking_hero_request {

        width: 100%;

        min-height: 54px;

        padding: 0 20px;

        font-size: 13px;

        border-radius: 35px;

    }


    .dtxsgp_shirdi_booking_hero_request i {

        font-size: 14px;

    }

}














/* =========================================================
   SHIRDI TOUR PACKAGE - PACKAGE DETAILS SECTION
========================================================= */

.dtxsgp_shirdi_package_details_section {

    width: 100%;

    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;

    color: #172033;

    box-sizing: border-box;

    overflow: hidden;

}


.dtxsgp_shirdi_package_details_section *,
.dtxsgp_shirdi_package_details_section *::before,
.dtxsgp_shirdi_package_details_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsgp_shirdi_package_details_header {

    max-width: 900px;

    margin: 0 auto 30px;

}


.dtxsgp_shirdi_package_details_badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 8px 17px;

    margin-bottom: 16px;

    border: 1px solid rgba(243, 82, 90, 0.30);

    border-radius: 30px;

    background: rgba(249, 176, 179, 0.18);

    color: #f3525a;

    font-size: 13px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 0.3px;

}


.dtxsgp_shirdi_package_details_badge_icon {

    width: 28px;

    height: 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.12);

}


.dtxsgp_shirdi_package_details_badge_icon i {

    color: #f3525a;

    font-size: 14px;

}


/* =========================================================
   SECTION TITLE
========================================================= */

.dtxsgp_shirdi_package_details_title {

    margin: 0 0 15px;

    color: #172033;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -0.8px;

}


.dtxsgp_shirdi_package_details_description {

    max-width: 780px;

    margin: 0 auto;

    color: #5c6878;

    font-size: 16px;

    line-height: 1.7;

    font-weight: 400;

}


/* =========================================================
   CARDS
========================================================= */

.dtxsgp_shirdi_package_details_card {

    width: 100%;

    min-height: 205px;

    padding: 24px 25px;

    position: relative;

    border: 1px solid rgba(23, 32, 51, 0.08);

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.92);

    box-shadow:

        0 12px 35px rgba(23, 32, 51, 0.08),

        inset 0 1px 0 rgba(255, 255, 255, 0.85);

    transition:

        transform 0.3s ease,

        border-color 0.3s ease,

        box-shadow 0.3s ease;

}


.dtxsgp_shirdi_package_details_card:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.35);

    box-shadow:

        0 18px 42px rgba(23, 32, 51, 0.12),

        0 5px 18px rgba(243, 82, 90, 0.07);

}


/* =========================================================
   CARD TOP
========================================================= */

.dtxsgp_shirdi_package_details_card_top {

    position: relative;

    margin-bottom: 18px;

}


.dtxsgp_shirdi_package_details_icon {

    width: 52px;

    height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(243, 82, 90, 0.20);

    border-radius: 15px;

    background:

        linear-gradient(

            145deg,

            rgba(243, 82, 90, 0.13),

            rgba(249, 176, 179, 0.22)

        );

    color: #f3525a;

    font-size: 21px;

    box-shadow:

        0 8px 18px rgba(243, 82, 90, 0.10);

}


.dtxsgp_shirdi_package_details_icon i {

    color: #f3525a;

}


/* =========================================================
   CARD NUMBER
========================================================= */

.dtxsgp_shirdi_package_details_number {

    position: absolute;

    top: 0;

    right: 0;

    color: rgba(243, 82, 90, 0.20);

    font-size: 31px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -1px;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsgp_shirdi_package_details_card_content h3 {

    margin: 0 0 9px;

    color: #172033;

    font-size: 19px;

    line-height: 1.35;

    font-weight: 800;

}


.dtxsgp_shirdi_package_details_card_content p {

    margin: 0;

    color: #667386;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;

    text-align: justify;

}


/* =========================================================
   FINAL NOTE
========================================================= */

.dtxsgp_shirdi_package_details_note {

    max-width: 900px;

    margin: 35px auto 0;

    padding: 17px 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    border: 1px solid rgba(243, 82, 90, 0.22);

    border-radius: 14px;

    background: rgba(249, 176, 179, 0.13);

    text-align: center;

}


.dtxsgp_shirdi_package_details_note_icon {

    flex-shrink: 0;

    color: #f3525a;

    font-size: 17px;

}


.dtxsgp_shirdi_package_details_note p {

    margin: 0;

    color: #4f5d70;

    font-size: 15px;

    line-height: 1.55;

    font-weight: 500;

}

/* =========================================================
   SHIRDI TOUR PACKAGE - PACKAGE DETAILS
   RESPONSIVE CSS - TABLET & MOBILE ONLY
========================================================= */


/* =========================================================
   TABLET
   768px - 1199px
========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    .dtxsgp_shirdi_package_details_section {

        padding: 55px 20px;

    }


    /* SECTION HEADER */

    .dtxsgp_shirdi_package_details_header {

        max-width: 800px;

        margin-bottom: 32px;

    }


    .dtxsgp_shirdi_package_details_badge {

        padding: 7px 15px;

        margin-bottom: 14px;

        gap: 8px;

        font-size: 12px;

    }


    .dtxsgp_shirdi_package_details_badge_icon {

        width: 26px;

        height: 26px;

    }


    .dtxsgp_shirdi_package_details_badge_icon i {

        font-size: 13px;

    }


    .dtxsgp_shirdi_package_details_title {

        margin-bottom: 13px;

        font-size: 32px;

        line-height: 1.2;

        letter-spacing: -0.6px;

    }


    .dtxsgp_shirdi_package_details_description {

        max-width: 700px;

        font-size: 14px;

        line-height: 1.65;

    }


    /* CARDS */

    .dtxsgp_shirdi_package_details_card {

        min-height: 195px;

        padding: 21px 22px;

        border-radius: 18px;

    }


    .dtxsgp_shirdi_package_details_card_top {

        margin-bottom: 16px;

    }


    .dtxsgp_shirdi_package_details_icon {

        width: 49px;

        height: 49px;

        border-radius: 14px;

        font-size: 20px;

    }


    .dtxsgp_shirdi_package_details_number {

        font-size: 28px;

    }


    .dtxsgp_shirdi_package_details_card_content h3 {

        margin-bottom: 8px;

        font-size: 17px;

        line-height: 1.4;

    }


    .dtxsgp_shirdi_package_details_card_content p {

        font-size: 13px;

        line-height: 1.6;

        text-align: justify;

    }


    /* FINAL NOTE */

    .dtxsgp_shirdi_package_details_note {

        max-width: 760px;

        margin-top: 30px;

        padding: 15px 19px;

        gap: 9px;

    }


    .dtxsgp_shirdi_package_details_note_icon {

        font-size: 16px;

    }


    .dtxsgp_shirdi_package_details_note p {

        font-size: 13px;

        line-height: 1.55;

    }

}



/* =========================================================
   MOBILE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsgp_shirdi_package_details_section {

        padding: 45px 15px;

    }


    /* SECTION HEADER */

    .dtxsgp_shirdi_package_details_header {

        max-width: 100%;

        margin-bottom: 28px;

    }


    .dtxsgp_shirdi_package_details_badge {

        padding: 7px 13px;

        margin-bottom: 13px;

        gap: 7px;

        font-size: 11px;

        letter-spacing: 0.2px;

    }


    .dtxsgp_shirdi_package_details_badge_icon {

        width: 25px;

        height: 25px;

    }


    .dtxsgp_shirdi_package_details_badge_icon i {

        font-size: 12px;

    }


    .dtxsgp_shirdi_package_details_title {

        margin-bottom: 11px;

        font-size: 28px;

        line-height: 1.25;

        letter-spacing: -0.4px;

    }


    .dtxsgp_shirdi_package_details_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.6;

    }


    /* CARDS */

    .dtxsgp_shirdi_package_details_card {

        min-height: auto;

        padding: 19px 17px;

        border-radius: 17px;

    }


    .dtxsgp_shirdi_package_details_card_top {

        margin-bottom: 15px;

    }


    .dtxsgp_shirdi_package_details_icon {

        width: 46px;

        height: 46px;

        border-radius: 13px;

        font-size: 19px;

    }


    .dtxsgp_shirdi_package_details_number {

        font-size: 26px;

        letter-spacing: -0.7px;

    }


    .dtxsgp_shirdi_package_details_card_content h3 {

        margin-bottom: 7px;

        font-size: 16px;

        line-height: 1.4;

    }


    .dtxsgp_shirdi_package_details_card_content p {

        font-size: 12px;

        line-height: 1.6;

        text-align: justify;

    }


    /* FINAL NOTE */

    .dtxsgp_shirdi_package_details_note {

        max-width: 100%;

        margin-top: 25px;

        padding: 14px 15px;

        gap: 8px;

        align-items: flex-start;

        text-align: left;

    }


    .dtxsgp_shirdi_package_details_note_icon {

        margin-top: 2px;

        font-size: 15px;

    }


    .dtxsgp_shirdi_package_details_note p {

        font-size: 11px;

        line-height: 1.55;

    }

}















/* =========================================================
   SHIRDI TOUR BOOKING INFORMATION SECTION
========================================================= */

.dtxsg_shirdi_booking_information_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


.dtxsg_shirdi_booking_information_section *,
.dtxsg_shirdi_booking_information_section *::before,
.dtxsg_shirdi_booking_information_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_booking_information_header {

    margin-bottom: 30px;

}


.dtxsg_shirdi_booking_information_icon {

    width: 60px;
    height: 60px;

    margin: 0 auto 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 50%;

    color: #f3525a;

    font-size: 23px;

    box-shadow:
        0 8px 22px rgba(243, 82, 90, 0.12);

}


/* =========================================================
   SECTION LABEL
========================================================= */

.dtxsg_shirdi_booking_information_label {

    display: inline-block;

    margin-bottom: 10px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.dtxsg_shirdi_booking_information_header h2 {

    margin: 0 auto 13px;

    max-width: 780px;

    color: #172033;

    font-size: 34px;
    line-height: 1.3;
    font-weight: 700;

}


/* =========================================================
   SECTION DESCRIPTION
========================================================= */

.dtxsg_shirdi_booking_information_header p {

    max-width: 720px;

    margin: 0 auto;

    color: #667085;

    font-size: 15px;
    line-height: 1.75;

}


/* =========================================================
   INFORMATION CARD
========================================================= */

.dtxsg_shirdi_booking_information_card {

    position: relative;

    height: 100%;

    min-height: 270px;

    padding: 28px 22px 24px;

    background: #ffffff;

    border: 1px solid #f1dfe1;

    border-radius: 18px;

    box-shadow:
        0 7px 25px rgba(23, 32, 51, 0.055);

    text-align: left;

    overflow: hidden;

    /* Smooth hover transition */
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_booking_information_card_icon {

    width: 58px;
    height: 58px;

    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 20px;

    box-shadow:
        0 7px 17px rgba(243, 82, 90, 0.10);

    /* Smooth icon transition */
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


/* =========================================================
   CARD HEADING
========================================================= */

.dtxsg_shirdi_booking_information_card h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 18px;

    line-height: 1.45;

    font-weight: 700;

}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.dtxsg_shirdi_booking_information_card p {

    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;

}


/* =========================================================
   CARD HOVER EFFECT
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .dtxsg_shirdi_booking_information_card:hover {

        transform: translateY(-7px);

        border-color: #f9b0b3;

        box-shadow:
            0 15px 35px rgba(23, 32, 51, 0.10);

    }


    .dtxsg_shirdi_booking_information_card:hover
    .dtxsg_shirdi_booking_information_card_icon {

        background: #f3525a;

        color: #ffffff;

        transform: scale(1.05);

        box-shadow:
            0 9px 20px rgba(243, 82, 90, 0.18);

    }

}

/* =========================================================
   ADDITIONAL INFORMATION NOTE
========================================================= */

.dtxsg_shirdi_booking_information_note {

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 30px;

    padding: 18px 22px;

    background: #fff8f8;

    border: 1px solid #f6dfe0;

    border-radius: 14px;

    text-align: center;

}


/* =========================================================
   NOTE TEXT
========================================================= */

.dtxsg_shirdi_booking_information_note p {

    margin: 0;

    max-width: 900px;

    color: #5f6675;

    font-size: 15px;

    line-height: 1.7;

    text-align: center;

}
/* =========================================================
   SHIRDI TOUR BOOKING INFORMATION
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .dtxsg_shirdi_booking_information_section {

        padding: 55px 20px;

    }


    /* -------------------------
       SECTION HEADER
    ------------------------- */

    .dtxsg_shirdi_booking_information_header {

        margin-bottom: 35px;

    }


    .dtxsg_shirdi_booking_information_icon {

        width: 56px;
        height: 56px;

        margin-bottom: 14px;

        font-size: 21px;

    }


    .dtxsg_shirdi_booking_information_label {

        font-size: 12px;

        letter-spacing: 1.3px;

    }


    .dtxsg_shirdi_booking_information_header h2 {

        max-width: 700px;

        font-size: 30px;

        line-height: 1.35;

    }


    .dtxsg_shirdi_booking_information_header p {

        max-width: 650px;

        font-size: 14px;

        line-height: 1.7;

    }


    /* -------------------------
       INFORMATION CARD
    ------------------------- */

    .dtxsg_shirdi_booking_information_card {

        min-height: 250px;

        padding: 25px 20px;

        border-radius: 17px;

    }


    .dtxsg_shirdi_booking_information_card_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 19px;

        border-radius: 14px;

        font-size: 19px;

    }


    .dtxsg_shirdi_booking_information_card h3 {

        margin-bottom: 10px;

        font-size: 17px;

        line-height: 1.45;

    }


    .dtxsg_shirdi_booking_information_card p {

        font-size: 13.5px;

        line-height: 1.7;

    }


    /* -------------------------
       INFORMATION NOTE
    ------------------------- */

    .dtxsg_shirdi_booking_information_note {

        margin-top: 27px;

        padding: 17px 20px;

    }


    .dtxsg_shirdi_booking_information_note p {

        max-width: 800px;

        font-size: 14px;

        line-height: 1.7;

    }

}


/* =========================================================
   SHIRDI TOUR BOOKING INFORMATION
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .dtxsg_shirdi_booking_information_section {

        padding: 48px 16px;

    }


    /* -------------------------
       SECTION HEADER
    ------------------------- */

    .dtxsg_shirdi_booking_information_header {

        margin-bottom: 30px;

    }


    .dtxsg_shirdi_booking_information_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 13px;

        font-size: 20px;

    }


    .dtxsg_shirdi_booking_information_label {

        margin-bottom: 8px;

        font-size: 11px;

        letter-spacing: 1.1px;

    }


    .dtxsg_shirdi_booking_information_header h2 {

        max-width: 100%;

        margin-bottom: 11px;

        font-size: 25px;

        line-height: 1.35;

    }


    .dtxsg_shirdi_booking_information_header p {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.7;

    }


    /* -------------------------
       INFORMATION CARD
    ------------------------- */

    .dtxsg_shirdi_booking_information_card {

        min-height: 0;

        padding: 23px 20px;

        border-radius: 16px;

    }


    .dtxsg_shirdi_booking_information_card_icon {

        width: 50px;
        height: 50px;

        margin-bottom: 17px;

        border-radius: 13px;

        font-size: 18px;

    }


    .dtxsg_shirdi_booking_information_card h3 {

        margin-bottom: 9px;

        font-size: 16px;

        line-height: 1.45;

    }


    .dtxsg_shirdi_booking_information_card p {

        font-size: 13px;

        line-height: 1.7;

        text-align: left;

    }


    /* -------------------------
       INFORMATION NOTE
    ------------------------- */

    .dtxsg_shirdi_booking_information_note {

        margin-top: 24px;

        padding: 16px 15px;

        border-radius: 13px;

    }


    .dtxsg_shirdi_booking_information_note p {

        max-width: 100%;

        font-size: 12.5px;

        line-height: 1.7;

        text-align: center;

    }

}












/* =========================================================
   SINGAPORE TRAVELLER INFORMATION SECTION
========================================================= */

.dtxsg_sg_shirdi_traveller_info_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   MAIN INFORMATION CARD
========================================================= */

.dtxsg_sg_shirdi_traveller_info_card {

    position: relative;

    width: 100%;
    padding: 48px 50px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 24px;

    box-shadow:
        0 18px 45px rgba(23, 32, 51, 0.08),
        0 4px 12px rgba(243, 82, 90, 0.05);

    box-sizing: border-box;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;

}


/* =========================================================
   TOP ACCENT LINE
========================================================= */

.dtxsg_sg_shirdi_traveller_info_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50px;
    right: 50px;

    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3,
        #f3525a
    );

    border-radius: 0 0 10px 10px;

}


/* =========================================================
   SECTION ICON
========================================================= */

.dtxsg_sg_shirdi_traveller_info_icon {

    width: 62px;
    height: 62px;

    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #f3525a,
        #f9b0b3
    );

    color: #ffffff;

    border-radius: 17px;

    box-shadow:
        0 10px 22px rgba(243, 82, 90, 0.22);

    font-size: 25px;

}


/* =========================================================
   HEADING AREA
========================================================= */

.dtxsg_sg_shirdi_traveller_info_heading {

    margin-bottom: 28px;

}


.dtxsg_sg_shirdi_traveller_info_label {

    display: inline-block;

    margin-bottom: 9px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 600;

    letter-spacing: 0.7px;

}


.dtxsg_sg_shirdi_traveller_info_heading h2 {

    margin: 0;

    color: #172033;

    font-size: 30px;
    line-height: 1.3;

    font-weight: 700;

}


/* =========================================================
   CONTENT
========================================================= */

.dtxsg_sg_shirdi_traveller_info_content {

    width: 100%;

}


.dtxsg_sg_shirdi_traveller_info_content p {

    margin: 0 0 20px;

    color: #536174;

    font-size: 16px;
    line-height: 1.9;

    font-weight: 400;

}


.dtxsg_sg_shirdi_traveller_info_content p strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   INFORMATION NOTICE
========================================================= */

.dtxsg_sg_shirdi_traveller_info_notice {

    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-top: 28px;
    padding: 20px 22px;

    background: linear-gradient(
        135deg,
        rgba(249, 176, 179, 0.18),
        rgba(243, 82, 90, 0.07)
    );

    border-left: 4px solid #f3525a;

    border-radius: 14px;

    box-sizing: border-box;

}


.dtxsg_sg_shirdi_traveller_info_notice_icon {

    flex: 0 0 auto;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 16px;

}


.dtxsg_sg_shirdi_traveller_info_notice p {

    margin: 0;

    color: #536174;

    font-size: 15px;
    line-height: 1.75;

    text-align: justify;

}


.dtxsg_sg_shirdi_traveller_info_notice p strong {

    color: #172033;

}


/* =========================================================
   HOVER EFFECT
========================================================= */

.dtxsg_sg_shirdi_traveller_info_card:hover {

    transform: translateY(-5px);

    box-shadow:
        0 24px 55px rgba(23, 32, 51, 0.11),
        0 8px 20px rgba(243, 82, 90, 0.08);

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .dtxsg_sg_shirdi_traveller_info_section {

        padding: 55px 20px;

    }


    .dtxsg_sg_shirdi_traveller_info_card {

        padding: 42px 38px;

        border-radius: 22px;

    }


    .dtxsg_sg_shirdi_traveller_info_card::before {

        left: 38px;
        right: 38px;

    }


    .dtxsg_sg_shirdi_traveller_info_icon {

        width: 58px;
        height: 58px;

        margin-bottom: 20px;

        border-radius: 16px;

        font-size: 23px;

    }


    .dtxsg_sg_shirdi_traveller_info_heading {

        margin-bottom: 24px;

    }


    .dtxsg_sg_shirdi_traveller_info_label {

        font-size: 13px;

    }


    .dtxsg_sg_shirdi_traveller_info_heading h2 {

        font-size: 27px;

        line-height: 1.35;

    }


    .dtxsg_sg_shirdi_traveller_info_content p {

        font-size: 15px;

        line-height: 1.85;

        margin-bottom: 18px;

    }


    .dtxsg_sg_shirdi_traveller_info_notice {

        gap: 14px;

        margin-top: 24px;

        padding: 18px 20px;

    }


    .dtxsg_sg_shirdi_traveller_info_notice_icon {

        width: 36px;
        height: 36px;

        font-size: 15px;

    }


    .dtxsg_sg_shirdi_traveller_info_notice p {

        font-size: 14px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    .dtxsg_sg_shirdi_traveller_info_section {

        padding: 45px 15px;

    }


    .dtxsg_sg_shirdi_traveller_info_card {

        padding: 34px 24px;

        border-radius: 20px;

    }


    .dtxsg_sg_shirdi_traveller_info_card::before {

        left: 24px;
        right: 24px;

        height: 3px;

    }


    /* Section Icon */

    .dtxsg_sg_shirdi_traveller_info_icon {

        width: 55px;
        height: 55px;

        margin-bottom: 18px;

        border-radius: 15px;

        font-size: 21px;

    }


    /* Heading */

    .dtxsg_sg_shirdi_traveller_info_heading {

        margin-bottom: 22px;

    }


    .dtxsg_sg_shirdi_traveller_info_label {

        margin-bottom: 8px;

        font-size: 12px;

        letter-spacing: 0.5px;

    }


    .dtxsg_sg_shirdi_traveller_info_heading h2 {

        font-size: 23px;

        line-height: 1.4;

    }


    /* Content */

    .dtxsg_sg_shirdi_traveller_info_content p {

        margin-bottom: 18px;

        font-size: 14px;

        line-height: 1.85;

        text-align: justify;

    }


    /* Information Notice */

    .dtxsg_sg_shirdi_traveller_info_notice {

        gap: 12px;

        margin-top: 23px;

        padding: 16px 15px;

        border-left-width: 3px;

        border-radius: 12px;

    }


    .dtxsg_sg_shirdi_traveller_info_notice_icon {

        width: 34px;
        height: 34px;

        font-size: 14px;

    }


    .dtxsg_sg_shirdi_traveller_info_notice p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }

}












/* =========================================================
   SHIRDI EXPLORE MORE SECTION
========================================================= */

.dtxsg_shirdi_explore_more_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}

.dtxsg_shirdi_explore_more_section *,
.dtxsg_shirdi_explore_more_section *::before,
.dtxsg_shirdi_explore_more_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_explore_header {

    max-width: 850px;

    margin: 0 auto 30px;

}

.dtxsg_shirdi_explore_icon {

    width: 64px;
    height: 64px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 2px solid #f9b0b3;

    border-radius: 18px;

    color: #f3525a;

    font-size: 24px;

    box-shadow:
        0 10px 25px rgba(2, 17, 58, 0.08);

}

.dtxsg_shirdi_explore_label {

    display: inline-block;

    margin-bottom: 12px;

    padding: 7px 17px;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.4px;

    text-transform: uppercase;

}

.dtxsg_shirdi_explore_title {

    margin: 0;

    color: #06183d;


    font-size: 36px;
    font-weight: 700;

    line-height: 1.25;

}

.dtxsg_shirdi_explore_intro {

    max-width: 720px;

    margin: 16px auto 0;

    color: #596579;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.8;

}


/* =========================================================
   BOOTSTRAP CARD ROW
========================================================= */

.dtxsg_shirdi_explore_cards_row {

    margin-top: 0;

}


/* =========================================================
   FULL CLICKABLE CARD
========================================================= */

.dtxsg_shirdi_explore_card {

    position: relative;

    width: 100%;
    height: 100%;

    min-height: 330px;

    padding: 28px 26px 25px;

    display: flex;
    flex-direction: column;

    background: #ffffff;

    border: 1px solid rgba(2, 17, 58, 0.07);

    border-radius: 20px;

    color: #172033;

    text-decoration: none;

    overflow: hidden;

    cursor: pointer;

    box-shadow:
        0 12px 30px rgba(2, 17, 58, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}

.dtxsg_shirdi_explore_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 0.35s ease;

}

.dtxsg_shirdi_explore_card:hover {

    color: #172033;

    text-decoration: none;

    transform: translateY(-8px);

    border-color: #f9b0b3;

    box-shadow:
        0 20px 40px rgba(2, 17, 58, 0.13);

}

.dtxsg_shirdi_explore_card:hover::before {

    transform: scaleX(1);

}


/* =========================================================
   CARD TOP
========================================================= */

.dtxsg_shirdi_explore_card_top {

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 24px;

}

.dtxsg_shirdi_explore_card_icon {

    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 20px;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;

}

.dtxsg_shirdi_explore_card:hover
.dtxsg_shirdi_explore_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);

}

.dtxsg_shirdi_explore_card_number {

    color: #f9b0b3;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_explore_card_title {

    margin: 0 0 13px;

    color: #06183d;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.45;

}

.dtxsg_shirdi_explore_card_text {

    margin: 0;

    color: #687386;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.75;

    text-align: justify;

}


/* =========================================================
   CARD ACTION
========================================================= */

.dtxsg_shirdi_explore_card_link {

    margin-top: auto;

    padding-top: 23px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    border-top: 1px solid #edf0f4;

    transition: color 0.3s ease;

}

.dtxsg_shirdi_explore_card:hover
.dtxsg_shirdi_explore_card_link {

    color: #d93d46;

}

.dtxsg_shirdi_explore_card_link i {

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border-radius: 50%;

    color: #f3525a;

    font-size: 11px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}

.dtxsg_shirdi_explore_card:hover
.dtxsg_shirdi_explore_card_link i {

    background: #f3525a;

    color: #ffffff;

    transform: translateX(4px);

}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.dtxsg_shirdi_explore_bottom {

    max-width: 900px;

    margin: 45px auto 0;

    padding: 18px 25px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    background: rgba(255, 255, 255, 0.65);

    border: 1px solid rgba(249, 176, 179, 0.75);

    border-radius: 14px;

}

.dtxsg_shirdi_explore_bottom_icon {

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;

}

.dtxsg_shirdi_explore_bottom p {

    margin: 0;

    color: #4e5b70;

    font-size: 15px;
    font-weight: 500;

    line-height: 1.6;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_shirdi_explore_more_section {

        padding: 55px 20px;

    }


    /* Section Header */

    .dtxsg_shirdi_explore_header {

        max-width: 760px;

        margin-bottom: 25px;

    }

    .dtxsg_shirdi_explore_icon {

        width: 60px;
        height: 60px;

        margin-bottom: 16px;

        border-radius: 17px;

        font-size: 22px;

    }

    .dtxsg_shirdi_explore_label {

        margin-bottom: 10px;

        padding: 6px 15px;

        font-size: 11px;

        letter-spacing: 1.2px;

    }

    .dtxsg_shirdi_explore_title {

        font-size: 31px;

        line-height: 1.3;

    }

    .dtxsg_shirdi_explore_intro {

        max-width: 650px;

        margin-top: 13px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* Cards */

    .dtxsg_shirdi_explore_card {

        min-height: 315px;

        padding: 25px 22px 22px;

        border-radius: 18px;

    }

    .dtxsg_shirdi_explore_card_top {

        margin-bottom: 21px;

    }

    .dtxsg_shirdi_explore_card_icon {

        width: 50px;
        height: 50px;

        flex-basis: 50px;

        border-radius: 14px;

        font-size: 19px;

    }

    .dtxsg_shirdi_explore_card_number {

        font-size: 12px;

    }

    .dtxsg_shirdi_explore_card_title {

        margin-bottom: 11px;

        font-size: 18px;

        line-height: 1.4;

    }

    .dtxsg_shirdi_explore_card_text {

        font-size: 14px;

        line-height: 1.7;

    }

    .dtxsg_shirdi_explore_card_link {

        padding-top: 20px;

        font-size: 13px;

    }

    .dtxsg_shirdi_explore_card_link i {

        width: 29px;
        height: 29px;

        flex-basis: 29px;

    }


    /* Bottom Note */

    .dtxsg_shirdi_explore_bottom {

        max-width: 760px;

        margin-top: 38px;

        padding: 16px 21px;

        gap: 11px;

    }

    .dtxsg_shirdi_explore_bottom_icon {

        width: 32px;
        height: 32px;

        flex-basis: 32px;

        font-size: 12px;

    }

    .dtxsg_shirdi_explore_bottom p {

        font-size: 14px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_shirdi_explore_more_section {

        padding: 45px 15px;

    }


    /* Section Header */

    .dtxsg_shirdi_explore_header {

        max-width: 100%;

        margin-bottom: 20px;

    }

    .dtxsg_shirdi_explore_icon {

        width: 56px;
        height: 56px;

        margin-bottom: 14px;

        border-radius: 16px;

        font-size: 21px;

    }

    .dtxsg_shirdi_explore_label {

        margin-bottom: 10px;

        padding: 6px 14px;

        font-size: 10px;

        letter-spacing: 1px;

    }

    .dtxsg_shirdi_explore_title {

        font-size: 26px;

        line-height: 1.3;

    }

    .dtxsg_shirdi_explore_intro {

        max-width: 100%;

        margin-top: 12px;

        font-size: 13px;

        line-height: 1.7;

        text-align: center;

    }


    /* Cards */

    .dtxsg_shirdi_explore_cards_row {

        margin-left: 0;
        margin-right: 0;

    }

    .dtxsg_shirdi_explore_card {

        min-height: auto;

        padding: 22px 20px 20px;

        border-radius: 17px;

    }

    .dtxsg_shirdi_explore_card_top {

        margin-bottom: 19px;

    }

    .dtxsg_shirdi_explore_card_icon {

        width: 48px;
        height: 48px;

        flex-basis: 48px;

        border-radius: 13px;

        font-size: 18px;

    }

    .dtxsg_shirdi_explore_card_number {

        font-size: 12px;

    }

    .dtxsg_shirdi_explore_card_title {

        margin-bottom: 10px;

        font-size: 17px;

        line-height: 1.4;

    }

    .dtxsg_shirdi_explore_card_text {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }

    .dtxsg_shirdi_explore_card_link {

        margin-top: 20px;

        padding-top: 17px;

        font-size: 12px;

        gap: 10px;

    }

    .dtxsg_shirdi_explore_card_link i {

        width: 28px;
        height: 28px;

        flex-basis: 28px;

        font-size: 10px;

    }


    /* Bottom Note */

    .dtxsg_shirdi_explore_bottom {

        max-width: 100%;

        margin-top: 30px;

        padding: 15px 16px;

        align-items: flex-start;

        justify-content: flex-start;

        gap: 10px;

        border-radius: 13px;

    }

    .dtxsg_shirdi_explore_bottom_icon {

        width: 31px;
        height: 31px;

        flex-basis: 31px;

        font-size: 11px;

    }

    .dtxsg_shirdi_explore_bottom p {

        font-size: 12px;

        line-height: 1.6;

    }

}












/* =========================================================
   2-DAY SHIRDI TOUR ITINERARY SECTION
========================================================= */

.dtxsg_shirdi_two_day_itinerary_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.dtxsg_shirdi_two_day_itinerary_section *,
.dtxsg_shirdi_two_day_itinerary_section *::before,
.dtxsg_shirdi_two_day_itinerary_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dtxsg_shirdi_itinerary_heading {

    max-width: 850px;
    margin: 0 auto 30px;
}


.dtxsg_shirdi_itinerary_icon {

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: #f3525a;

    color: #ffffff;

    font-size: 23px;

    box-shadow:
        0 10px 25px rgba(243, 82, 90, 0.20);
}


.dtxsg_shirdi_itinerary_label {

    display: inline-block;

    margin-bottom: 10px;

    padding: 7px 16px;

    border-radius: 30px;

    background: #f9b0b3;

    color: #8f252c;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;
}


.dtxsg_shirdi_itinerary_title {

    margin: 0 0 16px;

    color: #172033;

    font-size: 34px;
    font-weight: 900;

    line-height: 1.25;
}


.dtxsg_shirdi_itinerary_intro {

    max-width: 800px;

    margin: 0 auto;

    color: #596579;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.9;
}


.dtxsg_shirdi_itinerary_intro strong {
    color: #303b4f;
    font-weight: 700;
}


/* =========================================================
   ITINERARY CARD
========================================================= */

.dtxsg_shirdi_itinerary_card {

    position: relative;

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 24px;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.08);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.dtxsg_shirdi_itinerary_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );
}


.dtxsg_shirdi_itinerary_card:hover {

    transform: translateY(-6px);

    box-shadow:
        0 18px 42px rgba(23, 32, 51, 0.12);
}


/* =========================================================
   CARD HEADER
========================================================= */

.dtxsg_shirdi_itinerary_card_header {

    display: flex;
    align-items: center;

    gap: 18px;

    padding-bottom: 25px;

    margin-bottom: 8px;

    border-bottom: 1px solid #edf0f4;
}


.dtxsg_shirdi_day_badge {

    flex: 0 0 auto;

    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: #f3525a;

    color: #ffffff;

    box-shadow:
        0 9px 22px rgba(243, 82, 90, 0.20);
}


.dtxsg_shirdi_day_badge span {

    font-size: 13px;
    font-weight: 800;

    line-height: 1.2;

    text-align: center;
}


.dtxsg_shirdi_itinerary_card_header h3 {

    margin: 0 0 5px;

    color: #172033;

    font-size: 23px;
    font-weight: 800;

    line-height: 1.3;
}


.dtxsg_shirdi_itinerary_card_header p {

    margin: 0;

    color: #7a8494;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.5;
}


/* =========================================================
   ITINERARY STEPS
========================================================= */

.dtxsg_shirdi_itinerary_steps {

    position: relative;

    padding-top: 12px;
}


.dtxsg_shirdi_itinerary_steps::before {

    content: "";

    position: absolute;

    top: 30px;
    bottom: 30px;
    left: 23px;

    width: 1px;

    background: #f9b0b3;
}


/* =========================================================
   INDIVIDUAL STEP
========================================================= */

.dtxsg_shirdi_itinerary_step {

    position: relative;

    display: flex;

    gap: 18px;

    padding: 18px 0;
}


.dtxsg_shirdi_step_icon {

    position: relative;
    z-index: 2;

    flex: 0 0 auto;

    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background: #fff4f4;

    border: 1px solid #f9b0b3;

    color: #f3525a;

    font-size: 17px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.dtxsg_shirdi_itinerary_step:hover .dtxsg_shirdi_step_icon {

    background: #f3525a;

    color: #ffffff;

    transform: scale(1.06);
}


/* =========================================================
   STEP CONTENT
========================================================= */

.dtxsg_shirdi_step_content {

    min-width: 0;

    padding-top: 2px;
}


.dtxsg_shirdi_step_content span {

    display: block;

    margin-bottom: 4px;

    color: #f3525a;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}


.dtxsg_shirdi_step_content h4 {

    margin: 0 0 7px;

    color: #172033;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.45;
}


.dtxsg_shirdi_step_content p {

    margin: 0;

    color: #697587;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.75;
    text-align: justify;
}


/* =========================================================
   TRAVEL TIMING NOTE
========================================================= */

.dtxsg_shirdi_travel_timing_note {

    display: flex;
    align-items: flex-start;

    gap: 16px;

    max-width: 1000px;

    margin: 35px auto 0;

    padding: 22px 25px;

    background: #ffffff;

    border-left: 4px solid #f3525a;

    border-radius: 15px;

    box-shadow:
        0 8px 25px rgba(23, 32, 51, 0.06);
}


.dtxsg_shirdi_timing_icon {

    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #f9b0b3;

    color: #8f252c;

    font-size: 16px;
}


.dtxsg_shirdi_timing_content {

    padding-top: 1px;

    color: #697587;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;
}


.dtxsg_shirdi_timing_content strong {

    color: #172033;

    font-weight: 800;

    margin-right: 4px;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .dtxsg_shirdi_two_day_itinerary_section {
        padding: 55px 20px;
    }


    /* =========================
       SECTION HEADING
    ========================= */

    .dtxsg_shirdi_itinerary_heading {
        max-width: 720px;
        margin-bottom: 25px;
    }


    .dtxsg_shirdi_itinerary_icon {
        width: 54px;
        height: 54px;

        margin-bottom: 15px;

        border-radius: 16px;

        font-size: 21px;
    }


    .dtxsg_shirdi_itinerary_label {
        margin-bottom: 9px;

        padding: 6px 14px;

        font-size: 11px;
    }


    .dtxsg_shirdi_itinerary_title {
        font-size: 30px;
        line-height: 1.3;

        margin-bottom: 13px;
    }


    .dtxsg_shirdi_itinerary_intro {
        font-size: 14px;
        line-height: 1.8;
    }


    /* =========================
       ITINERARY CARD
    ========================= */

    .dtxsg_shirdi_itinerary_card {
        padding: 24px 21px;

        border-radius: 21px;
    }


    /* =========================
       CARD HEADER
    ========================= */

    .dtxsg_shirdi_itinerary_card_header {
        gap: 14px;

        padding-bottom: 21px;
        margin-bottom: 5px;
    }


    .dtxsg_shirdi_day_badge {
        width: 58px;
        height: 58px;

        border-radius: 16px;
    }


    .dtxsg_shirdi_day_badge span {
        font-size: 12px;
    }


    .dtxsg_shirdi_itinerary_card_header h3 {
        font-size: 20px;
        line-height: 1.3;
    }


    .dtxsg_shirdi_itinerary_card_header p {
        font-size: 12px;
        line-height: 1.5;
    }


    /* =========================
       ITINERARY STEPS
    ========================= */

    .dtxsg_shirdi_itinerary_steps {
        padding-top: 9px;
    }


    .dtxsg_shirdi_itinerary_steps::before {
        top: 27px;
        bottom: 27px;
        left: 21px;
    }


    .dtxsg_shirdi_itinerary_step {
        gap: 14px;

        padding: 15px 0;
    }


    .dtxsg_shirdi_step_icon {
        width: 43px;
        height: 43px;

        border-radius: 13px;

        font-size: 15px;
    }


    /* =========================
       STEP CONTENT
    ========================= */

    .dtxsg_shirdi_step_content {
        padding-top: 1px;
    }


    .dtxsg_shirdi_step_content span {
        margin-bottom: 3px;

        font-size: 10px;
    }


    .dtxsg_shirdi_step_content h4 {
        margin-bottom: 6px;

        font-size: 15px;
        line-height: 1.4;
    }


    .dtxsg_shirdi_step_content p {
        font-size: 12px;
        line-height: 1.7;
    }


    /* =========================
       TRAVEL TIMING NOTE
    ========================= */

    .dtxsg_shirdi_travel_timing_note {
        max-width: 100%;

        gap: 13px;

        margin-top: 28px;

        padding: 19px 21px;

        border-radius: 13px;
    }


    .dtxsg_shirdi_timing_icon {
        width: 40px;
        height: 40px;

        border-radius: 11px;

        font-size: 15px;
    }


    .dtxsg_shirdi_timing_content {
        font-size: 12px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   BELOW 767.98px
========================================================= */

@media (max-width: 767.98px) {

    .dtxsg_shirdi_two_day_itinerary_section {
        padding: 50px 15px;
    }


    /* =========================
       SECTION HEADING
    ========================= */

    .dtxsg_shirdi_itinerary_heading {
        max-width: 100%;

        margin-bottom: 20px;
    }


    .dtxsg_shirdi_itinerary_icon {
        width: 52px;
        height: 52px;

        margin-bottom: 14px;

        border-radius: 15px;

        font-size: 20px;
    }


    .dtxsg_shirdi_itinerary_label {
        margin-bottom: 8px;

        padding: 6px 13px;

        font-size: 10px;

        letter-spacing: 0.8px;
    }


    .dtxsg_shirdi_itinerary_title {
        margin-bottom: 12px;

        font-size: 25px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_itinerary_intro {
        font-size: 13px;

        line-height: 1.8;

        text-align: center;
    }


    /* =========================
       ITINERARY CARD
    ========================= */

    .dtxsg_shirdi_itinerary_card {
        padding: 22px 18px;

        border-radius: 20px;
    }


    .dtxsg_shirdi_itinerary_card::before {
        height: 4px;
    }


    /* =========================
       CARD HEADER
    ========================= */

    .dtxsg_shirdi_itinerary_card_header {
        gap: 12px;

        padding-bottom: 19px;

        margin-bottom: 3px;
    }


    .dtxsg_shirdi_day_badge {
        width: 54px;
        height: 54px;

        border-radius: 14px;
    }


    .dtxsg_shirdi_day_badge span {
        font-size: 11px;
    }


    .dtxsg_shirdi_itinerary_card_header h3 {
        font-size: 19px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_itinerary_card_header p {
        font-size: 11px;

        line-height: 1.5;
    }


    /* =========================
       ITINERARY STEPS
    ========================= */

    .dtxsg_shirdi_itinerary_steps {
        padding-top: 7px;
    }


    .dtxsg_shirdi_itinerary_steps::before {
        top: 25px;
        bottom: 25px;

        left: 19px;
    }


    .dtxsg_shirdi_itinerary_step {
        gap: 12px;

        padding: 14px 0;
    }


    .dtxsg_shirdi_step_icon {
        width: 40px;
        height: 40px;

        border-radius: 11px;

        font-size: 14px;
    }


    /* =========================
       STEP CONTENT
    ========================= */

    .dtxsg_shirdi_step_content {
        padding-top: 0;
    }


    .dtxsg_shirdi_step_content span {
        margin-bottom: 3px;

        font-size: 9px;

        letter-spacing: 0.7px;
    }


    .dtxsg_shirdi_step_content h4 {
        margin-bottom: 5px;

        font-size: 14px;

        line-height: 1.45;
    }


    .dtxsg_shirdi_step_content p {
        font-size: 12px;

        line-height: 1.7;

        text-align: justify;
    }


    /* =========================
       TRAVEL TIMING NOTE
    ========================= */

    .dtxsg_shirdi_travel_timing_note {
        width: 100%;

        gap: 11px;

        margin-top: 23px;

        padding: 17px 16px;

        border-left-width: 3px;

        border-radius: 12px;
    }


    .dtxsg_shirdi_timing_icon {
        width: 37px;
        height: 37px;

        border-radius: 9px;

        font-size: 13px;
    }


    .dtxsg_shirdi_timing_content {
        padding-top: 0;

        font-size: 11px;

        line-height: 1.7;

        text-align: justify;
    }


    .dtxsg_shirdi_timing_content strong {
        margin-right: 3px;
    }

}










/* =========================================================
   SHIRDI TOUR PACKAGE DETAILS SECTION
========================================================= */

.dtxsg_shirdi_package_details_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.dtxsg_shirdi_package_details_section *,
.dtxsg_shirdi_package_details_section *::before,
.dtxsg_shirdi_package_details_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_package_details_header {

    max-width: 900px;

    margin: 0 auto 25px;

    position: relative;
}


/* =========================================================
   HEADER ICON
========================================================= */

.dtxsg_shirdi_package_details_icon {

    width: 68px;
    height: 68px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    background: #f9b0b3;

    border: 7px solid #fff7f7;

    border-radius: 20px;

    color: #f3525a;

    font-size: 25px;

    box-shadow:
        0 0 0 1px rgba(243, 82, 90, 0.12),
        0 12px 30px rgba(243, 82, 90, 0.15);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.dtxsg_shirdi_package_details_icon::after {

    content: "";

    position: absolute;

    width: 9px;
    height: 9px;

    right: -5px;
    top: -5px;

    background: #f3525a;

    border: 3px solid #ffffff;

    border-radius: 50%;
}


.dtxsg_shirdi_package_details_icon:hover {

    transform: translateY(-5px) rotate(3deg);

    box-shadow:
        0 0 0 1px rgba(243, 82, 90, 0.16),
        0 18px 35px rgba(243, 82, 90, 0.20);
}


/* =========================================================
   HEADER LABEL
========================================================= */

.dtxsg_shirdi_package_details_label {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-bottom: 15px;

    padding: 7px 18px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.4px;

    text-transform: uppercase;

    box-shadow:
        0 5px 15px rgba(243, 82, 90, 0.06);
}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtxsg_shirdi_package_details_title {

    max-width: 820px;

    margin: 0 auto;

    color: #172033;

    font-size: 35px;

    font-weight: 700;

    line-height: 1.25;

    letter-spacing: -0.5px;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.dtxsg_shirdi_package_details_intro {

    max-width: 760px;

    margin: 17px auto 0;

    color: #697386;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.85;
}


/* =========================================================
   PACKAGE CARD GRID
========================================================= */

.dtxsg_shirdi_package_details_grid {

    margin-top: 0;
}


/* =========================================================
   PACKAGE DETAIL CARD
========================================================= */

.dtxsg_shirdi_package_detail_card {

    position: relative;

    height: 100%;

    min-height: 205px;

    padding: 28px 26px 27px;

    background: #ffffff;

    border: 1px solid #f1dfe0;

    border-radius: 20px;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(23, 32, 51, 0.045);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   TOP ACCENT LINE
========================================================= */

.dtxsg_shirdi_package_detail_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3,
        transparent
    );

    opacity: 0.85;
}


/* =========================================================
   CARD SIDE DECORATION
========================================================= */

.dtxsg_shirdi_package_detail_card::after {

    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    right: -45px;
    bottom: -45px;

    background: #fff7f7;

    border-radius: 50%;

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.dtxsg_shirdi_package_detail_card:hover {

    transform: translateY(-8px);

    border-color: #f9b0b3;

    box-shadow:
        0 20px 45px rgba(243, 82, 90, 0.12);
}


.dtxsg_shirdi_package_detail_card:hover::after {

    transform: scale(1.45);

    background: #fff1f2;
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_package_detail_icon {

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    z-index: 2;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    color: #f3525a;

    font-size: 20px;

    box-shadow:
        0 7px 18px rgba(243, 82, 90, 0.07);

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   ICON INNER CIRCLE
========================================================= */

.dtxsg_shirdi_package_detail_icon::before {

    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    top: 7px;
    right: 7px;

    background: #f9b0b3;

    border-radius: 50%;

    transition:
        background 0.35s ease;
}


/* =========================================================
   ICON HOVER
========================================================= */

.dtxsg_shirdi_package_detail_card:hover
.dtxsg_shirdi_package_detail_icon {

    background: #f3525a;

    border-color: #f3525a;

    color: #ffffff;

    transform: translateY(-3px) scale(1.05);

    box-shadow:
        0 10px 24px rgba(243, 82, 90, 0.20);
}


.dtxsg_shirdi_package_detail_card:hover
.dtxsg_shirdi_package_detail_icon::before {

    background: #ffffff;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsg_shirdi_package_detail_content {

    position: relative;

    z-index: 2;
}


.dtxsg_shirdi_package_detail_content h3 {

    margin: 0 0 10px;

    padding-right: 10px;

    color: #172033;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.45;

    transition: color 0.3s ease;
}


.dtxsg_shirdi_package_detail_card:hover
.dtxsg_shirdi_package_detail_content h3 {

    color: #f3525a;
}


.dtxsg_shirdi_package_detail_content p {

    margin: 0;

    color: #6b7280;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;

    text-align: justify;
}


/* =========================================================
   PACKAGE NOTE
========================================================= */

.dtxsg_shirdi_package_details_note {

    position: relative;

    margin-top: 32px;

    padding: 18px 23px;

    display: flex;

    align-items: center;

    gap: 13px;

    background: linear-gradient(
        100deg,
        #fff7f7 0%,
        #ffffff 100%
    );

    border: 1px solid #f9b0b3;

    border-radius: 14px;

    box-shadow:
        0 8px 25px rgba(243, 82, 90, 0.055);

    overflow: hidden;
}


.dtxsg_shirdi_package_details_note::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 4px;
    height: 100%;

    background: #f3525a;
}


.dtxsg_shirdi_package_details_note i {

    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 10px;

    color: #f3525a;

    font-size: 15px;
}


.dtxsg_shirdi_package_details_note p {

    margin: 0;

    color: #5f6878;

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;
}


/* =========================================================
   NOT INCLUDED BOX
========================================================= */

.dtxsg_shirdi_package_not_included {

    position: relative;

    margin-top: 28px;

    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid #f1dfe0;

    border-radius: 20px;

    box-shadow:
        0 8px 25px rgba(23, 32, 51, 0.045);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.dtxsg_shirdi_package_not_included::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 4px;
    height: 100%;

    background: #f3525a;
}


.dtxsg_shirdi_package_not_included::after {

    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    right: -65px;
    top: -65px;

    background: #fff7f7;

    border-radius: 50%;

    pointer-events: none;
}


.dtxsg_shirdi_package_not_included:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow:
        0 17px 38px rgba(243, 82, 90, 0.09);
}


/* =========================================================
   NOT INCLUDED HEADING
========================================================= */

.dtxsg_shirdi_not_included_heading {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 15px;
}


/* =========================================================
   NOT INCLUDED ICON
========================================================= */

.dtxsg_shirdi_not_included_icon {

    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 13px;

    color: #f3525a;

    font-size: 18px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.dtxsg_shirdi_package_not_included:hover
.dtxsg_shirdi_not_included_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-5deg);
}


/* =========================================================
   NOT INCLUDED TITLE
========================================================= */

.dtxsg_shirdi_not_included_heading h2 {

    margin: 0;

    color: #172033;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.3;
}


/* =========================================================
   NOT INCLUDED TEXT
========================================================= */

.dtxsg_shirdi_package_not_included > p {

    position: relative;

    z-index: 2;

    margin: 0;

    padding-left: 57px;

    color: #687386;

    font-size: 14px;

    line-height: 1.85;

    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
   992px AND BELOW
========================================================= */

@media (max-width: 991.98px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_details_section {

        padding: 55px 20px;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_details_header {

        max-width: 760px;

        margin-bottom: 25px;
    }


    .dtxsg_shirdi_package_details_icon {

        width: 62px;
        height: 62px;

        margin-bottom: 17px;

        border-width: 6px;

        border-radius: 18px;

        font-size: 23px;
    }


    .dtxsg_shirdi_package_details_label {

        margin-bottom: 13px;

        padding: 6px 16px;

        font-size: 10px;

        letter-spacing: 1.2px;
    }


    .dtxsg_shirdi_package_details_title {

        max-width: 700px;

        font-size: 28px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_package_details_intro {

        max-width: 680px;

        margin-top: 14px;

        font-size: 14px;

        line-height: 1.8;
    }


    /* -----------------------------------------------------
       PACKAGE CARD
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_detail_card {

        min-height: 215px;

        padding: 25px 23px;

        border-radius: 17px;
    }


    .dtxsg_shirdi_package_detail_icon {

        width: 52px;
        height: 52px;

        flex: 0 0 52px;

        margin-bottom: 17px;

        border-radius: 14px;

        font-size: 19px;
    }


    .dtxsg_shirdi_package_detail_content h3 {

        margin-bottom: 9px;

        font-size: 17px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_package_detail_content p {

        font-size: 14px;

        line-height: 1.75;

        text-align: justify;
    }


    /* -----------------------------------------------------
       PACKAGE NOTE
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_details_note {

        margin-top: 27px;

        padding: 16px 19px;

        gap: 11px;

        border-radius: 12px;
    }


    .dtxsg_shirdi_package_details_note i {

        width: 34px;
        height: 34px;

        flex: 0 0 34px;

        font-size: 14px;
    }


    .dtxsg_shirdi_package_details_note p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }


    /* -----------------------------------------------------
       NOT INCLUDED
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_not_included {

        margin-top: 25px;

        padding: 25px 25px;

        border-radius: 17px;
    }


    .dtxsg_shirdi_not_included_heading {

        gap: 11px;

        margin-bottom: 13px;
    }


    .dtxsg_shirdi_not_included_icon {

        width: 42px;
        height: 42px;

        flex: 0 0 42px;

        border-radius: 12px;

        font-size: 17px;
    }


    .dtxsg_shirdi_not_included_heading h2 {

        font-size: 20px;
    }


    .dtxsg_shirdi_package_not_included > p {

        padding-left: 53px;

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   768px AND BELOW
========================================================= */

@media (max-width: 767.98px) {

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_details_section {

        padding: 45px 15px;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_details_header {

        max-width: 100%;

        margin-bottom: 20px;
    }


    .dtxsg_shirdi_package_details_icon {

        width: 58px;
        height: 58px;

        margin-bottom: 15px;

        border-width: 5px;

        border-radius: 16px;

        font-size: 21px;
    }


    .dtxsg_shirdi_package_details_icon::after {

        width: 8px;
        height: 8px;

        right: -4px;
        top: -4px;

        border-width: 2px;
    }


    .dtxsg_shirdi_package_details_label {

        margin-bottom: 12px;

        padding: 6px 14px;

        font-size: 9px;

        letter-spacing: 1px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_package_details_title {

        max-width: 100%;

        font-size: 24px;

        line-height: 1.35;

        letter-spacing: -0.2px;
    }


    .dtxsg_shirdi_package_details_intro {

        max-width: 100%;

        margin-top: 13px;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;
    }


    /* -----------------------------------------------------
       PACKAGE CARD
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_detail_card {

        min-height: auto;

        height: auto;

        padding: 23px 20px;

        border-radius: 16px;

        box-shadow:
            0 7px 22px rgba(23, 32, 51, 0.045);
    }


    .dtxsg_shirdi_package_detail_card:hover {

        transform: translateY(-5px);
    }


    /* -----------------------------------------------------
       CARD ICON
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_detail_icon {

        width: 49px;
        height: 49px;

        flex: 0 0 49px;

        margin-bottom: 16px;

        border-radius: 13px;

        font-size: 18px;
    }


    .dtxsg_shirdi_package_detail_icon::before {

        width: 6px;
        height: 6px;

        top: 6px;
        right: 6px;
    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_detail_content h3 {

        margin-bottom: 8px;

        padding-right: 5px;

        font-size: 16px;

        line-height: 1.45;
    }


    .dtxsg_shirdi_package_detail_content p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;
    }


    /* -----------------------------------------------------
       PACKAGE NOTE
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_details_note {

        margin-top: 23px;

        padding: 14px 15px;

        align-items: flex-start;

        gap: 10px;

        border-radius: 11px;
    }


    .dtxsg_shirdi_package_details_note i {

        width: 31px;
        height: 31px;

        flex: 0 0 31px;

        border-radius: 8px;

        font-size: 13px;
    }


    .dtxsg_shirdi_package_details_note p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;
    }


    /* -----------------------------------------------------
       NOT INCLUDED BOX
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_not_included {

        margin-top: 21px;

        padding: 21px 19px;

        border-radius: 16px;
    }


    .dtxsg_shirdi_package_not_included::after {

        width: 100px;
        height: 100px;

        right: -50px;
        top: -50px;
    }


    /* -----------------------------------------------------
       NOT INCLUDED HEADING
    ----------------------------------------------------- */

    .dtxsg_shirdi_not_included_heading {

        gap: 10px;

        margin-bottom: 12px;
    }


    .dtxsg_shirdi_not_included_icon {

        width: 39px;
        height: 39px;

        flex: 0 0 39px;

        border-radius: 11px;

        font-size: 16px;
    }


    .dtxsg_shirdi_not_included_heading h2 {

        font-size: 18px;

        line-height: 1.3;
    }


    /* -----------------------------------------------------
       NOT INCLUDED TEXT
    ----------------------------------------------------- */

    .dtxsg_shirdi_package_not_included > p {

        padding-left: 0;

        font-size: 12.5px;

        line-height: 1.8;

        text-align: justify;
    }

}















/* =========================================================
   SHIRDI DARSHAN & TRAVEL INFORMATION SECTION
========================================================= */

.dtxsg_shirdi_travel_information_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.dtxsg_shirdi_travel_information_section *,
.dtxsg_shirdi_travel_information_section *::before,
.dtxsg_shirdi_travel_information_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_shirdi_travel_info_header {

    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   HEADER ICON
========================================================= */

.dtxsg_shirdi_travel_info_icon {

    width: 62px;
    height: 62px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 2px solid #f9b0b3;

    border-radius: 18px;

    color: #f3525a;

    font-size: 25px;

    box-shadow: 0 8px 22px rgba(23, 32, 51, 0.08);

    transition: all 0.3s ease;
}


.dtxsg_shirdi_travel_info_header:hover
.dtxsg_shirdi_travel_info_icon {

    background: #f3525a;

    border-color: #f3525a;

    color: #ffffff;

    transform: translateY(-4px);

    box-shadow: 0 12px 26px rgba(243, 82, 90, 0.22);
}


/* =========================================================
   HEADER LABEL
========================================================= */

.dtxsg_shirdi_travel_info_label {

    display: inline-block;

    margin-bottom: 10px;

    padding: 7px 16px;

    background: #f9b0b3;

    color: #172033;

    border-radius: 30px;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtxsg_shirdi_travel_info_title {

    margin: 0 0 14px;

    color: #172033;

    font-size: 35px;
    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.4px;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.dtxsg_shirdi_travel_info_intro {

    max-width: 700px;

    margin: 0 auto;

    color: #566174;

    font-size: 16px;
    line-height: 1.8;

    font-weight: 400;
}

/* =========================================================
   SHIRDI TRAVEL INFORMATION - CARD DESIGN ONLY
========================================================= */

.dtxsg_shirdi_travel_info_card {

    position: relative;

    height: 100%;
    min-height: 300px;

    padding: 34px 30px 38px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.10);

    border-radius: 26px;

    box-shadow:
        0 12px 28px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


/* =========================================================
   CARD DECORATIVE BACKGROUND
========================================================= */

.dtxsg_shirdi_travel_info_card::before {

    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    top: -105px;
    right: -85px;

    background: rgba(249, 176, 179, 0.18);

    border-radius: 50%;

    transition:
        width 0.45s ease,
        height 0.45s ease,
        background 0.45s ease;
}


/* =========================================================
   CARD BOTTOM ACCENT
========================================================= */

.dtxsg_shirdi_travel_info_card::after {

    content: "";

    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 0;

    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

    border-radius: 10px 10px 0 0;

    transform: scaleX(0.25);

    transform-origin: left;

    transition: transform 0.4s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.dtxsg_shirdi_travel_info_card:hover {

    transform: translateY(-10px);

    border-color: rgba(243, 82, 90, 0.25);

    box-shadow:
        0 22px 45px rgba(23, 32, 51, 0.13);
}


.dtxsg_shirdi_travel_info_card:hover::before {

    width: 250px;
    height: 250px;

    background: rgba(249, 176, 179, 0.28);
}


.dtxsg_shirdi_travel_info_card:hover::after {

    transform: scaleX(1);
}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_shirdi_travel_info_card_icon {

    position: relative;

    z-index: 2;

    width: 62px;
    height: 62px;

    margin-bottom: 25px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #fff1f2;

    color: #f3525a;

    border: 1px solid #f9b0b3;

    border-radius: 18px;

    font-size: 22px;

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.08);

    transition: all 0.4s ease;
}


/* Icon Outer Ring */

.dtxsg_shirdi_travel_info_card_icon::after {

    content: "";

    position: absolute;

    inset: -5px;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 21px;

    opacity: 0;

    transform: scale(0.85);

    transition: all 0.4s ease;
}


/* Icon Hover */

.dtxsg_shirdi_travel_info_card:hover
.dtxsg_shirdi_travel_info_card_icon {

    background: #f3525a;

    color: #ffffff;

    border-color: #f3525a;

    transform: translateY(-5px) rotate(-4deg);

    box-shadow:
        0 12px 25px rgba(243, 82, 90, 0.25);
}


.dtxsg_shirdi_travel_info_card:hover
.dtxsg_shirdi_travel_info_card_icon::after {

    opacity: 1;

    transform: scale(1);
}


/* =========================================================
   CARD TITLE
========================================================= */

.dtxsg_shirdi_travel_info_card_title {

    position: relative;

    z-index: 2;

    margin: 0 0 15px;

    padding-left: 15px;

    color: #172033;

    font-size: 22px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: -0.2px;
}


/* Title Accent Line */

.dtxsg_shirdi_travel_info_card_title::before {

    content: "";

    position: absolute;

    left: 0;
    top: 4px;

    width: 4px;
    height: 25px;

    background: linear-gradient(
        180deg,
        #f3525a,
        #f9b0b3
    );

    border-radius: 10px;

    transition: height 0.35s ease;
}


.dtxsg_shirdi_travel_info_card:hover
.dtxsg_shirdi_travel_info_card_title::before {

    height: 34px;
}


/* =========================================================
   CARD TEXT
========================================================= */

.dtxsg_shirdi_travel_info_card_text {

    position: relative;

    z-index: 2;

    margin: 0;

    color: #5c6677;

    font-size: 15px;

    line-height: 1.9;

    font-weight: 400;

    text-align: justify;
}

/* =========================================================
   PRACTICAL NOTE
========================================================= */

.dtxsg_shirdi_travel_info_note {

    position: relative;

    margin-top: 18px;

    padding: 22px 25px;

    display: flex;
    align-items: flex-start;

    gap: 16px;

    background: #ffffff;

    border-left: 5px solid #f3525a;

    border-radius: 14px;

    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.07);
}


/* =========================================================
   NOTE ICON
========================================================= */

.dtxsg_shirdi_travel_info_note_icon {

    flex: 0 0 auto;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 50%;

    font-size: 16px;
}


/* =========================================================
   NOTE CONTENT
========================================================= */

.dtxsg_shirdi_travel_info_note_content {

    flex: 1;

    padding-top: 2px;
}


.dtxsg_shirdi_travel_info_note_title {

    margin-right: 5px;

    color: #172033;

    font-size: 15px;

    font-weight: 700;
}


.dtxsg_shirdi_travel_info_note_text {

    color: #5c6677;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;

    text-align: justify;
}
/* =========================================================
   SHIRDI TRAVEL INFORMATION
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    /* =====================================================
       SECTION
    ====================================================== */

    .dtxsg_shirdi_travel_information_section {

        padding: 55px 20px;
    }


    /* =====================================================
       HEADER
    ====================================================== */

    .dtxsg_shirdi_travel_info_header {

        max-width: 760px;

        margin-bottom: 25px;
    }


    .dtxsg_shirdi_travel_info_icon {

        width: 58px;
        height: 58px;

        margin-bottom: 15px;

        font-size: 23px;

        border-radius: 17px;
    }


    .dtxsg_shirdi_travel_info_label {

        font-size: 11px;

        padding: 6px 14px;
    }


    .dtxsg_shirdi_travel_info_title {

        font-size: 30px;

        line-height: 1.3;
    }


    .dtxsg_shirdi_travel_info_intro {

        max-width: 650px;

        font-size: 15px;

        line-height: 1.8;
    }


    /* =====================================================
       CARDS
    ====================================================== */

    .dtxsg_shirdi_travel_info_card {

        min-height: 320px;

        padding: 30px 25px 35px;

        border-radius: 22px;
    }


    .dtxsg_shirdi_travel_info_card_icon {

        width: 58px;
        height: 58px;

        margin-bottom: 21px;

        border-radius: 17px;

        font-size: 21px;
    }


    .dtxsg_shirdi_travel_info_card_icon::after {

        border-radius: 20px;
    }


    .dtxsg_shirdi_travel_info_card_title {

        font-size: 20px;

        margin-bottom: 13px;
    }


    .dtxsg_shirdi_travel_info_card_text {

        font-size: 14px;

        line-height: 1.85;

        text-align: justify;
    }


    /* =====================================================
       NOTE
    ====================================================== */

    .dtxsg_shirdi_travel_info_note {

        margin-top: 10px;

        padding: 20px 22px;

        gap: 14px;

        border-left-width: 4px;

        border-radius: 13px;
    }


    .dtxsg_shirdi_travel_info_note_icon {

        width: 38px;
        height: 38px;

        font-size: 15px;
    }


    .dtxsg_shirdi_travel_info_note_title {

        font-size: 14px;
    }


    .dtxsg_shirdi_travel_info_note_text {

        font-size: 14px;

        line-height: 1.8;

        text-align: justify;
    }

}


/* =========================================================
   SHIRDI TRAVEL INFORMATION
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    /* =====================================================
       SECTION
    ====================================================== */

    .dtxsg_shirdi_travel_information_section {

        padding: 45px 15px;
    }


    /* =====================================================
       HEADER
    ====================================================== */

    .dtxsg_shirdi_travel_info_header {

        max-width: 100%;

        margin-bottom: 20px;
    }


    .dtxsg_shirdi_travel_info_icon {

        width: 55px;
        height: 55px;

        margin-bottom: 14px;

        border-radius: 16px;

        font-size: 21px;
    }


    .dtxsg_shirdi_travel_info_label {

        margin-bottom: 8px;

        padding: 6px 13px;

        font-size: 10px;

        letter-spacing: 0.8px;
    }


    .dtxsg_shirdi_travel_info_title {

        font-size: 24px;

        line-height: 1.3;

        letter-spacing: -0.3px;
    }


    .dtxsg_shirdi_travel_info_intro {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;

        text-align: center;
    }


    /* =====================================================
       CARD
    ====================================================== */

    .dtxsg_shirdi_travel_info_card {

        min-height: auto;

        padding: 27px 22px 32px;

        border-radius: 20px;

        box-shadow:
            0 9px 24px rgba(23, 32, 51, 0.07);
    }


    .dtxsg_shirdi_travel_info_card::before {

        width: 150px;
        height: 150px;

        top: -85px;
        right: -65px;
    }


    .dtxsg_shirdi_travel_info_card::after {

        left: 22px;
        right: 22px;

        height: 4px;
    }


    /* =====================================================
       CARD ICON
    ====================================================== */

    .dtxsg_shirdi_travel_info_card_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 20px;

        border-radius: 16px;

        font-size: 20px;
    }


    .dtxsg_shirdi_travel_info_card_icon::after {

        inset: -4px;

        border-radius: 19px;
    }


    /* =====================================================
       CARD TITLE
    ====================================================== */

    .dtxsg_shirdi_travel_info_card_title {

        margin-bottom: 12px;

        padding-left: 13px;

        font-size: 18px;

        line-height: 1.4;
    }


    .dtxsg_shirdi_travel_info_card_title::before {

        top: 3px;

        width: 4px;

        height: 23px;
    }


    /* =====================================================
       CARD TEXT
    ====================================================== */

    .dtxsg_shirdi_travel_info_card_text {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;
    }


    /* =====================================================
       PRACTICAL NOTE
    ====================================================== */

    .dtxsg_shirdi_travel_info_note {

        margin-top: 4px;

        padding: 18px 16px;

        gap: 12px;

        border-left-width: 4px;

        border-radius: 15px;

        align-items: flex-start;
    }


    .dtxsg_shirdi_travel_info_note_icon {

        width: 36px;
        height: 36px;

        flex: 0 0 36px;

        border-radius: 11px;

        font-size: 14px;
    }


    .dtxsg_shirdi_travel_info_note_content {

        padding-top: 0;
    }


    .dtxsg_shirdi_travel_info_note_title {

        font-size: 13px;

        line-height: 1.7;
    }


    .dtxsg_shirdi_travel_info_note_text {

        font-size: 13px;

        line-height: 1.75;

    
    }

}













/* =========================================================
   PAYMENT & CANCELLATION INFORMATION SECTION
========================================================= */

.dtxsg_payment_cancellation_information_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.dtxsg_payment_cancellation_information_section *,
.dtxsg_payment_cancellation_information_section *::before,
.dtxsg_payment_cancellation_information_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.dtxsg_payment_cancellation_header {

    max-width: 850px;
    margin: 0 auto 30px;

}


/* =========================================================
   HEADER ICON
========================================================= */

.dtxsg_payment_cancellation_icon {

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    color: #f3525a;

    font-size: 22px;

    box-shadow:
        0 8px 22px rgba(243, 82, 90, 0.10);

}


/* =========================================================
   HEADER LABEL
========================================================= */

.dtxsg_payment_cancellation_label {

    display: inline-block;

    margin-bottom: 12px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtxsg_payment_cancellation_title {

    margin: 0 0 15px;

    color: #172033;

    font-size: 35px;
    font-weight: 700;

    line-height: 1.25;

}


/* =========================================================
   INTRO TEXT
========================================================= */

.dtxsg_payment_cancellation_intro {

    max-width: 760px;

    margin: 0 auto;

    color: #667085;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.8;

}


/* =========================================================
   INFORMATION CARD
========================================================= */

.dtxsg_payment_cancellation_card {

    height: 100%;

    padding: 32px;

    background: #ffffff;

    border: 1px solid #edf0f4;

    border-radius: 22px;

    position: relative;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


/* =========================================================
   CARD HOVER
========================================================= */

.dtxsg_payment_cancellation_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow:
        0 18px 42px rgba(243, 82, 90, 0.13);

}


/* =========================================================
   CARD TOP
========================================================= */

.dtxsg_payment_cancellation_card_top {

    display: flex;
    align-items: center;

    gap: 15px;

    margin-bottom: 20px;

}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsg_payment_cancellation_card_icon {

    flex: 0 0 auto;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 14px;

    color: #f3525a;

    font-size: 19px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}


/* =========================================================
   CARD ICON HOVER
========================================================= */

.dtxsg_payment_cancellation_card:hover
.dtxsg_payment_cancellation_card_icon {

    background: #f3525a;

    color: #ffffff;

}


/* =========================================================
   CARD TITLE
========================================================= */

.dtxsg_payment_cancellation_card_top h3 {

    margin: 0;

    color: #172033;

    font-size: 22px;
    font-weight: 700;

    line-height: 1.4;

}


/* =========================================================
   CARD PARAGRAPH
========================================================= */

.dtxsg_payment_cancellation_card > p {

    margin: 0;

    color: #667085;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.85;

    text-align: justify;

}


/* =========================================================
   AIRLINE CANCELLATION NOTE
========================================================= */

.dtxsg_payment_cancellation_airline_note {

    display: flex;
    align-items: flex-start;

    gap: 13px;

    margin-top: 23px;
    padding: 16px 17px;

    background: #fff7f7;

    border-left: 3px solid #f3525a;

    border-radius: 10px;

}


/* =========================================================
   AIRLINE NOTE ICON
========================================================= */

.dtxsg_payment_cancellation_airline_note > i {

    flex: 0 0 auto;

    margin-top: 4px;

    color: #f3525a;

    font-size: 16px;

}


/* =========================================================
   AIRLINE NOTE TEXT
========================================================= */

.dtxsg_payment_cancellation_airline_note p {

    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.75;
    
    text-align: justify;

}


/* =========================================================
   AIRLINE NOTE STRONG TEXT
========================================================= */

.dtxsg_payment_cancellation_airline_note strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   BOTTOM INFORMATION NOTE
========================================================= */

.dtxsg_payment_cancellation_bottom_note {

    max-width: 900px;

    margin: 35px auto 0;

    padding: 20px 24px;

    display: flex;
    align-items: center;

    gap: 15px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

}


/* =========================================================
   BOTTOM NOTE ICON
========================================================= */

.dtxsg_payment_cancellation_bottom_icon {

    flex: 0 0 auto;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;

    color: #ffffff;

    border-radius: 50%;

    font-size: 16px;

}


/* =========================================================
   BOTTOM NOTE TEXT
========================================================= */

.dtxsg_payment_cancellation_bottom_note p {

    margin: 0;

    color: #4b5565;

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .dtxsg_payment_cancellation_information_section {

        padding: 55px 20px;

    }


    /* =========================
       SECTION HEADER
    ========================== */

    .dtxsg_payment_cancellation_header {

        max-width: 720px;

        margin-bottom: 25px;

    }


    .dtxsg_payment_cancellation_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 15px;

        border-radius: 14px;

        font-size: 20px;

    }


    .dtxsg_payment_cancellation_label {

        font-size: 12px;

        letter-spacing: 1.3px;

        margin-bottom: 10px;

    }


    .dtxsg_payment_cancellation_title {

        font-size: 30px;

        line-height: 1.3;

        margin-bottom: 13px;

    }


    .dtxsg_payment_cancellation_intro {

        max-width: 680px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* =========================
       INFORMATION CARD
    ========================== */

    .dtxsg_payment_cancellation_card {

        padding: 27px;

        border-radius: 19px;

    }


    .dtxsg_payment_cancellation_card_top {

        gap: 13px;

        margin-bottom: 18px;

    }


    .dtxsg_payment_cancellation_card_icon {

        width: 49px;
        height: 49px;

        border-radius: 13px;

        font-size: 18px;

    }


    .dtxsg_payment_cancellation_card_top h3 {

        font-size: 20px;

        line-height: 1.4;

    }


    .dtxsg_payment_cancellation_card > p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* =========================
       AIRLINE NOTE
    ========================== */

    .dtxsg_payment_cancellation_airline_note {

        gap: 11px;

        margin-top: 20px;

        padding: 14px 15px;

    }


    .dtxsg_payment_cancellation_airline_note > i {

        font-size: 15px;

        margin-top: 4px;

    }


    .dtxsg_payment_cancellation_airline_note p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* =========================
       BOTTOM NOTE
    ========================== */

    .dtxsg_payment_cancellation_bottom_note {

        max-width: 760px;

        margin-top: 30px;

        padding: 18px 20px;

        gap: 13px;

        border-radius: 14px;

    }


    .dtxsg_payment_cancellation_bottom_icon {

        width: 38px;
        height: 38px;

        font-size: 15px;

    }


    .dtxsg_payment_cancellation_bottom_note p {

        font-size: 13px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

    .dtxsg_payment_cancellation_information_section {

        padding: 45px 15px;

    }


    /* =========================
       SECTION HEADER
    ========================== */

    .dtxsg_payment_cancellation_header {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .dtxsg_payment_cancellation_icon {

        width: 50px;
        height: 50px;

        margin-bottom: 14px;

        border-radius: 13px;

        font-size: 19px;

    }


    .dtxsg_payment_cancellation_label {

        font-size: 10px;

        letter-spacing: 1.1px;

        margin-bottom: 9px;

    }


    .dtxsg_payment_cancellation_title {

        font-size: 24px;

        line-height: 1.3;

        margin-bottom: 12px;

    }


    .dtxsg_payment_cancellation_intro {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

        text-align: center;

    }


    /* =========================
       INFORMATION CARD
    ========================== */

    .dtxsg_payment_cancellation_card {

        padding: 22px;

        border-radius: 17px;

    }


    .dtxsg_payment_cancellation_card_top {

        gap: 11px;

        margin-bottom: 16px;

    }


    .dtxsg_payment_cancellation_card_icon {

        width: 45px;
        height: 45px;

        border-radius: 11px;

        font-size: 17px;

    }


    .dtxsg_payment_cancellation_card_top h3 {

        font-size: 18px;

        line-height: 1.35;

    }


    .dtxsg_payment_cancellation_card > p {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;

    }


    /* =========================
       AIRLINE NOTE
    ========================== */

    .dtxsg_payment_cancellation_airline_note {

        gap: 9px;

        margin-top: 18px;

        padding: 13px 14px;

        border-radius: 9px;

    }


    .dtxsg_payment_cancellation_airline_note > i {

        font-size: 14px;

        margin-top: 3px;

    }


    .dtxsg_payment_cancellation_airline_note p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =========================
       BOTTOM NOTE
    ========================== */

    .dtxsg_payment_cancellation_bottom_note {

        max-width: 100%;

        margin-top: 23px;

        padding: 15px 16px;

        gap: 11px;

        border-radius: 12px;

        align-items: flex-start;

    }


    .dtxsg_payment_cancellation_bottom_icon {

        width: 34px;
        height: 34px;

        font-size: 13px;

    }


    .dtxsg_payment_cancellation_bottom_note p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }

}












/* =========================================================
   SHIRDI FAMILY TOUR PACKAGE OVERVIEW
========================================================= */

.dtxsgp_shirdi_family_overview_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.dtxsgp_shirdi_family_overview_section *,
.dtxsgp_shirdi_family_overview_section *::before,
.dtxsgp_shirdi_family_overview_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtxsgp_shirdi_family_overview_intro {

    max-width: 850px;
    margin: 0 auto 20px;

}


/* =========================================================
   BADGE
========================================================= */

.dtxsgp_shirdi_family_overview_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 50px;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.4px;
    text-transform: uppercase;

}


.dtxsgp_shirdi_family_overview_badge i {

    font-size: 15px;
    color: #f3525a;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtxsgp_shirdi_family_overview_title {

    margin: 0;

    color: #172033;

    font-size: 40px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: -0.6px;

}


.dtxsgp_shirdi_family_overview_title::after {

    content: "";

    display: block;

    width: 52px;
    height: 4px;

    margin: 18px auto 0;

    background: #f3525a;

    border-radius: 10px;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.dtxsgp_shirdi_family_overview_description {

    max-width: 720px;

    margin: 20px auto 0;

    color: #687386;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;

}


/* =========================================================
   BOOTSTRAP GRID WRAPPER
========================================================= */

.dtxsgp_shirdi_family_overview_grid {

    margin-top: 0;

}


/* =========================================================
   OVERVIEW CARD
========================================================= */

.dtxsgp_shirdi_family_overview_card {

    position: relative;

    display: flex;
    align-items: center;

    min-height: 145px;

    padding: 26px 28px;

    background: #ffffff;

    border: 1px solid #edf0f4;
    border-radius: 18px;

    box-shadow:
        0 8px 28px rgba(23, 32, 51, 0.06);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.dtxsgp_shirdi_family_overview_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.dtxsgp_shirdi_family_overview_card::after {

    content: "";

    position: absolute;

    width: 95px;
    height: 95px;

    right: -42px;
    bottom: -48px;

    border-radius: 50%;

    background: #fff5f5;

    pointer-events: none;

}


/* =========================================================
   CARD HOVER
========================================================= */

.dtxsgp_shirdi_family_overview_card:hover {

    transform: translateY(-6px);

    border-color: #f9b0b3;

    box-shadow:
        0 16px 38px rgba(243, 82, 90, 0.13);

}


/* =========================================================
   ICON BOX
========================================================= */

.dtxsgp_shirdi_family_overview_icon {

    position: relative;
    z-index: 2;

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 20px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 15px;

    color: #f3525a;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.dtxsgp_shirdi_family_overview_card:hover
.dtxsgp_shirdi_family_overview_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.dtxsgp_shirdi_family_overview_content {

    position: relative;
    z-index: 2;

    min-width: 0;

}


/* =========================================================
   LABEL
========================================================= */

.dtxsgp_shirdi_family_overview_label {

    display: block;

    margin-bottom: 6px;

    color: #8a93a3;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    letter-spacing: 1.1px;
    text-transform: uppercase;

}


/* =========================================================
   VALUE
========================================================= */

.dtxsgp_shirdi_family_overview_value {

    margin: 0;

    color: #172033;

    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .dtxsgp_shirdi_family_overview_section {

        padding: 55px 20px;

    }


    /* =========================
       SECTION INTRO
    ========================= */

    .dtxsgp_shirdi_family_overview_intro {

        max-width: 720px;

        margin-bottom: 25px;

    }


    .dtxsgp_shirdi_family_overview_badge {

        padding: 8px 17px;

        margin-bottom: 16px;

        font-size: 11px;

        letter-spacing: 1.2px;

    }


    .dtxsgp_shirdi_family_overview_badge i {

        font-size: 14px;

    }


    /* =========================
       TITLE
    ========================= */

    .dtxsgp_shirdi_family_overview_title {

        font-size: 30px;

        line-height: 1.3;

    }


    .dtxsgp_shirdi_family_overview_title::after {

        width: 48px;
        height: 4px;

        margin-top: 16px;

    }


    /* =========================
       DESCRIPTION
    ========================= */

    .dtxsgp_shirdi_family_overview_description {

        max-width: 650px;

        margin-top: 17px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* =========================
       BOOTSTRAP ROW SPACING
    ========================= */

    .dtxsgp_shirdi_family_overview_grid {

        margin-left: -10px;
        margin-right: -10px;

    }


    .dtxsgp_shirdi_family_overview_grid > div {

        padding-left: 10px;
        padding-right: 10px;

        margin-bottom: 20px;

    }


    /* =========================
       CARD
    ========================= */

    .dtxsgp_shirdi_family_overview_card {

        min-height: 135px;

        padding: 23px 22px;

        border-radius: 17px;

    }


    /* =========================
       ICON
    ========================= */

    .dtxsgp_shirdi_family_overview_icon {

        flex: 0 0 54px;

        width: 54px;
        height: 54px;

        margin-right: 17px;

        border-radius: 14px;

        font-size: 20px;

    }


    /* =========================
       LABEL
    ========================= */

    .dtxsgp_shirdi_family_overview_label {

        margin-bottom: 5px;

        font-size: 10px;

        letter-spacing: 1px;

    }


    /* =========================
       VALUE
    ========================= */

    .dtxsgp_shirdi_family_overview_value {

        font-size: 17px;

        line-height: 1.45;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    .dtxsgp_shirdi_family_overview_section {

        padding: 45px 16px;

    }


    /* =========================
       SECTION INTRO
    ========================= */

    .dtxsgp_shirdi_family_overview_intro {

        max-width: 100%;

        margin-bottom: 20px;

    }


    /* =========================
       BADGE
    ========================= */

    .dtxsgp_shirdi_family_overview_badge {

        gap: 7px;

        padding: 8px 14px;

        margin-bottom: 15px;

        font-size: 9px;

        letter-spacing: 0.9px;

    }


    .dtxsgp_shirdi_family_overview_badge i {

        font-size: 13px;

    }


    /* =========================
       TITLE
    ========================= */

    .dtxsgp_shirdi_family_overview_title {

        font-size: 23px;

        line-height: 1.3;

        letter-spacing: -0.3px;

    }


    .dtxsgp_shirdi_family_overview_title::after {

        width: 44px;
        height: 3px;

        margin-top: 14px;

    }


    /* =========================
       DESCRIPTION
    ========================= */

    .dtxsgp_shirdi_family_overview_description {

        max-width: 100%;

        margin-top: 15px;

        font-size: 14px;

        line-height: 1.7;

    }


    /* =========================
       BOOTSTRAP ROW
    ========================= */

    .dtxsgp_shirdi_family_overview_grid {

        margin-left: -7px;
        margin-right: -7px;

    }


    .dtxsgp_shirdi_family_overview_grid > div {

        padding-left: 7px;
        padding-right: 7px;

        margin-bottom: 14px;

    }


    /* =========================
       CARD
    ========================= */

    .dtxsgp_shirdi_family_overview_card {

        width: 100%;

        min-height: 112px;

        padding: 19px 18px;

        border-radius: 15px;

    }


    /* =========================
       ICON
    ========================= */

    .dtxsgp_shirdi_family_overview_icon {

        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        margin-right: 14px;

        border-radius: 12px;

        font-size: 17px;

    }


    /* =========================
       LABEL
    ========================= */

    .dtxsgp_shirdi_family_overview_label {

        margin-bottom: 4px;

        font-size: 9px;

        line-height: 1.4;

        letter-spacing: 0.8px;

    }


    /* =========================
       VALUE
    ========================= */

    .dtxsgp_shirdi_family_overview_value {

        font-size: 15px;

        line-height: 1.4;

    }


    /* =========================
       DECORATIVE CIRCLE
    ========================= */

    .dtxsgp_shirdi_family_overview_card::after {

        width: 75px;
        height: 75px;

        right: -35px;
        bottom: -38px;

    }

}














/* =========================================================
   SHIRDI FAMILY TOUR ITINERARY SECTION
========================================================= */

.dtxsgp_family_itinerary_section {

    position: relative;

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.dtxsgp_family_itinerary_section *,
.dtxsgp_family_itinerary_section *::before,
.dtxsgp_family_itinerary_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   BACKGROUND DECORATIVE ELEMENTS
========================================================= */

.dtxsgp_family_itinerary_section::before {

    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    top: -190px;
    left: -150px;

    border-radius: 50%;

    background: rgba(243, 82, 90, 0.07);

    pointer-events: none;

}


.dtxsgp_family_itinerary_section::after {

    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    right: -150px;
    bottom: -170px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.14);

    pointer-events: none;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.dtxsgp_family_itinerary_intro {

    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 0 auto 30px;

}


/* =========================================================
   SECTION BADGE
========================================================= */

.dtxsgp_family_itinerary_badge {

    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 10px 19px;

    margin-bottom: 20px;

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.75);

    border: 1px solid rgba(243, 82, 90, 0.24);

    color: #f3525a;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.4px;

    text-transform: uppercase;

    box-shadow:
        0 7px 20px rgba(23, 32, 51, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.55);

}

.dtxsgp_family_itinerary_badge i {

    font-size: 17px;

    color: #f3525a;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.dtxsgp_family_itinerary_title {

    position: relative;

    margin: 0 0 18px;

    color: #172033;

    font-size: 40px;

    line-height: 1.18;

    font-weight: 750;

    letter-spacing: -0.8px;

}


.dtxsgp_family_itinerary_title::after {

    content: "";

    display: block;

    width: 62px;
    height: 4px;

    margin: 19px auto 0;

    border-radius: 10px;

    background: #f3525a;

}


/* =========================================================
   SECTION DESCRIPTION
========================================================= */

.dtxsgp_family_itinerary_description {

    max-width: 820px;

    margin: 20px auto 0;

    color: #566174;

    font-size: 17px;

    line-height: 1.85;

    font-weight: 400;

}


/* =========================================================
   NORMAL ITINERARY CARD
========================================================= */

.dtxsgp_family_itinerary_card {

    position: relative;

    z-index: 2;

    height: 100%;

    padding: 34px;

    background: rgba(255, 255, 255, 0.97);

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 24px;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07),
        0 2px 6px rgba(23, 32, 51, 0.03);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    overflow: hidden;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.dtxsgp_family_itinerary_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 55%,
        rgba(249, 176, 179, 0) 100%
    );

}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.dtxsgp_family_itinerary_card::after {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    top: -75px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.10);

    transition: transform 0.45s ease;

    pointer-events: none;

}


.dtxsgp_family_itinerary_card:hover {

    transform: translateY(-8px);

    border-color: rgba(243, 82, 90, 0.18);

    box-shadow:
        0 22px 50px rgba(23, 32, 51, 0.11),
        0 5px 12px rgba(23, 32, 51, 0.04);

}


.dtxsgp_family_itinerary_card:hover::after {

    transform: scale(1.35);

}


/* =========================================================
   CARD TOP
========================================================= */

.dtxsgp_family_itinerary_card_top {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 25px;

}


/* =========================================================
   DAY BADGE
========================================================= */

.dtxsgp_family_itinerary_day {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 36px;

    padding: 8px 15px;

    border-radius: 9px;

    background: #f9b0b3;

    color: #172033;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.3px;

    box-shadow:
        0 5px 12px rgba(243, 82, 90, 0.12);

}


/* =========================================================
   CARD ICON
========================================================= */

.dtxsgp_family_itinerary_icon {

    position: relative;

    width: 58px;
    height: 58px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 17px;

    background: #fff3f3;

    border: 1px solid rgba(243, 82, 90, 0.15);

    color: #f3525a;

    font-size: 22px;

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.10);

    transition:
        transform 0.35s ease,
        background 0.35s ease;

}


.dtxsgp_family_itinerary_icon::before {

    content: "";

    position: absolute;

    inset: -5px;

    border-radius: 20px;

    border: 1px dashed rgba(243, 82, 90, 0.20);

}


.dtxsgp_family_itinerary_card:hover
.dtxsgp_family_itinerary_icon {

    transform: rotate(5deg) scale(1.06);

    background: #f9b0b3;

}


/* =========================================================
   CARD TITLE
========================================================= */

.dtxsgp_family_itinerary_card_title {

    position: relative;

    z-index: 2;

    margin: 0 0 25px;

    padding-left: 15px;

    color: #172033;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 700;

}


.dtxsgp_family_itinerary_card_title::before {

    content: "";

    position: absolute;

    left: 0;
    top: 3px;

    width: 4px;

    height: calc(100% - 6px);

    border-radius: 5px;

    background: #f3525a;

}


/* =========================================================
   ITINERARY POINTS
========================================================= */

.dtxsgp_family_itinerary_points {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 13px;

}


/* =========================================================
   SINGLE ITINERARY POINT
========================================================= */

.dtxsgp_family_itinerary_point {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 10px 12px;

    border-radius: 12px;

    color: #566174;

    font-size: 15px;

    line-height: 1.65;

    background: rgba(223, 231, 239, 0.30);

    transition:
        background 0.3s ease,
        transform 0.3s ease;

    text-align: justify;
}


.dtxsgp_family_itinerary_point:hover {

    background: rgba(249, 176, 179, 0.13);

    transform: translateX(4px);

}


/* =========================================================
   POINT ICON
========================================================= */

.dtxsgp_family_itinerary_point i {

    width: 31px;
    height: 31px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-top: 0;

    border-radius: 9px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 12px;

    box-shadow:
        0 4px 10px rgba(243, 82, 90, 0.08);

}


.dtxsgp_family_itinerary_point span {

    flex: 1;

}


/* =========================================================
   FINAL DAY - SPECIAL WIDE CARD
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_card {

    padding: 32px 38px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 58%,
            #fff5f5 100%
        );

}


/* =========================================================
   FINAL DAY - TOP AREA
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_card_top {

    margin-bottom: 20px;

}


/* =========================================================
   FINAL DAY - BADGE
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_day {

    background: #f3525a;

    color: #ffffff;

    padding: 9px 18px;

    border-radius: 50px;

    box-shadow:
        0 7px 18px rgba(243, 82, 90, 0.20);

}


/* =========================================================
   FINAL DAY - ICON
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_icon {

    width: 62px;
    height: 62px;

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    border: 5px solid #ffffff;

    box-shadow:
        0 0 0 1px rgba(243, 82, 90, 0.18),
        0 10px 25px rgba(243, 82, 90, 0.15);

}


/* =========================================================
   FINAL DAY - TITLE
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_card_title {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

    font-size: 27px;

}


.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_card_title::before {

    position: static;

    flex-shrink: 0;

    width: 5px;

    height: 32px;

}


/* =========================================================
   FINAL DAY - THREE STEP LAYOUT
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_points {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 15px;

}


/* =========================================================
   FINAL DAY - STEP CARD
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_point {

    min-height: 78px;

    align-items: center;

    padding: 15px 16px;

    background: #f8fafc;

    border: 1px solid rgba(23, 32, 51, 0.06);

    border-radius: 14px;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;

}


.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_point:hover {

    transform: translateY(-4px);

    background: #fff5f5;

    border-color: rgba(243, 82, 90, 0.18);

    box-shadow:
        0 10px 22px rgba(23, 32, 51, 0.06);

}


/* =========================================================
   FINAL DAY - STEP ICON
========================================================= */

.dtxsgp_family_itinerary_section
.row > .col-lg-12
.dtxsgp_family_itinerary_point i {

    width: 38px;
    height: 38px;

    border-radius: 11px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 14px;

}

/* =========================================================
   ITINERARY FLEXIBILITY - FULL WIDTH CARD
========================================================= */

.dtxsgp_family_itinerary_flexibility {

    position: relative;

    z-index: 2;

    width: 100%;

    min-height: 190px;

    display: block;

    padding: 36px 40px;

    background: #172033;

    border-radius: 24px;

    border: 1px solid rgba(255, 255, 255, 0.06);

    box-shadow:
        0 15px 38px rgba(23, 32, 51, 0.16);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;

}


.dtxsgp_family_itinerary_flexibility:hover {

    transform: translateY(-6px);

    box-shadow:
        0 22px 45px rgba(23, 32, 51, 0.20);

}


/* =========================================================
   TOP ACCENT
========================================================= */

.dtxsgp_family_itinerary_flexibility::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 55%,
        rgba(249, 176, 179, 0.25) 100%
    );

}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.dtxsgp_family_itinerary_flexibility::after {

    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -110px;
    bottom: -160px;

    border-radius: 50%;

    border: 1px solid rgba(249, 176, 179, 0.13);

    box-shadow:
        0 0 0 28px rgba(249, 176, 179, 0.025),
        0 0 0 56px rgba(249, 176, 179, 0.018);

    pointer-events: none;

}


/* =========================================================
   FLEXIBILITY ICON
========================================================= */

.dtxsgp_family_itinerary_flex_icon {

    position: relative;

    z-index: 3;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    border-radius: 16px;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 21px;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.35s ease,
        background 0.35s ease;

}


.dtxsgp_family_itinerary_flexibility:hover
.dtxsgp_family_itinerary_flex_icon {

    transform: rotate(8deg) scale(1.06);

    background: #f9b0b3;

}


/* =========================================================
   FLEXIBILITY CONTENT
========================================================= */

.dtxsgp_family_itinerary_flex_content {

    position: relative;

    z-index: 3;

    width: 100%;

}


/* =========================================================
   FLEXIBILITY TITLE
========================================================= */

.dtxsgp_family_itinerary_flex_content h3 {

    margin: 0 0 12px;

    color: #ffffff;

    font-size: 22px;

    line-height: 1.35;

    font-weight: 700;

}


/* =========================================================
   FLEXIBILITY DESCRIPTION
========================================================= */

.dtxsgp_family_itinerary_flex_content p {

    display: block;

    width: 100%;

    max-width: none;

    margin: 0;

    padding: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 15px;

    line-height: 1.85;

    font-weight: 400;

    text-align: justify;

}


/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    /* =====================================================
       MAIN SECTION
    ===================================================== */

    .dtxsgp_family_itinerary_section {
        width: 100%;
        padding: 55px 18px;
        box-sizing: border-box;
        overflow: hidden;
    }


    /* =====================================================
       INTRO
    ===================================================== */

    .dtxsgp_family_itinerary_intro {
        width: 100%;
        max-width: 760px;
        margin: 0 auto 25px;
        text-align: center;
    }


    /* =====================================================
       BADGE
    ===================================================== */

    .dtxsgp_family_itinerary_badge {
        padding: 9px 16px;
        margin-bottom: 18px;

        font-size: 11px;
        letter-spacing: 1.1px;

        gap: 9px;
    }


    .dtxsgp_family_itinerary_badge i {
        font-size: 15px;
    }


    /* =====================================================
       MAIN TITLE
    ===================================================== */

    .dtxsgp_family_itinerary_title {
        margin-bottom: 16px;

        font-size: 35px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .dtxsgp_family_itinerary_title::after {
        width: 55px;
        height: 3px;
        margin-top: 16px;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .dtxsgp_family_itinerary_description {
        width: 100%;
        max-width: 720px;

        margin: 18px auto 0;

        font-size: 16px;
        line-height: 1.8;

        text-align: center;
    }


    /* =====================================================
       ROW
    ===================================================== */

    .dtxsgp_family_itinerary_section .row {

        display: flex;
        flex-wrap: wrap;

        align-items: stretch;

        margin-left: -10px;
        margin-right: -10px;

        row-gap: 20px;
    }


    /* =====================================================
       ALL COLUMNS
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > [class*="col-"] {

        box-sizing: border-box;

        padding-left: 10px;
        padding-right: 10px;
    }


    /* =====================================================
       NORMAL DAY COLUMNS
       DAY 1 + DAY 2
       DAY 3 + DAY 4
       ETC.
       
       50% WIDTH
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > [class*="col-"]:not(.col-lg-12) {

        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;

        display: flex;
        flex-direction: column;
    }


    /* =====================================================
       NORMAL DAY CARD

       SAME WIDTH
       SAME HEIGHT
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > [class*="col-"]:not(.col-lg-12)
    .dtxsgp_family_itinerary_card {

        width: 100%;
        max-width: 100%;

        height: 100%;
        min-height: 100%;

        box-sizing: border-box;

        display: flex;
        flex-direction: column;

        padding: 28px;

        border-radius: 20px;
    }


    /* =====================================================
       CARD TOP
    ===================================================== */

    .dtxsgp_family_itinerary_card_top {

        width: 100%;

        display: flex;

        align-items: center;
        justify-content: space-between;

        gap: 15px;

        margin-bottom: 22px;
    }


    /* =====================================================
       DAY BADGE
    ===================================================== */

    .dtxsgp_family_itinerary_day {

        min-height: 34px;

        padding: 7px 13px;

        border-radius: 9px;

        font-size: 11px;
        letter-spacing: 1.1px;
    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtxsgp_family_itinerary_icon {

        width: 52px;
        height: 52px;

        flex: 0 0 52px;

        border-radius: 15px;

        font-size: 20px;
    }

    .dtxsgp_family_itinerary_icon::before {
        inset: -5px;
        border-radius: 19px;
    }


    /* =====================================================
       CARD TITLE
    ===================================================== */

    .dtxsgp_family_itinerary_card_title {

        margin-bottom: 22px;

        padding-left: 14px;

        font-size: 23px;
        line-height: 1.35;
    }


    .dtxsgp_family_itinerary_card_title::before {

        width: 4px;

        top: 3px;

        height: calc(100% - 6px);
    }


    /* =====================================================
       ITINERARY POINTS
    ===================================================== */

    .dtxsgp_family_itinerary_points {

        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 11px;

        flex: 1;
    }


    /* =====================================================
       ITINERARY POINT
    ===================================================== */

    .dtxsgp_family_itinerary_point {

        width: 100%;

        display: flex;
        align-items: flex-start;

        gap: 11px;

        padding: 10px;

        border-radius: 10px;

        font-size: 14px;
        line-height: 1.65;

        text-align: justify;

        box-sizing: border-box;
    }


    /* =====================================================
       POINT ICON
    ===================================================== */

    .dtxsgp_family_itinerary_point i {

        width: 30px;
        height: 30px;

        flex: 0 0 30px;

        border-radius: 8px;

        font-size: 11px;
    }


    .dtxsgp_family_itinerary_point span {

        flex: 1;

        min-width: 0;
    }


    /* =====================================================
       FINAL DAY COLUMN
       ONLY FINAL DAY FULL WIDTH
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12 {

        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;

        padding-left: 10px;
        padding-right: 10px;

        box-sizing: border-box;
    }


    /* =====================================================
       FINAL DAY CARD
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card {

        width: 100%;
        max-width: 100%;

        height: auto;
        min-height: auto;

        padding: 28px;

        border-radius: 20px;

        box-sizing: border-box;
    }


    /* =====================================================
       FINAL DAY TOP
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card_top {

        width: 100%;

        display: flex;

        align-items: center;
        justify-content: space-between;

        margin-bottom: 20px;
    }


    /* =====================================================
       FINAL DAY BADGE
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_day {

        padding: 9px 18px;

        font-size: 11px;

        border-radius: 50px;
    }


    /* =====================================================
       FINAL DAY ICON
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_icon {

        width: 58px;
        height: 58px;

        flex: 0 0 58px;

        border-radius: 50%;

        border-width: 4px;

        font-size: 20px;
    }


    /* =====================================================
       FINAL DAY TITLE
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card_title {

        display: flex;
        align-items: center;

        gap: 13px;

        margin-bottom: 22px;

        padding-left: 0;

        font-size: 24px;
        line-height: 1.35;
    }


    /* =====================================================
       FINAL DAY TITLE BAR
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card_title::before {

        position: static;

        flex-shrink: 0;

        width: 5px;
        height: 30px;
    }


    /* =====================================================
       FINAL DAY STEPS
       2 COLUMNS
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_points {

        width: 100%;

        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 12px;
    }


    /* =====================================================
       FINAL DAY STEP
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_point {

        width: 100%;

        min-height: 82px;

        display: flex;

        align-items: center;

        padding: 13px;

        font-size: 13.5px;
        line-height: 1.6;

        box-sizing: border-box;
    }


    /* =====================================================
       FINAL DAY STEP ICON
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_point i {

        width: 34px;
        height: 34px;

        flex: 0 0 34px;

        border-radius: 9px;

        font-size: 12px;
    }


    /* =====================================================
       FLEXIBILITY CARD
    ===================================================== */

    .dtxsgp_family_itinerary_flexibility {

        width: 100%;
        max-width: 100%;

        min-height: auto;

        padding: 30px;

        border-radius: 20px;

        box-sizing: border-box;
    }


    /* =====================================================
       FLEXIBILITY ICON
    ===================================================== */

    .dtxsgp_family_itinerary_flex_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 18px;

        border-radius: 15px;

        font-size: 20px;
    }


    /* =====================================================
       FLEXIBILITY CONTENT
    ===================================================== */

    .dtxsgp_family_itinerary_flex_content {

        width: 100%;
        max-width: 100%;
    }


    /* =====================================================
       FLEXIBILITY TITLE
    ===================================================== */

    .dtxsgp_family_itinerary_flex_content h3 {

        margin: 0 0 10px;

        font-size: 20px;
        line-height: 1.4;
    }


    /* =====================================================
       FLEXIBILITY DESCRIPTION
    ===================================================== */

    .dtxsgp_family_itinerary_flex_content p {

        display: block;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        font-size: 14px;
        line-height: 1.8;

        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767.98px
========================================================= */

@media (max-width: 767.98px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .dtxsgp_family_itinerary_section {

        padding: 48px 14px;

    }


    /* =====================================================
       INTRO
    ===================================================== */

    .dtxsgp_family_itinerary_intro {

        width: 100%;

        max-width: 100%;

        margin-bottom: 34px;

    }


    .dtxsgp_family_itinerary_badge {

        gap: 8px;

        padding: 8px 13px;

        margin-bottom: 16px;

        font-size: 10px;

        letter-spacing: 0.9px;

    }


    .dtxsgp_family_itinerary_badge i {

        font-size: 14px;

    }


    .dtxsgp_family_itinerary_title {

        margin-bottom: 15px;

        font-size: 27px;

        line-height: 1.3;

        letter-spacing: -0.3px;

    }


    .dtxsgp_family_itinerary_title::after {

        width: 48px;

        height: 3px;

        margin-top: 15px;

    }


    .dtxsgp_family_itinerary_description {

        width: 100%;

        max-width: 100%;

        margin-top: 16px;

        font-size: 14px;

        line-height: 1.75;

        text-align: center;

    }


    /* =====================================================
       BOOTSTRAP ROW SPACING
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row {

        row-gap: 18px;

    }


    /* =====================================================
       NORMAL ITINERARY CARD
    ===================================================== */

    .dtxsgp_family_itinerary_card {

        width: 100%;

        height: auto;

        padding: 23px;

        border-radius: 18px;

    }


    /* =====================================================
       CARD TOP
    ===================================================== */

    .dtxsgp_family_itinerary_card_top {

        gap: 12px;

        margin-bottom: 20px;

    }


    .dtxsgp_family_itinerary_day {

        min-height: 32px;

        padding: 6px 11px;

        border-radius: 8px;

        font-size: 9px;

        letter-spacing: 0.9px;

    }


    /* =====================================================
       CARD ICON
    ===================================================== */

    .dtxsgp_family_itinerary_icon {

        width: 48px;
        height: 48px;

        border-radius: 13px;

        font-size: 18px;

    }


    .dtxsgp_family_itinerary_icon::before {

        inset: -4px;

        border-radius: 17px;

    }


    /* =====================================================
       CARD TITLE
    ===================================================== */

    .dtxsgp_family_itinerary_card_title {

        margin-bottom: 20px;

        padding-left: 13px;

        font-size: 21px;

        line-height: 1.35;

    }


    .dtxsgp_family_itinerary_card_title::before {

        width: 3px;

        top: 2px;

        height: calc(100% - 4px);

    }


    /* =====================================================
       ITINERARY POINTS
    ===================================================== */

    .dtxsgp_family_itinerary_points {

        gap: 9px;

    }


    .dtxsgp_family_itinerary_point {

        width: 100%;

        gap: 10px;

        padding: 9px 10px;

        border-radius: 10px;

        font-size: 13px;

        line-height: 1.65;

        text-align: left;

    }


    .dtxsgp_family_itinerary_point i {

        width: 28px;
        height: 28px;

        border-radius: 8px;

        font-size: 10px;

    }


    /* =====================================================
       FINAL DAY CARD
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card {

        width: 100%;

        padding: 23px;

        border-radius: 18px;

    }


    /* =====================================================
       FINAL DAY TOP
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card_top {

        margin-bottom: 18px;

    }


    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_day {

        padding: 7px 13px;

        font-size: 9px;

    }


    /* =====================================================
       FINAL DAY ICON
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_icon {

        width: 52px;
        height: 52px;

        border-radius: 50%;

        border-width: 4px;

        font-size: 18px;

    }


    /* =====================================================
       FINAL DAY TITLE
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card_title {

        display: flex;

        align-items: center;

        gap: 11px;

        margin-bottom: 19px;

        padding-left: 0;

        font-size: 21px;

    }


    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_card_title::before {

        width: 4px;

        height: 27px;

        flex-shrink: 0;

    }


    /* =====================================================
       FINAL DAY POINTS
    ===================================================== */

    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_points {

        display: flex;

        flex-direction: column;

        gap: 9px;

    }


    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_point {

        width: 100%;

        min-height: auto;

        align-items: flex-start;

        padding: 10px;

        font-size: 13px;

        text-align: left;

    }


    .dtxsgp_family_itinerary_section
    .row > .col-lg-12
    .dtxsgp_family_itinerary_point i {

        width: 30px;
        height: 30px;

        border-radius: 8px;

        font-size: 11px;

    }


    /* =====================================================
       FLEXIBILITY CARD
    ===================================================== */

    .dtxsgp_family_itinerary_flexibility {

        width: 100%;

        min-height: auto;

        padding: 24px;

        border-radius: 18px;

    }


    /* =====================================================
       FLEXIBILITY ICON
    ===================================================== */

    .dtxsgp_family_itinerary_flex_icon {

        width: 48px;
        height: 48px;

        margin-bottom: 16px;

        border-radius: 13px;

        font-size: 18px;

    }


    /* =====================================================
       FLEXIBILITY CONTENT
    ===================================================== */

    .dtxsgp_family_itinerary_flex_content {

        width: 100%;

    }


    .dtxsgp_family_itinerary_flex_content h3 {

        margin-bottom: 9px;

        font-size: 18px;

        line-height: 1.4;

    }


    .dtxsgp_family_itinerary_flex_content p {

        display: block;

        width: 100%;

        max-width: none;

        margin: 0;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }

}


















/* =========================================================
   SHIRDI FAMILY TRAVEL & DARSHAN INFORMATION SECTION
========================================================= */

.sgthbf_family_travel_info_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.sgthbf_family_travel_info_section *,
.sgthbf_family_travel_info_section *::before,
.sgthbf_family_travel_info_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.sgthbf_family_travel_info_header {

    max-width: 850px;

    margin: 0 auto 30px;

}


/* =========================================================
   SECTION BADGE
========================================================= */

.sgthbf_family_travel_info_badge {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    background: #fff7f7;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;

}


.sgthbf_family_travel_info_badge i {

    color: #f3525a;

    font-size: 17px;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.sgthbf_family_travel_info_title {

    margin: 0;

    color: #172033;

    font-size: 36px;
    font-weight: 700;

    line-height: 1.25;

    letter-spacing: -0.5px;

}


.sgthbf_family_travel_info_title::after {

    content: "";

    display: block;

    width: 58px;
    height: 4px;

    margin: 18px auto 0;

    border-radius: 10px;

    background: #f3525a;

}


/* =========================================================
   INTRO TEXT
========================================================= */

.sgthbf_family_travel_info_intro {

    max-width: 720px;

    margin: 20px auto 0;

    color: #687386;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;

}


/* =========================================================
   BOOTSTRAP ROW
========================================================= */

.sgthbf_family_travel_info_row {

    align-items: stretch;

}


/* =========================================================
   INFORMATION CARD
========================================================= */

.sgthbf_family_travel_info_card {

    position: relative;

    height: 100%;

    padding: 32px 30px;

    border: 1px solid #f0dfe0;

    border-radius: 18px;

    background: #ffffff;

    box-shadow: 0 8px 28px rgba(23, 32, 51, 0.06);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.sgthbf_family_travel_info_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.sgthbf_family_travel_info_card::after {

    content: "";

    position: absolute;

    top: -65px;
    right: -65px;

    width: 145px;
    height: 145px;

    border-radius: 50%;

    background: #f9b0b3;

    opacity: 0.16;

    pointer-events: none;

}


/* =========================================================
   CARD HOVER
========================================================= */

.sgthbf_family_travel_info_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 38px rgba(23, 32, 51, 0.10);

}


/* =========================================================
   CARD ICON
========================================================= */

.sgthbf_family_travel_info_icon {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-bottom: 24px;

    border: 1px solid #f9b0b3;

    border-radius: 16px;

    background: #fff1f2;

    color: #f3525a;

    font-size: 23px;

    box-shadow:
        0 7px 18px rgba(243, 82, 90, 0.10);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.sgthbf_family_travel_info_card_content {

    position: relative;

    z-index: 2;

}


.sgthbf_family_travel_info_card_content h3 {

    margin: 0 0 14px;

    color: #172033;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4;

}


.sgthbf_family_travel_info_card_content p {

    margin: 0;

    color: #687386;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.85;

    text-align: justify;

}


.sgthbf_family_travel_info_card_content strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   TEMPLE REQUIREMENTS
========================================================= */

.sgthbf_family_travel_requirements {

    display: flex;

    align-items: flex-start;

    gap: 16px;

    margin-top: 8px;

    padding: 20px 24px;

    border: 1px solid #f9b0b3;

    border-left: 4px solid #f3525a;

    border-radius: 12px;

    background: #fff7f7;

}


/* =========================================================
   TEMPLE REQUIREMENTS ICON
========================================================= */

.sgthbf_family_travel_requirements_icon {

    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background: #f9b0b3;

    color: #f3525a;

    font-size: 17px;

}


/* =========================================================
   TEMPLE REQUIREMENTS CONTENT
========================================================= */

.sgthbf_family_travel_requirements_content {

    display: flex;

    flex-direction: column;

    gap: 5px;

    padding-top: 1px;

}


.sgthbf_family_travel_requirements_content strong {

    color: #f3525a;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.5;

}


.sgthbf_family_travel_requirements_content span {

    color: #687386;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.75;

    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgthbf_family_travel_info_section {

        padding: 55px 20px;

    }


    /* -----------------------------------------
       SECTION HEADER
    ----------------------------------------- */

    .sgthbf_family_travel_info_header {

        max-width: 760px;

        margin-bottom: 28px;

    }


    .sgthbf_family_travel_info_badge {

        padding: 8px 16px;

        margin-bottom: 15px;

        font-size: 12px;

    }


    .sgthbf_family_travel_info_badge i {

        font-size: 16px;

    }


    .sgthbf_family_travel_info_title {

        font-size: 31px;

        line-height: 1.3;

    }


    .sgthbf_family_travel_info_title::after {

        width: 52px;

        height: 3px;

        margin-top: 15px;

    }


    .sgthbf_family_travel_info_intro {

        max-width: 650px;

        margin-top: 17px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       BOOTSTRAP ROW SPACING
    ----------------------------------------- */

    .sgthbf_family_travel_info_row {

        margin-left: -10px;
        margin-right: -10px;

    }


    .sgthbf_family_travel_info_row > [class*="col-"] {

        padding-left: 10px;
        padding-right: 10px;

        margin-bottom: 14px;

    }


    /* -----------------------------------------
       INFORMATION CARDS
    ----------------------------------------- */

    .sgthbf_family_travel_info_card {

        padding: 28px 25px;

        border-radius: 16px;

        height: auto;

    }


    .sgthbf_family_travel_info_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 20px;

        border-radius: 14px;

        font-size: 21px;

    }


    .sgthbf_family_travel_info_card_content h3 {

        margin-bottom: 12px;

        font-size: 19px;

        line-height: 1.4;

    }


    .sgthbf_family_travel_info_card_content p {

        font-size: 13.5px;

        line-height: 1.8;

    }


    /* -----------------------------------------
       TEMPLE REQUIREMENTS
    ----------------------------------------- */

    .sgthbf_family_travel_requirements {

        display: flex;

        align-items: flex-start;

        gap: 14px;

        /* Gap is handled by the column */
        margin-top: 0;

        padding: 18px 21px;

        border-radius: 11px;

    }


    .sgthbf_family_travel_requirements_icon {

        width: 40px;
        height: 40px;

        font-size: 16px;

        flex: 0 0 40px;

    }


    .sgthbf_family_travel_requirements_content {

        min-width: 0;

        gap: 4px;

        padding-top: 0;

    }


    .sgthbf_family_travel_requirements_content strong {

        font-size: 14px;

        line-height: 1.5;

    }


    .sgthbf_family_travel_requirements_content span {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;

    }

}

/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767.98px) {

    .sgthbf_family_travel_info_section {
        padding: 48px 16px;
    }


    /* -----------------------------------------
       SECTION HEADER
    ----------------------------------------- */

    .sgthbf_family_travel_info_header {
        max-width: 100%;
        margin-bottom: 20px;
    }


    .sgthbf_family_travel_info_badge {
        gap: 7px;
        padding: 8px 14px;
        margin-bottom: 15px;
        font-size: 11px;
        letter-spacing: 0.5px;
    }


    .sgthbf_family_travel_info_badge i {
        font-size: 15px;
    }


    .sgthbf_family_travel_info_title {
        font-size: 27px;
        line-height: 1.3;
        letter-spacing: -0.3px;
    }


    .sgthbf_family_travel_info_title::after {
        width: 48px;
        height: 3px;
        margin-top: 14px;
    }


    .sgthbf_family_travel_info_intro {
        max-width: 100%;
        margin-top: 16px;
        font-size: 13.5px;
        line-height: 1.75;
    }


    /* -----------------------------------------
       BOOTSTRAP ROW SPACING
    ----------------------------------------- */

    .sgthbf_family_travel_info_row {
        margin-left: -8px;
        margin-right: -8px;
    }


    .sgthbf_family_travel_info_row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 14px;
    }


    /* -----------------------------------------
       INFORMATION CARDS
    ----------------------------------------- */

    .sgthbf_family_travel_info_card {
        height: auto;
        padding: 25px 21px;
        border-radius: 15px;
    }


    .sgthbf_family_travel_info_card:hover {
        transform: translateY(-4px);
    }


    .sgthbf_family_travel_info_card::before {
        height: 3px;
    }


    .sgthbf_family_travel_info_card::after {
        top: -55px;
        right: -55px;
        width: 120px;
        height: 120px;
    }


    /* -----------------------------------------
       CARD ICON
    ----------------------------------------- */

    .sgthbf_family_travel_info_icon {
        width: 51px;
        height: 51px;
        margin-bottom: 19px;
        border-radius: 13px;
        font-size: 20px;
    }


    /* -----------------------------------------
       CARD CONTENT
    ----------------------------------------- */

    .sgthbf_family_travel_info_card_content h3 {
        margin-bottom: 11px;
        font-size: 18px;
        line-height: 1.4;
    }


    .sgthbf_family_travel_info_card_content p {
        font-size: 13px;
        line-height: 1.8;
        text-align: justify;
    }


    /* -----------------------------------------
       TEMPLE REQUIREMENTS
    ----------------------------------------- */

    .sgthbf_family_travel_requirements {
        display: flex;
        align-items: flex-start;

        gap: 12px;

        /* Proper gap from previous card */
        margin-top: 0;

        padding: 17px 18px;

        border-left-width: 3px;
        border-radius: 11px;
    }


    .sgthbf_family_travel_requirements_icon {
        width: 36px;
        height: 36px;

        font-size: 15px;

        flex: 0 0 36px;
    }


    .sgthbf_family_travel_requirements_content {
        min-width: 0;

        gap: 4px;

        padding-top: 0;
    }


    .sgthbf_family_travel_requirements_content strong {
        font-size: 13px;
        line-height: 1.5;
    }


    .sgthbf_family_travel_requirements_content span {
        font-size: 12.5px;
        line-height: 1.7;

        text-align: justify;
    }

}












/* =========================================================
   BOOKING INFORMATION
   PAYMENT & CANCELLATION INFORMATION SECTION
========================================================= */

.sgthbf_booking_policy_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.sgthbf_booking_policy_section *,
.sgthbf_booking_policy_section *::before,
.sgthbf_booking_policy_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.sgthbf_booking_policy_container {

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.sgthbf_booking_policy_header {

    max-width: 850px;

    margin: 0 auto 30px;

}


/* =========================================================
   HEADER BADGE
========================================================= */

.sgthbf_booking_policy_badge {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 17px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.7px;
    text-transform: uppercase;

}


.sgthbf_booking_policy_badge i {

    color: #f3525a;

    font-size: 16px;

}


/* =========================================================
   HEADER TITLE
========================================================= */

.sgthbf_booking_policy_header h2 {

    margin: 0;

    color: #172033;

    font-size: 36px;
    line-height: 1.25;

    font-weight: 800;

    letter-spacing: -0.5px;

}


/* =========================================================
   HEADER DECORATIVE LINE
========================================================= */

.sgthbf_booking_policy_header_line {

    width: 65px;
    height: 4px;

    margin: 18px auto 20px;

    background: #f3525a;

    border-radius: 10px;

}


/* =========================================================
   HEADER DESCRIPTION
========================================================= */

.sgthbf_booking_policy_header p {

    max-width: 760px;

    margin: 0 auto;

    color: #626b7b;

    font-size: 15px;
    line-height: 1.8;

}


/* =========================================================
   POLICY ROW
========================================================= */

.sgthbf_booking_policy_row {

    margin-left: -12px;
    margin-right: -12px;

}


/* =========================================================
   POLICY CARD
========================================================= */

.sgthbf_booking_policy_card {

    position: relative;

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #f9b0b3;

    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(243, 82, 90, 0.08);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.sgthbf_booking_policy_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

}


/* =========================================================
   CARD HOVER
========================================================= */

.sgthbf_booking_policy_card:hover {

    transform: translateY(-6px);

    border-color: #f3525a;

    box-shadow: 0 18px 42px rgba(243, 82, 90, 0.14);

}


/* =========================================================
   CARD TOP AREA
========================================================= */

.sgthbf_booking_policy_card_top {

    display: flex;

    align-items: center;

    gap: 17px;

    margin-bottom: 22px;

}


/* =========================================================
   CARD ICON
========================================================= */

.sgthbf_booking_policy_icon {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 22px;

}


/* =========================================================
   CARD HEADING
========================================================= */

.sgthbf_booking_policy_card_heading {

    min-width: 0;

}


.sgthbf_booking_policy_card_heading span {

    display: block;

    margin-bottom: 3px;

    color: #f3525a;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

}


.sgthbf_booking_policy_card_heading h3 {

    margin: 0;

    color: #172033;

    font-size: 21px;
    line-height: 1.3;

    font-weight: 750;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.sgthbf_booking_policy_card_content {

    padding-top: 21px;

    border-top: 1px solid #f9b0b3;

}


.sgthbf_booking_policy_card_content p {

    margin: 0;

    color: #626b7b;

    font-size: 14px;
    line-height: 1.85;
    text-align: justify;

}


/* =========================================================
   AIRLINE POLICY
========================================================= */

.sgthbf_booking_airline_policy {

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-top: 28px;

    padding: 25px 28px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-left: 5px solid #f3525a;

    border-radius: 16px;

}


/* =========================================================
   AIRLINE ICON
========================================================= */

.sgthbf_booking_airline_icon {

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f3525a;

    border-radius: 12px;

    color: #ffffff;

    font-size: 18px;

}


/* =========================================================
   AIRLINE CONTENT
========================================================= */

.sgthbf_booking_airline_content {

    flex: 1;

}


.sgthbf_booking_airline_content h3 {

    display: inline;

    margin: 0 7px 0 0;

    color: #172033;

    font-size: 15px;

    font-weight: 750;

}


.sgthbf_booking_airline_content p {

    display: inline;

    margin: 0;

    color: #626b7b;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;

}
/* =========================================================
   SHIRDI FAMILY TRAVEL & DARSHAN INFORMATION
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgthbf_family_travel_info_section {

        padding: 55px 20px;

    }


    /* -----------------------------------------
       SECTION HEADER
    ----------------------------------------- */

    .sgthbf_family_travel_info_header {

        max-width: 760px;

        margin-bottom: 28px;

    }


    .sgthbf_family_travel_info_badge {

        padding: 8px 16px;

        margin-bottom: 15px;

        font-size: 12px;

    }


    .sgthbf_family_travel_info_badge i {

        font-size: 16px;

    }


    .sgthbf_family_travel_info_title {

        font-size: 31px;

        line-height: 1.3;

    }


    .sgthbf_family_travel_info_title::after {

        width: 52px;

        height: 3px;

        margin-top: 15px;

    }


    .sgthbf_family_travel_info_intro {

        max-width: 650px;

        margin-top: 17px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       BOOTSTRAP ROW
    ----------------------------------------- */

    .sgthbf_family_travel_info_row {

        align-items: stretch;

        margin-left: -10px;
        margin-right: -10px;

    }


    .sgthbf_family_travel_info_row > [class*="col-"] {

        padding-left: 10px;
        padding-right: 10px;

    }


    /* -----------------------------------------
       INFORMATION CARD
    ----------------------------------------- */

    .sgthbf_family_travel_info_card {

        height: 100%;

        padding: 28px 25px;

        border-radius: 16px;

    }


    .sgthbf_family_travel_info_card:hover {

        transform: translateY(-5px);

    }


    .sgthbf_family_travel_info_icon {

        width: 54px;
        height: 54px;

        margin-bottom: 20px;

        border-radius: 14px;

        font-size: 21px;

    }


    .sgthbf_family_travel_info_card_content h3 {

        margin-bottom: 12px;

        font-size: 19px;

        line-height: 1.4;

    }


    .sgthbf_family_travel_info_card_content p {

        font-size: 13.5px;

        line-height: 1.8;

    }


    /* -----------------------------------------
       TEMPLE REQUIREMENTS
    ----------------------------------------- */

    .sgthbf_family_travel_requirements {

        gap: 14px;

        margin-top: 4px;

        padding: 18px 21px;

    }


    .sgthbf_family_travel_requirements_icon {

        width: 40px;
        height: 40px;

        font-size: 16px;

    }


    .sgthbf_family_travel_requirements_content {

        gap: 4px;

    }


    .sgthbf_family_travel_requirements_content strong {

        font-size: 14px;

    }


    .sgthbf_family_travel_requirements_content span {

        font-size: 13.5px;

        line-height: 1.75;

    }

}


/* =========================================================
   BOOKING INFORMATION
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgthbf_booking_policy_section {

        padding: 55px 20px;

    }


    /* -----------------------------------------
       MAIN CONTAINER
    ----------------------------------------- */

    .sgthbf_booking_policy_container {

        max-width: 760px;

    }


    /* -----------------------------------------
       SECTION HEADER
    ----------------------------------------- */

    .sgthbf_booking_policy_header {

        max-width: 760px;

        margin-bottom: 32px;

    }


    .sgthbf_booking_policy_badge {

        padding: 8px 16px;

        margin-bottom: 15px;

        font-size: 12px;

    }


    .sgthbf_booking_policy_badge i {

        font-size: 16px;

    }


    .sgthbf_booking_policy_header h2 {

        font-size: 31px;

        line-height: 1.3;

    }


    .sgthbf_booking_policy_header_line {

        width: 55px;

        height: 3px;

        margin: 16px auto 18px;

    }


    .sgthbf_booking_policy_header p {

        max-width: 650px;

        font-size: 14px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       BOOTSTRAP ROW
    ----------------------------------------- */

    .sgthbf_booking_policy_row {

        margin-left: -10px;
        margin-right: -10px;

    }


    .sgthbf_booking_policy_row > [class*="col-"] {

        padding-left: 10px;
        padding-right: 10px;

    }


    /* -----------------------------------------
       POLICY CARD
    ----------------------------------------- */

    .sgthbf_booking_policy_card {

        height: 100%;

        padding: 27px 24px;

        border-radius: 16px;

    }


    .sgthbf_booking_policy_card:hover {

        transform: translateY(-5px);

    }


    /* -----------------------------------------
       CARD TOP
    ----------------------------------------- */

    .sgthbf_booking_policy_card_top {

        gap: 14px;

        margin-bottom: 19px;

    }


    /* -----------------------------------------
       CARD ICON
    ----------------------------------------- */

    .sgthbf_booking_policy_icon {

        flex: 0 0 54px;

        width: 54px;
        height: 54px;

        border-radius: 14px;

        font-size: 20px;

    }


    /* -----------------------------------------
       CARD HEADING
    ----------------------------------------- */

    .sgthbf_booking_policy_card_heading span {

        font-size: 10px;

    }


    .sgthbf_booking_policy_card_heading h3 {

        font-size: 19px;

        line-height: 1.35;

    }


    /* -----------------------------------------
       CARD CONTENT
    ----------------------------------------- */

    .sgthbf_booking_policy_card_content {

        padding-top: 18px;

    }


    .sgthbf_booking_policy_card_content p {

        font-size: 13.5px;

        line-height: 1.8;

        text-align: justify;

    }


    /* -----------------------------------------
       AIRLINE POLICY
    ----------------------------------------- */

    .sgthbf_booking_airline_policy {

        gap: 15px;

        margin-top: 22px;

        padding: 20px 22px;

        border-left-width: 4px;

        border-radius: 14px;

    }


    .sgthbf_booking_airline_icon {

        flex: 0 0 44px;

        width: 44px;
        height: 44px;

        border-radius: 11px;

        font-size: 17px;

    }


    .sgthbf_booking_airline_content h3 {

        font-size: 14px;

    }


    .sgthbf_booking_airline_content p {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;

    }

}


/* =========================================================
   SHIRDI FAMILY TRAVEL & DARSHAN INFORMATION
   MOBILE RESPONSIVE
   767.98px AND BELOW
========================================================= */

@media (max-width: 767.98px) {

    .sgthbf_family_travel_info_section {

        padding: 48px 16px;

    }


    /* -----------------------------------------
       SECTION HEADER
    ----------------------------------------- */

    .sgthbf_family_travel_info_header {

        max-width: 100%;

        margin-bottom: 22px;

    }


    .sgthbf_family_travel_info_badge {

        gap: 7px;

        padding: 8px 14px;

        margin-bottom: 14px;

        font-size: 11px;

        letter-spacing: 0.5px;

    }


    .sgthbf_family_travel_info_badge i {

        font-size: 15px;

    }


    .sgthbf_family_travel_info_title {

        font-size: 27px;

        line-height: 1.3;

        letter-spacing: -0.3px;

    }


    .sgthbf_family_travel_info_title::after {

        width: 48px;

        height: 3px;

        margin-top: 13px;

    }


    .sgthbf_family_travel_info_intro {

        max-width: 100%;

        margin-top: 15px;

        font-size: 13.5px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       BOOTSTRAP ROW
    ----------------------------------------- */

    .sgthbf_family_travel_info_row {

        margin-left: -8px;
        margin-right: -8px;

    }


    .sgthbf_family_travel_info_row > [class*="col-"] {

        padding-left: 8px;
        padding-right: 8px;

    }


    /* -----------------------------------------
       INFORMATION CARD
    ----------------------------------------- */

    .sgthbf_family_travel_info_card {

        height: auto;

        padding: 24px 20px;

        border-radius: 15px;

    }


    .sgthbf_family_travel_info_card:hover {

        transform: translateY(-4px);

    }


    .sgthbf_family_travel_info_card::before {

        height: 3px;

    }


    .sgthbf_family_travel_info_card::after {

        top: -55px;
        right: -55px;

        width: 120px;
        height: 120px;

    }


    /* -----------------------------------------
       CARD ICON
    ----------------------------------------- */

    .sgthbf_family_travel_info_icon {

        width: 51px;
        height: 51px;

        margin-bottom: 18px;

        border-radius: 13px;

        font-size: 20px;

    }


    /* -----------------------------------------
       CARD CONTENT
    ----------------------------------------- */

    .sgthbf_family_travel_info_card_content h3 {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.4;

    }


    .sgthbf_family_travel_info_card_content p {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;

    }


    /* -----------------------------------------
       TEMPLE REQUIREMENTS
    ----------------------------------------- */

    .sgthbf_family_travel_requirements {

        gap: 12px;

        margin-top: 4px;

        padding: 17px 18px;

        border-left-width: 3px;

        border-radius: 11px;

    }


    .sgthbf_family_travel_requirements_icon {

        flex: 0 0 36px;

        width: 36px;
        height: 36px;

        font-size: 15px;

    }


    .sgthbf_family_travel_requirements_content {

        min-width: 0;

        gap: 4px;

        padding-top: 0;

    }


    .sgthbf_family_travel_requirements_content strong {

        font-size: 13px;

        line-height: 1.5;

    }


    .sgthbf_family_travel_requirements_content span {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;

    }

}


/* =========================================================
   BOOKING INFORMATION
   MOBILE RESPONSIVE
   767.98px AND BELOW
========================================================= */

@media (max-width: 767.98px) {

    .sgthbf_booking_policy_section {

        padding: 48px 16px;

    }


    /* -----------------------------------------
       MAIN CONTAINER
    ----------------------------------------- */

    .sgthbf_booking_policy_container {

        max-width: 100%;

    }


    /* -----------------------------------------
       SECTION HEADER
    ----------------------------------------- */

    .sgthbf_booking_policy_header {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .sgthbf_booking_policy_badge {

        gap: 7px;

        padding: 8px 14px;

        margin-bottom: 14px;

        font-size: 11px;

        letter-spacing: 0.5px;

    }


    .sgthbf_booking_policy_badge i {

        font-size: 15px;

    }


    .sgthbf_booking_policy_header h2 {

        font-size: 27px;

        line-height: 1.3;

        letter-spacing: -0.3px;

    }


    .sgthbf_booking_policy_header_line {

        width: 48px;

        height: 3px;

        margin: 14px auto 16px;

    }


    .sgthbf_booking_policy_header p {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;

        text-align: center;

    }


    /* -----------------------------------------
       BOOTSTRAP ROW
    ----------------------------------------- */

    .sgthbf_booking_policy_row {

        margin-left: -8px;
        margin-right: -8px;

    }


    .sgthbf_booking_policy_row > [class*="col-"] {

        padding-left: 8px;
        padding-right: 8px;

    }


    /* -----------------------------------------
       POLICY CARD
    ----------------------------------------- */

    .sgthbf_booking_policy_card {

        height: auto;

        padding: 23px 20px;

        border-radius: 15px;

    }


    .sgthbf_booking_policy_card:hover {

        transform: translateY(-4px);

    }


    .sgthbf_booking_policy_card::before {

        height: 3px;

    }


    /* -----------------------------------------
       CARD TOP
    ----------------------------------------- */

    .sgthbf_booking_policy_card_top {

        gap: 13px;

        margin-bottom: 18px;

    }


    /* -----------------------------------------
       CARD ICON
    ----------------------------------------- */

    .sgthbf_booking_policy_icon {

        flex: 0 0 50px;

        width: 50px;
        height: 50px;

        border-radius: 13px;

        font-size: 19px;

    }


    /* -----------------------------------------
       CARD HEADING
    ----------------------------------------- */

    .sgthbf_booking_policy_card_heading span {

        margin-bottom: 2px;

        font-size: 10px;

        letter-spacing: 0.8px;

    }


    .sgthbf_booking_policy_card_heading h3 {

        font-size: 18px;

        line-height: 1.35;

    }


    /* -----------------------------------------
       CARD CONTENT
    ----------------------------------------- */

    .sgthbf_booking_policy_card_content {

        padding-top: 17px;

    }


    .sgthbf_booking_policy_card_content p {

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;

    }


    /* -----------------------------------------
       AIRLINE POLICY
    ----------------------------------------- */

    .sgthbf_booking_airline_policy {

        gap: 13px;

        margin-top: 20px;

        padding: 18px;

        border-left-width: 3px;

        border-radius: 12px;

    }


    /* -----------------------------------------
       AIRLINE ICON
    ----------------------------------------- */

    .sgthbf_booking_airline_icon {

        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 10px;

        font-size: 15px;

    }


    /* -----------------------------------------
       AIRLINE CONTENT
    ----------------------------------------- */

    .sgthbf_booking_airline_content {

        min-width: 0;

    }


    .sgthbf_booking_airline_content h3 {

        display: block;

        margin: 0 0 4px;

        font-size: 13px;

        line-height: 1.5;

    }


    .sgthbf_booking_airline_content p {

        display: block;

        margin: 0;

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;

    }

}













/* =========================================================
   SHIRDI QUICK PLANNING OVERVIEW SECTION
========================================================= */

.qzsp_shirdi_quick_plan_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzsp_shirdi_quick_plan_section *,
.qzsp_shirdi_quick_plan_section *::before,
.qzsp_shirdi_quick_plan_section *::after {
    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.qzsp_shirdi_quick_plan_header {
    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   HEADER BADGE
========================================================= */

.qzsp_shirdi_quick_plan_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 9px 18px;

    border-radius: 50px;

    background: #fff0f1;
    border: 1px solid #f9b0b3;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.7px;
    text-transform: uppercase;

    margin-bottom: 18px;
}


.qzsp_shirdi_quick_plan_badge i {
    color: #f3525a;
    font-size: 17px;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.qzsp_shirdi_quick_plan_title {

    margin: 0 0 17px;

    color: #172033;

    font-size: 38px;
    line-height: 1.2;

    font-weight: 700;

    letter-spacing: -0.5px;
}


.qzsp_shirdi_quick_plan_title::after {

    content: "";

    display: block;

    width: 58px;
    height: 4px;

    margin: 17px auto 0;

    border-radius: 20px;

    background: #f3525a;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.qzsp_shirdi_quick_plan_intro {

    max-width: 790px;

    margin: 0 auto;

    color: #657083;

    font-size: 16px;

    line-height: 1.9;

    font-weight: 400;
}


/* =========================================================
   STEP WRAPPER
========================================================= */

.qzsp_shirdi_quick_plan_steps {

    row-gap: 28px;
}


/* =========================================================
   STEP CARD
========================================================= */

.qzsp_shirdi_quick_plan_card {

    position: relative;

    height: 100%;
    min-height: 270px;

    padding: 32px 28px 30px;

    background: #ffffff;

    border: 1px solid #edf0f4;

    border-radius: 18px;

    box-shadow: 0 10px 35px rgba(30, 39, 57, 0.07);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.qzsp_shirdi_quick_plan_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 100%
    );
}


/* =========================================================
   CARD HOVER
========================================================= */

.qzsp_shirdi_quick_plan_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 45px rgba(243, 82, 90, 0.13);
}


/* =========================================================
   STEP NUMBER
========================================================= */

.qzsp_shirdi_quick_plan_number {

    position: absolute;

    top: 19px;
    right: 23px;

    color: #f9b0b3;

    font-size: 28px;
    line-height: 1;

    font-weight: 800;

    opacity: 0.55;
}


/* =========================================================
   STEP ICON
========================================================= */

.qzsp_shirdi_quick_plan_icon {

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 24px;

    border-radius: 15px;

    background: #fff0f1;

    border: 1px solid #f9b0b3;

    color: #f3525a;

    font-size: 22px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.qzsp_shirdi_quick_plan_card:hover
.qzsp_shirdi_quick_plan_icon {

    background: #f3525a;

    color: #ffffff;

    transform: scale(1.05);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.qzsp_shirdi_quick_plan_content {
    position: relative;
    z-index: 2;
}


.qzsp_shirdi_quick_plan_content h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 20px;
    line-height: 1.4;

    font-weight: 700;
}


.qzsp_shirdi_quick_plan_content p {

    margin: 0;

    color: #687386;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;

    text-align: justify;
}


.qzsp_shirdi_quick_plan_content strong {

    color: #f3525a;

    font-weight: 700;
}


/* =========================================================
   INFORMATION NOTE
========================================================= */

.qzsp_shirdi_quick_plan_note {

    display: flex;
    align-items: flex-start;

    max-width: 1100px;

    margin: 45px auto 0;

    padding: 20px 24px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-left: 4px solid #f3525a;

    border-radius: 12px;
}


.qzsp_shirdi_quick_plan_note_icon {

    flex: 0 0 auto;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 15px;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 16px;
}


.qzsp_shirdi_quick_plan_note p {

    margin: 0;

    color: #5f6979;

    font-size: 15px;

    line-height: 1.8;

    padding-top: 2px;

    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    /* SECTION */
    .qzsp_shirdi_quick_plan_section {
        padding: 55px 20px;
    }


    /* HEADER */
    .qzsp_shirdi_quick_plan_header {
        max-width: 720px;
        margin: 0 auto 25px;
    }


    /* BADGE */
    .qzsp_shirdi_quick_plan_badge {
        font-size: 12px;
        padding: 8px 17px;
        margin-bottom: 16px;
    }


    .qzsp_shirdi_quick_plan_badge i {
        font-size: 16px;
    }


    /* TITLE */
    .qzsp_shirdi_quick_plan_title {
        font-size: 34px;
        line-height: 1.25;
    }


    .qzsp_shirdi_quick_plan_title::after {
        width: 55px;
        height: 4px;
        margin-top: 15px;
    }


    /* INTRO */
    .qzsp_shirdi_quick_plan_intro {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.8;
    }


    /* BOOTSTRAP ROW GAP */
    .qzsp_shirdi_quick_plan_steps {
        row-gap: 24px;
    }


    /* CARD */
    .qzsp_shirdi_quick_plan_card {
        min-height: 255px;
        padding: 29px 25px 27px;
        border-radius: 16px;
    }


    /* NUMBER */
    .qzsp_shirdi_quick_plan_number {
        top: 18px;
        right: 20px;
        font-size: 26px;
    }


    /* ICON */
    .qzsp_shirdi_quick_plan_icon {
        width: 55px;
        height: 55px;
        margin-bottom: 20px;
        border-radius: 14px;
        font-size: 21px;
    }


    /* CARD TITLE */
    .qzsp_shirdi_quick_plan_content h3 {
        font-size: 19px;
        line-height: 1.4;
        margin-bottom: 10px;
    }


    /* CARD TEXT */
    .qzsp_shirdi_quick_plan_content p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* NOTE */
    .qzsp_shirdi_quick_plan_note {
        max-width: 720px;
        margin-top: 38px;
        padding: 18px 21px;
    }


    .qzsp_shirdi_quick_plan_note_icon {
        width: 36px;
        height: 36px;
        margin-right: 13px;
        font-size: 15px;
    }


    .qzsp_shirdi_quick_plan_note p {
        font-size: 14px;
        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    /* SECTION */
    .qzsp_shirdi_quick_plan_section {
        padding: 48px 15px;
    }


    /* HEADER */
    .qzsp_shirdi_quick_plan_header {
        max-width: 100%;
        margin: 0 auto 20px;
    }


    /* BADGE */
    .qzsp_shirdi_quick_plan_badge {
        font-size: 10.5px;
        padding: 8px 14px;
        gap: 7px;
        margin-bottom: 15px;
        letter-spacing: 0.5px;
    }


    .qzsp_shirdi_quick_plan_badge i {
        font-size: 15px;
    }


    /* TITLE */
    .qzsp_shirdi_quick_plan_title {
        font-size: 27px;
        line-height: 1.3;
        letter-spacing: -0.3px;
        margin-bottom: 15px;
    }


    .qzsp_shirdi_quick_plan_title::after {
        width: 50px;
        height: 3px;
        margin-top: 14px;
    }


    /* INTRO */
    .qzsp_shirdi_quick_plan_intro {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.8;
        text-align: center;
    }


    /* MOBILE = SINGLE COLUMN */
    .qzsp_shirdi_quick_plan_steps {
        row-gap: 18px;
    }


    /*
       Bootstrap col-md-6 / col-lg-4
       automatically becomes 100% width below 768px
    */


    /* CARD */
    .qzsp_shirdi_quick_plan_card {
        min-height: auto;
        padding: 27px 21px 25px;
        border-radius: 15px;
    }


    /* NUMBER */
    .qzsp_shirdi_quick_plan_number {
        top: 17px;
        right: 18px;
        font-size: 24px;
    }


    /* ICON */
    .qzsp_shirdi_quick_plan_icon {
        width: 52px;
        height: 52px;
        margin-bottom: 18px;
        border-radius: 13px;
        font-size: 20px;
    }


    /* CARD TITLE */
    .qzsp_shirdi_quick_plan_content h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 9px;
        padding-right: 25px;
    }


    /* CARD TEXT */
    .qzsp_shirdi_quick_plan_content p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }


    /* INFORMATION NOTE */
    .qzsp_shirdi_quick_plan_note {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
        padding: 16px 16px;
        border-radius: 11px;
    }


    .qzsp_shirdi_quick_plan_note_icon {
        width: 34px;
        height: 34px;
        margin-right: 11px;
        font-size: 14px;
    }


    .qzsp_shirdi_quick_plan_note p {
        font-size: 12.5px;
        line-height: 1.7;
        padding-top: 1px;
    }

}













/* =========================================================
   PLANNING THE JOURNEY FROM SINGAPORE
========================================================= */

.qzsp_singapore_shirdi_planning_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;

}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzsp_singapore_shirdi_planning_section *,
.qzsp_singapore_shirdi_planning_section *::before,
.qzsp_singapore_shirdi_planning_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.qzsp_singapore_shirdi_planning_header {

    max-width: 950px;
    margin: 0 auto 30px;

}


.qzsp_singapore_shirdi_planning_badge {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.22);

    border-radius: 50px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;

    box-shadow: 0 5px 18px rgba(23, 32, 51, 0.06);

}


.qzsp_singapore_shirdi_planning_badge i {

    color: #f3525a;

}


.qzsp_singapore_shirdi_planning_header h2 {

    margin: 0 0 18px;

    color: #172033;

    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;

}


.qzsp_singapore_shirdi_planning_header p {

    max-width: 900px;
    margin: 0 auto;

    color: #536071;

    font-size: 15.5px;
    line-height: 1.9;
    font-weight: 400;

}


.qzsp_singapore_shirdi_planning_header p strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   TRAVEL ARRANGEMENT
========================================================= */

.qzsp_singapore_shirdi_arrangement {

    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 22px;

    max-width: 1050px;
    margin: 0 auto 50px;

    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 18px;

    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.08);

}


.qzsp_singapore_shirdi_arrangement::before {

    content: "";

    position: absolute;

    left: 0;
    top: 22px;
    bottom: 22px;

    width: 4px;

    background: #f3525a;

    border-radius: 0 5px 5px 0;

}


.qzsp_singapore_shirdi_arrangement_icon {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 24px;

}


.qzsp_singapore_shirdi_arrangement_content {

    flex: 1;

}


.qzsp_singapore_shirdi_arrangement_content h3 {

    margin: 2px 0 9px;

    color: #172033;

    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;

}


.qzsp_singapore_shirdi_arrangement_content p {

    margin: 0;

    color: #5a6575;

    font-size: 15px;
    line-height: 1.8;
    text-align: justify;

}


/* =========================================================
   JOURNEY FLOW
========================================================= */

.qzsp_singapore_shirdi_journey {

    max-width: 1150px;
    margin: 0 auto;

}


.qzsp_singapore_shirdi_journey_item {

    position: relative;

    height: 100%;

    min-height: 220px;

    padding: 28px 22px 25px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 18px;

    text-align: center;

    box-shadow: 0 10px 26px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.qzsp_singapore_shirdi_journey_item:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.25);

    box-shadow: 0 17px 35px rgba(23, 32, 51, 0.12);

}


/* =========================================================
   JOURNEY ICON
========================================================= */

.qzsp_singapore_shirdi_journey_icon {

    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 8px auto 20px;

    background: rgba(249, 176, 179, 0.28);

    border: 1px solid rgba(243, 82, 90, 0.16);

    border-radius: 50%;

    color: #f3525a;

    font-size: 23px;

}


.qzsp_singapore_shirdi_journey_item h4 {

    margin: 0 0 10px;

    color: #172033;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

}


.qzsp_singapore_shirdi_journey_item p {

    margin: 0;

    color: #687383;

    font-size: 14px;
    line-height: 1.7;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .qzsp_singapore_shirdi_planning_section {

        padding: 55px 20px;

    }


    /* SECTION HEADER */

    .qzsp_singapore_shirdi_planning_header {

        max-width: 850px;

        margin-bottom: 35px;

    }


    .qzsp_singapore_shirdi_planning_header h2 {

        font-size: 34px;

        line-height: 1.3;

    }


    .qzsp_singapore_shirdi_planning_header p {

        font-size: 15px;

        line-height: 1.85;

    }


    .qzsp_singapore_shirdi_planning_badge {

        padding: 8px 17px;

        font-size: 13.5px;

    }


    /* TRAVEL ARRANGEMENT */

    .qzsp_singapore_shirdi_arrangement {

        max-width: 900px;

        gap: 20px;

        margin-bottom: 40px;

        padding: 25px 27px;

    }


    .qzsp_singapore_shirdi_arrangement_icon {

        flex: 0 0 55px;

        width: 55px;
        height: 55px;

        font-size: 22px;

    }


    .qzsp_singapore_shirdi_arrangement_content h3 {

        font-size: 20px;

    }


    .qzsp_singapore_shirdi_arrangement_content p {

        font-size: 14.5px;

        line-height: 1.8;

    }


    /* JOURNEY CARDS */

    .qzsp_singapore_shirdi_journey {

        max-width: 900px;

    }


    .qzsp_singapore_shirdi_journey_item {

        min-height: 215px;

        padding: 25px 20px 23px;

    }


    .qzsp_singapore_shirdi_journey_icon {

        width: 60px;
        height: 60px;

        margin: 6px auto 18px;

        font-size: 22px;

    }


    .qzsp_singapore_shirdi_journey_item h4 {

        font-size: 17px;

    }


    .qzsp_singapore_shirdi_journey_item p {

        font-size: 13.5px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    .qzsp_singapore_shirdi_planning_section {

        padding: 45px 15px;

    }


    /* SECTION HEADER */

    .qzsp_singapore_shirdi_planning_header {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .qzsp_singapore_shirdi_planning_badge {

        gap: 7px;

        padding: 8px 15px;

        margin-bottom: 15px;

        font-size: 13px;

    }


    .qzsp_singapore_shirdi_planning_header h2 {

        margin-bottom: 15px;

        font-size: 28px;

        line-height: 1.3;

    }


    .qzsp_singapore_shirdi_planning_header p {

        font-size: 14px;

        line-height: 1.8;

        text-align: center;

    }


    /* TRAVEL ARRANGEMENT */

    .qzsp_singapore_shirdi_arrangement {

        gap: 16px;

        max-width: 100%;

        margin-bottom: 35px;

        padding: 22px 20px;

        border-radius: 16px;

    }


    .qzsp_singapore_shirdi_arrangement::before {

        top: 18px;

        bottom: 18px;

        width: 3px;

    }


    .qzsp_singapore_shirdi_arrangement_icon {

        flex: 0 0 50px;

        width: 50px;
        height: 50px;

        border-radius: 13px;

        font-size: 20px;

    }


    .qzsp_singapore_shirdi_arrangement_content h3 {

        margin: 1px 0 8px;

        font-size: 18px;

        line-height: 1.4;

    }


    .qzsp_singapore_shirdi_arrangement_content p {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;

    }


    /* JOURNEY */

    .qzsp_singapore_shirdi_journey {

        max-width: 100%;

    }


    .qzsp_singapore_shirdi_journey_item {

        min-height: 0;

        padding: 24px 20px 23px;

        border-radius: 16px;

    }


    .qzsp_singapore_shirdi_journey_icon {

        width: 58px;
        height: 58px;

        margin: 5px auto 17px;

        font-size: 21px;

    }


    .qzsp_singapore_shirdi_journey_item h4 {

        margin-bottom: 8px;

        font-size: 17px;

    }


    .qzsp_singapore_shirdi_journey_item p {

        font-size: 13.5px;

        line-height: 1.7;

    }

}













/* =========================================================
   SHIRDI TRIP DURATION SECTION
========================================================= */

.qzrtdx_shirdi_duration_section{
    width:100%;
    padding:60px 20px;
    background:#ffffff;
    font-family:"Poppins",sans-serif;
    box-sizing:border-box;
    overflow:hidden;
}


/* =========================================================
   HEADER
========================================================= */

.qzrtdx_shirdi_duration_header{
    margin-bottom:30px;
}

.qzrtdx_shirdi_duration_badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 18px;
    border-radius:50px;
    background:#f9b0b3;
    color:#f3525a;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.qzrtdx_shirdi_duration_badge i{
    font-size:18px;
}

.qzrtdx_shirdi_duration_header h2{
    font-size:38px;
    line-height:1.3;
    font-weight:700;
    color:#172033;
    margin-bottom:16px;
}

.qzrtdx_shirdi_duration_header p{
    max-width:850px;
    margin:0 auto;
    font-size:17px;
    line-height:1.8;
    color:#667085;
}


/* =========================================================
   CARD
========================================================= */

.qzrtdx_shirdi_duration_card{
    height:100%;
    background:#ffffff;
    border:1px solid #f9b0b3;
    border-radius:20px;
    padding:32px 26px;
    position:relative;
    transition:all .35s ease;
    overflow:hidden;
}

.qzrtdx_shirdi_duration_card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#f3525a;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}

.qzrtdx_shirdi_duration_card:hover::before{
    transform:scaleX(1);
}

.qzrtdx_shirdi_duration_card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(243,82,90,.12);
    border-color:#f3525a;
}

.qzrtdx_shirdi_duration_icon{
    width:64px;
    height:64px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f9b0b3;
    color:#f3525a;
    font-size:28px;
    margin-bottom:22px;
}

.qzrtdx_shirdi_duration_card h3{
    font-size:23px;
    font-weight:700;
    color:#172033;
    margin-bottom:14px;
}

.qzrtdx_shirdi_duration_card p{
    margin:0;
    font-size:15px;
    line-height:1.8;
    color:#667085;
    text-align: justify;
}


/* =========================================================
   BOTTOM CONTENT
========================================================= */

.qzrtdx_shirdi_duration_bottom{
    margin-top:45px;
    text-align:center;
    background:linear-gradient(135deg,#fff8f8,#ffffff);
    border:1px solid #f9b0b3;
    border-radius:22px;
    padding:30px 20px;
}

.qzrtdx_shirdi_duration_bottom p{
    max-width:850px;
    margin:0 auto 22px;
    font-size:16px;
    line-height:1.8;
    color:#667085;
}

.qzrtdx_shirdi_duration_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none;
    background:#f3525a;
    color:#ffffff;
    padding:14px 24px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    transition:all .3s ease;
}

.qzrtdx_shirdi_duration_btn:hover{
    background:#d94149;
    color:#ffffff;
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(243,82,90,.22);
}

.qzrtdx_shirdi_duration_btn i{
    transition:transform .3s ease;
}

.qzrtdx_shirdi_duration_btn:hover i{
    transform:translateX(5px);
}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .qzrtdx_shirdi_duration_section {
        padding: 50px 20px;
    }

    /* Header */

    .qzrtdx_shirdi_duration_header {
        margin-bottom: 30px;
    }

    .qzrtdx_shirdi_duration_badge {
        font-size: 13px;
        padding: 8px 16px;
    }

    .qzrtdx_shirdi_duration_badge i {
        font-size: 17px;
    }

    .qzrtdx_shirdi_duration_header h2 {
        font-size: 32px;
        line-height: 1.35;
        margin-bottom: 14px;
    }

    .qzrtdx_shirdi_duration_header p {
        max-width: 750px;
        font-size: 16px;
        line-height: 1.75;
    }

    /* Cards */

    .qzrtdx_shirdi_duration_card {
        padding: 28px 24px;
        border-radius: 18px;
    }

    .qzrtdx_shirdi_duration_icon {
        width: 58px;
        height: 58px;
        border-radius: 16px;
        font-size: 25px;
        margin-bottom: 18px;
    }

    .qzrtdx_shirdi_duration_card h3 {
        font-size: 21px;
        margin-bottom: 12px;
    }

    .qzrtdx_shirdi_duration_card p {
        font-size: 15px;
        line-height: 1.75;
    }

    /* Bottom Content */

    .qzrtdx_shirdi_duration_bottom {
        margin-top: 35px;
        padding: 28px 20px;
        border-radius: 20px;
    }

    .qzrtdx_shirdi_duration_bottom p {
        max-width: 720px;
        font-size: 15px;
        line-height: 1.75;
        margin-bottom: 20px;
    }

    .qzrtdx_shirdi_duration_btn {
        padding: 13px 22px;
        font-size: 14px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .qzrtdx_shirdi_duration_section {
        padding: 45px 15px;
    }

    /* Header */

    .qzrtdx_shirdi_duration_header {
        margin-bottom: 20px;
    }

    .qzrtdx_shirdi_duration_badge {
        gap: 8px;
        padding: 8px 14px;
        font-size: 12px;
    }

    .qzrtdx_shirdi_duration_badge i {
        font-size: 15px;
    }

    .qzrtdx_shirdi_duration_header h2 {
        font-size: 27px;
        line-height: 1.35;
        margin-bottom: 12px;
    }

    .qzrtdx_shirdi_duration_header p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }

    /* Cards */

    .qzrtdx_shirdi_duration_card {
        padding: 24px 20px;
        border-radius: 16px;
    }

    .qzrtdx_shirdi_duration_icon {
        width: 54px;
        height: 54px;
        border-radius: 14px;
        font-size: 23px;
        margin-bottom: 17px;
    }

    .qzrtdx_shirdi_duration_card h3 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .qzrtdx_shirdi_duration_card p {
        font-size: 14px;
        line-height: 1.75;
        text-align: justify;
    }

    /* Bottom Content */

    .qzrtdx_shirdi_duration_bottom {
        margin-top: 28px;
        padding: 24px 16px;
        border-radius: 17px;
    }

    .qzrtdx_shirdi_duration_bottom p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 18px;
        text-align: justify;
    }

    .qzrtdx_shirdi_duration_btn {
        width: 100%;
        padding: 13px 16px;
        font-size: 13px;
        line-height: 1.5;
        border-radius: 40px;
    }

    .qzrtdx_shirdi_duration_btn i {
        font-size: 13px;
        flex-shrink: 0;
    }

}











/* =========================================================
   PLAN YOUR SHIRDI ITINERARY SECTION
========================================================= */

.qzpln_shirdi_itinerary_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzpln_shirdi_itinerary_section *,
.qzpln_shirdi_itinerary_section *::before,
.qzpln_shirdi_itinerary_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.qzpln_shirdi_itinerary_header {

    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   BADGE
========================================================= */

.qzpln_shirdi_itinerary_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 8px 17px;

    margin-bottom: 18px;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;

    box-shadow: 0 6px 18px rgba(23, 32, 51, 0.06);
}


.qzpln_shirdi_itinerary_badge i {

    color: #f3525a;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.qzpln_shirdi_itinerary_title {

    margin: 0;

    color: #172033;

    font-size: 38px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.7px;
}


/* =========================================================
   INTRO
========================================================= */

.qzpln_shirdi_itinerary_intro {

    max-width: 760px;

    margin: 16px auto 0;

    color: #596579;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}


/* =========================================================
   ITINERARY ROW
========================================================= */

.qzpln_shirdi_itinerary_row {

    position: relative;
}


/* =========================================================
   ITINERARY CARD
========================================================= */

.qzpln_shirdi_itinerary_card {

    position: relative;

    display: flex;
    align-items: flex-start;

    width: 100%;
    min-height: 100%;

    padding: 28px 27px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 18px;

    box-shadow: 0 12px 32px rgba(23, 32, 51, 0.08);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.qzpln_shirdi_itinerary_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;
}


/* =========================================================
   CARD HOVER
========================================================= */

.qzpln_shirdi_itinerary_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.12);
}


/* =========================================================
   CARD ICON
========================================================= */

.qzpln_shirdi_itinerary_icon {

    flex: 0 0 54px;

    width: 54px;
    height: 54px;

    margin-right: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 21px;

    box-shadow:
        inset 0 0 0 1px rgba(243, 82, 90, 0.10);
}


.qzpln_shirdi_itinerary_icon i {

    line-height: 1;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.qzpln_shirdi_itinerary_content {

    flex: 1;
    min-width: 0;
}


.qzpln_shirdi_itinerary_content h3 {

    margin: 1px 0 13px;

    color: #172033;

    font-size: 22px;
    line-height: 1.35;
    font-weight: 750;
}


/* =========================================================
   CARD LIST
========================================================= */

.qzpln_shirdi_itinerary_content ul {

    margin: 0;
    padding: 0;

    list-style: none;
}


.qzpln_shirdi_itinerary_content li {

    position: relative;

    margin-bottom: 9px;
    padding-left: 21px;

    color: #596579;

    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;
}


.qzpln_shirdi_itinerary_content li:last-child {

    margin-bottom: 0;
}


.qzpln_shirdi_itinerary_content li::before {

    content: "";

    position: absolute;

    top: 9px;
    left: 0;

    width: 7px;
    height: 7px;

    background: #f3525a;

    border-radius: 50%;
}


/* =========================================================
   PLANNING NOTE
========================================================= */

.qzpln_shirdi_itinerary_note {

    display: flex;
    align-items: flex-start;

    margin-top: 30px;
    padding: 21px 24px;

    background: #ffffff;

    border-left: 5px solid #f3525a;
    border-radius: 14px;

    box-shadow: 0 9px 25px rgba(23, 32, 51, 0.07);
}


/* =========================================================
   NOTE ICON
========================================================= */

.qzpln_shirdi_itinerary_note_icon {

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    margin-right: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 50%;

    color: #f3525a;

    font-size: 17px;
}


/* =========================================================
   NOTE CONTENT
========================================================= */

.qzpln_shirdi_itinerary_note_content {

    color: #596579;

    font-size: 15px;

    line-height: 1.7;

    text-align: justify;
}


.qzpln_shirdi_itinerary_note_content strong {

    margin-right: 5px;

    color: #172033;

    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .qzpln_shirdi_itinerary_section {
        padding: 55px 20px;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_header {
        max-width: 720px;
        margin-bottom: 25px;
    }


    .qzpln_shirdi_itinerary_title {
        font-size: 30px;
        line-height: 1.3;
    }


    .qzpln_shirdi_itinerary_intro {
        max-width: 680px;
        margin-top: 14px;

        font-size: 15px;
        line-height: 1.75;
    }


    .qzpln_shirdi_itinerary_badge {
        padding: 7px 15px;
        margin-bottom: 16px;

        font-size: 12px;
    }


    /* -----------------------------------------------------
       CARDS
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_card {
        padding: 24px 21px;

        border-radius: 16px;
    }


    .qzpln_shirdi_itinerary_icon {

        flex: 0 0 50px;

        width: 50px;
        height: 50px;

        margin-right: 16px;

        border-radius: 13px;

        font-size: 20px;
    }


    .qzpln_shirdi_itinerary_content h3 {

        margin: 1px 0 11px;

        font-size: 20px;
        line-height: 1.4;
    }


    .qzpln_shirdi_itinerary_content li {

        margin-bottom: 8px;
        padding-left: 19px;

        font-size: 14px;
        line-height: 1.65;
    }


    .qzpln_shirdi_itinerary_content li::before {

        top: 8px;

        width: 6px;
        height: 6px;
    }


    /* -----------------------------------------------------
       PLANNING NOTE
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_note {

        margin-top: 25px;
        padding: 19px 21px;

        border-left-width: 4px;
    }


    .qzpln_shirdi_itinerary_note_icon {

        flex: 0 0 36px;

        width: 36px;
        height: 36px;

        margin-right: 13px;

        font-size: 16px;
    }


    .qzpln_shirdi_itinerary_note_content {

        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    .qzpln_shirdi_itinerary_section {

        padding: 45px 15px;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_header {

        max-width: 100%;
        margin-bottom: 20px;
    }


    .qzpln_shirdi_itinerary_badge {

        padding: 7px 14px;
        margin-bottom: 14px;

        font-size: 12px;
        letter-spacing: 0.25px;
    }


    .qzpln_shirdi_itinerary_badge i {

        font-size: 14px;
    }


    .qzpln_shirdi_itinerary_title {

        font-size: 26px;
        line-height: 1.3;
        letter-spacing: -0.4px;
    }


    .qzpln_shirdi_itinerary_intro {

        max-width: 100%;

        margin-top: 13px;

        font-size: 14px;
        line-height: 1.7;

        text-align: center;
    }


    /* -----------------------------------------------------
       BOOTSTRAP ROW SPACING
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_row {

        margin-left: -8px;
        margin-right: -8px;
    }


    .qzpln_shirdi_itinerary_row > [class*="col-"] {

        padding-left: 8px;
        padding-right: 8px;
    }


    /* -----------------------------------------------------
       CARDS
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_card {

        display: flex;

        width: 100%;

        padding: 22px 18px;

        border-radius: 15px;
    }


    .qzpln_shirdi_itinerary_card::before {

        height: 3px;
    }


    .qzpln_shirdi_itinerary_icon {

        flex: 0 0 46px;

        width: 46px;
        height: 46px;

        margin-right: 14px;

        border-radius: 12px;

        font-size: 18px;
    }


    .qzpln_shirdi_itinerary_content h3 {

        margin: 0 0 10px;

        font-size: 18px;
        line-height: 1.4;
    }


    .qzpln_shirdi_itinerary_content li {

        margin-bottom: 8px;
        padding-left: 18px;

        font-size: 13.5px;
        line-height: 1.65;
    }


    .qzpln_shirdi_itinerary_content li::before {

        top: 8px;

        width: 6px;
        height: 6px;
    }


    /* -----------------------------------------------------
       PLANNING NOTE
    ----------------------------------------------------- */

    .qzpln_shirdi_itinerary_note {

        margin-top: 23px;
        padding: 17px 16px;

        border-left-width: 4px;
        border-radius: 12px;
    }


    .qzpln_shirdi_itinerary_note_icon {

        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        margin-right: 11px;

        font-size: 15px;
    }


    .qzpln_shirdi_itinerary_note_content {

        font-size: 13px;
        line-height: 1.65;

        text-align: justify;
    }


    .qzpln_shirdi_itinerary_note_content strong {

        margin-right: 3px;
    }

}














/* =========================================================
   SHIRDI DARSHAN PLANNING SECTION
========================================================= */

.qzdpv_shirdi_darshan_planning_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzdpv_shirdi_darshan_planning_section *,
.qzdpv_shirdi_darshan_planning_section *::before,
.qzdpv_shirdi_darshan_planning_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.qzdpv_darshan_planning_header {

    max-width: 900px;
    margin: 0 auto 30px;

    text-align: center;
}


/* =========================================================
   BADGE
========================================================= */

.qzdpv_darshan_badge {

    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 8px 17px;

    margin-bottom: 18px;

    background: #fff1f2;
    border: 1px solid #f9b0b3;
    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 0.5px;
}


/* =========================================================
   BADGE ICON
========================================================= */

.qzdpv_darshan_badge_icon {

    width: 27px;
    height: 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;
    color: #ffffff;

    border-radius: 50%;

    font-size: 12px;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.qzdpv_darshan_planning_title {

    margin: 0 0 18px;

    color: #172033;

    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: -0.6px;
}


/* =========================================================
   INTRO
========================================================= */

.qzdpv_darshan_planning_intro {

    max-width: 820px;

    margin: 0 auto;

    color: #5f6878;

    font-size: 16px;
    line-height: 1.85;
    font-weight: 400;
}


/* =========================================================
   STEPS ROW
========================================================= */

.qzdpv_darshan_steps_row {

    position: relative;
}


/* =========================================================
   STEP CARD
========================================================= */

.qzdpv_darshan_step_card {

    position: relative;

    height: 100%;

    padding: 28px 28px 30px;

    background: #ffffff;

    border: 1px solid #f2d8da;
    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.06);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.qzdpv_darshan_step_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );
}


/* =========================================================
   CARD HOVER
========================================================= */

.qzdpv_darshan_step_card:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 35px rgba(243, 82, 90, 0.12);
}


/* =========================================================
   STEP TOP
========================================================= */

.qzdpv_darshan_step_top {

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 27px;
}


/* =========================================================
   STEP NUMBER
========================================================= */

.qzdpv_darshan_step_number {

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.5px;
}


/* =========================================================
   STEP ICON
========================================================= */

.qzdpv_darshan_step_icon {

    width: 48px;
    height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 14px;

    color: #f3525a;

    font-size: 18px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.qzdpv_darshan_step_card:hover .qzdpv_darshan_step_icon {

    background: #f3525a;
    color: #ffffff;

    transform: rotate(4deg);
}


/* =========================================================
   STEP CONTENT
========================================================= */

.qzdpv_darshan_step_content h3 {

    margin: 0 0 12px;

    color: #172033;

    font-size: 20px;
    line-height: 1.45;
    font-weight: 700;
}


.qzdpv_darshan_step_content p {

    margin: 0;

    color: #687181;

    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    text-align: justify;
}


/* =========================================================
   BOTTOM CONFIRMATION BOX
========================================================= */

.qzdpv_darshan_confirmation_box {

    display: flex;
    align-items: center;
    gap: 18px;

    max-width: 1100px;

    margin: 42px auto 0;

    padding: 20px 24px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;
    border-left: 4px solid #f3525a;

    border-radius: 14px;
}


/* =========================================================
   CONFIRMATION ICON
========================================================= */

.qzdpv_confirmation_icon {

    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;
    color: #ffffff;

    border-radius: 50%;

    font-size: 17px;
}


/* =========================================================
   CONFIRMATION TEXT
========================================================= */

.qzdpv_darshan_confirmation_box p {

    margin: 0;

    color: #5d6675;

    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .qzdpv_shirdi_darshan_planning_section {
        padding: 55px 20px;
    }


    /* HEADER */

    .qzdpv_darshan_planning_header {
        max-width: 760px;
        margin-bottom: 25px;
    }


    .qzdpv_darshan_planning_title {
        font-size: 32px;
        line-height: 1.3;
    }


    .qzdpv_darshan_planning_intro {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.8;
    }


    /* STEP CARDS */

    .qzdpv_darshan_step_card {
        padding: 25px 23px 27px;
        border-radius: 16px;
    }


    .qzdpv_darshan_step_top {
        margin-bottom: 23px;
    }


    .qzdpv_darshan_step_icon {
        width: 46px;
        height: 46px;

        border-radius: 13px;

        font-size: 17px;
    }


    .qzdpv_darshan_step_number {
        font-size: 13px;
    }


    .qzdpv_darshan_step_content h3 {
        font-size: 18px;
        line-height: 1.45;
    }


    .qzdpv_darshan_step_content p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* BOTTOM INFORMATION */

    .qzdpv_darshan_confirmation_box {
        max-width: 100%;
        margin-top: 35px;

        padding: 18px 21px;

        gap: 15px;
    }


    .qzdpv_confirmation_icon {
        width: 40px;
        height: 40px;

        font-size: 16px;
    }


    .qzdpv_darshan_confirmation_box p {
        font-size: 13.5px;
        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    .qzdpv_shirdi_darshan_planning_section {
        padding: 45px 16px;
    }


    /* HEADER */

    .qzdpv_darshan_planning_header {
        max-width: 100%;
        margin-bottom: 20px;
    }


    /* BADGE */

    .qzdpv_darshan_badge {
        gap: 8px;

        padding: 7px 14px;
        margin-bottom: 15px;

        font-size: 12px;
    }


    .qzdpv_darshan_badge_icon {
        width: 25px;
        height: 25px;

        font-size: 11px;
    }


    /* TITLE */

    .qzdpv_darshan_planning_title {
        margin-bottom: 14px;

        font-size: 27px;
        line-height: 1.3;

        letter-spacing: -0.3px;
    }


    /* INTRO */

    .qzdpv_darshan_planning_intro {
        max-width: 100%;

        font-size: 14px;
        line-height: 1.75;

        text-align: center;
    }


    /* STEP CARDS */

    .qzdpv_darshan_step_card {
        padding: 23px 20px 25px;

        border-radius: 15px;
    }


    .qzdpv_darshan_step_top {
        margin-bottom: 21px;
    }


    .qzdpv_darshan_step_number {
        font-size: 13px;
        letter-spacing: 1.2px;
    }


    .qzdpv_darshan_step_icon {
        width: 44px;
        height: 44px;

        border-radius: 12px;

        font-size: 16px;
    }


    /* STEP CONTENT */

    .qzdpv_darshan_step_content h3 {
        margin-bottom: 10px;

        font-size: 18px;
        line-height: 1.45;
    }


    .qzdpv_darshan_step_content p {
        font-size: 14px;
        line-height: 1.75;

        text-align: justify;
    }


    /* CONFIRMATION BOX */

    .qzdpv_darshan_confirmation_box {
        align-items: flex-start;

        max-width: 100%;

        margin-top: 30px;

        padding: 17px 17px;

        gap: 13px;

        border-radius: 13px;
    }


    /* CONFIRMATION ICON */

    .qzdpv_confirmation_icon {
        width: 38px;
        height: 38px;

        font-size: 15px;
    }


    /* CONFIRMATION TEXT */

    .qzdpv_darshan_confirmation_box p {
        font-size: 13px;
        line-height: 1.7;

        text-align: justify;
    }

}












/* =========================================================
   ACCOMMODATION & LOCAL TRAVEL SECTION
========================================================= */

.qzalt_shirdi_stay_travel_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzalt_shirdi_stay_travel_section *,
.qzalt_shirdi_stay_travel_section *::before,
.qzalt_shirdi_stay_travel_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.qzalt_shirdi_stay_header {

    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   BADGE
========================================================= */

.qzalt_shirdi_stay_badge {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;

    background: #f9b0b3;
    color: #172033;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;

    box-shadow: 0 6px 18px rgba(243, 82, 90, 0.12);
}

.qzalt_shirdi_stay_badge i {

    color: #f3525a;
    font-size: 17px;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.qzalt_shirdi_stay_title {

    margin: 18px 0 14px;

    font-size: 34px;
    line-height: 1.25;

    font-weight: 700;
    color: #172033;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.qzalt_shirdi_stay_intro {

    max-width: 780px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;

    color: #596477;
}


/* =========================================================
   CARD WRAPPER
========================================================= */

.qzalt_shirdi_stay_cards {

    align-items: stretch;
}


/* =========================================================
   MAIN CARD
========================================================= */

.qzalt_shirdi_stay_card {

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(23, 32, 51, 0.07);

    position: relative;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.qzalt_shirdi_stay_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;
}

.qzalt_shirdi_stay_card:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow:
        0 18px 40px rgba(23, 32, 51, 0.11);
}


/* =========================================================
   CARD HEADER
========================================================= */

.qzalt_shirdi_stay_card_top {

    display: flex;
    align-items: center;

    gap: 17px;

    margin-bottom: 25px;
}


/* =========================================================
   ICON
========================================================= */

.qzalt_shirdi_stay_icon {

    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 15px;

    font-size: 25px;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.13);
}


/* =========================================================
   CARD TITLE
========================================================= */

.qzalt_shirdi_stay_card_top h3 {

    margin: 0;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 700;

    color: #172033;
}


/* =========================================================
   LIST
========================================================= */

.qzalt_shirdi_stay_list {

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   LIST ITEM
========================================================= */

.qzalt_shirdi_stay_list li {

    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 16px;

    font-size: 14px;
    line-height: 1.7;

    color: #596477;
}

.qzalt_shirdi_stay_list li:last-child {

    margin-bottom: 0;
}


/* =========================================================
   CHECK ICON
========================================================= */

.qzalt_shirdi_check {

    width: 23px;
    height: 23px;

    flex: 0 0 23px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 2px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 50%;

    font-size: 10px;
}


/* =========================================================
   BOTTOM INFORMATION NOTE
========================================================= */

.qzalt_shirdi_stay_note {

    display: flex;
    align-items: flex-start;

    gap: 15px;

    max-width: 1000px;

    margin: 30px auto 0;
    padding: 20px 24px;

    background: rgba(255, 255, 255, 0.72);

    border-left: 4px solid #f3525a;

    border-radius: 12px;

    box-shadow:
        0 7px 22px rgba(23, 32, 51, 0.05);
}


/* =========================================================
   NOTE TEXT
========================================================= */

.qzalt_shirdi_stay_note p {

    margin: 0;

    font-size: 14px;
    line-height: 1.7;

    color: #596477;
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .qzalt_shirdi_stay_travel_section {
        padding: 50px 18px;
    }


    /* HEADER */

    .qzalt_shirdi_stay_header {
        max-width: 760px;
        margin-bottom: 28px;
    }

    .qzalt_shirdi_stay_title {
        font-size: 30px;
        line-height: 1.3;
    }

    .qzalt_shirdi_stay_intro {
        font-size: 15px;
        line-height: 1.75;
    }


    /* CARD */

    .qzalt_shirdi_stay_card {
        padding: 25px;
        border-radius: 16px;
    }


    /* CARD HEADER */

    .qzalt_shirdi_stay_card_top {
        gap: 14px;
        margin-bottom: 22px;
    }


    /* ICON */

    .qzalt_shirdi_stay_icon {
        width: 54px;
        height: 54px;

        flex: 0 0 54px;

        font-size: 23px;
        border-radius: 14px;
    }


    /* CARD TITLE */

    .qzalt_shirdi_stay_card_top h3 {
        font-size: 21px;
    }


    /* LIST */

    .qzalt_shirdi_stay_list li {
        gap: 10px;

        margin-bottom: 14px;

        font-size: 14px;
        line-height: 1.65;
    }


    /* CHECK */

    .qzalt_shirdi_check {
        width: 22px;
        height: 22px;

        flex: 0 0 22px;

        font-size: 9px;
    }


    /* NOTE */

    .qzalt_shirdi_stay_note {
        margin-top: 25px;
        padding: 18px 20px;
    }

    .qzalt_shirdi_stay_note p {
        font-size: 14px;
        line-height: 1.65;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .qzalt_shirdi_stay_travel_section {
        padding: 45px 15px;
    }


    /* HEADER */

    .qzalt_shirdi_stay_header {
        margin-bottom: 25px;
    }


    /* BADGE */

    .qzalt_shirdi_stay_badge {
        gap: 7px;

        padding: 8px 15px;

        font-size: 12px;
    }

    .qzalt_shirdi_stay_badge i {
        font-size: 15px;
    }


    /* TITLE */

    .qzalt_shirdi_stay_title {
        margin: 15px 0 12px;

        font-size: 22px;
        line-height: 1.3;
    }


    /* INTRO */

    .qzalt_shirdi_stay_intro {
        font-size: 14px;
        line-height: 1.7;
    }


    /* CARD */

    .qzalt_shirdi_stay_card {
        padding: 22px;

        border-radius: 15px;
    }


    /* CARD HEADER */

    .qzalt_shirdi_stay_card_top {
        gap: 13px;

        margin-bottom: 20px;
    }


    /* ICON */

    .qzalt_shirdi_stay_icon {
        width: 50px;
        height: 50px;

        flex: 0 0 50px;

        font-size: 21px;

        border-radius: 13px;
    }


    /* CARD TITLE */

    .qzalt_shirdi_stay_card_top h3 {
        font-size: 19px;
        line-height: 1.3;
    }


    /* LIST */

    .qzalt_shirdi_stay_list li {
        gap: 9px;

        margin-bottom: 13px;

        font-size: 13.5px;
        line-height: 1.65;
    }


    /* CHECK */

    .qzalt_shirdi_check {
        width: 21px;
        height: 21px;

        flex: 0 0 21px;

        margin-top: 1px;

        font-size: 9px;
    }


    /* NOTE */

    .qzalt_shirdi_stay_note {
        gap: 10px;

        margin-top: 20px;
        padding: 16px 17px;

        border-left-width: 3px;
        border-radius: 10px;
    }



    /* NOTE TEXT */

    .qzalt_shirdi_stay_note p {
        font-size: 13px;
        line-height: 1.65;
        text-align: justify;
    }

}














/* =========================================================
   SHIRDI TRIP BOOKING CHECKLIST SECTION
========================================================= */

.qzbtc_shirdi_booking_checklist_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzbtc_shirdi_booking_checklist_section *,
.qzbtc_shirdi_booking_checklist_section *::before,
.qzbtc_shirdi_booking_checklist_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.qzbtc_shirdi_booking_checklist_header {

    max-width: 850px;
    margin: 0 auto 30px;

}


.qzbtc_shirdi_booking_checklist_badge {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;

    border: 1px solid #f9b0b3;
    border-radius: 50px;

    background: #fff5f5;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;

}


.qzbtc_shirdi_booking_checklist_badge i {

    font-size: 16px;
    color: #f3525a;

}


.qzbtc_shirdi_booking_checklist_title {

    margin: 18px 0 14px;

    color: #172033;

    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;

}


.qzbtc_shirdi_booking_checklist_intro {

    max-width: 760px;
    margin: 0 auto;

    color: #687386;

    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;

}


/* =========================================================
   CHECKLIST ROW
========================================================= */

.qzbtc_shirdi_booking_checklist_row {

    margin-top: 0;

}


/* =========================================================
   CHECKLIST ITEM
========================================================= */

.qzbtc_shirdi_booking_checklist_item {

    width: 100%;
    min-height: 88px;

    margin-bottom: 24px;
    padding: 18px 20px;

    display: flex;
    align-items: center;
    gap: 17px;

    border: 1px solid #edf0f4;
    border-radius: 14px;

    background: #ffffff;

    box-shadow: 0 8px 28px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;

}


.qzbtc_shirdi_booking_checklist_item:hover {

    transform: translateY(-4px);

    border-color: #f9b0b3;

    box-shadow: 0 14px 32px rgba(243, 82, 90, 0.13);

}


/* =========================================================
   CHECKLIST ICON
========================================================= */

.qzbtc_shirdi_booking_checklist_icon {

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #fff0f1;

    color: #f3525a;

    font-size: 20px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.qzbtc_shirdi_booking_checklist_item:hover
.qzbtc_shirdi_booking_checklist_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg);

}


/* =========================================================
   CHECKLIST TEXT
========================================================= */

.qzbtc_shirdi_booking_checklist_text {

    display: block;

    color: #273248;

    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;

}


/* =========================================================
   IMPORTANT NOTE
========================================================= */

.qzbtc_shirdi_booking_checklist_note {

    width: 100%;

    margin-top: 18px;
    padding: 22px 24px;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 14px;

    background: #fff7f7;

}


.qzbtc_shirdi_booking_checklist_note_icon {

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 18px;

}


.qzbtc_shirdi_booking_checklist_note_content {

    display: block;

    color: #596477;

    font-size: 15px;
    line-height: 1.8;
    text-align: justify;

}


.qzbtc_shirdi_booking_checklist_note_content strong {

    margin-right: 5px;

    color: #f3525a;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .qzbtc_shirdi_booking_checklist_section {

        padding: 50px 20px;

    }


    /* =========================
       HEADER
    ========================= */

    .qzbtc_shirdi_booking_checklist_header {

        max-width: 720px;

        margin-bottom: 25px;

    }


    .qzbtc_shirdi_booking_checklist_title {

        font-size: 32px;

        line-height: 1.25;

    }


    .qzbtc_shirdi_booking_checklist_intro {

        max-width: 680px;

        font-size: 16px;

        line-height: 1.75;

    }


    /* =========================
       CHECKLIST ITEMS
    ========================= */

    .qzbtc_shirdi_booking_checklist_item {

        min-height: 82px;

        margin-bottom: 20px;

        padding: 16px 18px;

        gap: 15px;

        border-radius: 13px;

    }


    .qzbtc_shirdi_booking_checklist_icon {

        width: 46px;
        height: 46px;

        flex: 0 0 46px;

        border-radius: 11px;

        font-size: 19px;

    }


    .qzbtc_shirdi_booking_checklist_text {

        font-size: 14px;

        line-height: 1.5;

    }


    /* =========================
       NOTE
    ========================= */

    .qzbtc_shirdi_booking_checklist_note {

        margin-top: 12px;

        padding: 20px 21px;

        gap: 14px;

    }


    .qzbtc_shirdi_booking_checklist_note_icon {

        width: 40px;
        height: 40px;

        flex: 0 0 40px;

        font-size: 17px;

    }


    .qzbtc_shirdi_booking_checklist_note_content {

        font-size: 14px;

        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .qzbtc_shirdi_booking_checklist_section {

        padding: 45px 16px;

    }


    /* =========================
       HEADER
    ========================= */

    .qzbtc_shirdi_booking_checklist_header {

        margin-bottom: 20px;

    }


    .qzbtc_shirdi_booking_checklist_badge {

        padding: 8px 15px;

        gap: 7px;

        font-size: 11px;

        letter-spacing: 0.5px;

    }


    .qzbtc_shirdi_booking_checklist_badge i {

        font-size: 14px;

    }


    .qzbtc_shirdi_booking_checklist_title {

        margin: 15px 0 12px;

        font-size: 27px;

        line-height: 1.3;

    }


    .qzbtc_shirdi_booking_checklist_intro {

        font-size: 14px;

        line-height: 1.7;

    }


    /* =========================
       CHECKLIST ITEMS
    ========================= */

    .qzbtc_shirdi_booking_checklist_item {

        min-height: 76px;

        margin-bottom: 16px;

        padding: 13px 14px;

        gap: 12px;

        border-radius: 11px;

    }


    .qzbtc_shirdi_booking_checklist_icon {

        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        border-radius: 10px;

        font-size: 17px;

    }


    .qzbtc_shirdi_booking_checklist_text {

        font-size: 13.5px;

        line-height: 1.5;

    }


    /* =========================
       NOTE
    ========================= */

    .qzbtc_shirdi_booking_checklist_note {

        margin-top: 8px;

        padding: 17px 16px;

        gap: 11px;

        border-left-width: 4px;

        border-radius: 11px;

    }


    .qzbtc_shirdi_booking_checklist_note_icon {

        width: 35px;
        height: 35px;

        flex: 0 0 35px;

        font-size: 15px;

    }


    .qzbtc_shirdi_booking_checklist_note_content {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }


    .qzbtc_shirdi_booking_checklist_note_content strong {

        margin-right: 3px;

    }

}














/* =========================================================
   SHIRDI PACKAGE OPTIONS SECTION
========================================================= */

.qzspx_sg_shirdi_package_options_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.qzspx_sg_shirdi_package_options_section *,
.qzspx_sg_shirdi_package_options_section *::before,
.qzspx_sg_shirdi_package_options_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.qzspx_sg_shirdi_package_header {

    max-width: 850px;
    margin: 0 auto 30px;

}


/* =========================================================
   BADGE
========================================================= */

.qzspx_sg_shirdi_package_badge {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;

    background: rgba(243, 82, 90, 0.10);

    border: 1px solid rgba(243, 82, 90, 0.22);

    border-radius: 50px;

    color: #f3525a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 0.3px;
}


.qzspx_sg_shirdi_package_badge i {

    font-size: 18px;

    color: #f3525a;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.qzspx_sg_shirdi_package_title {

    margin: 20px 0 0;

    color: #172033;

    font-size: 38px;
    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.7px;
}


/* =========================================================
   HEADING LINE
========================================================= */

.qzspx_sg_shirdi_package_heading_line {

    width: 58px;
    height: 4px;

    margin: 18px auto 0;

    background: #f3525a;

    border-radius: 10px;
}

.qzspx_sg_shirdi_package_subtitle {

    max-width: 760px;

    margin: 16px auto 0;

    color: #5d687b;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 400;

}

/* =========================================================
   INTRO AREA
========================================================= */

.qzspx_sg_shirdi_package_intro {

    position: relative;

    padding: 32px 38px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.07);

    text-align: center;

}



.qzspx_sg_shirdi_package_intro p {

    margin: 0 0 16px;

    color: #526074;

    font-size: 15px;
    line-height: 1.85;

}


.qzspx_sg_shirdi_package_intro p:last-of-type {

    margin-bottom: 0;

}


.qzspx_sg_shirdi_package_intro strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   PRIMARY ACTION
========================================================= */

.qzspx_sg_shirdi_primary_action {

    margin-top: 25px;

}


.qzspx_sg_shirdi_main_btn {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-height: 52px;

    padding: 13px 24px;

    background: #f3525a;

    color: #ffffff;

    border: 2px solid #f3525a;

    border-radius: 40px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.qzspx_sg_shirdi_main_btn i {

    font-size: 15px;

    transition: transform 0.3s ease;

}


.qzspx_sg_shirdi_main_btn:hover {

    background: #172033;

    border-color: #172033;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.18);

}


.qzspx_sg_shirdi_main_btn:hover i {

    transform: translateX(4px);

}


/* =========================================================
   PACKAGE CARDS AREA
========================================================= */

.qzspx_sg_shirdi_package_cards_row {

    margin-top: 30px;

}


/* =========================================================
   PACKAGE CARD
========================================================= */

.qzspx_sg_shirdi_package_card {

    position: relative;

    height: 100%;

    padding: 30px 28px;

    background: #ffffff;

    border: 1px solid rgba(23, 32, 51, 0.07);

    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.06);

    overflow: hidden;

    cursor: pointer;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

        
    display: flex;
    flex-direction: column;

}


.qzspx_sg_shirdi_package_card::after {

    content: "";

    position: absolute;

    right: -35px;
    bottom: -35px;

    width: 105px;
    height: 105px;

    background: #f9b0b3;

    opacity: 0.18;

    border-radius: 50%;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease;

}


.qzspx_sg_shirdi_package_card:hover {

    transform: translateY(-8px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.12);

}


.qzspx_sg_shirdi_package_card:hover::after {

    transform: scale(1.35);

    opacity: 0.27;

}


/* =========================================================
   CARD ICON
========================================================= */

.qzspx_sg_shirdi_card_icon {

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 23px;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 23px;

    position: relative;
    z-index: 2;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.qzspx_sg_shirdi_package_card:hover .qzspx_sg_shirdi_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.qzspx_sg_shirdi_card_content {

    position: relative;
    z-index: 2;
      display: flex;
    flex-direction: column;

    height: 100%;


}


.qzspx_sg_shirdi_card_content h3 {

    margin: 0 0 13px;

    color: #172033;

    font-size: 20px;
    line-height: 1.4;

    font-weight: 700;

}


.qzspx_sg_shirdi_card_content p {

    margin: 0;

    color: #657185;

    font-size: 15px;
    line-height: 1.8;
    text-align: justify;

}


/* =========================================================
   CARD LINK
========================================================= */

.qzspx_sg_shirdi_card_link {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: 22px;

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
    
    margin-top: auto;

    padding-top: 22px;

}


.qzspx_sg_shirdi_card_link i {

    font-size: 14px;

    transition: transform 0.3s ease;

}


.qzspx_sg_shirdi_card_link:hover {

    color: #172033;

    gap: 12px;

}


.qzspx_sg_shirdi_card_link:hover i {

    transform: translateX(3px);

}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.qzspx_sg_shirdi_package_note {

    display: flex;

    align-items: center;

    gap: 16px;

    margin-top: 35px;

    padding: 18px 22px;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(243, 82, 90, 0.14);

    border-radius: 15px;

}


.qzspx_sg_shirdi_note_icon {

    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 12px;

    font-size: 18px;

}


.qzspx_sg_shirdi_package_note p {

    margin: 0;

    color: #596579;

    font-size: 15px;

    line-height: 1.7;

    text-align: justify;

}
 /* =========================================================
    TABLET RESPONSIVE
    992px AND BELOW
========================================================= */

@media (max-width: 991.98px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .qzspx_sg_shirdi_package_options_section {

        padding: 55px 20px;

    }


    /* =====================================================
       HEADER
    ===================================================== */

    .qzspx_sg_shirdi_package_header {

        max-width: 760px;

        margin-bottom: 25px;

    }


    .qzspx_sg_shirdi_package_title {

        font-size: 32px;

        line-height: 1.3;

    }


    .qzspx_sg_shirdi_package_subtitle {

        max-width: 680px;

        font-size: 15px;

        line-height: 1.75;

    }


    .qzspx_sg_shirdi_package_badge {

        padding: 8px 17px;

        font-size: 13px;

    }


    .qzspx_sg_shirdi_package_badge i {

        font-size: 17px;

    }


    .qzspx_sg_shirdi_package_heading_line {

        width: 54px;

        height: 4px;

        margin-top: 16px;

    }


    /* =====================================================
       INTRO
    ===================================================== */

    .qzspx_sg_shirdi_package_intro {

        padding: 28px 30px;

        border-radius: 18px;

    }


    .qzspx_sg_shirdi_package_intro p {

        font-size: 14px;

        line-height: 1.8;

    }


    /* =====================================================
       PRIMARY BUTTON
    ===================================================== */

    .qzspx_sg_shirdi_primary_action {

        margin-top: 20px;

    }


    .qzspx_sg_shirdi_main_btn {

        min-height: 50px;

        padding: 12px 21px;

        font-size: 13px;

    }


    /* =====================================================
       PACKAGE CARDS
    ===================================================== */

    .qzspx_sg_shirdi_package_cards_row {

        margin-top: 28px;

    }


    .qzspx_sg_shirdi_package_card {

        padding: 27px 24px;

        border-radius: 18px;

    }


    .qzspx_sg_shirdi_card_icon {

        width: 55px;
        height: 55px;

        margin-bottom: 20px;

        border-radius: 15px;

        font-size: 22px;

    }


    .qzspx_sg_shirdi_card_content h3 {

        margin-bottom: 11px;

        font-size: 19px;

        line-height: 1.4;

    }


    .qzspx_sg_shirdi_card_content p {

        font-size: 14px;

        line-height: 1.75;

    }


    .qzspx_sg_shirdi_card_link {

        padding-top: 20px;

        font-size: 13px;

    }


    /* =====================================================
       BOTTOM NOTE
    ===================================================== */

    .qzspx_sg_shirdi_package_note {

        margin-top: 25px;

        padding: 17px 20px;

        gap: 14px;

    }


    .qzspx_sg_shirdi_note_icon {

        width: 40px;
        height: 40px;

        font-size: 17px;

    }


    .qzspx_sg_shirdi_package_note p {

        font-size: 14px;

        line-height: 1.7;

    }

}



/* =========================================================
   MOBILE RESPONSIVE
   767px AND BELOW
========================================================= */

@media (max-width: 767.98px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .qzspx_sg_shirdi_package_options_section {

        padding: 45px 15px;

    }


    /* =====================================================
       HEADER
    ===================================================== */

    .qzspx_sg_shirdi_package_header {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .qzspx_sg_shirdi_package_badge {

        gap: 7px;

        padding: 8px 15px;

        font-size: 12px;

    }


    .qzspx_sg_shirdi_package_badge i {

        font-size: 16px;

    }


    .qzspx_sg_shirdi_package_title {

        margin-top: 16px;

        font-size: 25px;

        line-height: 1.3;

        letter-spacing: -0.3px;

    }


    .qzspx_sg_shirdi_package_subtitle {

        max-width: 100%;

        margin-top: 12px;

        font-size: 13px;

        line-height: 1.7;

    }


    .qzspx_sg_shirdi_package_heading_line {

        width: 48px;

        height: 3px;

        margin-top: 15px;

    }


    /* =====================================================
       INTRO
    ===================================================== */

    .qzspx_sg_shirdi_package_intro {

        padding: 24px 19px;

        border-radius: 16px;

    }


    .qzspx_sg_shirdi_package_intro p {

        margin-bottom: 13px;

        font-size: 13px;

        line-height: 1.8;

        text-align: justify;

    }


    /* =====================================================
       PRIMARY BUTTON
    ===================================================== */

    .qzspx_sg_shirdi_primary_action {

        margin-top: 20px;

    }


    .qzspx_sg_shirdi_main_btn {

        width: 100%;

        min-height: 50px;

        padding: 12px 15px;

        gap: 9px;

        font-size: 12px;

        line-height: 1.4;

    }


    .qzspx_sg_shirdi_main_btn i {

        flex-shrink: 0;

        font-size: 13px;

    }


    /* =====================================================
       PACKAGE CARDS
    ===================================================== */

    .qzspx_sg_shirdi_package_cards_row {

        margin-top: 20px;

    }


    .qzspx_sg_shirdi_package_card {

        min-height: 100%;

        padding: 24px 20px;

        border-radius: 16px;

    }


    .qzspx_sg_shirdi_card_icon {

        width: 52px;
        height: 52px;

        margin-bottom: 18px;

        border-radius: 14px;

        font-size: 20px;

    }


    .qzspx_sg_shirdi_card_content h3 {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 1.4;

    }


    .qzspx_sg_shirdi_card_content p {

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


    .qzspx_sg_shirdi_card_link {

        padding-top: 18px;

        font-size: 13px;

    }


    .qzspx_sg_shirdi_card_link i {

        font-size: 13px;

    }


    /* =====================================================
       BOTTOM NOTE
    ===================================================== */

    .qzspx_sg_shirdi_package_note {

        align-items: flex-start;

        gap: 11px;

        margin-top: 25px;

        padding: 15px 16px;

        border-radius: 13px;

    }


    .qzspx_sg_shirdi_note_icon {

        width: 36px;
        height: 36px;

        border-radius: 10px;

        font-size: 15px;

    }


    .qzspx_sg_shirdi_package_note p {

        font-size: 12px;

        line-height: 1.7;

        text-align: justify;

    }

}














/*==================================================*
    NAVAGARAHA TOUR PACKAGES
==================================================*/




/* =========================================
   NAVAGRAHA SINGAPORE HERO SECTION
   ========================================= */

.nvgrh-sgp-hero-x847 {

    position: relative;

    width: 100%;
    height: 700px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    font-family: 'Poppins', sans-serif;
}


.nvgrh-sgp-overlay-x847 {

    position: absolute;
    inset: 0;
    z-index: 1;

     background:
        linear-gradient(
            90deg,
            rgba(3, 10, 27, 0.62) 0%,
            rgba(3, 10, 27, 0.42) 50%,
            rgba(3, 10, 27, 0.62) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 10, 27, 0.18) 0%,
            rgba(3, 10, 27, 0.60) 100%
        );

}


/* =========================================
   CONTENT
   ========================================= */

.nvgrh-sgp-content-x847 {

    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 990px;

    padding: 25px 20px 25px;

    text-align: center;
    color: #ffffff;
}


/* =========================================
   BADGE
   ========================================= */

.nvgrh-sgp-badge-x847 {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 7px 16px;

    border: 1px solid rgba(36, 205, 242, 0.7);
    border-radius: 30px;

    background: rgba(3, 12, 30, 0.72);

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.18);
}

.nvgrh-sgp-badge-x847 i {

    color: #35d9f4;
    font-size: 14px;
}


/* =========================================
   MAIN TITLE
   ========================================= */

.nvgrh-sgp-title-x847 {

    margin: 12px 0 14px;

    font-size: 50px;
    line-height: 1.02;

    font-weight: 800;
    letter-spacing: -1.6px;

    color: #ffffff;

    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.nvgrh-sgp-title-x847 span {

    display: block;

    color: #2ed5f3;

    font-size: 50px;
    line-height: 1.02;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.nvgrh-sgp-description-x847 {

    width: 100%;
    max-width: 1000px;

    margin: 0 auto 17px;

    padding: 8px 14px 9px;

    border-radius: 14px;

    background: rgba(4, 7, 19, 0.82);

    color: #ffffff;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);
    text-align: center;
}

.nvgrh-sgp-description-x847 strong {
    font-weight: 800;
}


/* =========================================
   IMPORTANT BOX
   ========================================= */

.nvgrh-sgp-important-x847 {

    width: 100%;
    max-width: 920px;

    margin: 0 auto 19px;

    padding: 11px 17px;

    text-align: left;

    border: 1px solid rgba(104, 116, 148, 0.55);
    border-radius: 15px;

    background: rgba(4, 7, 20, 0.88);

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
}

.nvgrh-sgp-important-title-x847 {

    margin-bottom: 1px;

    color: #37d8f3;

    font-size: 14px;
    line-height: 1.35;

    font-weight: 800;
}

.nvgrh-sgp-important-text-x847 {

    color: #ffffff;

    font-size: 13px;
    line-height: 1.4;

    font-weight: 400;

    text-align: justify;
}

.nvgrh-sgp-important-text-x847 strong {
    font-weight: 800;
}


/* =========================================
   FEATURE ROW
   ========================================= */

.nvgrh-sgp-features-x847 {

    width: 100%;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 9px;

    margin: 0 auto 19px;
}

.nvgrh-sgp-feature-x847 {

    min-height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 9px 12px;

    border: 1px solid rgba(103, 113, 143, 0.55);
    border-radius: 14px;

    background: rgba(5, 8, 22, 0.88);

    color: #ffffff;

    font-size: 13px;
    line-height: 1.3;

    font-weight: 700;

    text-align: center;

    transition: all 0.3s ease;
    }
    .nvgrh-sgp-feature-x847 {
        gap: 9px;
    }

    .nvgrh-sgp-feature-x847 i {
        color: #2ed5f3;
        font-size: 16px;
        flex-shrink: 0;
    }
.nvgrh-sgp-feature-x847:hover {

    transform: translateY(-3px);

    border-color: rgba(46, 213, 243, 0.75);
}

/* =========================================
   CTA BUTTONS
   ========================================= */

.nvgrh-sgp-actions-x847 {

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin: 0 auto 12px;
}


.nvgrh-sgp-plan-btn-x847,
.nvgrh-sgp-quote-btn-x847 {

    min-width: 264px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 13px 22px;

    border-radius: 32px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 800;

    transition: all 0.3s ease;
}


/* =========================================
   WHATSAPP BUTTON
   ========================================= */

.nvgrh-sgp-plan-btn-x847 {

    background: #25D366;

    color: #ffffff;

    border: 1px solid #25D366;

    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.25);
}


.nvgrh-sgp-plan-btn-x847:hover {

    transform: translateY(-3px);


    color: #ffffff;

    box-shadow: 0 10px 25px rgba(18, 140, 126, 0.30);
}


.nvgrh-sgp-plan-btn-x847 i {

    color: #ffffff;

    font-size: 17px;

    transition: transform 0.3s ease;
}


.nvgrh-sgp-plan-btn-x847:hover i {

    transform: scale(1.08);
}


/* =========================================
   QUOTE BUTTON
   ========================================= */

.nvgrh-sgp-quote-btn-x847 {

    border: 1px solid rgba(128, 137, 161, 0.7);

    background: rgba(8, 13, 31, 0.92);

    color: #ffffff;
}


.nvgrh-sgp-quote-btn-x847:hover {

    transform: translateY(-3px);

    border-color: #ffffff;

    background: #ffffff;

    color: #071326;
}


.nvgrh-sgp-quote-btn-x847 i {

    font-size: 16px;
}


/* =========================================
   BOTTOM NOTE
   ========================================= */

.nvgrh-sgp-note-x847 {

    margin: 0;

    color: #ffffff;

    font-size: 14px;
    line-height: 1.5;

    font-weight: 400;

  
}
/* =========================================
   TABLET RESPONSIVE
   601px - 900px
   ========================================= */

@media (min-width: 601px) and (max-width: 900px) {

    .nvgrh-sgp-hero-x847 {

        height: auto;
        min-height: 700px;

        background-position: center center;
    }


    .nvgrh-sgp-content-x847 {

        width: 100%;
        max-width: 820px;

        padding: 45px 24px 45px;
    }


    /* BADGE */

    .nvgrh-sgp-badge-x847 {

        padding: 7px 15px;

        font-size: 12px;
    }


    /* TITLE */

    .nvgrh-sgp-title-x847 {

        margin: 14px 0 16px;

        font-size: 42px;

        line-height: 1.08;

        letter-spacing: -1.2px;
    }


    .nvgrh-sgp-title-x847 span {

        font-size: 42px;

        line-height: 1.08;
    }


    /* DESCRIPTION */

    .nvgrh-sgp-description-x847 {

        width: 100%;
        max-width: 760px;

        margin: 0 auto 20px;

        padding: 11px 15px;

        font-size: 14px;

        line-height: 1.55;
    }


    /* IMPORTANT BOX */

    .nvgrh-sgp-important-x847 {

        width: 100%;
        max-width: 760px;

        margin: 0 auto 22px;

        padding: 13px 16px;
    }


    .nvgrh-sgp-important-title-x847 {

        font-size: 13px;

        line-height: 1.4;
    }


    .nvgrh-sgp-important-text-x847 {

        font-size: 12px;

        line-height: 1.5;

        text-align: justify;
    }


    /* FEATURES */

    .nvgrh-sgp-features-x847 {

        width: 100%;

        grid-template-columns: repeat(2, 1fr);

        gap: 10px;

        margin: 0 auto 22px;
    }


    .nvgrh-sgp-feature-x847 {

        min-height: 62px;

        padding: 10px 14px;

        font-size: 13px;

        line-height: 1.4;
    }


    /* CTA */

    .nvgrh-sgp-actions-x847 {

        width: 100%;

        display: flex;

        flex-direction: row;

        justify-content: center;

        align-items: center;

        gap: 12px;

        margin: 0 auto 14px;
    }


    .nvgrh-sgp-plan-btn-x847,
    .nvgrh-sgp-quote-btn-x847 {

        width: 100%;

        min-width: 0;

        max-width: 280px;

        padding: 14px 18px;

        font-size: 14px;
    }


    /* BOTTOM NOTE */

    .nvgrh-sgp-note-x847 {

        font-size: 12px;

        line-height: 1.55;
    }
}


/* =========================================
   MOBILE RESPONSIVE
   600px AND BELOW
   ========================================= */

@media (max-width: 600px) {

    .nvgrh-sgp-hero-x847 {

        width: 100%;

        height: auto;

        min-height: 0;

        background-position: center center;
    }


    .nvgrh-sgp-content-x847 {

        width: 100%;

        max-width: 100%;

        padding: 38px 14px 35px;
    }


    /* BADGE */

    .nvgrh-sgp-badge-x847 {

        max-width: 100%;

        padding: 7px 12px;

        gap: 7px;

        font-size: 10.5px;

        line-height: 1.3;

        text-align: center;
    }


    .nvgrh-sgp-badge-x847 i {

        font-size: 13px;
    }


    /* TITLE */

    .nvgrh-sgp-title-x847 {

        width: 100%;

        margin: 14px 0 16px;

        font-size: 31px;

        line-height: 1.08;

        letter-spacing: -0.7px;
    }


    .nvgrh-sgp-title-x847 span {

        font-size: 31px;

        line-height: 1.08;
    }


    /* DESCRIPTION */

    .nvgrh-sgp-description-x847 {

        width: 100%;

        max-width: 100%;

        margin: 0 auto 18px;

        padding: 12px 11px;

        border-radius: 12px;

        font-size: 12.5px;

        line-height: 1.55;

        text-align: center;
    }


    /* IMPORTANT BOX */

    .nvgrh-sgp-important-x847 {

        width: 100%;

        max-width: 100%;

        margin: 0 auto 19px;

        padding: 12px 13px;

        border-radius: 13px;
    }


    .nvgrh-sgp-important-title-x847 {

        margin-bottom: 3px;

        font-size: 11.5px;

        line-height: 1.4;
    }


    .nvgrh-sgp-important-text-x847 {

        font-size: 11px;

        line-height: 1.5;

        text-align: justify;
    }


    /* FEATURES */

    .nvgrh-sgp-features-x847 {

        width: 100%;

        display: grid;

        grid-template-columns: 1fr;

        gap: 8px;

        margin: 0 auto 20px;
    }


    .nvgrh-sgp-feature-x847 {

        width: 100%;

        min-height: 55px;

        padding: 10px 12px;

        border-radius: 12px;

        font-size: 12px;

        line-height: 1.35;
    }


    /* CTA BUTTONS */

    .nvgrh-sgp-actions-x847 {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        justify-content: center;

        gap: 9px;

        margin: 0 auto 13px;
    }


    .nvgrh-sgp-plan-btn-x847,
    .nvgrh-sgp-quote-btn-x847 {

        width: 100%;

        max-width: 100%;

        min-width: 0;

        padding: 13px 16px;

        border-radius: 30px;

        font-size: 13px;
    }


    .nvgrh-sgp-plan-btn-x847 i,
    .nvgrh-sgp-quote-btn-x847 i {

        font-size: 16px;
    }


    /* BOTTOM NOTE */

    .nvgrh-sgp-note-x847 {

        margin: 0;

        font-size: 10.5px;

        line-height: 1.55;

        text-align: center;
    }
}

















/* =========================================================
   NAVAGRAHA PILGRIMAGE INTRODUCTION SECTION
========================================================= */

.nvgrh_pilgrimage_intro_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.nvgrh_pilgrimage_intro_section *,
.nvgrh_pilgrimage_intro_section *::before,
.nvgrh_pilgrimage_intro_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.nvgrh_pilgrimage_intro_container {

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.nvgrh_pilgrimage_intro_header {

    text-align: center;
    margin-bottom: 30px;
}


/* =========================================================
   BADGE
========================================================= */

.nvgrh_pilgrimage_intro_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 9px 18px;

    background: #f9b0b3;

    border: 1px solid rgba(243, 82, 90, 0.20);
    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.8px;
    text-transform: uppercase;

    margin-bottom: 18px;
}


.nvgrh_pilgrimage_intro_badge i {

    font-size: 16px;
    color: #f3525a;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.nvgrh_pilgrimage_intro_title {

    margin: 0;

    font-size: 34px;
    line-height: 1.25;

    font-weight: 700;

    color: #172033;

    letter-spacing: -0.6px;
}


/* =========================================================
   CONTENT CARD
========================================================= */

.nvgrh_pilgrimage_intro_card {

    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 28px;

    width: 100%;

    padding: 38px 42px;

    background: #ffffff;

    border: 1px solid #edf0f4;
    border-radius: 22px;

    box-shadow:
        0 12px 35px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   TOP ACCENT LINE
========================================================= */

.nvgrh_pilgrimage_intro_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a 0%,
        #f9b0b3 50%,
        #f3525a 100%
    );

}


/* =========================================================
   CARD HOVER
========================================================= */

.nvgrh_pilgrimage_intro_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.22);

    box-shadow:
        0 18px 45px rgba(23, 32, 51, 0.11);

}


/* =========================================================
   ICON BOX
========================================================= */

.nvgrh_pilgrimage_intro_icon_box {

    flex: 0 0 66px;

    width: 66px;
    height: 66px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 17px;

    color: #f3525a;

    font-size: 27px;

    box-shadow:
        0 8px 20px rgba(243, 82, 90, 0.12);

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}


.nvgrh_pilgrimage_intro_card:hover
.nvgrh_pilgrimage_intro_icon_box {

    transform: rotate(-4deg) scale(1.05);

    background: #f3525a;

    color: #ffffff;

}


/* =========================================================
   CONTENT
========================================================= */

.nvgrh_pilgrimage_intro_content {

    flex: 1;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.nvgrh_pilgrimage_intro_content p {

    margin: 0 0 18px;

    font-size: 15px;
    line-height: 1.85;

    font-weight: 400;

    color: #5f6878;
    text-align: justify;
}


.nvgrh_pilgrimage_intro_content p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   STRONG TEXT
========================================================= */

.nvgrh_pilgrimage_intro_content strong {

    color: #172033;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .nvgrh_pilgrimage_intro_section {

        padding: 50px 20px;

    }


    .nvgrh_pilgrimage_intro_container {

        max-width: 92%;

    }


    /* =========================
       HEADER
    ========================== */

    .nvgrh_pilgrimage_intro_header {

        margin-bottom: 25px;

    }


    .nvgrh_pilgrimage_intro_badge {

        padding: 8px 16px;

        font-size: 12px;

        gap: 9px;

        margin-bottom: 15px;

    }


    .nvgrh_pilgrimage_intro_badge i {

        font-size: 15px;

    }


    .nvgrh_pilgrimage_intro_title {

        font-size: 30px;

        line-height: 1.3;

        letter-spacing: -0.4px;

    }


    /* =========================
       CONTENT CARD
    ========================== */

    .nvgrh_pilgrimage_intro_card {

        gap: 22px;

        padding: 30px 32px;

        border-radius: 20px;

    }


    /* =========================
       ICON
    ========================== */

    .nvgrh_pilgrimage_intro_icon_box {

        flex: 0 0 60px;

        width: 60px;
        height: 60px;

        font-size: 24px;

        border-radius: 15px;

    }


    /* =========================
       CONTENT
    ========================== */

    .nvgrh_pilgrimage_intro_content p {

        font-size: 14.5px;

        line-height: 1.8;

        margin-bottom: 16px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   0px - 767px
========================================================= */

@media (max-width: 767px) {

    .nvgrh_pilgrimage_intro_section {

        padding: 45px 16px;

    }


    .nvgrh_pilgrimage_intro_container {

        max-width: 100%;

    }


    /* =========================
       HEADER
    ========================== */

    .nvgrh_pilgrimage_intro_header {

        margin-bottom: 20px;

    }


    .nvgrh_pilgrimage_intro_badge {

        padding: 8px 14px;

        font-size: 11px;

        letter-spacing: 0.6px;

        gap: 8px;

        margin-bottom: 14px;

    }


    .nvgrh_pilgrimage_intro_badge i {

        font-size: 14px;

    }


    .nvgrh_pilgrimage_intro_title {

        font-size: 23px;

        line-height: 1.3;

        letter-spacing: -0.2px;

    }


    /* =========================
       CONTENT CARD
    ========================== */

    .nvgrh_pilgrimage_intro_card {

        flex-direction: column;

        align-items: center;

        gap: 20px;

        padding: 30px 22px;

        border-radius: 18px;

        text-align: center;

    }


    /* =========================
       TOP ACCENT
    ========================== */

    .nvgrh_pilgrimage_intro_card::before {

        height: 3px;

    }


    /* =========================
       ICON
    ========================== */

    .nvgrh_pilgrimage_intro_icon_box {

        flex: 0 0 58px;

        width: 58px;
        height: 58px;

        font-size: 23px;

        border-radius: 15px;

    }


    /* =========================
       CONTENT
    ========================== */

    .nvgrh_pilgrimage_intro_content {

        width: 100%;

    }


    .nvgrh_pilgrimage_intro_content p {

        font-size: 14px;

        line-height: 1.8;

        margin-bottom: 15px;

        text-align: justify;

    }

}
















/* =========================================================
   NINE-TEMPLE CIRCUIT / NINE NAVAGRAHA TEMPLES
========================================================= */

.nv9c_nine_temple_circuit_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.nv9c_nine_temple_circuit_section *,
.nv9c_nine_temple_circuit_section *::before,
.nv9c_nine_temple_circuit_section *::after {

    box-sizing: border-box;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.nv9c_section_intro {

    max-width: 850px;
    margin: 0 auto 30px;

}


/* =========================================================
   SECTION BADGE
========================================================= */

.nv9c_section_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: #f9b0b3;

    border: 1px solid rgba(243, 82, 90, 0.25);

    border-radius: 50px;

    color: #f3525a;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;

}


.nv9c_section_badge i {

    font-size: 14px;

}


/* =========================================================
   SECTION TITLE
========================================================= */

.nv9c_section_title {

    margin: 0 0 17px;

    color: #172033;

    font-size: 34px;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: -0.5px;

}


/* =========================================================
   SECTION DESCRIPTION
========================================================= */

.nv9c_section_description {

    max-width: 790px;

    margin: 0 auto;

    color: #536174;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.9;

}


.nv9c_section_description strong {

    color: #172033;
    font-weight: 700;

}


/* =========================================================
   TEMPLE GRID
========================================================= */

.nv9c_temple_grid {

    position: relative;

}


/* =========================================================
   TEMPLE CARD
========================================================= */

.nv9c_temple_card {

    position: relative;

    height: 100%;

    display: flex;
    align-items: center;

    padding: 27px 26px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.nv9c_temple_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #f3525a;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 0.35s ease;

}


/* =========================================================
   CARD DECORATIVE CIRCLE
========================================================= */

.nv9c_temple_card::after {

    content: "";

    position: absolute;

    right: -55px;
    bottom: -65px;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.18);

    transition:
        transform 0.4s ease,
        background 0.4s ease;

}


/* =========================================================
   CARD HOVER
========================================================= */

.nv9c_temple_card:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.35);

    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.12);

}


.nv9c_temple_card:hover::before {

    transform: scaleX(1);

}


.nv9c_temple_card:hover::after {

    transform: scale(1.3);

    background: rgba(249, 176, 179, 0.28);

}


/* =========================================================
   PLANET ICON
========================================================= */

.nv9c_planet_icon {

    position: relative;
    z-index: 2;

    flex: 0 0 70px;

    width: 70px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 20px;

    background: #f9b0b3;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 18px;

    color: #f3525a;

    font-family: Georgia, serif;

    font-size: 34px;

    line-height: 1;

    box-shadow: 0 7px 18px rgba(243, 82, 90, 0.12);

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;

}


.nv9c_temple_card:hover .nv9c_planet_icon {

    transform: rotate(-5deg) scale(1.06);

    background: #f3525a;

    color: #ffffff;

}


/* =========================================================
   TEMPLE CONTENT
========================================================= */

.nv9c_temple_content {

    position: relative;
    z-index: 2;

    min-width: 0;

}


/* =========================================================
   PLANET NAME
========================================================= */

.nv9c_planet_name {

    display: block;

    margin-bottom: 7px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.6px;

    line-height: 1.4;

}


/* =========================================================
   TEMPLE TITLE
========================================================= */

.nv9c_temple_title {

    margin: 0 0 9px;

    color: #172033;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.35;

    transition: color 0.3s ease;

}


.nv9c_temple_card:hover .nv9c_temple_title {

    color: #f3525a;

}


/* =========================================================
   LOCATION
========================================================= */

.nv9c_temple_location {

    display: flex;
    align-items: center;

    gap: 7px;

    margin: 0;

    color: #697586;

    font-size: 13px;
    font-weight: 500;

    line-height: 1.5;

}


.nv9c_temple_location i {

    color: #f3525a;

    font-size: 11px;

}


/* =========================================================
   CULTURAL CONTEXT
========================================================= */

.nv9c_cultural_context {

    display: flex;
    align-items: center;

    gap: 17px;

    max-width: 1250px;

    margin: 48px auto 0;

    padding: 20px 24px;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(243, 82, 90, 0.14);

    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(23, 32, 51, 0.04);

}


.nv9c_context_icon {

    flex: 0 0 45px;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 12px;

    color: #f3525a;

    font-size: 17px;

}


.nv9c_context_text {

    color: #596577;

    font-size: 13px;
    font-weight: 400;

    line-height: 1.8;

}


.nv9c_context_text strong {

    color: #172033;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .nv9c_nine_temple_circuit_section {

        padding: 55px 20px;

    }


    /* -----------------------------------------
       SECTION INTRO
    ----------------------------------------- */

    .nv9c_section_intro {

        max-width: 720px;

        margin-bottom: 25px;

    }


    .nv9c_section_title {

        font-size: 34px;

        line-height: 1.25;

    }


    .nv9c_section_description {

        max-width: 680px;

        font-size: 14px;

        line-height: 1.8;

    }


    /* -----------------------------------------
       TEMPLE CARDS
    ----------------------------------------- */

    .nv9c_temple_card {

        min-height: 125px;

        padding: 23px 20px;

        border-radius: 16px;

    }


    .nv9c_planet_icon {

        flex: 0 0 62px;

        width: 62px;
        height: 62px;

        margin-right: 16px;

        border-radius: 15px;

        font-size: 30px;

    }


    .nv9c_planet_name {

        font-size: 12px;

        margin-bottom: 6px;

    }


    .nv9c_temple_title {

        font-size: 18px;

        line-height: 1.35;

        margin-bottom: 8px;

    }


    .nv9c_temple_location {

        font-size: 12px;

        gap: 6px;

    }


    /* -----------------------------------------
       CULTURAL CONTEXT
    ----------------------------------------- */

    .nv9c_cultural_context {

        max-width: 100%;

        margin-top: 38px;

        padding: 18px 20px;

        gap: 14px;

    }


    .nv9c_context_icon {

        flex: 0 0 43px;

        width: 43px;
        height: 43px;

        font-size: 16px;

    }


    .nv9c_context_text {

        font-size: 12px;

        line-height: 1.75;

        text-align: justify;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .nv9c_nine_temple_circuit_section {

        padding: 50px 15px;

    }


    /* -----------------------------------------
       SECTION INTRO
    ----------------------------------------- */

    .nv9c_section_intro {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .nv9c_section_badge {

        padding: 8px 15px;

        margin-bottom: 15px;

        font-size: 10px;

        letter-spacing: 1.2px;

    }


    .nv9c_section_badge i {

        font-size: 12px;

    }


    .nv9c_section_title {

        font-size: 28px;

        line-height: 1.25;

        letter-spacing: -0.3px;

        margin-bottom: 14px;

    }


    .nv9c_section_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.8;

    }


    /* -----------------------------------------
       TEMPLE CARD
    ----------------------------------------- */

    .nv9c_temple_card {

        min-height: 118px;

        padding: 19px 17px;

        border-radius: 15px;

    }


    .nv9c_planet_icon {

        flex: 0 0 56px;

        width: 56px;
        height: 56px;

        margin-right: 14px;

        border-radius: 14px;

        font-size: 27px;

    }


    .nv9c_planet_name {

        font-size: 11px;

        margin-bottom: 5px;

        letter-spacing: 0.4px;

    }


    .nv9c_temple_title {

        font-size: 17px;

        line-height: 1.3;

        margin-bottom: 7px;

    }


    .nv9c_temple_location {

        font-size: 11px;

        line-height: 1.4;

        gap: 6px;

    }


    .nv9c_temple_location i {

        font-size: 10px;

    }


    /* -----------------------------------------
       CULTURAL CONTEXT
    ----------------------------------------- */

    .nv9c_cultural_context {

        align-items: flex-start;

        gap: 12px;

        max-width: 100%;

        margin-top: 32px;

        padding: 17px 16px;

        border-radius: 13px;

    }


    .nv9c_context_icon {

        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 11px;

        font-size: 15px;

    }


    .nv9c_context_text {

        font-size: 11px;

        line-height: 1.7;

        text-align: justify;

    }

}
















/* =========================================================
   NAVAGRAHA PACKAGE PLANNING SECTION
========================================================= */

.nvpkgplan_package_planning_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.nvpkgplan_package_planning_section *,
.nvpkgplan_package_planning_section *::before,
.nvpkgplan_package_planning_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvpkgplan_intro_area {

    max-width: 850px;
    margin: 0 auto 30px;

    text-align: center;
}


/* =========================================================
   BADGE
========================================================= */

.nvpkgplan_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: #f9b0b3;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.nvpkgplan_badge i {

    font-size: 16px;

    color: #f3525a;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.nvpkgplan_main_title {

    margin: 0 0 18px;

    color: #172033;

    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: -0.5px;
}


.nvpkgplan_main_title::after {

    content: "";

    display: block;

    width: 58px;
    height: 4px;

    margin: 18px auto 0;

    background: #f3525a;

    border-radius: 10px;
}


/* =========================================================
   INTRO TEXT
========================================================= */

.nvpkgplan_intro_text {

    max-width: 780px;

    margin: 20px auto 0;

    color: #667085;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}


.nvpkgplan_intro_text strong {

    color: #f3525a;

    font-weight: 600;
}


/* =========================================================
   CONTENT ROW
========================================================= */

.nvpgplan_content_row {

    max-width: 1050px;

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   INFORMATION CARD
========================================================= */

.nvpkgplan_info_card {

    position: relative;

    height: 100%;

    display: flex;
    align-items: flex-start;

    gap: 20px;

    padding: 28px 26px;

    background: #ffffff;

    border: 1px solid #edf0f4;

    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(23, 32, 51, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    overflow: hidden;
}


.nvpkgplan_info_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background: #f3525a;

    transform: scaleY(0);

    transform-origin: top;

    transition: transform 0.3s ease;
}


.nvpkgplan_info_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.25);

    box-shadow: 0 14px 35px rgba(23, 32, 51, 0.11);
}


.nvpkgplan_info_card:hover::before {

    transform: scaleY(1);
}


/* =========================================================
   ICON BOX
========================================================= */

.nvpkgplan_icon_box {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 23px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.nvpkgplan_info_card:hover .nvpkgplan_icon_box {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg) scale(1.04);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.nvpkgplan_card_content {

    flex: 1;

    min-width: 0;
}


.nvpkgplan_card_title {

    margin: 2px 0 9px;

    color: #172033;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}


.nvpkgplan_card_text {

    margin: 0;

    color: #667085;

    font-size: 15px;
    line-height: 1.75;
    font-weight: 400;
    text-align: justify;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.nvpkgplan_bottom_note {

    max-width: 1000px;

    margin: 42px auto 0;

    display: flex;
    align-items: center;

    gap: 16px;

    padding: 21px 24px;

    background: #fff7f7;

    border: 1px solid rgba(243, 82, 90, 0.18);

    border-radius: 15px;
}


.nvpkgplan_note_icon {

    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;

    border-radius: 12px;

    color: #ffffff;

    font-size: 18px;
}


.nvpkgplan_note_text {

    margin: 0;

    color: #4d5668;

    font-size: 14px;
    line-height: 1.7;
    font-weight: 500;
}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .nvpkgplan_package_planning_section {

        padding: 55px 20px;
    }


    /* =========================
       SECTION INTRO
    ========================= */

    .nvpkgplan_intro_area {

        max-width: 760px;

        margin-bottom: 32px;
    }


    .nvpkgplan_badge {

        padding: 8px 17px;

        font-size: 12px;

        margin-bottom: 15px;
    }


    .nvpkgplan_main_title {

        font-size: 32px;

        line-height: 1.3;
    }


    .nvpkgplan_intro_text {

        max-width: 700px;

        font-size: 15px;

        line-height: 1.75;

        margin-top: 17px;
    }


    /* =========================
       CONTENT ROW
    ========================= */

    .nvpgplan_content_row {

        max-width: 850px;
    }


    /* =========================
       INFORMATION CARD
    ========================= */

    .nvpkgplan_info_card {

        gap: 17px;

        padding: 24px 22px;

        border-radius: 16px;
    }


    .nvpkgplan_icon_box {

        flex: 0 0 54px;

        width: 54px;
        height: 54px;

        border-radius: 14px;

        font-size: 21px;
    }


    .nvpkgplan_card_title {

        font-size: 19px;

        margin: 1px 0 8px;
    }


    .nvpkgplan_card_text {

        font-size: 14px;

        line-height: 1.7;
    }


    /* =========================
       BOTTOM NOTE
    ========================= */

    .nvpkgplan_bottom_note {

        max-width: 850px;

        margin-top: 35px;

        padding: 19px 21px;

        gap: 14px;
    }


    .nvpkgplan_note_icon {

        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 11px;

        font-size: 17px;
    }


    .nvpkgplan_note_text {

        font-size: 13px;

        line-height: 1.65;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .nvpkgplan_package_planning_section {

        padding: 45px 16px;
    }


    /* =========================
       SECTION INTRO
    ========================= */

    .nvpkgplan_intro_area {

        max-width: 100%;

        margin-bottom: 20px;
    }


    .nvpkgplan_badge {

        padding: 8px 15px;

        gap: 7px;

        margin-bottom: 14px;

        font-size: 10px;

        letter-spacing: 0.6px;
    }


    .nvpkgplan_badge i {

        font-size: 14px;
    }


    .nvpkgplan_main_title {

        font-size: 26px;

        line-height: 1.3;

        letter-spacing: -0.3px;

        margin-bottom: 14px;
    }


    .nvpkgplan_main_title::after {

        width: 48px;

        height: 3px;

        margin-top: 14px;
    }


    .nvpkgplan_intro_text {

        max-width: 100%;

        margin-top: 16px;

        font-size: 14px;

        line-height: 1.75;

   
    }


    /* =========================
       INFORMATION CARD
    ========================= */

    .nvpkgplan_info_card {

        gap: 14px;

        padding: 20px 17px;

        border-radius: 15px;
    }


    .nvpkgplan_info_card::before {

        width: 3px;
    }


    .nvpkgplan_icon_box {

        flex: 0 0 47px;

        width: 47px;
        height: 47px;

        border-radius: 12px;

        font-size: 18px;
    }


    .nvpkgplan_card_content {

        padding-top: 1px;
    }


    .nvpkgplan_card_title {

        font-size: 17px;

        line-height: 1.35;

        margin: 0 0 7px;
    }


    .nvpkgplan_card_text {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;
    }


    /* =========================
       BOTTOM NOTE
    ========================= */

    .nvpkgplan_bottom_note {

        margin-top: 28px;

        padding: 17px 16px;

        gap: 12px;

        border-radius: 13px;

        align-items: flex-start;
    }


    .nvpkgplan_note_icon {

        flex: 0 0 39px;

        width: 39px;
        height: 39px;

        border-radius: 10px;

        font-size: 15px;
    }


    .nvpkgplan_note_text {

        font-size: 12.5px;

        line-height: 1.65;

        padding-top: 1px;

        text-align: justify;
    }

}


















/* =========================================================
   NAVAGRAHA TOUR STARTING OPTIONS SECTION
========================================================= */

.nvgsp_starting_options_section {

    width: 100%;
    padding: 60px 20px;

    background: rgb(223, 231, 239);

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.nvgsp_starting_options_section *,
.nvgsp_starting_options_section *::before,
.nvgsp_starting_options_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvgsp_starting_options_intro {

    max-width: 850px;
    margin: 0 auto 30px;

}


.nvgsp_starting_options_badge {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    border-radius: 50px;

    background: #ffffff;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    box-shadow: 0 6px 20px rgba(23, 32, 51, 0.08);

}


.nvgsp_starting_options_badge i {

    color: #f3525a;

    font-size: 17px;

}


.nvgsp_starting_options_title {

    margin: 0 0 15px;

    color: #172033;

    font-size: 36px;
    line-height: 1.25;

    font-weight: 700;

}


.nvgsp_starting_options_description {

    max-width: 720px;

    margin: 0 auto;

    color: #596579;

    font-size: 16px;
    line-height: 1.8;

}


/* =========================================================
   STARTING OPTION CARD
========================================================= */

.nvgsp_starting_option_card {

    position: relative;

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(23, 32, 51, 0.08);

    overflow: hidden;

    cursor: pointer;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.nvgsp_starting_option_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

}


.nvgsp_starting_option_card::after {

    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    right: -55px;
    bottom: -60px;

    border-radius: 50%;

    background: rgba(249, 176, 179, 0.16);

    pointer-events: none;

}


.nvgsp_starting_option_card:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow: 0 20px 45px rgba(23, 32, 51, 0.13);

}

.nvgsp_starting_option_card_link {

    display: block;

    width: 100%;

    color: inherit;

    text-decoration: none;

}


.nvgsp_starting_option_card_link:hover {

    color: inherit;

    text-decoration: none;

}
/* =========================================================
   CARD TOP
========================================================= */

.nvgsp_starting_option_top {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 25px;

}


.nvgsp_starting_option_icon {

    width: 54px;
    height: 54px;

    flex: 0 0 54px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background: rgba(249, 176, 179, 0.22);

    color: #f3525a;

    font-size: 21px;

}


.nvgsp_starting_option_label {

    display: inline-block;

    color: #f3525a;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.7px;

    text-transform: uppercase;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.nvgsp_starting_option_content {

    position: relative;

    z-index: 2;

}


.nvgsp_starting_option_title {

    margin: 0 0 14px;

    color: #172033;

    font-size: 24px;

    line-height: 1.4;

    font-weight: 700;

}


.nvgsp_starting_option_text {

    margin: 0 0 25px;

    color: #596579;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;

}


.nvgsp_starting_option_text strong {

    color: #172033;

    font-weight: 700;

}


/* =========================================================
   ROUTE BUTTON
========================================================= */

.nvgsp_starting_option_btn {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    min-height: 48px;

    padding: 12px 20px;

    border-radius: 40px;

    background: #f3525a;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.22);

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.nvgsp_starting_option_btn:hover {

    background: #d9434b;

    color: #ffffff;

    text-decoration: none;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(243, 82, 90, 0.30);

}


.nvgsp_starting_option_btn i {

    font-size: 13px;

    transition: transform 0.3s ease;

}


.nvgsp_starting_option_btn:hover i {

    transform: translateX(4px);

}


/* =========================================================
   PLANNING NOTE
========================================================= */

.nvgsp_starting_options_note {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    max-width: 1200px;

    margin: 42px auto 0;

    padding: 20px 24px;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(243, 82, 90, 0.12);

    border-radius: 15px;

}


.nvgsp_starting_options_note_icon {

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f9b0b3;

    color: #ffffff;

    font-size: 17px;

}


.nvgsp_starting_options_note_text {

    margin: 0;

    color: #596579;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;

}


.nvgsp_starting_options_note_text strong {

    color: #172033;

    font-weight: 700;

}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .nvgsp_starting_options_section {

        padding: 50px 20px;

    }


    /* -----------------------------------------------------
       SECTION INTRO
    ----------------------------------------------------- */

    .nvgsp_starting_options_intro {

        max-width: 760px;

        margin-bottom: 30px;

    }


    .nvgsp_starting_options_badge {

        padding: 8px 16px;

        margin-bottom: 15px;

        font-size: 12px;

        letter-spacing: 0.8px;

    }


    .nvgsp_starting_options_title {

        font-size: 31px;

        line-height: 1.3;

        margin-bottom: 12px;

    }


    .nvgsp_starting_options_description {

        max-width: 650px;

        font-size: 15px;

        line-height: 1.7;

    }


    /* -----------------------------------------------------
       STARTING OPTION CARDS
    ----------------------------------------------------- */

    .nvgsp_starting_option_card {

        padding: 25px;

        border-radius: 19px;

    }


    .nvgsp_starting_option_top {

        gap: 13px;

        margin-bottom: 21px;

    }


    .nvgsp_starting_option_icon {

        width: 50px;
        height: 50px;

        flex: 0 0 50px;

        border-radius: 14px;

        font-size: 19px;

    }


    .nvgsp_starting_option_label {

        font-size: 12.5px;

        letter-spacing: 0.6px;

    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .nvgsp_starting_option_title {

        font-size: 22px;

        line-height: 1.35;

        margin-bottom: 12px;

    }


    .nvgsp_starting_option_text {

        font-size: 14px;

        line-height: 1.75;

        margin-bottom: 22px;

    }


    /* -----------------------------------------------------
       ROUTE BUTTON
    ----------------------------------------------------- */

    .nvgsp_starting_option_btn {

        min-height: 46px;

        padding: 11px 18px;

        font-size: 13px;

    }


    /* -----------------------------------------------------
       PLANNING NOTE
    ----------------------------------------------------- */

    .nvgsp_starting_options_note {

        max-width: 100%;

        margin-top: 35px;

        padding: 18px 20px;

        gap: 13px;

        border-radius: 14px;

    }


    .nvgsp_starting_options_note_icon {

        width: 36px;
        height: 36px;

        flex: 0 0 36px;

        font-size: 16px;

    }


    .nvgsp_starting_options_note_text {

        font-size: 13px;

        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767.98px) {

    .nvgsp_starting_options_section {

        padding: 45px 15px;

    }


    /* -----------------------------------------------------
       SECTION INTRO
    ----------------------------------------------------- */

    .nvgsp_starting_options_intro {

        max-width: 100%;

        margin-bottom: 30px;

    }


    .nvgsp_starting_options_badge {

        gap: 7px;

        padding: 8px 14px;

        margin-bottom: 14px;

        font-size: 10.5px;

        letter-spacing: 0.7px;

    }


    .nvgsp_starting_options_badge i {

        font-size: 15px;

    }


    .nvgsp_starting_options_title {

        font-size: 26px;

        line-height: 1.3;

        margin-bottom: 12px;

    }


    .nvgsp_starting_options_description {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.7;

    }


    /* -----------------------------------------------------
       CARD
    ----------------------------------------------------- */

    .nvgsp_starting_option_card {

        padding: 23px 20px;

        border-radius: 18px;

    }


    .nvgsp_starting_option_card:hover {

        transform: translateY(-4px);

    }


    /* -----------------------------------------------------
       CARD TOP
    ----------------------------------------------------- */

    .nvgsp_starting_option_top {

        gap: 12px;

        margin-bottom: 20px;

    }


    .nvgsp_starting_option_icon {

        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        border-radius: 13px;

        font-size: 18px;

    }


    .nvgsp_starting_option_label {

        font-size: 11.5px;

        letter-spacing: 0.5px;

    }


    /* -----------------------------------------------------
       CARD CONTENT
    ----------------------------------------------------- */

    .nvgsp_starting_option_title {

        font-size: 20px;

        line-height: 1.4;

        margin-bottom: 11px;

    }


    .nvgsp_starting_option_text {

        font-size: 13.5px;

        line-height: 1.75;

        margin-bottom: 21px;

        text-align: justify;

    }


    /* -----------------------------------------------------
       ROUTE BUTTON
    ----------------------------------------------------- */

    .nvgsp_starting_option_btn {

        width: 100%;

        min-height: 46px;

        padding: 11px 16px;

        gap: 8px;

        font-size: 13px;

        border-radius: 40px;

    }


    /* -----------------------------------------------------
       PLANNING NOTE
    ----------------------------------------------------- */

    .nvgsp_starting_options_note {

        display: flex;

        align-items: flex-start;

        gap: 11px;

        width: 100%;

        margin-top: 30px;

        padding: 17px 16px;

        border-radius: 13px;

    }


    .nvgsp_starting_options_note_icon {

        width: 34px;
        height: 34px;

        flex: 0 0 34px;

        font-size: 15px;

    }


    .nvgsp_starting_options_note_text {

        font-size: 12.5px;

        line-height: 1.7;

        text-align: justify;

    }

}















/* =========================================================
   NAVAGRAHA PACKAGE OPTIONS SECTION
========================================================= */

.nvpkgopt_unique_package_options_section {

    width: 100%;
    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    color: #172033;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.nvpkgopt_unique_package_options_section *,
.nvpkgopt_unique_package_options_section *::before,
.nvpkgopt_unique_package_options_section *::after {

    box-sizing: border-box;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvpkgopt_section_intro {

    max-width: 850px;
    margin: 0 auto 30px;

}


.nvpkgopt_section_badge {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 18px;

    background: #fff1f2;

    border: 1px solid #f9b0b3;
    border-radius: 50px;

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

}


.nvpkgopt_section_badge i {

    color: #f3525a;
    font-size: 16px;

}


.nvpkgopt_section_title {

    margin: 0 0 15px;

    color: #172033;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.25;

}


.nvpkgopt_section_description {

    max-width: 730px;

    margin: 0 auto;

    color: #657084;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.8;

}


/* =========================================================
   PACKAGE ROW
========================================================= */

.nvpkgopt_package_row {

    margin-left: -10px;
    margin-right: -10px;

}


.nvpkgopt_package_column {

    padding-left: 10px;
    padding-right: 10px;

    margin-bottom: 20px;

}


/* =========================================================
   PACKAGE CARD
========================================================= */

.nvpkgopt_package_card {

    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    min-height: 355px;

    cursor: pointer;

    padding: 27px 24px;

    background: #ffffff;

    border: 1px solid #e8ebf0;
    border-radius: 20px;

    box-shadow: 0 10px 30px rgba(23, 32, 51, 0.07);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


/* =========================================================
   TOP ACCENT
========================================================= */

.nvpkgopt_package_card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;

}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.nvpkgopt_package_card::after {

    content: "";

    position: absolute;

    right: -65px;
    bottom: -65px;

    width: 145px;
    height: 145px;

    background: #fff5f5;

    border-radius: 50%;

    transition: transform 0.45s ease;

}


/* =========================================================
   FULL CARD LINK
========================================================= */

.nvpkgopt_full_card_link {

    position: absolute;

    inset: 0;

    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    text-decoration: none;

}


/* =========================================================
   CARD CONTENT LAYER
========================================================= */

.nvpkgopt_card_top,
.nvpkgopt_card_title,
.nvpkgopt_card_text,
.nvpkgopt_card_action {

    position: relative;

    z-index: 2;

}


/* =========================================================
   CARD HOVER
========================================================= */

.nvpkgopt_package_card:hover {

    transform: translateY(-8px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 42px rgba(243, 82, 90, 0.14);

}


.nvpkgopt_package_card:hover::before {

    transform: scaleX(1);

}


.nvpkgopt_package_card:hover::after {

    transform: scale(1.25);

}


/* =========================================================
   CARD TOP
========================================================= */

.nvpkgopt_card_top {

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 23px;

}


/* =========================================================
   CARD ICON
========================================================= */

.nvpkgopt_card_icon {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    flex-shrink: 0;

    background: #fff1f2;

    border: 1px solid #f9b0b3;

    border-radius: 15px;

    color: #f3525a;

    font-size: 20px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.nvpkgopt_package_card:hover .nvpkgopt_card_icon {

    background: #f3525a;

    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);

}


/* =========================================================
   CARD TITLE
========================================================= */

.nvpkgopt_card_title {

    margin: 0 0 13px;

    color: #172033;

    font-size: 20px;
    font-weight: 700;

    line-height: 1.45;

    transition: color 0.3s ease;

}


.nvpkgopt_package_card:hover .nvpkgopt_card_title {

    color: #f3525a;

}


/* =========================================================
   CARD TEXT
========================================================= */

.nvpkgopt_card_text {

    margin: 0 0 22px;

    color: #687386;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.75;
    text-align: justify;

}


/* =========================================================
   CARD ACTION - REAL A TAG
========================================================= */

.nvpkgopt_card_action {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    width: fit-content;

    margin-top: auto;

    color: #f3525a;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.4;

    transition:
        gap 0.3s ease,
        color 0.3s ease;

}


.nvpkgopt_card_action:hover,
.nvpkgopt_card_action:focus {

    color: #f3525a;

    text-decoration: none;

    gap: 12px;

}


.nvpkgopt_card_action i {

    font-size: 11px;

    transition: transform 0.3s ease;

}


.nvpkgopt_card_action:hover i {

    transform: translateX(3px);

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .nvpkgopt_unique_package_options_section {

        padding: 55px 20px;

    }


    /* -----------------------------------------
       SECTION INTRO
    ----------------------------------------- */

    .nvpkgopt_section_intro {

        max-width: 760px;

        margin-bottom: 25px;

    }


    .nvpkgopt_section_badge {

        padding: 8px 16px;

        margin-bottom: 16px;

        font-size: 12px;

    }


    .nvpkgopt_section_badge i {

        font-size: 15px;

    }


    .nvpkgopt_section_title {

        font-size: 32px;

        line-height: 1.3;

    }


    .nvpkgopt_section_description {

        max-width: 680px;

        font-size: 15px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       PACKAGE GRID
    ----------------------------------------- */

    .nvpkgopt_package_row {

        margin-left: -10px;
        margin-right: -10px;

    }


    .nvpkgopt_package_column {

        padding-left: 10px;
        padding-right: 10px;

        margin-bottom: 20px;

    }


    /* -----------------------------------------
       PACKAGE CARD
    ----------------------------------------- */

    .nvpkgopt_package_card {

        min-height: 335px;

        padding: 25px 22px;

        border-radius: 18px;

    }


    /* -----------------------------------------
       CARD TOP
    ----------------------------------------- */

    .nvpkgopt_card_top {

        margin-bottom: 21px;

    }


    /* -----------------------------------------
       CARD ICON
    ----------------------------------------- */

    .nvpkgopt_card_icon {

        width: 52px;
        height: 52px;

        border-radius: 14px;

        font-size: 19px;

    }


    /* -----------------------------------------
       CARD TITLE
    ----------------------------------------- */

    .nvpkgopt_card_title {

        font-size: 19px;

        line-height: 1.45;

    }


    /* -----------------------------------------
       CARD TEXT
    ----------------------------------------- */

    .nvpkgopt_card_text {

        font-size: 13px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       CARD ACTION
    ----------------------------------------- */

    .nvpkgopt_card_action {

        font-size: 13px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .nvpkgopt_unique_package_options_section {

        padding: 48px 15px;

    }


    /* -----------------------------------------
       SECTION INTRO
    ----------------------------------------- */

    .nvpkgopt_section_intro {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .nvpkgopt_section_badge {

        gap: 7px;

        padding: 8px 14px;

        margin-bottom: 15px;

        font-size: 10px;

        letter-spacing: 0.8px;

    }


    .nvpkgopt_section_badge i {

        font-size: 14px;

    }


    .nvpkgopt_section_title {

        margin-bottom: 13px;

        font-size: 27px;

        line-height: 1.3;

    }


    .nvpkgopt_section_description {

        max-width: 100%;

        font-size: 13px;

        line-height: 1.75;

    }


    /* -----------------------------------------
       PACKAGE GRID
    ----------------------------------------- */

    .nvpkgopt_package_row {

        margin-left: -8px;
        margin-right: -8px;

    }


    .nvpkgopt_package_column {

        padding-left: 8px;
        padding-right: 8px;

        margin-bottom: 17px;

    }


    /* -----------------------------------------
       PACKAGE CARD
    ----------------------------------------- */

    .nvpkgopt_package_card {

        min-height: 0;

        padding: 23px 21px;

        border-radius: 17px;

    }


    /* -----------------------------------------
       CARD TOP
    ----------------------------------------- */

    .nvpkgopt_card_top {

        margin-bottom: 20px;

    }


    /* -----------------------------------------
       CARD ICON
    ----------------------------------------- */

    .nvpkgopt_card_icon {

        width: 50px;
        height: 50px;

        border-radius: 14px;

        font-size: 18px;

    }


    /* -----------------------------------------
       CARD TITLE
    ----------------------------------------- */

    .nvpkgopt_card_title {

        margin-bottom: 11px;

        font-size: 18px;

        line-height: 1.45;

    }


    /* -----------------------------------------
       CARD TEXT
    ----------------------------------------- */

    .nvpkgopt_card_text {

        margin-bottom: 20px;

        font-size: 13px;

        line-height: 1.75;

        text-align: justify;

    }


    /* -----------------------------------------
       CARD ACTION
    ----------------------------------------- */

    .nvpkgopt_card_action {

        gap: 7px;

        font-size: 13px;

    }


    .nvpkgopt_card_action i {

        font-size: 10px;

    }

}















/* =========================================================
   PACKAGE DETAILS SECTION
========================================================= */

.nvpkgdt_package_details_section {
    position: relative;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
     font-family: "Poppins", sans-serif;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvpkgdt_intro_wrap {
    max-width: 820px;
    margin: 0 auto 30px;
}

.nvpkgdt_section_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(243, 82, 90, 0.25);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.72);
    color: #f3525a;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.nvpkgdt_section_badge i {
    font-size: 17px;
}

.nvpkgdt_section_title {
    margin: 0 0 17px;
    color: #1e293b;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
}

.nvpkgdt_section_description {
    max-width: 720px;
    margin: 0 auto;
    color: #64748b;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SERVICE CARDS
========================================================= */

.nvpkgdt_services_row {
    position: relative;
}

.nvpkgdt_service_card {
    position: relative;
    height: 100%;
    padding: 30px 28px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 35px rgba(31, 41, 55, 0.07);
    transition: all 0.3s ease;
    overflow: hidden;
}

.nvpkgdt_service_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #f3525a, #f9b0b3);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.nvpkgdt_service_card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 42px rgba(31, 41, 55, 0.12);
}

.nvpkgdt_service_card:hover::before {
    transform: scaleX(1);
}


/* =========================================================
   SERVICE ICON
========================================================= */

.nvpkgdt_icon_box {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
    border-radius: 15px;
    background: linear-gradient(
        135deg,
        rgba(243, 82, 90, 0.14),
        rgba(249, 176, 179, 0.34)
    );
    color: #f3525a;
    font-size: 22px;
    transition: all 0.3s ease;
}

.nvpkgdt_service_card:hover .nvpkgdt_icon_box {
    background: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);
}

.nvpkgdt_card_content h3 {
    margin: 0 0 11px;
    color: #1e293b;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 750;
}

.nvpkgdt_card_content p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
    text-align: justify;
}


/* =========================================================
   VEHICLE OPTIONS PANEL
========================================================= */

.nvpkgdt_vehicle_panel {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 30px;
    border: 1px solid rgba(243, 82, 90, 0.18);
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95),
        rgba(249, 176, 179, 0.18)
    );
    box-shadow: 0 12px 35px rgba(31, 41, 55, 0.07);
    overflow: hidden;
}

.nvpkgdt_vehicle_panel::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -65px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(243, 82, 90, 0.08);
}

.nvpkgdt_vehicle_icon {
    position: relative;
    z-index: 1;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #f3525a;
    color: #ffffff;
    font-size: 25px;
    box-shadow: 0 10px 22px rgba(243, 82, 90, 0.25);
}

.nvpkgdt_vehicle_content {
    position: relative;
    z-index: 1;
}

.nvpkgdt_vehicle_content h3 {
    margin: 0 0 9px;
    color: #1e293b;
    font-size: 21px;
    font-weight: 800;
}

.nvpkgdt_vehicle_content p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
    text-align: justify;
}

.nvpkgdt_vehicle_content strong {
    color: #f3525a;
    font-weight: 750;
}


/* =========================================================
   IMPORTANT INFORMATION
========================================================= */

.nvpkgdt_important_wrap {
    position: relative;
    margin-top: 30px;
    padding: 38px;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 15px 45px rgba(31, 41, 55, 0.09);
    overflow: hidden;
}

.nvpkgdt_important_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #f3525a, #f9b0b3);
}

.nvpkgdt_important_heading {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 30px;
}

.nvpkgdt_important_icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    border-radius: 15px;
    background: rgba(243, 82, 90, 0.11);
    color: #f3525a;
    font-size: 22px;
}

.nvpkgdt_important_heading h3 {
    margin: 0;
    color: #1e293b;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 800;
}


/* =========================================================
   INFORMATION ITEMS
========================================================= */

.nvpkgdt_info_item {
    position: relative;
    height: 100%;
    padding: 20px 20px 20px;
    border: 1px solid #edf0f3;
    border-radius: 17px;
    background: #f8fafc;
    transition: all 0.3s ease;
}

.nvpkgdt_info_item:hover {
    border-color: rgba(243, 82, 90, 0.25);
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(31, 41, 55, 0.07);
}

.nvpkgdt_info_number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 17px;
    border-radius: 11px;
    background: #f9b0b3;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.nvpkgdt_info_item p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .nvpkgdt_package_details_section {
        padding: 55px 20px;
    }

    .nvpkgdt_intro_wrap {
        max-width: 700px;
        margin-bottom: 25px;
    }

    .nvpkgdt_section_badge {
        padding: 8px 16px;
        font-size: 13px;
    }

    .nvpkgdt_section_title {
        font-size: 31px;
        line-height: 1.25;
        margin-bottom: 14px;
    }

    .nvpkgdt_section_description {
        max-width: 650px;
        font-size: 15px;
        line-height: 1.7;
    }


    /* Service Cards */

    .nvpkgdt_service_card {
        padding: 26px 24px;
        border-radius: 18px;
    }

    .nvpkgdt_icon_box {
        width: 50px;
        height: 50px;
        margin-bottom: 18px;
        border-radius: 14px;
        font-size: 20px;
    }

    .nvpkgdt_card_content h3 {
        font-size: 19px;
        margin-bottom: 9px;
    }

    .nvpkgdt_card_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* Vehicle Panel */

    .nvpkgdt_vehicle_panel {
        padding: 26px;
        gap: 20px;
        border-radius: 18px;
    }

    .nvpkgdt_vehicle_icon {
        flex: 0 0 56px;
        width: 56px;
        height: 56px;
        border-radius: 16px;
        font-size: 22px;
    }

    .nvpkgdt_vehicle_content h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .nvpkgdt_vehicle_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* Important Information */

    .nvpkgdt_important_wrap {
        margin-top: 35px;
        padding: 30px;
        border-radius: 20px;
    }

    .nvpkgdt_important_heading {
        gap: 14px;
        margin-bottom: 25px;
    }

    .nvpkgdt_important_icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        border-radius: 14px;
        font-size: 20px;
    }

    .nvpkgdt_important_heading h3 {
        font-size: 23px;
    }


    /* Information Items */

    .nvpkgdt_info_item {
        padding: 20px;
        border-radius: 15px;
    }

    .nvpkgdt_info_number {
        width: 36px;
        height: 36px;
        margin-bottom: 14px;
        border-radius: 10px;
        font-size: 12px;
    }

    .nvpkgdt_info_item p {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .nvpkgdt_package_details_section {
        padding: 50px 15px;
    }


    /* Section Intro */

    .nvpkgdt_intro_wrap {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .nvpkgdt_section_badge {
        gap: 7px;
        padding: 8px 14px;
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 0.2px;
    }

    .nvpkgdt_section_badge i {
        font-size: 15px;
    }

    .nvpkgdt_section_title {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 13px;
    }

    .nvpkgdt_section_description {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }


    /* Service Cards */

    .nvpkgdt_services_row {
        --bs-gutter-y: 18px;
    }

    .nvpkgdt_service_card {
        padding: 24px 21px;
        border-radius: 17px;
    }

    .nvpkgdt_icon_box {
        width: 48px;
        height: 48px;
        margin-bottom: 17px;
        border-radius: 13px;
        font-size: 19px;
    }

    .nvpkgdt_card_content h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .nvpkgdt_card_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* Vehicle Panel */

    .nvpkgdt_vehicle_panel {
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
        padding: 24px 21px;
        border-radius: 17px;
    }

    .nvpkgdt_vehicle_icon {
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        border-radius: 15px;
        font-size: 21px;
    }

    .nvpkgdt_vehicle_content h3 {
        font-size: 19px;
        margin-bottom: 8px;
    }

    .nvpkgdt_vehicle_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* Important Information */

    .nvpkgdt_important_wrap {
        margin-top: 32px;
        padding: 25px 20px;
        border-radius: 18px;
    }

    .nvpkgdt_important_heading {
        align-items: center;
        gap: 12px;
        margin-bottom: 22px;
    }

    .nvpkgdt_important_icon {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        border-radius: 13px;
        font-size: 19px;
    }

    .nvpkgdt_important_heading h3 {
        font-size: 21px;
        line-height: 1.35;
    }


    /* Information Items */

    .nvpkgdt_information_row {
        --bs-gutter-y: 16px;
    }

    .nvpkgdt_info_item {
        padding: 20px;
        border-radius: 15px;
    }

    .nvpkgdt_info_number {
        width: 35px;
        height: 35px;
        margin-bottom: 13px;
        border-radius: 10px;
        font-size: 12px;
    }

    .nvpkgdt_info_item p {
        font-size: 14px;
        line-height: 1.7;
    }

}















/* =========================================================
   NAVAGRAHA BOOKING PROCESS SECTION
========================================================= */

.nvgrhBookingFlowX742_section {

    position: relative;

    padding: 60px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;

    overflow: hidden;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvgrhBookingFlowX742_intro {

    max-width: 850px;

    margin: 0 auto 30px;
}


.nvgrhBookingFlowX742_badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 9px 18px;

    margin-bottom: 18px;

    border-radius: 50px;

    background: #fff0f1;

    color: #f3525a;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.4px;
}


.nvgrhBookingFlowX742_badge i {

    font-size: 18px;

    color: #f3525a;
}


.nvgrhBookingFlowX742_title {

    margin: 0 0 15px;

    color: #20242a;

    font-size: 38px;

    line-height: 1.25;

    font-weight: 700;
}


.nvgrhBookingFlowX742_description {

    max-width: 760px;

    margin: 0 auto;

    color: #68717c;

    font-size: 16px;

    line-height: 1.8;
}


.nvgrhBookingFlowX742_description strong {

    color: #343a40;

    font-weight: 600;
}


/* =========================================================
   PROCESS ROW
========================================================= */

.nvgrhBookingFlowX742_steps_row {

    position: relative;

    row-gap: 30px;
}


/* =========================================================
   PROCESS STEP CARD
========================================================= */

.nvgrhBookingFlowX742_step {

    position: relative;

    height: 100%;

    padding: 32px 30px;

    background: #ffffff;

    border: 1px solid #f3dfe0;

    border-radius: 22px;

    box-shadow: 0 12px 35px rgba(243, 82, 90, 0.08);

    transition: all 0.3s ease;

    overflow: hidden;
}


/* TOP ACCENT LINE */

.nvgrhBookingFlowX742_step::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );
}


.nvgrhBookingFlowX742_step:hover {

    transform: translateY(-7px);

    border-color: #f9b0b3;

    box-shadow: 0 18px 42px rgba(243, 82, 90, 0.14);
}


/* =========================================================
   STEP TOP
========================================================= */

.nvgrhBookingFlowX742_step_top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 25px;
}


/* =========================================================
   STEP NUMBER
========================================================= */

.nvgrhBookingFlowX742_number {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

    border-radius: 14px;

    background: #f3525a;

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;

    box-shadow: 0 8px 18px rgba(243, 82, 90, 0.22);
}


/* =========================================================
   STEP ICON
========================================================= */

.nvgrhBookingFlowX742_icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 54px;

    height: 54px;

    border-radius: 16px;

    background: #fff0f1;

    color: #f3525a;

    font-size: 21px;

    transition: all 0.3s ease;
}


.nvgrhBookingFlowX742_step:hover
.nvgrhBookingFlowX742_icon {

    background: #f9b0b3;

    color: #ffffff;

    transform: rotate(-5deg);
}


/* =========================================================
   STEP CONTENT
========================================================= */

.nvgrhBookingFlowX742_step_content h3 {

    margin: 0 0 13px;

    color: #292d32;

    font-size: 20px;

    line-height: 1.45;

    font-weight: 700;
}


.nvgrhBookingFlowX742_step_content p {

    margin: 0;

    color: #707984;

    font-size: 15px;

    line-height: 1.8;

    text-align: justify;
}


.nvgrhBookingFlowX742_step_content p strong {

    color: #41474e;

    font-weight: 600;
}


/* =========================================================
   ACTION AREA
========================================================= */

.nvgrhBookingFlowX742_actions {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-top: 48px;

    flex-wrap: wrap;
}


/* =========================================================
   WHATSAPP PRIMARY BUTTON
========================================================= */

.nvgrhBookingFlowX742_primary_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    min-height: 52px;

    padding: 0 24px;

    border-radius: 40px;

    background: #25D366;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.22);

    transition: all 0.3s ease;
}


.nvgrhBookingFlowX742_primary_btn i {

    color: #ffffff;

    font-size: 19px;
}


.nvgrhBookingFlowX742_primary_btn:hover {

    background: #20bd5a;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow: 0 14px 28px rgba(37, 211, 102, 0.28);
}


.nvgrhBookingFlowX742_primary_btn:focus {

    color: #ffffff;

    outline: none;
}


/* =========================================================
   SECONDARY ENQUIRY BUTTON
========================================================= */

.nvgrhBookingFlowX742_secondary_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 52px;

    padding: 0 24px;

    border: 1px solid #f9b0b3;

    border-radius: 40px;

    background: #ffffff;

    color: #f3525a;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}


.nvgrhBookingFlowX742_secondary_btn i {

    color: #f3525a;

    font-size: 15px;
}


.nvgrhBookingFlowX742_secondary_btn:hover {

    background: #fff0f1;

    color: #f3525a;

    border-color: #f3525a;

    transform: translateY(-3px);
}


.nvgrhBookingFlowX742_secondary_btn:focus {

    color: #f3525a;

    outline: none;
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .nvgrhBookingFlowX742_section {

        padding: 50px 20px;
    }


    /* SECTION INTRO */

    .nvgrhBookingFlowX742_intro {

        max-width: 750px;

        margin-bottom: 25px;
    }


    .nvgrhBookingFlowX742_badge {

        padding: 8px 16px;

        margin-bottom: 15px;

        font-size: 13px;
    }


    .nvgrhBookingFlowX742_badge i {

        font-size: 17px;
    }


    .nvgrhBookingFlowX742_title {

        font-size: 32px;

        line-height: 1.3;

        margin-bottom: 13px;
    }


    .nvgrhBookingFlowX742_description {

        max-width: 680px;

        font-size: 15px;

        line-height: 1.75;
    }


    /* PROCESS ROW */

    .nvgrhBookingFlowX742_steps_row {

        row-gap: 25px;
    }


    /* STEP CARD */

    .nvgrhBookingFlowX742_step {

        padding: 28px 24px;

        border-radius: 20px;
    }


    /* STEP TOP */

    .nvgrhBookingFlowX742_step_top {

        margin-bottom: 22px;
    }


    /* NUMBER */

    .nvgrhBookingFlowX742_number {

        width: 45px;

        height: 45px;

        border-radius: 13px;

        font-size: 19px;
    }


    /* ICON */

    .nvgrhBookingFlowX742_icon {

        width: 50px;

        height: 50px;

        border-radius: 14px;

        font-size: 20px;
    }


    /* CONTENT */

    .nvgrhBookingFlowX742_step_content h3 {

        font-size: 18px;

        line-height: 1.4;

        margin-bottom: 11px;
    }


    .nvgrhBookingFlowX742_step_content p {

        font-size: 14px;

        line-height: 1.75;
    }


    /* ACTIONS */

    .nvgrhBookingFlowX742_actions {

        margin-top: 38px;

        gap: 12px;
    }


    .nvgrhBookingFlowX742_primary_btn,
    .nvgrhBookingFlowX742_secondary_btn {

        min-height: 50px;

        padding: 0 22px;

        font-size: 13.5px;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .nvgrhBookingFlowX742_section {

        padding: 45px 15px;
    }


    /* SECTION INTRO */

    .nvgrhBookingFlowX742_intro {

        max-width: 100%;

        margin-bottom: 20px;
    }


    .nvgrhBookingFlowX742_badge {

        padding: 7px 14px;

        margin-bottom: 14px;

        gap: 8px;

        font-size: 12.5px;
    }


    .nvgrhBookingFlowX742_badge i {

        font-size: 16px;
    }


    .nvgrhBookingFlowX742_title {

        font-size: 23px;

        line-height: 1.3;

        margin-bottom: 12px;
    }


    .nvgrhBookingFlowX742_description {

        max-width: 100%;

        font-size: 13.5px;

        line-height: 1.75;
    }


    /* PROCESS ROW */

    .nvgrhBookingFlowX742_steps_row {

        row-gap: 18px;
    }


    /* STEP CARD */

    .nvgrhBookingFlowX742_step {

        padding: 24px 20px;

        border-radius: 18px;
    }


    /* STEP TOP */

    .nvgrhBookingFlowX742_step_top {

        margin-bottom: 19px;
    }


    /* NUMBER */

    .nvgrhBookingFlowX742_number {

        width: 43px;

        height: 43px;

        border-radius: 12px;

        font-size: 18px;
    }


    /* ICON */

    .nvgrhBookingFlowX742_icon {

        width: 47px;

        height: 47px;

        border-radius: 13px;

        font-size: 18px;
    }


    /* CONTENT */

    .nvgrhBookingFlowX742_step_content h3 {

        font-size: 17px;

        line-height: 1.45;

        margin-bottom: 10px;
    }


    .nvgrhBookingFlowX742_step_content p {

        font-size: 13.5px;

        line-height: 1.75;

        text-align: justify;
    }


    /* ACTION AREA */

    .nvgrhBookingFlowX742_actions {

        width: 100%;

        margin-top: 32px;

        gap: 11px;

        flex-direction: column;

        align-items: stretch;
    }


    /* BUTTONS */

    .nvgrhBookingFlowX742_primary_btn,
    .nvgrhBookingFlowX742_secondary_btn {

        width: 100%;

        min-height: 50px;

        padding: 0 18px;

        border-radius: 40px;

        font-size: 13.5px;

        text-align: center;
    }


    .nvgrhBookingFlowX742_primary_btn {

        gap: 9px;
    }


    .nvgrhBookingFlowX742_primary_btn i {

        font-size: 18px;
    }


    .nvgrhBookingFlowX742_secondary_btn {

        gap: 8px;
    }


    .nvgrhBookingFlowX742_secondary_btn i {

        font-size: 14px;
    }

}

















/* =========================================================
   CHENNAI AIRPORT ROUTE SECTION
========================================================= */

.cnair_navroute_section {
    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.cnair_navroute_intro {
    max-width: 900px;
    margin: 0 auto 30px;
}


.cnair_navroute_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: #fff0f1;
    border: 1px solid #f9b0b3;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.cnair_navroute_badge i {
    color: #f3525a;
    font-size: 16px;
}


.cnair_navroute_title {
    margin: 0 0 17px;
    color: #222222;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}


.cnair_navroute_description {
    max-width: 820px;
    margin: 0 auto;
    color: #666666;
    font-size: 16px;
    line-height: 1.9;
}


.cnair_navroute_description strong {
    color: #333333;
    font-weight: 700;
}


/* =========================================================
   ROUTE STEPS
========================================================= */

.cnair_navroute_steps_row {
    position: relative;
    row-gap: 25px;
}


/* =========================================================
   STEP CARD
========================================================= */

.cnair_navroute_step_card {
    position: relative;
    height: 100%;
    padding: 28px 25px 27px;
    background: #ffffff;
    border: 1px solid #f2d8d9;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(243, 82, 90, 0.07);
    transition: all 0.3s ease;
    overflow: hidden;
}


.cnair_navroute_step_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );
}


.cnair_navroute_step_card:hover {
    transform: translateY(-7px);
    border-color: #f9b0b3;
    box-shadow: 0 18px 38px rgba(243, 82, 90, 0.13);
}


/* =========================================================
   STEP TOP
========================================================= */

.cnair_navroute_step_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
}


.cnair_navroute_step_number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #fff0f1;
    color: #f3525a;
    border: 1px solid #f9b0b3;
    font-size: 13px;
    font-weight: 700;
}


.cnair_navroute_step_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    background: #f3525a;
    color: #ffffff;
    font-size: 21px;
    box-shadow: 0 8px 18px rgba(243, 82, 90, 0.20);
}


.cnair_navroute_step_icon i {
    transition: transform 0.3s ease;
}


.cnair_navroute_step_card:hover .cnair_navroute_step_icon i {
    transform: scale(1.1);
}


/* =========================================================
   STEP CONTENT
========================================================= */

.cnair_navroute_step_content h3 {
    margin: 0 0 9px;
    color: #242424;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
}


.cnair_navroute_step_content p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.cnair_navroute_note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 1200px;
    margin: 42px auto 0;
    padding: 20px 24px;
    background: #fff7f7;
    border-left: 4px solid #f3525a;
    border-radius: 12px;
}


.cnair_navroute_note_icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f9b0b3;
    color: #ffffff;
    font-size: 15px;
}


.cnair_navroute_note p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
  
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .cnair_navroute_section {
        padding: 55px 20px;
    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .cnair_navroute_intro {
        max-width: 760px;
        margin-bottom: 25px;
    }


    .cnair_navroute_badge {
        padding: 8px 16px;
        margin-bottom: 15px;
        font-size: 12px;
    }


    .cnair_navroute_badge i {
        font-size: 15px;
    }


    .cnair_navroute_title {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 15px;
    }


    .cnair_navroute_description {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.8;
    }


    /* =====================================================
       ROUTE STEPS
    ===================================================== */

    .cnair_navroute_steps_row {
        row-gap: 22px;
    }


    .cnair_navroute_step_card {
        padding: 25px 22px;
        border-radius: 16px;
    }


    .cnair_navroute_step_top {
        margin-bottom: 23px;
    }


    .cnair_navroute_step_number {
        width: 41px;
        height: 41px;
        font-size: 12px;
    }


    .cnair_navroute_step_icon {
        width: 49px;
        height: 49px;
        border-radius: 14px;
        font-size: 20px;
    }


    .cnair_navroute_step_content h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 8px;
    }


    .cnair_navroute_step_content p {
        font-size: 13.5px;
        line-height: 1.7;
    }


    /* =====================================================
       BOTTOM NOTE
    ===================================================== */

    .cnair_navroute_note {
        max-width: 100%;
        margin-top: 35px;
        padding: 18px 20px;
        gap: 13px;
    }


    .cnair_navroute_note_icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }


    .cnair_navroute_note p {
        font-size: 13.5px;
        line-height: 1.75;
    }

}


/* =========================================================
   CHENNAI AIRPORT ROUTE
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .cnair_navroute_section {
        padding: 45px 15px;
    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .cnair_navroute_intro {
        max-width: 100%;
        margin-bottom: 20px;
    }


    .cnair_navroute_badge {
        display: inline-flex;
        gap: 7px;
        padding: 8px 14px;
        margin-bottom: 14px;
        font-size: 10.5px;
        letter-spacing: 0.6px;
    }


    .cnair_navroute_badge i {
        font-size: 14px;
    }


    .cnair_navroute_title {
        font-size: 25px;
        line-height: 1.35;
        margin-bottom: 13px;
    }


    .cnair_navroute_description {
        max-width: 100%;
        font-size: 13.5px;
        line-height: 1.8;
    }


    /* =====================================================
       ROUTE STEPS
    ===================================================== */

    .cnair_navroute_steps_row {
        row-gap: 17px;
        margin-left: -7px;
        margin-right: -7px;
    }


    .cnair_navroute_steps_row > div {
        padding-left: 7px;
        padding-right: 7px;
    }


    .cnair_navroute_step_card {
        padding: 22px 19px;
        border-radius: 15px;
    }


    .cnair_navroute_step_card::before {
        height: 3px;
    }


    .cnair_navroute_step_top {
        margin-bottom: 20px;
    }


    .cnair_navroute_step_number {
        width: 38px;
        height: 38px;
        font-size: 11px;
    }


    .cnair_navroute_step_icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        font-size: 18px;
    }


    .cnair_navroute_step_content h3 {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 7px;
    }


    .cnair_navroute_step_content p {
        font-size: 13px;
        line-height: 1.65;
    }


    /* =====================================================
       BOTTOM NOTE
    ===================================================== */

    .cnair_navroute_note {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-top: 28px;
        padding: 16px 15px;
        border-left-width: 3px;
        border-radius: 10px;
    }


    .cnair_navroute_note_icon {
        width: 31px;
        height: 31px;
        font-size: 12px;
    }


    .cnair_navroute_note p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }

}
















/* =========================================================
   NAVAGRAHA TEMPLE CIRCUIT SECTION
========================================================= */

.nvgtc_chennai_circuit_section {
    position: relative;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvgtc_chennai_circuit_intro {
    max-width: 900px;
    margin: 0 auto 30px;
}

.nvgtc_chennai_circuit_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(243, 82, 90, 0.35);
    border-radius: 50px;
    background: rgba(249, 176, 179, 0.22);
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.nvgtc_chennai_circuit_badge i {
    font-size: 15px;
}

.nvgtc_chennai_circuit_title {
    margin: 0 0 18px;
    color: #222b36;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.nvgtc_chennai_circuit_description {
    margin: 0;
    color: #5e6874;
    font-size: 16px;
    line-height: 1.9;
}

.nvgtc_chennai_circuit_description strong {
    color: #333d49;
    font-weight: 700;
}


/* =========================================================
   COMPACT TABLE WRAPPER
========================================================= */

.nvgtc_chennai_circuit_table_wrap {
    position: relative;
    width: 88%;
    max-width: 1050px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.14);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(35, 48, 62, 0.09);
    overflow: hidden;
}


/* =========================================================
   TABLE
========================================================= */

.nvgtc_chennai_circuit_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.nvgtc_chennai_circuit_table thead th {
    padding: 17px 20px;
    background: #f3525a;
    color: #ffffff;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    white-space: nowrap;
    text-align: left;
}

.nvgtc_chennai_circuit_table thead th i {
    margin-right: 7px;
    font-size: 14px;
}

.nvgtc_chennai_circuit_table tbody td {
    padding: 17px 20px;
    background: #ffffff;
    color: #5d6875;
    border-top: 1px solid #edf0f3;
    font-size: 15px;
    line-height: 1.55;
    vertical-align: middle;
}

.nvgtc_chennai_circuit_table tbody tr {
    transition: background 0.25s ease;
}

.nvgtc_chennai_circuit_table tbody tr:hover td {
    background: #fff7f7;
}

.nvgtc_chennai_circuit_table tbody tr:first-child td {
    border-top: none;
}

.nvgtc_chennai_circuit_table tbody td strong {
    color: #303a46;
    font-weight: 600;
}


/* =========================================================
   PLANET LABEL
========================================================= */

.nvgtc_chennai_planet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 6px 12px;
    border-radius: 7px;
    background: #f9b0b3;
    color: #7f292f;
    font-size: 13px;
    font-weight: 700;
}


/* =========================================================
   ROUTE NOTE
========================================================= */

.nvgtc_chennai_circuit_note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 88%;
    max-width: 1050px;
    margin: 24px auto 0;
    padding: 18px 22px;
    border-left: 4px solid #f3525a;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 7px 22px rgba(35, 48, 62, 0.06);
}

.nvgtc_chennai_circuit_note_icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 16px;
}

.nvgtc_chennai_circuit_note p {
    margin: 0;
    color: #626d79;
    font-size: 14px;
    line-height: 1.8;
}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .nvgtc_chennai_circuit_section {
        padding: 50px 18px;
    }

    .nvgtc_chennai_circuit_intro {
        max-width: 760px;
        margin-bottom: 25px;
    }

    .nvgtc_chennai_circuit_title {
        font-size: 32px;
        line-height: 1.3;
    }

    .nvgtc_chennai_circuit_description {
        font-size: 14.5px;
        line-height: 1.8;
    }

    .nvgtc_chennai_circuit_table_wrap {
        width: 94%;
        max-width: 900px;
        border-radius: 15px;
    }

    .nvgtc_chennai_circuit_table thead th {
        padding: 15px 16px;
        font-size: 13px;
    }

    .nvgtc_chennai_circuit_table tbody td {
        padding: 15px 16px;
        font-size: 14px;
    }

    .nvgtc_chennai_planet {
        min-width: 80px;
        padding: 5px 10px;
        font-size: 12px;
    }

    .nvgtc_chennai_circuit_note {
        width: 94%;
        max-width: 900px;
        margin-top: 20px;
        padding: 16px 18px;
        gap: 13px;
    }

    .nvgtc_chennai_circuit_note p {
        font-size: 13px;
        line-height: 1.75;
        text-align: justify;
    }

}
/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .nvgtc_chennai_circuit_section {
        padding: 42px 12px;
    }

    .nvgtc_chennai_circuit_intro {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .nvgtc_chennai_circuit_badge {
        gap: 7px;
        padding: 8px 14px;
        margin-bottom: 15px;
        font-size: 11px;
        letter-spacing: 0.6px;
    }

    .nvgtc_chennai_circuit_badge i {
        font-size: 13px;
    }

    .nvgtc_chennai_circuit_title {
        margin-bottom: 14px;
        font-size: 20px;
        line-height: 1.35;
    }

    .nvgtc_chennai_circuit_description {
        font-size: 13px;
        line-height: 1.8;
        text-align: center;
    }


    /* =====================================================
       TABLE WRAPPER
    ===================================================== */

    .nvgtc_chennai_circuit_table_wrap {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        border-radius: 13px;
        overflow: hidden;
    }

    .table-responsive {
        overflow-x: hidden !important;
    }


    /* =====================================================
       TABLE
    ===================================================== */

    .nvgtc_chennai_circuit_table {
        width: 100%;
        min-width: 0 !important;
        table-layout: fixed;
        margin: 0;
    }


    /* =====================================================
       COLUMN WIDTHS
    ===================================================== */

    .nvgtc_chennai_circuit_table th:nth-child(1),
    .nvgtc_chennai_circuit_table td:nth-child(1) {
        width: 24%;
    }

    .nvgtc_chennai_circuit_table th:nth-child(2),
    .nvgtc_chennai_circuit_table td:nth-child(2) {
        width: 46%;
    }

    .nvgtc_chennai_circuit_table th:nth-child(3),
    .nvgtc_chennai_circuit_table td:nth-child(3) {
        width: 30%;
    }


    /* =====================================================
       TABLE HEADER
    ===================================================== */

    .nvgtc_chennai_circuit_table thead th {
        padding: 12px 7px;
        font-size: 10.5px;
        line-height: 1.3;
        white-space: normal;
        text-align: left;
        vertical-align: middle;
    }

    .nvgtc_chennai_circuit_table thead th i {
        margin-right: 3px;
        font-size: 10px;
    }


    /* =====================================================
       TABLE BODY
    ===================================================== */

    .nvgtc_chennai_circuit_table tbody td {
        padding: 12px 7px;
        font-size: 10.5px;
        line-height: 1.5;
        vertical-align: middle;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .nvgtc_chennai_circuit_table tbody td strong {
        display: block;
        color: #303a46;
        font-weight: 600;
        white-space: normal;
        overflow-wrap: anywhere;
    }


    /* =====================================================
       PLANET LABEL
    ===================================================== */

    .nvgtc_chennai_planet {
        min-width: 0;
        max-width: 100%;
        width: 100%;
        padding: 5px 4px;
        border-radius: 5px;
        font-size: 9.5px;
        white-space: nowrap;
        text-align: center;
    }


    /* =====================================================
       ROUTE NOTE
    ===================================================== */

    .nvgtc_chennai_circuit_note {
        width: 100%;
        max-width: 100%;
        margin-top: 18px;
        padding: 14px;
        gap: 10px;
        border-left-width: 3px;
        border-radius: 9px;
    }

    .nvgtc_chennai_circuit_note_icon {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .nvgtc_chennai_circuit_note p {
        font-size: 12px;
        line-height: 1.7;
        text-align: justify;
    }

}














/* =========================================================
   CHENNAI NAVAGRAHA TOUR ITINERARY SECTION
========================================================= */

.cnngti_itinerary_section {
    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.cnngti_intro_wrap {
    max-width: 900px;
    margin: 0 auto 30px;
}

.cnngti_section_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(243, 82, 90, 0.25);
    border-radius: 50px;
    background: rgba(249, 176, 179, 0.14);
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.cnngti_section_badge i {
    color: #f3525a;
}

.cnngti_section_title {
    margin: 0 0 18px;
    color: #222222;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
}

.cnngti_section_description {
    max-width: 820px;
    margin: 0 auto;
    color: #666666;
    font-size: 16px;
    line-height: 1.9;
}


/* =========================================================
   COMMON HEADING
========================================================= */

.cnngti_duration_heading,
.cnngti_journey_heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 15px;
}

.cnngti_duration_heading h3,
.cnngti_journey_heading h3 {
    margin: 0;
    color: #252525;
    font-size: 26px;
    font-weight: 700;
}

.cnngti_heading_line {
    width: 45px;
    height: 2px;
    background: #f9b0b3;
}

.cnngti_duration_intro {
    max-width: 780px;
    margin: 0 auto 35px;
    color: #777777;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   DURATION CARDS
========================================================= */

.cnngti_duration_row {
    margin-bottom: 48px;
}

.cnngti_duration_card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    height: 100%;
    padding: 25px 22px;
    border: 1px solid #eeeeee;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(243, 82, 90, 0.07);
    transition: all 0.3s ease;
}

.cnngti_duration_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    width: 42px;
    height: 3px;
    border-radius: 0 0 5px 5px;
    background: #f3525a;
}

.cnngti_duration_card:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.12);
}

.cnngti_card_icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 20px;
}

.cnngti_card_content {
    flex: 1;
}

.cnngti_card_top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.cnngti_day_number {
    color: #252525;
    font-size: 18px;
    font-weight: 700;
}

.cnngti_card_tag {
    padding: 4px 9px;
    border-radius: 20px;
    background: rgba(249, 176, 179, 0.22);
    color: #f3525a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.cnngti_duration_card p {
    margin: 0;
    color: #6c6c6c;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}


/* =========================================================
   JOURNEY STRUCTURE
========================================================= */

.cnngti_journey_heading {
    margin-bottom: 35px;
}

.cnngti_journey_row {
    position: relative;
}

.cnngti_step_card {
    position: relative;
    height: 100%;
    padding: 28px 22px 25px;
    border: 1px solid #eeeeee;
    border-radius: 16px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 10px 30px rgba(243, 82, 90, 0.06);
    transition: all 0.3s ease;
}

.cnngti_step_card:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.11);
}

.cnngti_step_number {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}

.cnngti_step_icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 22px;
}

.cnngti_step_card h4 {
    margin: 0 0 12px;
    color: #282828;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.cnngti_step_card p {
    margin: 0;
    color: #707070;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   IMPORTANT NOTE
========================================================= */

.cnngti_important_note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 1200px;
    margin: 25px auto 0;
    padding: 22px 24px;
    border-left: 4px solid #f3525a;
    border-radius: 0 12px 12px 0;
    background: #fff7f7;
}

.cnngti_note_icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 17px;
}

.cnngti_note_content {
    color: #666666;
    font-size: 14px;
    line-height: 1.85;
    text-align: justify;
}

.cnngti_note_content strong {
    margin-right: 5px;
    color: #f3525a;
    font-weight: 700;
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .cnngti_itinerary_section {
        padding: 55px 20px;
    }

    .cnngti_intro_wrap {
        max-width: 760px;
        margin-bottom: 38px;
    }

    .cnngti_section_title {
        font-size: 32px;
        line-height: 1.3;
    }

    .cnngti_section_description {
        max-width: 700px;
        font-size: 14px;
        line-height: 1.85;
    }

    .cnngti_duration_heading,
    .cnngti_journey_heading {
        gap: 14px;
    }

    .cnngti_duration_heading h3,
    .cnngti_journey_heading h3 {
        font-size: 23px;
    }

    .cnngti_duration_intro {
        max-width: 680px;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .cnngti_duration_row {
        margin-bottom: 40px;
    }

    .cnngti_duration_card {
        gap: 15px;
        padding: 22px 19px;
        border-radius: 14px;
    }

    .cnngti_card_icon {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        font-size: 18px;
        border-radius: 12px;
    }

    .cnngti_day_number {
        font-size: 17px;
    }

    .cnngti_card_tag {
        font-size: 10px;
        padding: 4px 8px;
    }

    .cnngti_duration_card p {
        font-size: 13px;
        line-height: 1.75;
    }

    .cnngti_journey_heading {
        margin-bottom: 30px;
    }

    .cnngti_step_card {
        padding: 25px 18px 22px;
        border-radius: 14px;
    }

    .cnngti_step_number {
        top: 10px;
        right: 11px;
        width: 26px;
        height: 26px;
        font-size: 12px;
    }

    .cnngti_step_icon {
        width: 53px;
        height: 53px;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .cnngti_step_card h4 {
        font-size: 16px;
        line-height: 1.4;
    }

    .cnngti_step_card p {
        font-size: 13px;
        line-height: 1.75;
    }

    .cnngti_important_note {
        max-width: 100%;
        margin-top: 20px;
        padding: 20px 20px;
    }

    .cnngti_note_content {
        font-size: 13px;
        line-height: 1.8;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .cnngti_itinerary_section {
        padding: 48px 15px;
    }

    /* -----------------------------------------
       SECTION INTRO
    ----------------------------------------- */

    .cnngti_intro_wrap {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .cnngti_section_badge {
        gap: 7px;
        padding: 8px 14px;
        margin-bottom: 15px;
        font-size: 11px;
        letter-spacing: 0.4px;
    }

    .cnngti_section_title {
        margin-bottom: 14px;
        font-size: 23px;
        line-height: 1.3;
    }

    .cnngti_section_description {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.8;
    }


    /* -----------------------------------------
       COMMON HEADING
    ----------------------------------------- */

    .cnngti_duration_heading,
    .cnngti_journey_heading {
        gap: 10px;
        margin-bottom: 10px;
    }

    .cnngti_duration_heading h3,
    .cnngti_journey_heading h3 {
        font-size: 18px;
        line-height: 1.4;
        text-align: center;
    }

    .cnngti_heading_line {
        width: 28px;
        min-width: 28px;
        height: 2px;
    }

    .cnngti_duration_intro {
        max-width: 100%;
        margin-bottom: 28px;
        font-size: 13px;
        line-height: 1.8;
    }


    /* -----------------------------------------
       DURATION CARDS
    ----------------------------------------- */

    .cnngti_duration_row {
        margin-bottom: 38px;
    }

    .cnngti_duration_card {
        gap: 13px;
        padding: 21px 17px;
        border-radius: 14px;
    }

    .cnngti_duration_card::before {
        left: 17px;
        width: 38px;
        height: 3px;
    }

    .cnngti_card_icon {
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        border-radius: 11px;
        font-size: 17px;
    }

    .cnngti_card_top {
        gap: 6px;
        margin-bottom: 8px;
    }

    .cnngti_day_number {
        font-size: 16px;
    }

    .cnngti_card_tag {
        padding: 4px 8px;
        font-size: 9px;
    }

    .cnngti_duration_card p {
        font-size: 12px;
        line-height: 1.75;
        text-align: justify;
    }


    /* -----------------------------------------
       JOURNEY STRUCTURE
    ----------------------------------------- */

    .cnngti_journey_heading {
        margin-bottom: 25px;
    }

    .cnngti_step_card {
        padding: 25px 17px 21px;
        border-radius: 14px;
    }

    .cnngti_step_number {
        top: 10px;
        right: 10px;
        width: 26px;
        height: 26px;
        font-size: 11px;
    }

    .cnngti_step_icon {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
        font-size: 18px;
    }

    .cnngti_step_card h4 {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 1.4;
    }

    .cnngti_step_card p {
        font-size: 12px;
        line-height: 1.75;
    }


    /* -----------------------------------------
       IMPORTANT NOTE
    ----------------------------------------- */

    .cnngti_important_note {
        gap: 11px;
        max-width: 100%;
        margin-top: 18px;
        padding: 18px 15px;
        border-left-width: 3px;
        border-radius: 0 10px 10px 0;
    }

    .cnngti_note_icon {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .cnngti_note_content {
        font-size: 11.5px;
        line-height: 1.75;
        text-align: justify;
    }

    .cnngti_note_content strong {
        margin-right: 3px;
    }

}
















/* =========================================================
   PRIVATE TRANSPORTATION SECTION
========================================================= */

.chnairpt_private_transport_section {
    position: relative;
    padding: 60px 20px;
    background: #dfe7ef;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.chnairpt_transport_intro {
    max-width: 900px;
    margin: 0 auto 30px;
}


.chnairpt_transport_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(243, 82, 90, 0.25);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.72);
    color: #f3525a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


.chnairpt_transport_badge i {
    color: #f3525a;
}


.chnairpt_transport_title {
    margin: 0 0 15px;
    color: #1f2937;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
}


.chnairpt_transport_description {
    max-width: 780px;
    margin: 0 auto;
    color: #596575;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   VEHICLE CARD
========================================================= */

.chnairpt_vehicle_card {
    position: relative;
    height: 100%;
    padding: 32px 24px;
    border: 1px solid rgba(243, 82, 90, 0.13);
    border-radius: 18px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 10px 28px rgba(31, 41, 55, 0.07);
    overflow: hidden;
    transition: all 0.35s ease;
}


.chnairpt_vehicle_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );
    transform: scaleX(0.35);
    transform-origin: center;
    transition: transform 0.35s ease;
}


.chnairpt_vehicle_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 38px rgba(31, 41, 55, 0.12);
}


.chnairpt_vehicle_card:hover::before {
    transform: scaleX(1);
}


/* =========================================================
   VEHICLE ICON
========================================================= */

.chnairpt_vehicle_icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(
        145deg,
        #fff0f1,
        #f9b0b3
    );
    color: #f3525a;
    font-size: 27px;
    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.13);
    transition: all 0.35s ease;
}


.chnairpt_vehicle_card:hover .chnairpt_vehicle_icon {
    background: #f3525a;
    color: #ffffff;
    transform: scale(1.06);
}


/* =========================================================
   VEHICLE CONTENT
========================================================= */

.chnairpt_vehicle_title {
    margin: 0 0 10px;
    color: #252f3d;
    font-size: 20px;
    font-weight: 700;
}


.chnairpt_vehicle_text {
    margin: 0;
    color: #687585;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   TRANSPORT NOTE
========================================================= */

.chnairpt_transport_note {
    max-width: 900px;
    margin: 40px auto 0;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-left: 4px solid #f3525a;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 7px 20px rgba(31, 41, 55, 0.05);
}


.chnairpt_note_icon {
    flex: 0 0 auto;
    color: #f3525a;
    font-size: 19px;
}


.chnairpt_transport_note p {
    margin: 0;
    color: #596575;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 576px) and (max-width: 991px) {

    .chnairpt_private_transport_section {
        padding: 55px 20px;
    }

    .chnairpt_transport_intro {
        max-width: 760px;
        margin-bottom: 25px;
    }

    .chnairpt_transport_badge {
        padding: 8px 16px;
        font-size: 13px;
    }

    .chnairpt_transport_title {
        font-size: 30px;
        line-height: 1.3;
    }

    .chnairpt_transport_description {
        max-width: 680px;
        font-size: 15px;
        line-height: 1.75;
    }

    .chnairpt_vehicle_card {
        padding: 28px 20px;
        border-radius: 16px;
    }

    .chnairpt_vehicle_icon {
        width: 62px;
        height: 62px;
        margin-bottom: 17px;
        border-radius: 16px;
        font-size: 24px;
    }

    .chnairpt_vehicle_title {
        font-size: 19px;
        margin-bottom: 8px;
    }

    .chnairpt_vehicle_text {
        font-size: 14px;
        line-height: 1.65;
    }

    .chnairpt_transport_note {
        max-width: 760px;
        margin-top: 35px;
        padding: 17px 20px;
        gap: 11px;
    }

    .chnairpt_transport_note p {
        font-size: 13px;
        line-height: 1.65;
        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 575px) {

    .chnairpt_private_transport_section {
        padding: 45px 15px;
    }

    .chnairpt_transport_intro {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .chnairpt_transport_badge {
        gap: 7px;
        padding: 8px 14px;
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 0.3px;
    }

    .chnairpt_transport_title {
        font-size: 21px;
        line-height: 1.3;
        margin-bottom: 13px;
    }

    .chnairpt_transport_description {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.7;
        text-align: center;
    }

    .chnairpt_vehicle_card {
        padding: 27px 20px;
        border-radius: 16px;
    }

    .chnairpt_vehicle_icon {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
        border-radius: 15px;
        font-size: 22px;
    }

    .chnairpt_vehicle_title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .chnairpt_vehicle_text {
        font-size: 13px;
        line-height: 1.65;
    }

    .chnairpt_transport_note {
        margin-top: 30px;
        padding: 16px 17px;
        gap: 10px;
        align-items: flex-start;
        border-left-width: 3px;
    }

    .chnairpt_note_icon {
        font-size: 16px;
        margin-top: 2px;
    }

    .chnairpt_transport_note p {
        font-size: 12px;
        line-height: 1.65;
        text-align: justify;
    }

}
















/* =========================================================
   CHENNAI NAVAGRAHA PACKAGE DETAILS SECTION
========================================================= */

.chngpd_package_details_section {
    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.chngpd_intro_wrap {
    max-width: 900px;
    margin: 0 auto 30px;
}

.chngpd_section_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.chngpd_section_badge i {
    color: #f3525a;
    font-size: 17px;
}

.chngpd_section_title {
    margin: 0 auto 16px;
    color: #222222;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 700;
}

.chngpd_section_description {
    max-width: 780px;
    margin: 0 auto;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   CONTENT BLOCK
========================================================= */

.chngpd_content_block {
    margin-top: 30px;
}


/* =========================================================
   CENTERED BLOCK HEADING
========================================================= */

.chngpd_block_heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 28px;
    text-align: center;
}

.chngpd_heading_label {
    position: relative;
    display: inline-block;
    color: #252525;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
}

.chngpd_heading_label::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin: 8px auto 0;
    border-radius: 10px;
    background: #f3525a;
}


/* =========================================================
   INFO CARDS
========================================================= */

.chngpd_info_card {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 25px 22px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.055);
    transition: all 0.3s ease;
    overflow: hidden;
}

.chngpd_info_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #f3525a;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
}

.chngpd_info_card:hover {
    transform: translateY(-6px);
    border-color: #f9b0b3;
    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.12);
}

.chngpd_info_card:hover::before {
    transform: scaleY(1);
}


/* =========================================================
   CARD ICON
========================================================= */

.chngpd_card_icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    color: #f3525a;
    font-size: 19px;
    transition: all 0.3s ease;
}

.chngpd_info_card:hover .chngpd_card_icon {
    background: #f3525a;
    border-color: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.chngpd_card_content {
    flex: 1;
    min-width: 0;
}

.chngpd_card_content h3 {
    margin: 1px 0 9px;
    color: #292929;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.chngpd_card_content p {
    margin: 0;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}


/* =========================================================
   SEPARATE QUOTATION BLOCK
========================================================= */

.chngpd_separate_block {
    margin-top: 30px;
}

.chngpd_secondary_card {
    background: #fffafa;
}


/* =========================================================
   FINAL PACKAGE NOTE
========================================================= */

.chngpd_final_note {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 50px;
    padding: 25px 28px;
    background: linear-gradient(
        135deg,
        #fff5f5 0%,
        #ffffff 100%
    );
    border: 1px solid #f9b0b3;
    border-left: 5px solid #f3525a;
    border-radius: 17px;
    box-shadow: 0 10px 30px rgba(243, 82, 90, 0.08);
}

.chngpd_final_icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3525a;
    color: #ffffff;
    font-size: 18px;
}

.chngpd_final_content {
    flex: 1;
}

.chngpd_final_content strong {
    display: block;
    margin-bottom: 8px;
    color: #252525;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}

.chngpd_final_content p {
    margin: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .chngpd_package_details_section {
        padding: 50px 20px;
    }

    /* SECTION INTRO */

    .chngpd_intro_wrap {
        max-width: 760px;
        margin-bottom: 28px;
    }

    .chngpd_section_title {
        font-size: 25px;
        line-height: 1.35;
    }

    .chngpd_section_description {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.75;
    }


    /* CONTENT BLOCK */

    .chngpd_content_block {
        margin-top: 25px;
    }


    /* BLOCK HEADING */

    .chngpd_block_heading {
        gap: 12px;
        margin-bottom: 24px;
    }



    .chngpd_heading_label {
        font-size: 20px;
        line-height: 1.35;
    }


    /* INFO CARDS */

    .chngpd_info_card {
        gap: 15px;
        padding: 22px 20px;
        border-radius: 16px;
    }

    .chngpd_card_icon {
        width: 45px;
        height: 45px;
        flex: 0 0 45px;
        border-radius: 13px;
        font-size: 18px;
    }

    .chngpd_card_content h3 {
        margin: 1px 0 8px;
        font-size: 16px;
        line-height: 1.4;
    }

    .chngpd_card_content p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* SEPARATE QUOTATION */

    .chngpd_separate_block {
        margin-top: 30px;
    }


    /* FINAL NOTE */

    .chngpd_final_note {
        gap: 15px;
        margin-top: 40px;
        padding: 22px 22px;
        border-radius: 15px;
    }

    .chngpd_final_icon {
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        font-size: 17px;
    }

    .chngpd_final_content strong {
        font-size: 14px;
        line-height: 1.5;
    }

    .chngpd_final_content p {
        font-size: 13px;
        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .chngpd_package_details_section {
        padding: 45px 15px;
    }


    /* SECTION INTRO */

    .chngpd_intro_wrap {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .chngpd_section_badge {
        gap: 7px;
        padding: 8px 15px;
        margin-bottom: 15px;
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .chngpd_section_badge i {
        font-size: 15px;
    }

    .chngpd_section_title {
        margin-bottom: 13px;
        font-size: 24px;
        line-height: 1.35;
    }

    .chngpd_section_description {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
        text-align: center;
    }


    /* CONTENT BLOCK */

    .chngpd_content_block {
        margin-top: 27px;
    }


    /* BLOCK HEADING */

    .chngpd_block_heading {
        width: 100%;
        gap: 10px;
        margin-bottom: 20px;
        justify-content: center;
        text-align: center;
    }


    .chngpd_heading_label {
        font-size: 18px;
        line-height: 1.35;
        text-align: center;
    }

    .chngpd_heading_label::after {
        width: 35px;
        height: 3px;
        margin: 7px auto 0;
    }


    /* INFO CARDS */

    .chngpd_info_card {
        gap: 13px;
        padding: 19px 17px;
        border-radius: 15px;
    }

    .chngpd_card_icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 12px;
        font-size: 16px;
    }

    .chngpd_card_content h3 {
        margin: 0 0 7px;
        font-size: 15px;
        line-height: 1.4;
    }

    .chngpd_card_content p {
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
    }


    /* SEPARATE QUOTATION */

    .chngpd_separate_block {
        margin-top: 35px;
    }


    /* FINAL NOTE */

    .chngpd_final_note {
        gap: 12px;
        margin-top: 35px;
        padding: 19px 16px;
        border-left-width: 4px;
        border-radius: 14px;
    }

    .chngpd_final_icon {
        width: 39px;
        height: 39px;
        flex: 0 0 39px;
        font-size: 15px;
    }

    .chngpd_final_content strong {
        margin-bottom: 7px;
        font-size: 13px;
        line-height: 1.55;
    }

    .chngpd_final_content p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }

}
















/* =========================================================
   NAVAGRAHA TOUR BOOKING PROCESS SECTION
========================================================= */

.cnngbp_booking_process_section {

    position: relative;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.cnngbp_booking_intro {

    max-width: 900px;
    margin: 0 auto 30px;

}


.cnngbp_booking_badge {

    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;

    background: rgba(243, 82, 90, 0.10);
    border: 1px solid rgba(243, 82, 90, 0.20);
    border-radius: 50px;

    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;

}


.cnngbp_booking_badge i {

    color: #f3525a;
    font-size: 17px;

}


.cnngbp_booking_title {

    margin: 0 0 16px;

    color: #252f3f;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;

}


.cnngbp_booking_description {

    max-width: 820px;
    margin: 0 auto;

    color: #596575;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;

}


/* =========================================================
   STEPS ROW
========================================================= */

.cnngbp_steps_row {

    position: relative;

}


/* =========================================================
   STEP CARD
========================================================= */

.cnngbp_step_card {

    position: relative;
    height: 100%;
    padding: 34px 28px 30px;

    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.10);
    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(45, 55, 72, 0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.cnngbp_step_card:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.30);

    box-shadow: 0 18px 42px rgba(45, 55, 72, 0.13);

}


/* =========================================================
   STEP NUMBER
========================================================= */

.cnngbp_step_number {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-bottom: 24px;

    background: #f3525a;
    border-radius: 50%;

    box-shadow:
        0 0 0 8px rgba(243, 82, 90, 0.10),
        0 8px 18px rgba(243, 82, 90, 0.22);

}


.cnngbp_step_number span {

    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;

}


/* =========================================================
   STEP CONTENT
========================================================= */

.cnngbp_step_content {

    position: relative;

}


.cnngbp_step_label {

    display: inline-block;
    margin-bottom: 9px;

    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

}


.cnngbp_step_title {

    margin: 0 0 14px;

    color: #252f3f;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;

}


.cnngbp_step_text {

    margin: 0;

    color: #657080;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
    text-align: justify;

}


.cnngbp_step_text strong {

    color: #f3525a;
    font-weight: 700;

}


/* =========================================================
   CONFIRMATION NOTE
========================================================= */

.cnngbp_confirmation_note {

    display: flex;
    align-items: center;
    gap: 16px;

    max-width: 1000px;
    margin: 18px auto 0;
    padding: 19px 24px;

    background: rgba(249, 176, 179, 0.20);
    border: 1px solid rgba(243, 82, 90, 0.18);
    border-radius: 14px;

}


.cnngbp_confirmation_icon {

    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    background: #f3525a;
    border-radius: 50%;

}


.cnngbp_confirmation_icon i {

    color: #ffffff;
    font-size: 18px;

}


.cnngbp_confirmation_note p {

    margin: 0;

    color: #4f5b6b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    text-align: justify;

}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .cnngbp_booking_process_section {

        padding: 55px 20px;

    }


    .cnngbp_booking_intro {

        max-width: 760px;
        margin-bottom: 25px;

    }


    .cnngbp_booking_badge {

        padding: 8px 17px;
        font-size: 12px;

    }


    .cnngbp_booking_badge i {

        font-size: 16px;

    }


    .cnngbp_booking_title {

        font-size: 28px;
        line-height: 1.35;

    }


    .cnngbp_booking_description {

        max-width: 700px;
        font-size: 15px;
        line-height: 1.8;

    }


    .cnngbp_steps_row {

        margin-left: -10px;
        margin-right: -10px;

    }


    .cnngbp_steps_row > [class*="col-"] {

        padding-left: 10px;
        padding-right: 10px;

    }


    .cnngbp_step_card {

        padding: 30px 24px 28px;
        border-radius: 16px;

    }


    .cnngbp_step_number {

        width: 54px;
        height: 54px;
        margin-bottom: 22px;

    }


    .cnngbp_step_number span {

        font-size: 20px;

    }


    .cnngbp_step_title {

        font-size: 20px;
        line-height: 1.4;

    }


    .cnngbp_step_text {

        font-size: 14px;
        line-height: 1.8;

    }


    .cnngbp_confirmation_note {

        max-width: 850px;
        margin-top: 10px;
        padding: 18px 22px;

    }


    .cnngbp_confirmation_note p {

        font-size: 14px;
        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .cnngbp_booking_process_section {

        padding: 50px 15px;

    }


    .cnngbp_booking_intro {

        max-width: 100%;
        margin-bottom: 20px;

    }


    .cnngbp_booking_badge {

        gap: 7px;
        padding: 8px 15px;
        margin-bottom: 16px;

        font-size: 11px;
        letter-spacing: 0.6px;

    }


    .cnngbp_booking_badge i {

        font-size: 15px;

    }


    .cnngbp_booking_title {

        margin-bottom: 14px;

        font-size: 27px;
        line-height: 1.4;

    }


    .cnngbp_booking_description {

        max-width: 100%;

        font-size: 14px;
        line-height: 1.8;

        text-align: center;

    }


    .cnngbp_steps_row {

        margin-left: 0;
        margin-right: 0;

    }


    .cnngbp_steps_row > [class*="col-"] {

        padding-left: 0;
        padding-right: 0;

    }


    .cnngbp_step_card {

        padding: 27px 22px 25px;

        border-radius: 16px;

    }


    .cnngbp_step_card:hover {

        transform: translateY(-4px);

    }


    .cnngbp_step_number {

        width: 52px;
        height: 52px;

        margin-bottom: 21px;

        box-shadow:
            0 0 0 7px rgba(243, 82, 90, 0.10),
            0 7px 16px rgba(243, 82, 90, 0.20);

    }


    .cnngbp_step_number span {

        font-size: 19px;

    }


    .cnngbp_step_label {

        margin-bottom: 8px;

        font-size: 11px;
        letter-spacing: 0.9px;

    }


    .cnngbp_step_title {

        margin-bottom: 12px;

        font-size: 19px;
        line-height: 1.4;

    }


    .cnngbp_step_text {

        font-size: 14px;
        line-height: 1.8;
        text-align: justify;

    }


    .cnngbp_confirmation_note {

        align-items: flex-start;

        gap: 12px;

        max-width: 100%;
        margin-top: 5px;
        padding: 16px 17px;

        border-radius: 12px;

    }


    .cnngbp_confirmation_icon {

        width: 38px;
        height: 38px;

    }


    .cnngbp_confirmation_icon i {

        font-size: 16px;

    }


    .cnngbp_confirmation_note p {

        font-size: 13px;
        line-height: 1.75;
        text-align: justify;

    }

}













/* =========================================================
   EXPLORE MORE NAVAGRAHA TOUR OPTIONS SECTION
========================================================= */

.sgnex_navagraha_explore_section {

    position: relative;
    padding: 60px 20px;
    background: #dfe7ef;
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION CONTAINER - 1200PX
========================================================= */

.sgnex_navagraha_explore_section > .container {

    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.sgnex_navagraha_intro {

    max-width: 1200px;
    margin: 0 auto 30px;
    text-align: center;

}


/* =========================================================
   EYEBROW ICON
========================================================= */

.sgnex_navagraha_eyebrow {

    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;

}


.sgnex_navagraha_eyebrow_icon {

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #f3525a;
    background: rgba(249, 176, 179, 0.28);

    border: 1px solid rgba(243, 82, 90, 0.20);
    border-radius: 16px;

    box-shadow: 0 8px 20px rgba(243, 82, 90, 0.10);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;

}


.sgnex_navagraha_eyebrow_icon:hover {

    transform: translateY(-3px);

    background: rgba(249, 176, 179, 0.42);

    box-shadow: 0 12px 25px rgba(243, 82, 90, 0.15);

}


/* =========================================================
   SECTION TITLE
========================================================= */

.sgnex_navagraha_title {

    margin: 0 0 14px;

    color: #202b38;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;

    letter-spacing: -0.5px;

}


/* =========================================================
   SECTION DESCRIPTION
========================================================= */

.sgnex_navagraha_description {

    max-width: 720px;
    margin: 0 auto;

    color: #586574;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;

}


/* =========================================================
   OPTIONS ROW
========================================================= */

.sgnex_navagraha_options_row {

    margin-left: -12px;
    margin-right: -12px;

}


/* =========================================================
   OPTIONS CARD
========================================================= */

.sgnex_navagraha_option_card {

    position: relative;

    width: 100%;
    min-height: 92px;

    padding: 18px 20px;

    display: flex;
    align-items: center;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 16px;

    text-decoration: none;

    box-shadow: 0 8px 25px rgba(35, 48, 61, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.sgnex_navagraha_option_card:hover {

    transform: translateY(-5px);

    border-color: rgba(243, 82, 90, 0.40);

    box-shadow: 0 15px 32px rgba(35, 48, 61, 0.12);

}


/* =========================================================
   OPTION ICON
========================================================= */

.sgnex_navagraha_option_icon {

    width: 52px;
    height: 52px;
    min-width: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 15px;

    color: #f3525a;
    background: #f9b0b3;

    border-radius: 13px;

    font-size: 19px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.sgnex_navagraha_option_card:hover .sgnex_navagraha_option_icon {

    color: #ffffff;
    background: #f3525a;

    transform: rotate(-4deg);

}


/* =========================================================
   OPTION CONTENT
========================================================= */

.sgnex_navagraha_option_content {

    flex: 1;
    min-width: 0;

}


/* =========================================================
   OPTION TITLE
========================================================= */

.sgnex_navagraha_option_title {

    display: block;

    color: #263442;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;

    transition: color 0.3s ease;

}


.sgnex_navagraha_option_card:hover .sgnex_navagraha_option_title {

    color: #f3525a;

}


/* =========================================================
   ARROW
========================================================= */

.sgnex_navagraha_arrow {

    width: 36px;
    height: 36px;
    min-width: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-left: 12px;

    color: #f3525a;
    background: rgba(249, 176, 179, 0.22);

    border-radius: 50%;

    font-size: 13px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.sgnex_navagraha_option_card:hover .sgnex_navagraha_arrow {

    color: #ffffff;
    background: #f3525a;

    transform: translateX(4px);

}


/* =========================================================
   FOCUS ACCESSIBILITY
========================================================= */

.sgnex_navagraha_option_card:focus-visible {

    outline: 3px solid rgba(243, 82, 90, 0.30);
    outline-offset: 3px;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgnex_navagraha_explore_section {

        padding: 55px 20px;

    }


    .sgnex_navagraha_explore_section > .container {

        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;

    }


    .sgnex_navagraha_intro {

        max-width: 850px;
        margin-bottom: 25px;

    }


    .sgnex_navagraha_eyebrow {

        margin-bottom: 16px;

    }


    .sgnex_navagraha_eyebrow_icon {

        width: 54px;
        height: 54px;

        border-radius: 14px;

    }


    .sgnex_navagraha_title {

        font-size: 32px;
        line-height: 1.3;

    }


    .sgnex_navagraha_description {

        max-width: 680px;

        font-size: 15px;
        line-height: 1.7;

    }


    .sgnex_navagraha_options_row {

        margin-left: -8px;
        margin-right: -8px;

    }


    .sgnex_navagraha_option_card {

        min-height: 86px;

        padding: 16px 17px;

        border-radius: 14px;

    }


    .sgnex_navagraha_option_icon {

        width: 48px;
        height: 48px;
        min-width: 48px;

        margin-right: 13px;

        border-radius: 12px;

        font-size: 18px;

    }


    .sgnex_navagraha_option_title {

        font-size: 14px;
        line-height: 1.45;

    }


    .sgnex_navagraha_arrow {

        width: 34px;
        height: 34px;
        min-width: 34px;

        margin-left: 10px;

        font-size: 12px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767.98px
========================================================= */

@media (max-width: 767.98px) {

    .sgnex_navagraha_explore_section {

        padding: 48px 15px;

    }


    .sgnex_navagraha_explore_section > .container {

        max-width: 100%;
        padding-left: 0;
        padding-right: 0;

    }


    .sgnex_navagraha_intro {

        max-width: 100%;
        margin-bottom: 20px;

    }


    .sgnex_navagraha_eyebrow {

        margin-bottom: 15px;

    }


    .sgnex_navagraha_eyebrow_icon {

        width: 52px;
        height: 52px;

        border-radius: 14px;

    }


    .sgnex_navagraha_title {

        font-size: 24px;
        line-height: 1.3;
        letter-spacing: -0.3px;

        margin-bottom: 11px;

    }


    .sgnex_navagraha_description {

        max-width: 100%;

        padding: 0 5px;

        font-size: 14px;
        line-height: 1.7;

    }


    .sgnex_navagraha_options_row {

        margin-left: -6px;
        margin-right: -6px;

    }


    .sgnex_navagraha_option_card {

        min-height: 80px;

        padding: 14px;

        border-radius: 14px;

    }


    .sgnex_navagraha_option_icon {

        width: 45px;
        height: 45px;
        min-width: 45px;

        margin-right: 11px;

        border-radius: 11px;

        font-size: 17px;

    }


    .sgnex_navagraha_option_title {

        font-size: 13.5px;
        line-height: 1.45;

    }


    .sgnex_navagraha_arrow {

        width: 32px;
        height: 32px;
        min-width: 32px;

        margin-left: 8px;

        font-size: 11px;

    }

}

















/* =========================================================
   TRICHY ROUTE BENEFITS SECTION
========================================================= */

.trichy-route-benefits-x582 {

    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.trichy-route-intro-x582 {

    max-width: 900px;
    margin: 0 auto 30px;
    position: relative;

}


/* =========================================================
   BADGE
========================================================= */

.trichy-route-badge-x582 {

    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 9px 18px;
    margin-bottom: 18px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;

    box-shadow: 0 6px 18px rgba(243, 82, 90, 0.12);

}


.trichy-route-badge-x582 i {

    color: #f3525a;

}


/* =========================================================
   TITLE
========================================================= */

.trichy-route-title-x582 {

    margin: 0 0 18px;

    color: #222222;

    font-size: 38px;
    line-height: 1.25;
    font-weight: 800;

}

/* =========================================================
   DESCRIPTION
========================================================= */

.trichy-route-description-x582 {

    max-width: 820px;
    margin: 22px auto 0;

    color: #666666;

    font-size: 16px;
    line-height: 1.8;

}


/* =========================================================
   BENEFITS ROW
========================================================= */

.trichy-route-benefits-row-x582 {

    position: relative;

}


/* =========================================================
   BENEFIT CARD
========================================================= */

.trichy-route-card-x582 {

    position: relative;

    height: 100%;

    display: flex;
    align-items: flex-start;
    gap: 22px;

    padding: 30px 28px;

    background: #ffffff;

    border: 1px solid rgba(243, 82, 90, 0.14);
    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.07);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.trichy-route-card-x582::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background: #f3525a;

    transform: scaleY(0);

    transform-origin: bottom;

    transition: transform 0.3s ease;

}


.trichy-route-card-x582:hover {

    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.3);

    box-shadow: 0 18px 42px rgba(243, 82, 90, 0.13);

}


.trichy-route-card-x582:hover::before {

    transform: scaleY(1);

}


/* =========================================================
   ICON
========================================================= */

.trichy-route-icon-x582 {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;

    color: #f3525a;

    border-radius: 16px;

    font-size: 22px;

    box-shadow:
        inset 0 0 0 1px rgba(243, 82, 90, 0.08),
        0 8px 18px rgba(243, 82, 90, 0.12);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.trichy-route-card-x582:hover .trichy-route-icon-x582 {

    background: #f3525a;
    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.trichy-route-card-content-x582 {

    flex: 1;

}


.trichy-route-card-content-x582 h3 {

    margin: 2px 0 10px;

    color: #222222;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 750;

}


.trichy-route-card-content-x582 p {

    margin: 0;

    color: #6a6a6a;

    font-size: 15px;
    line-height: 1.75;
    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .trichy-route-benefits-x582 {
        padding: 50px 18px;
    }

    .trichy-route-intro-x582 {
        max-width: 760px;
        margin-bottom: 25px;
    }

    .trichy-route-title-x582 {
        font-size: 32px;
        line-height: 1.3;
    }

    .trichy-route-description-x582 {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.75;
        margin-top: 18px;
    }

    .trichy-route-card-x582 {
        gap: 18px;
        padding: 25px 22px;
        border-radius: 18px;
    }

    .trichy-route-icon-x582 {
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
        border-radius: 14px;
        font-size: 20px;
    }

    .trichy-route-card-content-x582 h3 {
        font-size: 19px;
        line-height: 1.4;
        margin: 1px 0 8px;
    }

    .trichy-route-card-content-x582 p {
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .trichy-route-benefits-x582 {
        padding: 45px 15px;
    }

    .trichy-route-intro-x582 {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .trichy-route-badge-x582 {
        gap: 8px;
        padding: 8px 15px;
        margin-bottom: 15px;
        font-size: 13px;
    }

    .trichy-route-title-x582 {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .trichy-route-description-x582 {
        max-width: 100%;
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.7;
        text-align: center;
    }

    .trichy-route-card-x582 {
        gap: 15px;
        padding: 22px 18px;
        border-radius: 16px;
    }

    .trichy-route-icon-x582 {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 13px;
        font-size: 18px;
    }

    .trichy-route-card-content-x582 h3 {
        font-size: 17px;
        line-height: 1.4;
        margin: 1px 0 7px;
    }

    .trichy-route-card-content-x582 p {
        font-size: 13.5px;
        line-height: 1.7;
        text-align: justify;
    }

}
















/* =========================================================
   TRICHY NAVAGRAHA PACKAGE INFORMATION SECTION
========================================================= */

.trichy-navagraha-package-info-x731 {

    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.trichy-navagraha-info-intro-x731 {

    max-width: 900px;
    margin: 0 auto 30px;

}


.trichy-navagraha-info-badge-x731 {

    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    margin-bottom: 18px;

    background: #fff1f1;
    border: 1px solid #f9b0b3;
    border-radius: 50px;

    color: #f3525a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;

}


.trichy-navagraha-info-badge-icon-x731 {

    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f3525a;
    color: #ffffff;

    border-radius: 50%;

}


.trichy-navagraha-info-title-x731 {

    margin: 0 0 16px;

    color: #252525;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;

}


.trichy-navagraha-info-description-x731 {

    max-width: 760px;
    margin: 0 auto;

    color: #666666;
    font-size: 16px;
    line-height: 1.8;

}


/* =========================================================
   POSSIBLE INCLUSIONS WRAPPER
========================================================= */

.trichy-navagraha-inclusions-wrap-x731 {

    max-width: 1150px;
    margin: 0 auto;

}


.trichy-navagraha-subheading-x731 {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    margin-bottom: 30px;

}


.trichy-navagraha-subheading-x731 h3 {

    margin: 0;

    color: #252525;
    font-size: 23px;
    font-weight: 700;
    white-space: nowrap;

}


.trichy-navagraha-subheading-line-x731 {

    width: 55px;
    height: 2px;

    background: #f9b0b3;

    border-radius: 10px;

}


/* =========================================================
   INCLUSION CARD
========================================================= */

.trichy-navagraha-inclusion-card-x731 {

    position: relative;
    height: 100%;

    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 25px 22px;

    background: #ffffff;

    border: 1px solid #f3dddd;
    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(243, 82, 90, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.trichy-navagraha-inclusion-card-x731:hover {

    transform: translateY(-5px);

    border-color: #f9b0b3;

    box-shadow: 0 15px 35px rgba(243, 82, 90, 0.13);

}


/* =========================================================
   CARD ICON
========================================================= */

.trichy-navagraha-card-icon-x731 {

    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1f1;
    color: #f3525a;

    border: 1px solid #f9b0b3;
    border-radius: 13px;

    font-size: 20px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}


.trichy-navagraha-inclusion-card-x731:hover
.trichy-navagraha-card-icon-x731 {

    background: #f3525a;
    color: #ffffff;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.trichy-navagraha-card-content-x731 {

    flex: 1;

}


.trichy-navagraha-card-content-x731 h4 {

    margin: 2px 0 8px;

    color: #292929;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;

}


.trichy-navagraha-card-content-x731 p {

    margin: 0;

    color: #6b6b6b;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;

}


/* =========================================================
   PACKAGE NOTE
========================================================= */

.trichy-navagraha-package-note-x731 {

    max-width: 1150px;
    margin: 35px auto 0;

    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 19px 22px;

    background: #fff7f7;

    border-left: 4px solid #f3525a;
    border-radius: 10px;

}


.trichy-navagraha-note-icon-x731 {

    flex: 0 0 25px;

    color: #f3525a;
    font-size: 18px;

    margin-top: 2px;

}


.trichy-navagraha-package-note-x731 p {

    margin: 0;

    color: #666666;
    font-size: 14px;
    line-height: 1.75;
    text-align: justify;

}


/* =========================================================
   IMPORTANT PACKAGE INFORMATION
========================================================= */

.trichy-navagraha-important-wrap-x731 {

    max-width: 1150px;
    margin: 45px auto 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #f9b0b3;
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(243, 82, 90, 0.08);

}


.trichy-navagraha-important-heading-x731 {

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 19px 24px;

    background: #f3525a;

}


.trichy-navagraha-important-icon-x731 {

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #f3525a;

    border-radius: 50%;

    font-size: 17px;

}


.trichy-navagraha-important-heading-x731 h3 {

    margin: 0;

    color: #ffffff;
    font-size: 20px;
    font-weight: 700;

}


.trichy-navagraha-important-content-x731 {

    padding: 23px 25px;

}


.trichy-navagraha-important-content-x731 p {

    margin: 0;

    color: #5f5f5f;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;

}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .trichy-navagraha-package-info-x731 {

        padding: 55px 20px;

    }


    .trichy-navagraha-info-intro-x731 {

        max-width: 760px;
        margin-bottom: 25px;

    }


    .trichy-navagraha-info-title-x731 {

        font-size: 25px;
        line-height: 1.35;

    }


    .trichy-navagraha-info-description-x731 {

        max-width: 680px;
        font-size: 15px;
        line-height: 1.75;

    }


    .trichy-navagraha-inclusions-wrap-x731 {

        max-width: 100%;

    }


    .trichy-navagraha-subheading-x731 {

        gap: 15px;
        margin-bottom: 25px;

    }


    .trichy-navagraha-subheading-x731 h3 {

        font-size: 21px;

    }


    .trichy-navagraha-subheading-line-x731 {

        width: 45px;

    }


    .trichy-navagraha-inclusion-card-x731 {

        padding: 22px 20px;
        gap: 15px;

    }


    .trichy-navagraha-card-icon-x731 {

        flex: 0 0 46px;

        width: 46px;
        height: 46px;

        font-size: 18px;

    }


    .trichy-navagraha-card-content-x731 h4 {

        font-size: 16px;
        margin-bottom: 7px;

    }


    .trichy-navagraha-card-content-x731 p {

        font-size: 13.5px;
        line-height: 1.7;

    }


    .trichy-navagraha-package-note-x731 {

        margin-top: 30px;
        padding: 18px 20px;

    }


    .trichy-navagraha-package-note-x731 p {

        font-size: 13.5px;
        line-height: 1.75;

    }


    .trichy-navagraha-important-wrap-x731 {

        margin-top: 38px;
        border-radius: 16px;

    }


    .trichy-navagraha-important-heading-x731 {

        padding: 18px 21px;
        gap: 12px;

    }


    .trichy-navagraha-important-heading-x731 h3 {

        font-size: 19px;

    }


    .trichy-navagraha-important-icon-x731 {

        width: 36px;
        height: 36px;

        font-size: 16px;

    }


    .trichy-navagraha-important-content-x731 {

        padding: 21px 22px;

    }


    .trichy-navagraha-important-content-x731 p {

        font-size: 13.5px;
        line-height: 1.8;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .trichy-navagraha-package-info-x731 {

        padding: 48px 15px;

    }


    /* -----------------------------------------
       SECTION INTRO
    ----------------------------------------- */

    .trichy-navagraha-info-intro-x731 {

        max-width: 100%;
        margin-bottom: 20px;

    }


    .trichy-navagraha-info-badge-x731 {

        gap: 8px;
        padding: 8px 14px;
        margin-bottom: 15px;

        font-size: 12px;

    }


    .trichy-navagraha-info-badge-icon-x731 {

        width: 27px;
        height: 27px;

        font-size: 13px;

    }


    .trichy-navagraha-info-title-x731 {

        font-size: 24px;
        line-height: 1.4;

    }


    .trichy-navagraha-info-description-x731 {

        max-width: 100%;

        font-size: 13.5px;
        line-height: 1.75;

    }


    /* -----------------------------------------
       POSSIBLE INCLUSIONS
    ----------------------------------------- */

    .trichy-navagraha-inclusions-wrap-x731 {

        max-width: 100%;

    }


    .trichy-navagraha-subheading-x731 {

        gap: 10px;
        margin-bottom: 23px;

    }


    .trichy-navagraha-subheading-x731 h3 {

        font-size: 19px;

    }


    .trichy-navagraha-subheading-line-x731 {

        width: 30px;
        height: 2px;

    }


    /* -----------------------------------------
       INCLUSION CARD
    ----------------------------------------- */

    .trichy-navagraha-inclusion-card-x731 {

        padding: 19px 17px;
        gap: 14px;

        border-radius: 14px;

    }


    .trichy-navagraha-card-icon-x731 {

        flex: 0 0 44px;

        width: 44px;
        height: 44px;

        border-radius: 11px;

        font-size: 17px;

    }


    .trichy-navagraha-card-content-x731 {

        min-width: 0;

    }


    .trichy-navagraha-card-content-x731 h4 {

        margin: 1px 0 6px;

        font-size: 15.5px;
        line-height: 1.45;

    }


    .trichy-navagraha-card-content-x731 p {

        font-size: 13px;
        line-height: 1.7;
        text-align: justify;

    }


    /* -----------------------------------------
       PACKAGE NOTE
    ----------------------------------------- */

    .trichy-navagraha-package-note-x731 {

        margin-top: 28px;

        gap: 10px;

        padding: 16px 16px;

        border-left-width: 3px;

        border-radius: 9px;

    }


    .trichy-navagraha-note-icon-x731 {

        flex: 0 0 21px;

        font-size: 16px;

        margin-top: 2px;

    }


    .trichy-navagraha-package-note-x731 p {

        font-size: 12.8px;
        line-height: 1.75;
        text-align: justify;

    }


    /* -----------------------------------------
       IMPORTANT PACKAGE INFORMATION
    ----------------------------------------- */

    .trichy-navagraha-important-wrap-x731 {

        margin-top: 32px;

        border-radius: 14px;

    }


    .trichy-navagraha-important-heading-x731 {

        gap: 11px;

        padding: 16px 17px;

    }


    .trichy-navagraha-important-icon-x731 {

        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        font-size: 15px;

    }


    .trichy-navagraha-important-heading-x731 h3 {

        font-size: 17px;
        line-height: 1.4;

    }


    .trichy-navagraha-important-content-x731 {

        padding: 18px 17px;

    }


    .trichy-navagraha-important-content-x731 p {

        font-size: 12.8px;
        line-height: 1.8;
        text-align: justify;

    }

}















/* =========================================================
   EXPLORE RELATED NAVAGRAHA TOUR OPTIONS
========================================================= */

.nvgrh-related-options-x641 {

    position: relative;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.nvgrh-related-header-x641 {

    max-width: 900px;
    margin: 0 auto 25px;

}


/* =========================================================
   TITLE
========================================================= */

.nvgrh-related-title-x641 {

    margin: 20px 0 12px;

    color: #263443;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;

}


.nvgrh-related-description-x641 {

    max-width: 760px;
    margin: 0 auto;

    color: #596777;

    font-size: 16px;
    line-height: 1.8;

}


/* =========================================================
   ROW SPACING
========================================================= */

.nvgrh-related-row-x641 {

    margin-top: 5px;

}


/* =========================================================
   CARD
========================================================= */

.nvgrh-related-card-x641 {

    position: relative;

    height: 100%;
    padding: 28px 26px;

    background: #ffffff;

    border: 1px solid rgba(38, 52, 67, 0.08);
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(38, 52, 67, 0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.nvgrh-related-card-x641::before {

    content: "";

    position: absolute;

    top: 0;
    left: 24px;
    right: 24px;

    height: 3px;

    background: #f3525a;

    border-radius: 0 0 10px 10px;

}


.nvgrh-related-card-x641:hover {

    transform: translateY(-6px);

    border-color: rgba(243, 82, 90, 0.25);

    box-shadow: 0 18px 38px rgba(38, 52, 67, 0.13);

}


/* =========================================================
   CARD ICON
========================================================= */

.nvgrh-related-card-icon-x641 {

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    background: #f9b0b3;
    color: #f3525a;

    border-radius: 14px;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.nvgrh-related-card-x641:hover
.nvgrh-related-card-icon-x641 {

    background: #f3525a;
    color: #ffffff;

    transform: rotate(-4deg);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.nvgrh-related-card-content-x641 h3 {

    margin: 0 0 12px;

    color: #263443;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;

}


.nvgrh-related-card-content-x641 p {

    margin: 0;

    color: #5c6977;

    font-size: 15px;
    line-height: 1.8;
    text-align: justify;

}


/* =========================================================
   CARD LINKS
========================================================= */

.nvgrh-related-card-content-x641 a {

    color: #f3525a;

    font-weight: 600;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    transition:
        color 0.25s ease,
        text-decoration-color 0.25s ease;

}


.nvgrh-related-card-content-x641 a:hover {

    color: #d93640;

    text-decoration: none;

}

















/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .nvgrh-related-options-x641 {

        padding: 50px 20px;

    }


    .nvgrh-related-header-x641 {

        max-width: 760px;
        margin-bottom: 25px;

    }


    .nvgrh-related-title-x641 {

        margin: 15px 0 10px;

        font-size: 30px;
        line-height: 1.3;

    }


    .nvgrh-related-description-x641 {

        max-width: 680px;

        font-size: 15px;
        line-height: 1.75;

    }


    .nvgrh-related-row-x641 {

        margin-top: 0;

    }


    .nvgrh-related-card-x641 {

        padding: 25px 23px;

        border-radius: 17px;

    }


    .nvgrh-related-card-content-x641 h3 {

        font-size: 19px;
        line-height: 1.4;

    }


    .nvgrh-related-card-content-x641 p {

        font-size: 14px;
        line-height: 1.75;

    }


    .nvgrh-related-card-icon-x641 {

        width: 48px;
        height: 48px;

        margin-bottom: 17px;

        font-size: 19px;

        border-radius: 13px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .nvgrh-related-options-x641 {

        padding: 45px 15px;

    }


    .nvgrh-related-header-x641 {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .nvgrh-related-title-x641 {

        margin: 14px 0 10px;

        font-size: 21px;
        line-height: 1.3;

    }


    .nvgrh-related-description-x641 {

        max-width: 100%;

        font-size: 13.5px;
        line-height: 1.75;

        text-align: center;

    }


    .nvgrh-related-row-x641 {

        margin-top: 0;

    }


    .nvgrh-related-card-x641 {

        padding: 24px 20px;

        border-radius: 16px;

    }


    .nvgrh-related-card-x641::before {

        left: 20px;
        right: 20px;

        height: 3px;

    }


    .nvgrh-related-card-icon-x641 {

        width: 46px;
        height: 46px;

        margin-bottom: 16px;

        font-size: 18px;

        border-radius: 12px;

    }


    .nvgrh-related-card-content-x641 h3 {

        margin-bottom: 10px;

        font-size: 17px;
        line-height: 1.4;

    }


    .nvgrh-related-card-content-x641 p {

        font-size: 13px;
        line-height: 1.75;

        text-align: justify;

    }


    .nvgrh-related-card-content-x641 a {

        text-underline-offset: 2px;

    }

}
















/* =========================================
   NAVAGRAHA SINGAPORE PRICE BANNER
   ========================================= */

.nvgrh-sgp-price-banner-x7 {
    width: 100%;
    background: #020817;
    padding: 40px 20px 40px;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

.nvgrh-sgp-price-container-x7 {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}


/* =========================================
   BADGE
   ========================================= */

.nvgrh-sgp-price-badge-x7 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 17px;
    border: 1px solid #815713;
    border-radius: 30px;
    background: #17120b;
    color: #ffd84d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}

.nvgrh-sgp-price-badge-x7 i {
    font-size: 10px;
}


/* =========================================
   MAIN HEADING
   ========================================= */

.nvgrh-sgp-price-title-x7 {
    margin: 0 auto;
    max-width: 1050px;
    color: #ffffff;
    font-size: 50px;
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -1.8px;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.nvgrh-sgp-price-description-x7 {
    max-width: 840px;
    margin: 20px auto 20px;
    color: #e4e8f0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.nvgrh-sgp-price-description-x7 strong {
    color: #ffffff;
    font-weight: 700;
}


/* =========================================
   STARTING POINT ROW
   ========================================= */

.nvgrh-sgp-starting-row-x7 {
    margin-top: 25px;
    margin-left: -8px;
    margin-right: -8px;
    justify-content: center;
}

.nvgrh-sgp-starting-row-x7 > div {
    padding-left: 8px;
    padding-right: 8px;
}


/* =========================================
   STARTING POINT CARD
   ========================================= */

.nvgrh-sgp-start-card-x7 {
    min-height: 104px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
    padding: 18px 25px;
    border-radius: 20px;
    background: #111624;
    transition: all 0.3s ease;
}

.nvgrh-sgp-chennai-card-x7 {
    border: 1px solid #174b69;
}

.nvgrh-sgp-trichy-card-x7 {
    border: 1px solid #15513e;
}


/* =========================================
   STARTING POINT CARD HOVER
   ========================================= */

.nvgrh-sgp-chennai-card-x7:hover {
    border-color: #277ba8;
    transform: translateY(-2px);
}

.nvgrh-sgp-trichy-card-x7:hover {
    border-color: #218263;
    transform: translateY(-2px);
}


/* =========================================
   CARD ICON
   ========================================= */

.nvgrh-sgp-start-icon-x7 {
    width: 45px;
    height: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #102b43;
    color: #72d0ff;
    font-size: 16px;
}

.nvgrh-sgp-trichy-card-x7 .nvgrh-sgp-start-icon-x7 {
    background: #0e2b29;
    color: #5de0b2;
}


/* =========================================
   CARD CONTENT
   ========================================= */

.nvgrh-sgp-start-content-x7 {
    min-width: 0;
}

.nvgrh-sgp-start-content-x7 span {
    display: block;
    margin-bottom: 4px;
    color: #62c9fa;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.nvgrh-sgp-trichy-card-x7 .nvgrh-sgp-start-content-x7 span {
    color: #61dfb1;
}

.nvgrh-sgp-start-content-x7 h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

/* =========================================
   INFORMATION BOX
   ========================================= */

.nvgrh-sgp-info-box-x7 {
    width: 100%;
    max-width: 1000px;
    min-height: 87px;
    margin: 15px auto 0;
    padding: 17px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
    border: 1px solid #252d3e;
    border-radius: 20px;
    background: #111624;
}

.nvgrh-sgp-info-icon-x7 {
    width: 35px;
    height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #282517;
    color: #ffd12f;
    font-size: 10px;
}

.nvgrh-sgp-info-box-x7 p {
    margin: 0;
    color: #dce2ec;
    font-size: 15px;
    line-height: 1.45;
}

.nvgrh-sgp-info-box-x7 strong {
    color: #ffffff;
    font-weight: 700;
}
/* =========================================
   BUTTONS WRAPPER
   ========================================= */

.nvgrh-sgp-price-buttons-x7 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}


/* =========================================
   COMMON BUTTON
   ========================================= */

.nvgrh-sgp-price-buttons-x7 a {
    min-height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 25px;
    border-radius: 40px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}


/* =========================================
   WHATSAPP BUTTON
   ========================================= */

.nvgrh-sgp-whatsapp-btn-x7 {
    background: #10bd86;
    border: 1px solid #10bd86;
    color: #ffffff;
}

.nvgrh-sgp-whatsapp-btn-x7:hover {
    background: #0da978;
    border-color: #0da978;
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================
   QUOTE BUTTON
   ========================================= */

.nvgrh-sgp-quote-btn-x7 {
    background: #111624;
    border: 1px solid #394153;
    color: #ffffff;
}

.nvgrh-sgp-quote-btn-x7:hover {
    background: #171d2c;
    border-color: #566176;
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================
   BUTTON ICON
   ========================================= */

.nvgrh-sgp-price-buttons-x7 i {
    font-size: 16px;
}


/* =========================================
   BOTTOM NOTE
   ========================================= */

.nvgrh-sgp-price-note-x7 {
    margin: 20px auto 0;
    color: #8eb4d5;
    font-size: 14px;
    line-height: 1.5;
}
/* =========================================
   NAVAGRAHA SINGAPORE PRICE BANNER
   TABLET RESPONSIVE
   768px - 991px
   ========================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .nvgrh-sgp-price-banner-x7 {
        padding: 38px 20px 40px;
    }

    .nvgrh-sgp-price-container-x7 {
        max-width: 100%;
    }


    /* Badge */

    .nvgrh-sgp-price-badge-x7 {
        padding: 8px 16px;
        font-size: 10px;
        margin-bottom: 12px;
    }


    /* Heading */

    .nvgrh-sgp-price-title-x7 {
        max-width: 850px;
        font-size: 38px;
        line-height: 1.06;
        letter-spacing: -1.2px;
    }


    /* Description */

    .nvgrh-sgp-price-description-x7 {
        max-width: 700px;
        margin: 17px auto 18px;
        font-size: 16px;
        line-height: 1.55;
    }


    /* Starting Point Cards */

    .nvgrh-sgp-starting-row-x7 {
        margin-top: 22px;
        margin-left: -7px;
        margin-right: -7px;
    }

    .nvgrh-sgp-starting-row-x7 > div {
        padding-left: 7px;
        padding-right: 7px;
    }

    .nvgrh-sgp-start-card-x7 {
        min-height: 95px;
        padding: 16px 18px;
        gap: 13px;
        border-radius: 18px;
    }


    /* Card Icon */

    .nvgrh-sgp-start-icon-x7 {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 13px;
        font-size: 15px;
    }


    /* Card Content */

    .nvgrh-sgp-start-content-x7 span {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .nvgrh-sgp-start-content-x7 h3 {
        font-size: 17px;
    }


    /* Information Box */

    .nvgrh-sgp-info-box-x7 {
        max-width: 850px;
        min-height: 78px;
        margin: 13px auto 0;
        padding: 15px 20px;
        gap: 13px;
        border-radius: 18px;
    }

    .nvgrh-sgp-info-icon-x7 {
        width: 33px;
        height: 33px;
        min-width: 33px;
    }

    .nvgrh-sgp-info-box-x7 p {
        font-size: 14px;
        line-height: 1.5;
    }


    /* Buttons */

    .nvgrh-sgp-price-buttons-x7 {
        gap: 10px;
        margin-top: 18px;
    }

    .nvgrh-sgp-price-buttons-x7 a {
        min-height: 52px;
        padding: 0 22px;
        font-size: 13px;
    }


    /* Bottom Note */

    .nvgrh-sgp-price-note-x7 {
        max-width: 800px;
        margin-top: 17px;
        font-size: 12.5px;
        line-height: 1.5;
    }

}


/* =========================================
   MOBILE RESPONSIVE
   0px - 767px
   ========================================= */

@media (max-width: 767px) {

    .nvgrh-sgp-price-banner-x7 {
        padding: 32px 15px 38px;
    }

    .nvgrh-sgp-price-container-x7 {
        max-width: 100%;
        width: 100%;
    }


    /* =====================================
       BADGE
       ===================================== */

    .nvgrh-sgp-price-badge-x7 {
        gap: 7px;
        padding: 8px 13px;
        font-size: 9px;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .nvgrh-sgp-price-badge-x7 i {
        font-size: 9px;
    }


    /* =====================================
       HEADING
       ===================================== */

    .nvgrh-sgp-price-title-x7 {
        max-width: 100%;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: -0.8px;
    }


    /* =====================================
       DESCRIPTION
       ===================================== */

    .nvgrh-sgp-price-description-x7 {
        max-width: 100%;
        margin: 15px auto 18px;
        font-size: 14px;
        line-height: 1.55;
    }


    /* =====================================
       STARTING POINT ROW
       ===================================== */

    .nvgrh-sgp-starting-row-x7 {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        justify-content: center;
    }

    .nvgrh-sgp-starting-row-x7 > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 12px;
    }

    .nvgrh-sgp-starting-row-x7 > div:last-child {
        margin-bottom: 0;
    }


    /* =====================================
       STARTING POINT CARD
       ===================================== */

    .nvgrh-sgp-start-card-x7 {
        width: 100%;
        min-height: 88px;
        padding: 15px 17px;
        gap: 13px;
        border-radius: 17px;
    }


    /* =====================================
       CARD ICON
       ===================================== */

    .nvgrh-sgp-start-icon-x7 {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 12px;
        font-size: 15px;
    }


    /* =====================================
       CARD CONTENT
       ===================================== */

    .nvgrh-sgp-start-content-x7 {
        min-width: 0;
        flex: 1;
    }

    .nvgrh-sgp-start-content-x7 span {
        font-size: 10px;
        line-height: 1.25;
        margin-bottom: 4px;
    }

    .nvgrh-sgp-start-content-x7 h3 {
        font-size: 17px;
        line-height: 1.25;
    }


    /* =====================================
       INFORMATION BOX
       ===================================== */

    .nvgrh-sgp-info-box-x7 {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin: 14px auto 0;
        padding: 15px 16px;
        gap: 11px;
        border-radius: 17px;
        align-items: flex-start;
    }


    /* Information Icon */

    .nvgrh-sgp-info-icon-x7 {
        width: 32px;
        height: 32px;
        min-width: 32px;
        border-radius: 10px;
        font-size: 9px;
    }


    /* Information Text */

    .nvgrh-sgp-info-box-x7 p {
        font-size: 13.5px;
        line-height: 1.5;
        text-align: justify;
    }


    /* =====================================
       BUTTONS
       ===================================== */

    .nvgrh-sgp-price-buttons-x7 {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
    }

    .nvgrh-sgp-price-buttons-x7 a {
        width: 100%;
        min-height: 52px;
        padding: 0 18px;
        border-radius: 35px;
        font-size: 13.5px;
    }

    .nvgrh-sgp-price-buttons-x7 i {
        font-size: 15px;
    }


    /* =====================================
       BOTTOM NOTE
       ===================================== */

    .nvgrh-sgp-price-note-x7 {
        max-width: 100%;
        margin: 17px auto 0;
        font-size: 11.5px;
        line-height: 1.5;
    }

}

















/* =========================================================
   NAVAGRAHA ROUTE-WISE PRICE GUIDE
========================================================= */

.nvgrhRoutePriceGuideX824 {

    position: relative;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvgrhRoutePriceIntroX824 {

    max-width: 900px;
    margin: 0 auto 30px;

}

.nvgrhRoutePriceBadgeX824 {

    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;

}

.nvgrhRoutePriceBadgeX824 i {

    font-size: 17px;

}

.nvgrhRoutePriceTitleX824 {

    margin: 0 0 16px;
    color: #1d2939;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 800;

}

.nvgrhRoutePriceDescriptionX824 {

    margin: 0;
    color: #596579;
    font-size: 16px;
    line-height: 1.8;

}

.nvgrhRoutePriceDescriptionX824 strong {

    color: #f3525a;
    font-weight: 700;

}


/* =========================================================
   ROUTE CARDS
========================================================= */

.nvgrhRoutePriceCardsX824 {

    margin-top: 0;

}


/* =========================================================
   INDIVIDUAL CARD
========================================================= */

.nvgrhRoutePriceCardX824 {

    position: relative;
    height: 100%;
    padding: 32px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.10);
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(39, 55, 73, 0.08);
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}

.nvgrhRoutePriceCardX824::before {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #f3525a;

}

.nvgrhRoutePriceCardX824:hover {

    transform: translateY(-7px);
    border-color: rgba(243, 82, 90, 0.28);
    box-shadow: 0 18px 42px rgba(39, 55, 73, 0.13);

}


/* =========================================================
   CARD TOP
========================================================= */

.nvgrhRoutePriceCardTopX824 {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 24px;

}

.nvgrhRoutePriceIconX824 {

    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 23px;

}

.nvgrhRoutePriceRouteX824 {

    padding: 7px 14px;
    border-radius: 30px;
    background: rgba(249, 176, 179, 0.35);
    color: #f3525a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.nvgrhRoutePriceCardTitleX824 {

    margin: 0 0 14px;
    color: #202b3c;
    font-size: 23px;
    line-height: 1.35;
    font-weight: 750;

}

.nvgrhRoutePriceCardTextX824 {

    margin: 0;
    color: #626f80;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;


}

.nvgrhRoutePriceCardTextX824 strong {

    color: #202b3c;
    font-weight: 700;

}


/* =========================================================
   PRICE QUOTE
========================================================= */

.nvgrhRoutePriceQuoteX824 {

    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 25px;
    padding: 18px;
    border-left: 4px solid #f3525a;
    border-radius: 0 14px 14px 0;
    background: #f9b0b3;

}

.nvgrhRoutePriceQuoteX824 > i {

    margin-top: 4px;
    color: #f3525a;
    font-size: 17px;

}

.nvgrhRoutePriceQuoteX824 p {

    margin: 0;
    color: #303b4c;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;

}

.nvgrhRoutePriceQuoteX824 strong {

    color: #f3525a;
    font-weight: 750;

}


/* =========================================================
   FINAL PRICE NOTE
========================================================= */

.nvgrhRoutePriceNoteX824 {

    display: flex;
    align-items: flex-start;
    gap: 17px;
    max-width: 1200px;
    margin: 42px auto 0;
    padding: 23px 26px;
    background: #ffffff;
    border: 1px solid rgba(243, 82, 90, 0.10);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(39, 55, 73, 0.06);

}

.nvgrhRoutePriceNoteIconX824 {

    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 13px;
    background: #f9b0b3;
    color: #f3525a;
    font-size: 18px;

}

.nvgrhRoutePriceNoteX824 p {

    margin: 0;
    color: #596579;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;

}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .nvgrhRoutePriceGuideX824 {

        padding: 55px 20px;

    }


    /* SECTION INTRO */

    .nvgrhRoutePriceIntroX824 {

        max-width: 760px;
        margin-bottom: 25px;

    }

    .nvgrhRoutePriceBadgeX824 {

        padding: 8px 16px;
        font-size: 12px;

    }

    .nvgrhRoutePriceTitleX824 {

        font-size: 29px;
        line-height: 1.3;

    }

    .nvgrhRoutePriceDescriptionX824 {

        font-size: 15px;
        line-height: 1.75;

    }


    /* ROUTE CARDS */

    .nvgrhRoutePriceCardsX824 {

        row-gap: 24px;

    }

    .nvgrhRoutePriceCardX824 {

        padding: 26px;
        border-radius: 20px;

    }


    /* CARD TOP */

    .nvgrhRoutePriceCardTopX824 {

        gap: 12px;
        margin-bottom: 20px;

    }

    .nvgrhRoutePriceIconX824 {

        width: 52px;
        height: 52px;
        border-radius: 14px;
        font-size: 21px;

    }

    .nvgrhRoutePriceRouteX824 {

        padding: 6px 12px;
        font-size: 11px;

    }


    /* CARD CONTENT */

    .nvgrhRoutePriceCardTitleX824 {

        font-size: 21px;
        line-height: 1.4;

    }

    .nvgrhRoutePriceCardTextX824 {

        font-size: 14px;
        line-height: 1.75;

    }


    /* PRICE QUOTE */

    .nvgrhRoutePriceQuoteX824 {

        gap: 11px;
        margin-top: 22px;
        padding: 16px;

    }

    .nvgrhRoutePriceQuoteX824 p {

        font-size: 13px;
        line-height: 1.7;

    }


    /* FINAL NOTE */

    .nvgrhRoutePriceNoteX824 {

        max-width: 100%;
        margin-top: 30px;
        padding: 20px 22px;
        gap: 14px;
        border-radius: 16px;

    }

    .nvgrhRoutePriceNoteIconX824 {

        width: 43px;
        height: 43px;
        font-size: 17px;

    }

    .nvgrhRoutePriceNoteX824 p {

        font-size: 13px;
        line-height: 1.75;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767px
========================================================= */

@media (max-width: 767px) {

    .nvgrhRoutePriceGuideX824 {

        padding: 50px 15px;

    }


    /* SECTION INTRO */

    .nvgrhRoutePriceIntroX824 {

        max-width: 100%;
        margin-bottom: 20px;

    }

    .nvgrhRoutePriceBadgeX824 {

        gap: 8px;
        padding: 8px 14px;
        margin-bottom: 15px;
        font-size: 10px;
        letter-spacing: 0.4px;

    }

    .nvgrhRoutePriceBadgeX824 i {

        font-size: 15px;

    }

    .nvgrhRoutePriceTitleX824 {

        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 13px;

    }

    .nvgrhRoutePriceDescriptionX824 {

        font-size: 14px;
        line-height: 1.75;

    }


    /* ROUTE CARDS */

    .nvgrhRoutePriceCardsX824 {

        row-gap: 20px;

    }

    .nvgrhRoutePriceCardX824 {

        padding: 23px 20px;
        border-radius: 18px;

    }

    .nvgrhRoutePriceCardX824:hover {

        transform: translateY(-4px);

    }


    /* CARD TOP */

    .nvgrhRoutePriceCardTopX824 {

        gap: 10px;
        margin-bottom: 19px;

    }

    .nvgrhRoutePriceIconX824 {

        width: 48px;
        height: 48px;
        border-radius: 13px;
        font-size: 19px;

    }

    .nvgrhRoutePriceRouteX824 {

        padding: 6px 11px;
        font-size: 10px;
        letter-spacing: 0.4px;

    }


    /* CARD CONTENT */

    .nvgrhRoutePriceCardTitleX824 {

        font-size: 19px;
        line-height: 1.4;
        margin-bottom: 11px;

    }

    .nvgrhRoutePriceCardTextX824 {

        font-size: 13.5px;
        line-height: 1.8;
        text-align: justify;

    }


    /* PRICE QUOTE */

    .nvgrhRoutePriceQuoteX824 {

        gap: 10px;
        margin-top: 19px;
        padding: 14px 15px;

    }

    .nvgrhRoutePriceQuoteX824 > i {

        margin-top: 3px;
        font-size: 15px;

    }

    .nvgrhRoutePriceQuoteX824 p {

        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;

    }


    /* FINAL NOTE */

    .nvgrhRoutePriceNoteX824 {

        width: 100%;
        margin-top: 26px;
        padding: 18px;
        gap: 12px;
        border-radius: 16px;

    }

    .nvgrhRoutePriceNoteIconX824 {

        width: 40px;
        height: 40px;
        border-radius: 11px;
        font-size: 16px;

    }

    .nvgrhRoutePriceNoteX824 p {

        font-size: 12.5px;
        line-height: 1.75;
        text-align: justify;

    }

}
















/* =========================================================
   NAVAGRAHA PACKAGE INCLUSIONS SECTION
========================================================= */

.nvgrhPackageInclusionsX936 {

    position: relative;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;

}


/* =========================================================
   SECTION INTRO
========================================================= */

.nvgrhPackageIntroX936 {

    max-width: 900px;
    margin: 0 auto 30px;
    position: relative;

}


/* =========================================================
   BADGE
========================================================= */

.nvgrhPackageBadgeX936 {

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 8px 17px;
    margin-bottom: 18px;

    border-radius: 50px;

    background: #fff0f1;
    border: 1px solid #f9b0b3;

    color: #f3525a;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;

}


.nvgrhPackageBadgeX936 i {

    font-size: 15px;
    color: #f3525a;

}


/* =========================================================
   MAIN TITLE
========================================================= */

.nvgrhPackageTitleX936 {

    margin: 0;

    color: #252525;

    font-size: 38px;
    line-height: 1.3;
    font-weight: 700;

}


.nvgrhPackageTitleX936 span {

    color: #f3525a;

}


/* =========================================================
   INTRO DESCRIPTION
========================================================= */

.nvgrhPackageDescriptionX936 {

    max-width: 820px;

    margin: 18px auto 0;

    color: #666666;

    font-size: 16px;
    line-height: 1.8;

}


.nvgrhPackageDescriptionX936 strong {

    color: #333333;
    font-weight: 600;

}


/* =========================================================
   CARDS WRAPPER
========================================================= */

.nvgrhPackageCardsWrapX936 {

    position: relative;
}


/* =========================================================
   INCLUSION CARD
========================================================= */

.nvgrhInclusionCardX936 {

    position: relative;

    height: 100%;

    display: flex;
    align-items: flex-start;

    gap: 20px;

    padding: 28px 27px;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(243, 82, 90, 0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

    overflow: hidden;

}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.nvgrhInclusionCardX936::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #f3525a,
        #f9b0b3
    );

}


/* =========================================================
   CARD HOVER
========================================================= */

.nvgrhInclusionCardX936:hover {

    transform: translateY(-6px);

    border-color: #f9b0b3;

    box-shadow: 0 16px 35px rgba(243, 82, 90, 0.14);

}


/* =========================================================
   ICON BOX
========================================================= */

.nvgrhInclusionIconX936 {

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background: linear-gradient(
        135deg,
        #fff0f1,
        #f9b0b3
    );

    color: #f3525a;

    font-size: 22px;

    box-shadow:
        inset 0 0 0 1px rgba(243, 82, 90, 0.10);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.nvgrhInclusionCardX936:hover .nvgrhInclusionIconX936 {

    background: #f3525a;
    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.nvgrhInclusionContentX936 {

    flex: 1;

}


.nvgrhInclusionContentX936 h3 {

    margin: 2px 0 9px;

    color: #292929;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;

}


.nvgrhInclusionContentX936 p {

    margin: 0;

    color: #707070;

    font-size: 15px;
    line-height: 1.75;
    text-align: justify;

}


/* =========================================================
   CONFIRMATION NOTE
========================================================= */

.nvgrhPackageNoteX936 {

    position: relative;

    max-width: 1000px;

    margin: 42px auto 0;

    display: flex;
    align-items: center;

    gap: 15px;

    padding: 18px 22px;

    background: #fff7f7;

    border: 1px solid #f9b0b3;

    border-left: 4px solid #f3525a;

    border-radius: 12px;

}


/* =========================================================
   NOTE ICON
========================================================= */

.nvgrhNoteIconX936 {

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f3525a;

    color: #ffffff;

    font-size: 15px;

}


/* =========================================================
   NOTE TEXT
========================================================= */

.nvgrhPackageNoteX936 p {

    margin: 0;

    color: #5f5f5f;

    font-size: 14px;
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;

}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .nvgrhPackageInclusionsX936 {

        padding: 55px 20px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .nvgrhPackageIntroX936 {

        max-width: 850px;
        margin-bottom: 25px;

    }


    .nvgrhPackageTitleX936 {

        font-size: 30px;
        line-height: 1.35;

    }


    .nvgrhPackageDescriptionX936 {

        max-width: 760px;

        margin-top: 16px;

        font-size: 15px;
        line-height: 1.8;

    }


    /* =====================================================
       INCLUSION CARDS
    ===================================================== */

    .nvgrhInclusionCardX936 {

        gap: 17px;

        padding: 24px 22px;

        border-radius: 16px;

    }


    .nvgrhInclusionIconX936 {

        flex: 0 0 54px;

        width: 54px;
        height: 54px;

        font-size: 20px;

        border-radius: 14px;

    }


    .nvgrhInclusionContentX936 h3 {

        font-size: 18px;

        margin: 1px 0 8px;

    }


    .nvgrhInclusionContentX936 p {

        font-size: 14px;
        line-height: 1.7;

    }


    /* =====================================================
       CONFIRMATION NOTE
    ===================================================== */

    .nvgrhPackageNoteX936 {

        max-width: 900px;

        margin-top: 35px;

        gap: 13px;

        padding: 17px 19px;

    }


    .nvgrhNoteIconX936 {

        flex: 0 0 36px;

        width: 36px;
        height: 36px;

        font-size: 14px;

    }


    .nvgrhPackageNoteX936 p {

        font-size: 13px;
        line-height: 1.7;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .nvgrhPackageInclusionsX936 {

        padding: 45px 15px;

    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .nvgrhPackageIntroX936 {

        max-width: 100%;

        margin-bottom: 20px;

    }


    .nvgrhPackageBadgeX936 {

        gap: 7px;

        padding: 7px 14px;

        margin-bottom: 14px;

        font-size: 12px;

    }


    .nvgrhPackageBadgeX936 i {

        font-size: 14px;

    }


    .nvgrhPackageTitleX936 {

        font-size: 24px;

        line-height: 1.35;

    }


    .nvgrhPackageDescriptionX936 {

        margin-top: 14px;

        font-size: 14px;

        line-height: 1.75;

        text-align: center;

    }


    /* =====================================================
       INCLUSION CARDS
    ===================================================== */

    .nvgrhPackageCardsWrapX936 {

        margin-left: 0;
        margin-right: 0;

    }


    .nvgrhInclusionCardX936 {

        gap: 15px;

        padding: 22px 18px;

        border-radius: 15px;

    }


    .nvgrhInclusionIconX936 {

        flex: 0 0 50px;

        width: 50px;
        height: 50px;

        font-size: 19px;

        border-radius: 13px;

    }


    .nvgrhInclusionContentX936 h3 {

        font-size: 17px;

        line-height: 1.4;

        margin: 1px 0 7px;

    }


    .nvgrhInclusionContentX936 p {

        font-size: 13px;

        line-height: 1.7;

        text-align: justify;

    }


    /* =====================================================
       CONFIRMATION NOTE
    ===================================================== */

    .nvgrhPackageNoteX936 {

        margin-top: 30px;

        gap: 11px;

        padding: 15px 14px;

        align-items: flex-start;

        border-left-width: 3px;

        border-radius: 10px;

    }


    .nvgrhNoteIconX936 {

        flex: 0 0 33px;

        width: 33px;
        height: 33px;

        font-size: 13px;

    }


    .nvgrhPackageNoteX936 p {

        font-size: 12.5px;

        line-height: 1.65;

        text-align: justify;

    }

}

















/* =========================================================
   NAVAGRAHA TOUR BANNER - VX
   ========================================================= */

.sgnvtour_banner_vx_section {
    position: relative;
    min-height: 600px;

    padding: 60px 0;

    background: #050b1d;

    overflow: hidden;

    display: flex;
    align-items: center;
}


/* =========================================================
   CONTENT
   ========================================================= */

.sgnvtour_banner_vx_content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 30px 20px;

    text-align: center;
}


/* =========================================================
   BADGE
   ========================================================= */

.sgnvtour_banner_vx_badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 8px 16px;

    margin-bottom: 22px;

    border: 1px solid #24526b;
    border-radius: 50px;

    background: rgba(18, 55, 75, 0.85);

    color: #b7e2f5;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.3px;
    line-height: 1;
}

.sgnvtour_banner_vx_badge i {
    font-size: 14px;
}


/* =========================================================
   TITLE
   ========================================================= */

.sgnvtour_banner_vx_title {
    margin: 0 0 30px;

    color: #ffffff;

    font-size: 55px;

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -1.8px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.sgnvtour_banner_vx_description {
    max-width: 1050px;

    margin: 0 auto;

    color: #d3d6dd;

    font-size: 20px;
    font-weight: 400;

    line-height: 1.7;

    margin-bottom: 20px;
}

.sgnvtour_banner_vx_description strong {
    color: #ffffff;

    font-weight: 700;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.sgnvtour_banner_vx_actions {
    margin-top: 30px;
}


/* =========================================================
   COMMON BUTTON
   ========================================================= */

.sgnvtour_banner_vx_btn {
    min-height: 56px;

    padding: 0 30px;

    border-radius: 50px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    text-decoration: none !important;

    font-size: 16px;
    font-weight: 700;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.sgnvtour_banner_vx_btn_primary {
    background: linear-gradient(
        135deg,
        #1aa985,
        #087b69
    );

    color: #ffffff !important;

    box-shadow:
        0 12px 30px rgba(12, 147, 117, 0.18);
}

.sgnvtour_banner_vx_btn_primary i {
    font-size: 18px;
}

.sgnvtour_banner_vx_btn_primary:hover {
    transform: translateY(-3px);

    color: #ffffff !important;

    box-shadow:
        0 16px 35px rgba(12, 147, 117, 0.3);
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.sgnvtour_banner_vx_btn_secondary {
    min-width: 340px;

    border: 1px solid #3a4153;

    background: rgba(255, 255, 255, 0.045);

    color: #e2e3e7 !important;
}

.sgnvtour_banner_vx_btn_secondary:hover {
    transform: translateY(-3px);

    border-color: #667085;

    background: rgba(255, 255, 255, 0.09);

    color: #ffffff !important;
}


/* =========================================================
   NOTE / BOTTOM TEXT
   ========================================================= */

.sgnvtour_banner_vx_note {
    max-width: 1050px;

    margin: 27px auto 0;

    color: #91a0ba;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.7;
}

/* =========================================================
   NAVAGRAHA TOUR BANNER - RESPONSIVE
   TABLET + MOBILE ONLY
   ========================================================= */


/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .sgnvtour_banner_vx_section {
        min-height: auto;
        padding: 55px 0;
    }

    .sgnvtour_banner_vx_content {
        max-width: 760px;
        padding: 25px 25px;
    }

    .sgnvtour_banner_vx_badge {
        margin-bottom: 20px;
        padding: 8px 15px;
        font-size: 12px;
    }

    .sgnvtour_banner_vx_title {
        margin-bottom: 24px;
        font-size: 42px;
        line-height: 1.1;
        letter-spacing: -1px;
    }

    .sgnvtour_banner_vx_description {
        max-width: 700px;
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 18px;
    }

    .sgnvtour_banner_vx_actions {
        margin-top: 25px;
    }

    .sgnvtour_banner_vx_btn {
        min-height: 52px;
        padding: 0 25px;
        font-size: 15px;
    }

    .sgnvtour_banner_vx_btn_secondary {
        min-width: 300px;
    }

    .sgnvtour_banner_vx_note {
        max-width: 700px;
        margin-top: 22px;
        font-size: 15px;
        line-height: 1.6;
    }
}


/* =========================================================
   MOBILE
   Below 767px
   ========================================================= */

@media (max-width: 767px) {

    .sgnvtour_banner_vx_section {
        min-height: auto;
        padding: 45px 0;
    }

    .sgnvtour_banner_vx_content {
        width: 100%;
        max-width: 100%;
        padding: 20px 18px;
    }

    /* BADGE */
    .sgnvtour_banner_vx_badge {
        gap: 6px;

        padding: 7px 13px;

        margin-bottom: 18px;

        font-size: 11px;
        letter-spacing: 0.8px;

        line-height: 1.2;
    }

    .sgnvtour_banner_vx_badge i {
        font-size: 13px;
    }

    /* TITLE */
    .sgnvtour_banner_vx_title {
        margin-bottom: 20px;

        font-size: 27px;

        line-height: 1.5;

        letter-spacing: -0.8px;
    }

    /* DESCRIPTION */
    .sgnvtour_banner_vx_description {
        max-width: 100%;

        margin-bottom: 15px;

        font-size: 16px;

        line-height: 1.6;
    }

    /* ACTIONS */
    .sgnvtour_banner_vx_actions {
        margin-top: 22px;
    }

    .sgnvtour_banner_vx_actions .row {
        gap: 12px;
    }

    /* COMMON BUTTON */
    .sgnvtour_banner_vx_btn {
        width: 100%;

        min-height: 50px;

        padding: 0 20px;

        font-size: 14px;

        gap: 8px;
    }

    .sgnvtour_banner_vx_btn_primary i {
        font-size: 16px;
    }

    /* SECONDARY BUTTON */
    .sgnvtour_banner_vx_btn_secondary {
        width: 100%;
        min-width: 0;
    }

    /* NOTE */
    .sgnvtour_banner_vx_note {
        max-width: 100%;

        margin-top: 20px;

        font-size: 14px;

        line-height: 1.6;
    }
}

















/* =========================================================
   INDIA-SIDE STARTING POINTS 
========================================================= */

.sgnav_india_starting_points_section {
    position: relative;
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: Poppins, sans-serif;
}


/* =========================================================
   SOFT BACKGROUND ACCENTS
========================================================= */

.sgnav_india_starting_points_section::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -130px;
    left: -100px;
    border-radius: 50%;
    background: rgba(249, 176, 179, 0.18);
    pointer-events: none;
}

.sgnav_india_starting_points_section::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -100px;
    bottom: -100px;
    border-radius: 50%;
    background: rgba(243, 82, 90, 0.07);
    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.sgnav_india_starting_points_section .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.sgnav_india_starting_points_intro {
    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   BADGE
========================================================= */

.sgnav_india_starting_points_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 18px;

    margin-bottom: 20px;

    border: 1px solid rgba(243, 82, 90, 0.22);
    border-radius: 50px;

    background: rgba(249, 176, 179, 0.10);

    color: #f3525a;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.sgnav_india_starting_points_badge i {
    font-size: 17px;
}


/* =========================================================
   TITLE
========================================================= */

.sgnav_india_starting_points_title {
    margin: 0;

    color: #111827;

    font-size: 40px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.7px;
}

.sgnav_india_starting_points_title span {
    color: #f3525a;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.sgnav_india_starting_points_description {
    max-width: 650px;

    margin: 20px auto 0;

    color: #667085;

    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================================
   STARTING POINT CARD
========================================================= */

.sgnav_india_starting_point_card {
    position: relative;
    display: block;

    height: 100%;
    min-height: 270px;

    padding: 30px;

    border: 1px solid #f9b0b3;
    border-radius: 24px;

    background: #ffffff;

    text-decoration: none;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(17, 24, 39, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   CARD DECORATIVE ELEMENT
========================================================= */

.sgnav_india_starting_point_card::before {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -70px;
    top: -70px;

    border-radius: 50%;

    background: #f9b0b3;

    opacity: 0.16;

    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.sgnav_india_starting_point_card:hover {
    transform: translateY(-8px);

    border-color: #f3525a;

    box-shadow: 0 20px 45px rgba(243, 82, 90, 0.16);
}

.sgnav_india_starting_point_card:hover::before {
    transform: scale(1.5);
    opacity: 0.23;
}


/* =========================================================
   CARD TOP
========================================================= */

.sgnav_india_starting_point_card_top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 32px;
}


/* =========================================================
   ICON
========================================================= */

.sgnav_india_starting_point_icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    border-radius: 18px;

    background: #f3525a;

    color: #ffffff;

    font-size: 25px;

    box-shadow: 0 10px 22px rgba(243, 82, 90, 0.24);

    transition:
        transform 0.35s ease,
        border-radius 0.35s ease;
}

.sgnav_india_starting_point_card:hover
.sgnav_india_starting_point_icon {
    transform: rotate(-5deg) scale(1.06);
    border-radius: 22px;
}


/* =========================================================
   ARROW
========================================================= */

.sgnav_india_starting_point_arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    border: 1px solid #f9b0b3;
    border-radius: 50%;

    background: #fff7f7;

    color: #f3525a;

    font-size: 15px;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;
}

.sgnav_india_starting_point_card:hover
.sgnav_india_starting_point_arrow {
    background: #f3525a;
    color: #ffffff;

    transform: translateX(5px);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.sgnav_india_starting_point_content {
    position: relative;
    z-index: 2;
}

.sgnav_india_starting_point_content h3 {
    margin: 0 0 13px;

    color: #111827;

    font-size: 25px;
    line-height: 1.3;
    font-weight: 800;

    transition: color 0.3s ease;
}

.sgnav_india_starting_point_card:hover
.sgnav_india_starting_point_content h3 {
    color: #f3525a;
}

.sgnav_india_starting_point_content p {
    margin: 0;

    color: #667085;

    font-size: 15px;
    line-height: 1.75;
    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgnav_india_starting_points_section {
        padding: 55px 20px;
    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .sgnav_india_starting_points_intro {
        max-width: 760px;
        margin-bottom: 35px;
    }


    /* =====================================================
       BADGE
    ===================================================== */

    .sgnav_india_starting_points_badge {
        padding: 8px 16px;
        margin-bottom: 17px;

        font-size: 12px;
        letter-spacing: 0.7px;
    }

    .sgnav_india_starting_points_badge i {
        font-size: 16px;
    }


    /* =====================================================
       TITLE
    ===================================================== */

    .sgnav_india_starting_points_title {
        font-size: 34px;
        line-height: 1.22;
        letter-spacing: -0.5px;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .sgnav_india_starting_points_description {
        max-width: 600px;

        margin-top: 16px;

        font-size: 16px;
        line-height: 1.65;
    }


    /* =====================================================
       CARD
    ===================================================== */

    .sgnav_india_starting_point_card {
        min-height: 255px;
        padding: 26px;

        border-radius: 21px;
    }


    /* =====================================================
       CARD TOP
    ===================================================== */

    .sgnav_india_starting_point_card_top {
        margin-bottom: 27px;
    }


    /* =====================================================
       ICON
    ===================================================== */

    .sgnav_india_starting_point_icon {
        width: 57px;
        height: 57px;

        border-radius: 16px;

        font-size: 23px;
    }


    /* =====================================================
       ARROW
    ===================================================== */

    .sgnav_india_starting_point_arrow {
        width: 42px;
        height: 42px;

        font-size: 14px;
    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .sgnav_india_starting_point_content h3 {
        margin-bottom: 11px;

        font-size: 23px;
        line-height: 1.3;
    }

    .sgnav_india_starting_point_content p {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767.98px
========================================================= */

@media (max-width: 767.98px) {

    .sgnav_india_starting_points_section {
        padding: 50px 15px;
    }


    /* =====================================================
       SECTION INTRO
    ===================================================== */

    .sgnav_india_starting_points_intro {
        max-width: 100%;
        margin-bottom: 30px;
    }


    /* =====================================================
       BADGE
    ===================================================== */

    .sgnav_india_starting_points_badge {
        padding: 8px 14px;
        margin-bottom: 16px;

        font-size: 11px;
        letter-spacing: 0.6px;
    }

    .sgnav_india_starting_points_badge i {
        font-size: 15px;
    }


    /* =====================================================
       TITLE
    ===================================================== */

    .sgnav_india_starting_points_title {
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: -0.4px;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .sgnav_india_starting_points_description {
        max-width: 100%;

        margin-top: 15px;

        font-size: 15px;
        line-height: 1.7;
    }


    /* =====================================================
       CARD
    ===================================================== */

    .sgnav_india_starting_point_card {
        min-height: auto;

        padding: 23px;

        border-radius: 20px;
    }


    /* =====================================================
       CARD TOP
    ===================================================== */

    .sgnav_india_starting_point_card_top {
        margin-bottom: 25px;
    }


    /* =====================================================
       ICON
    ===================================================== */

    .sgnav_india_starting_point_icon {
        width: 55px;
        height: 55px;

        border-radius: 16px;

        font-size: 22px;
    }


    /* =====================================================
       ARROW
    ===================================================== */

    .sgnav_india_starting_point_arrow {
        width: 40px;
        height: 40px;

        font-size: 13px;
    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .sgnav_india_starting_point_content h3 {
        margin-bottom: 10px;

        font-size: 21px;
        line-height: 1.3;
    }

    .sgnav_india_starting_point_content p {
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
    }

}



















/* =========================================================
   TWO-DAY NAVAGRAHA TOUR ITINERARY
========================================================= */

.sgnvtwo_day_itinerary_section {
    position: relative;
    width: 100%;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SOFT BACKGROUND ACCENTS
========================================================= */

.sgnvtwo_day_itinerary_section::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    top: -150px;
    right: -120px;
    background: rgba(243, 82, 90, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.sgnvtwo_day_itinerary_section::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    bottom: -130px;
    left: -100px;
    background: rgba(249, 176, 179, 0.15);
    border-radius: 50%;
    pointer-events: none;
}


/* =========================================================
   HEADER
========================================================= */

.sgnvtwo_day_itinerary_header {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   BADGE
========================================================= */

.sgnvtwo_day_itinerary_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 17px;

    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(243, 82, 90, 0.22);
    border-radius: 50px;

    color: #f3525a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;

    box-shadow: 0 8px 22px rgba(31, 45, 61, 0.06);
}

.sgnvtwo_day_itinerary_badge i {
    font-size: 16px;
    color: #f3525a;
}


/* =========================================================
   TITLE
========================================================= */

.sgnvtwo_day_itinerary_title {
    margin: 0 0 16px;

    color: #1f2937;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.6px;
}


/* =========================================================
   INTRO
========================================================= */

.sgnvtwo_day_itinerary_intro {
    max-width: 790px;
    margin: 0 auto;

    color: #566474;
    font-size: 16px;
    line-height: 1.85;
    font-weight: 400;
}

.sgnvtwo_day_itinerary_intro strong {
    color: #f3525a;
    font-weight: 600;
}


/* =========================================================
   DAY CARDS WRAPPER
========================================================= */

.sgnvtwo_day_itinerary_days {
    position: relative;
    z-index: 2;
}


/* =========================================================
   DAY CARD
========================================================= */

.sgnvtwo_day_itinerary_card {
    position: relative;
    height: 100%;

    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 22px;

    padding: 28px;

    box-shadow:
        0 18px 45px rgba(35, 49, 65, 0.09),
        0 3px 10px rgba(35, 49, 65, 0.04);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.sgnvtwo_day_itinerary_card:hover {
    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.24);

    box-shadow:
        0 24px 55px rgba(35, 49, 65, 0.13),
        0 5px 15px rgba(243, 82, 90, 0.07);
}


/* =========================================================
   CARD TOP
========================================================= */

.sgnvtwo_day_itinerary_card_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 28px;
}


/* =========================================================
   DAY LABEL
========================================================= */

.sgnvtwo_day_itinerary_day {
    display: inline-flex;
    align-items: center;

    min-height: 34px;
    padding: 7px 14px;

    background: #f9b0b3;
    color: #ffffff;

    border-radius: 7px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
}


/* =========================================================
   CARD ICON
========================================================= */

.sgnvtwo_day_itinerary_icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(243, 82, 90, 0.09);
    border: 1px solid rgba(243, 82, 90, 0.13);

    border-radius: 15px;

    color: #f3525a;
    font-size: 22px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.sgnvtwo_day_itinerary_card:hover .sgnvtwo_day_itinerary_icon {
    background: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.sgnvtwo_day_itinerary_card_content {
    position: relative;
    padding-left: 18px;
}

.sgnvtwo_day_itinerary_card_content::before {
    content: "";
    position: absolute;

    left: 0;
    top: 4px;

    width: 3px;
    height: calc(100% - 8px);

    background: #f3525a;
    border-radius: 10px;
}


.sgnvtwo_day_itinerary_card_content h3 {
    margin: 0 0 14px;

    color: #202b38;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;
}


.sgnvtwo_day_itinerary_card_content p {
    margin: 0;

    color: #657383;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;

    text-align: justify;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.sgnvtwo_day_itinerary_note {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    max-width: 1200px;

    margin: 32px auto 0;
    padding: 19px 22px;

    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(243, 82, 90, 0.13);
    border-radius: 14px;

    box-shadow: 0 10px 28px rgba(35, 49, 65, 0.05);
}


.sgnvtwo_day_itinerary_note_icon {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(243, 82, 90, 0.10);
    border-radius: 50%;

    color: #f3525a;
    font-size: 16px;
}


.sgnvtwo_day_itinerary_note p {
    margin: 0;

    color: #657383;
    font-size: 15px;
    line-height: 1.75;
    text-align: justify;
}
/* =========================================================
   TABLET RESPONSIVE
   768px - 991.98px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgnvtwo_day_itinerary_section {
        padding: 55px 20px;
    }

    /* =========================
       HEADER
    ========================= */

    .sgnvtwo_day_itinerary_header {
        max-width: 760px;
        margin-bottom: 25px;
    }

    .sgnvtwo_day_itinerary_badge {
        padding: 8px 16px;
        font-size: 13px;
        gap: 8px;
    }

    .sgnvtwo_day_itinerary_badge i {
        font-size: 15px;
    }

    .sgnvtwo_day_itinerary_title {
        font-size: 34px;
        line-height: 1.3;
        margin-bottom: 14px;
    }

    .sgnvtwo_day_itinerary_intro {
        max-width: 700px;
        font-size: 14px;
        line-height: 1.8;
    }


    /* =========================
       DAY CARDS
    ========================= */

    .sgnvtwo_day_itinerary_days {
        margin-left: -10px;
        margin-right: -10px;
    }

    .sgnvtwo_day_itinerary_days > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sgnvtwo_day_itinerary_card {
        padding: 24px;
        border-radius: 19px;
    }

    .sgnvtwo_day_itinerary_card_top {
        margin-bottom: 23px;
        gap: 15px;
    }

    .sgnvtwo_day_itinerary_day {
        min-height: 32px;
        padding: 7px 13px;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .sgnvtwo_day_itinerary_icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 13px;
        font-size: 20px;
    }


    /* =========================
       CARD CONTENT
    ========================= */

    .sgnvtwo_day_itinerary_card_content {
        padding-left: 16px;
    }

    .sgnvtwo_day_itinerary_card_content::before {
        width: 3px;
        top: 3px;
        height: calc(100% - 6px);
    }

    .sgnvtwo_day_itinerary_card_content h3 {
        font-size: 19px;
        line-height: 1.45;
        margin-bottom: 11px;
    }

    .sgnvtwo_day_itinerary_card_content p {
        font-size: 13.5px;
        line-height: 1.8;
    }


    /* =========================
       BOTTOM NOTE
    ========================= */

    .sgnvtwo_day_itinerary_note {
        max-width: 100%;
        margin-top: 26px;
        padding: 17px 19px;
        gap: 13px;
        border-radius: 13px;
    }

    .sgnvtwo_day_itinerary_note_icon {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .sgnvtwo_day_itinerary_note p {
        font-size: 13.5px;
        line-height: 1.75;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
   Below 767.98px
========================================================= */

@media (max-width: 767.98px) {

    .sgnvtwo_day_itinerary_section {
        padding: 48px 16px;
    }


    /* =========================
       HEADER
    ========================= */

    .sgnvtwo_day_itinerary_header {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .sgnvtwo_day_itinerary_badge {
        padding: 8px 15px;
        margin-bottom: 14px;
        gap: 8px;

        font-size: 12px;
        letter-spacing: 0.4px;
    }

    .sgnvtwo_day_itinerary_badge i {
        font-size: 14px;
    }

    .sgnvtwo_day_itinerary_title {
        font-size: 27px;
        line-height: 1.3;
        letter-spacing: -0.3px;
        margin-bottom: 13px;
    }

    .sgnvtwo_day_itinerary_intro {
        max-width: 100%;
        font-size: 13.5px;
        line-height: 1.8;
    }


    /* =========================
       DAY CARDS
    ========================= */

    .sgnvtwo_day_itinerary_days {
        margin-left: 0;
        margin-right: 0;
    }

    .sgnvtwo_day_itinerary_days > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .sgnvtwo_day_itinerary_card {
        padding: 21px;
        border-radius: 18px;
    }

    .sgnvtwo_day_itinerary_card_top {
        margin-bottom: 21px;
        gap: 12px;
    }

    .sgnvtwo_day_itinerary_day {
        min-height: 31px;
        padding: 7px 12px;

        font-size: 11px;
        letter-spacing: 1px;
    }

    .sgnvtwo_day_itinerary_icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;

        border-radius: 12px;
        font-size: 19px;
    }


    /* =========================
       CARD CONTENT
    ========================= */

    .sgnvtwo_day_itinerary_card_content {
        padding-left: 15px;
    }

    .sgnvtwo_day_itinerary_card_content::before {
        width: 3px;
        top: 3px;
        height: calc(100% - 6px);
    }

    .sgnvtwo_day_itinerary_card_content h3 {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 10px;
    }

    .sgnvtwo_day_itinerary_card_content p {
        font-size: 13px;
        line-height: 1.8;
        text-align: justify;
    }


    /* =========================
       BOTTOM NOTE
    ========================= */

    .sgnvtwo_day_itinerary_note {
        max-width: 100%;

        margin-top: 24px;
        padding: 15px 16px;

        gap: 11px;
        border-radius: 12px;
    }

    .sgnvtwo_day_itinerary_note_icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;

        font-size: 14px;
    }

    .sgnvtwo_day_itinerary_note p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }
}
















/* =========================================================
   2 DAYS NAVAGRAHA TOUR PACKAGE PRICE
========================================================= */

.sgnvtwo_price_info_section {
    position: relative;
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SOFT BACKGROUND ACCENTS
========================================================= */

.sgnvtwo_price_info_section::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -130px;
    left: -100px;
    background: #f9b0b3;
    opacity: 0.16;
    border-radius: 50%;
    pointer-events: none;
}

.sgnvtwo_price_info_section::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -90px;
    bottom: -100px;
    background: #f3525a;
    opacity: 0.08;
    border-radius: 50%;
    pointer-events: none;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.sgnvtwo_price_info_wrap {
    position: relative;
    z-index: 2;
    max-width: 1150px;
    margin: 0 auto;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.sgnvtwo_price_info_header {
    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   BADGE
========================================================= */

.sgnvtwo_price_info_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border: 1px solid #f9b0b3;
    border-radius: 50px;
    background: #fff7f7;
    color: #f3525a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.sgnvtwo_price_info_badge i {
    color: #f3525a;
}


/* =========================================================
   TITLE
========================================================= */

.sgnvtwo_price_info_title {
    margin: 0 0 18px;
    color: #171717;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.5px;
}


/* =========================================================
   INTRO
========================================================= */

.sgnvtwo_price_info_intro {
    margin: 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.85;
}

.sgnvtwo_price_info_intro strong {
    color: #333333;
    font-weight: 600;
}


/* =========================================================
   CONTENT AREA
========================================================= */

.sgnvtwo_price_info_content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.sgnvtwo_price_info_content:hover {
    transform: translateY(-5px);
    border-color: #f9b0b3;
    box-shadow: 0 18px 40px rgba(243, 82, 90, 0.12);
}


/* =========================================================
   ICON
========================================================= */

.sgnvtwo_price_info_icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1f2;
    border: 1px solid #f9b0b3;
    border-radius: 15px;
    color: #f3525a;
    font-size: 22px;
    transition: all 0.3s ease;
}

.sgnvtwo_price_info_content:hover .sgnvtwo_price_info_icon {
    background: #f3525a;
    border-color: #f3525a;
    color: #ffffff;
    transform: rotate(-4deg);
}


/* =========================================================
   CONTENT TEXT
========================================================= */

.sgnvtwo_price_info_text {
    flex: 1;
}

.sgnvtwo_price_info_text h3 {
    margin: 0 0 11px;
    color: #222222;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.sgnvtwo_price_info_text p {
    margin: 0;
    color: #686868;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
}

.sgnvtwo_price_info_text strong {
    color: #333333;
    font-weight: 600;
}


/* =========================================================
   CTA AREA
========================================================= */

.sgnvtwo_price_info_cta {
    margin-top: 30px;
}


/* =========================================================
   BUTTON
========================================================= */

.sgnvtwo_price_info_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 14px 25px;
    background: #f3525a;
    border: 2px solid #f3525a;
    border-radius: 50px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.sgnvtwo_price_info_btn::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #d9414a;
    transition: width 0.3s ease;
    z-index: 0;
}

.sgnvtwo_price_info_btn span,
.sgnvtwo_price_info_btn i {
    position: relative;
    z-index: 1;
}

.sgnvtwo_price_info_btn:hover::before {
    width: 100%;
}

.sgnvtwo_price_info_btn:hover {
    color: #ffffff;
    border-color: #d9414a;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(243, 82, 90, 0.25);
}

.sgnvtwo_price_info_btn i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

.sgnvtwo_price_info_btn:hover i {
    transform: translateX(4px);
}


/* =========================================================
   FAMILY PACKAGE WHATSAPP QUOTATION BUTTON
========================================================= */

.sgnvtwo_family_quote_cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 14px 25px;
    background: #25D366;
    border: 2px solid #25D366;
    border-radius: 50px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
}


/* =========================================================
   HOVER BACKGROUND
========================================================= */

.sgnvtwo_family_quote_cta::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    transition: width 0.3s ease;
    z-index: 0;
}


/* =========================================================
   TEXT + ICON
========================================================= */

.sgnvtwo_family_quote_cta span,
.sgnvtwo_family_quote_cta i {
    position: relative;
    z-index: 1;
}


/* =========================================================
   WHATSAPP ICON
========================================================= */

.sgnvtwo_family_quote_cta i {
    font-size: 17px;
    transition: transform 0.3s ease;
}


/* =========================================================
   HOVER
========================================================= */

.sgnvtwo_family_quote_cta:hover::before {
    width: 100%;
}

.sgnvtwo_family_quote_cta:hover {
    color: #ffffff;
    background: #25D366;
    transform: translateY(-2px);
}

.sgnvtwo_family_quote_cta:hover i {
    transform: scale(1.1);
}


/* =========================================================
   NOTE
========================================================= */

.sgnvtwo_price_info_note {
    max-width: 720px;
    margin: 18px auto 0;
    color: #777777;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .sgnvtwo_price_info_section {
        padding: 55px 20px;
    }

    .sgnvtwo_price_info_header {
        max-width: 760px;
        margin-bottom: 25px;
    }

    .sgnvtwo_price_info_title {
        font-size: 32px;
    }

    .sgnvtwo_price_info_intro {
        font-size: 15px;
        line-height: 1.8;
    }

    .sgnvtwo_price_info_content {
        gap: 18px;
        padding: 26px;
    }

    .sgnvtwo_price_info_icon {
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        font-size: 20px;
    }

    .sgnvtwo_price_info_text h3 {
        font-size: 20px;
    }

    .sgnvtwo_price_info_text p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sgnvtwo_price_info_cta {
        margin-top: 28px;
    }

    .sgnvtwo_price_info_note {
        font-size: 14px;
    }

    .sgnvtwo_family_quote_cta {
        min-height: 52px;
        padding: 13px 22px;
        font-size: 14px;
        gap: 10px;
    }

    .sgnvtwo_family_quote_cta i {
        font-size: 16px;
    }

}

/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .sgnvtwo_price_info_section {
        width: 100%;
        padding: 45px 15px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .sgnvtwo_price_info_wrap {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .sgnvtwo_price_info_header {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
        box-sizing: border-box;
    }

    .sgnvtwo_price_info_badge {
        padding: 8px 16px;
        margin-bottom: 15px;
        font-size: 13px;
    }

    .sgnvtwo_price_info_title {
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.2px;
        margin-bottom: 15px;
    }

    .sgnvtwo_price_info_intro {
        font-size: 14px;
        line-height: 1.75;
        text-align: center;
    }


    /* =====================================================
       CONTENT CARD
    ===================================================== */

    .sgnvtwo_price_info_content {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 22px;
        border-radius: 15px;
        box-sizing: border-box;
    }

    .sgnvtwo_price_info_icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        font-size: 18px;
        border-radius: 12px;
    }

    .sgnvtwo_price_info_text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .sgnvtwo_price_info_text h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .sgnvtwo_price_info_text p {
        font-size: 13.5px;
        line-height: 1.75;
        text-align: justify;
    }


    /* =====================================================
       CTA AREA
       FULL WIDTH MOBILE
    ===================================================== */

    .sgnvtwo_price_info_cta {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 25px 0 0;
        padding: 0;
        box-sizing: border-box;
    }


    /* =====================================================
       FIRST BUTTON
       CHECK NAVAGRAHA PACKAGE PRICE
    ===================================================== */

    .sgnvtwo_price_info_cta .sgnvtwo_price_info_btn {
        position: relative;
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 50px;

        margin: 0 0 12px;
        padding: 12px 18px;

        box-sizing: border-box;

        align-items: center;
        justify-content: center;

        gap: 9px;

        border-radius: 50px;

        font-size: 14px;
        line-height: 1.3;
        text-align: center;

        white-space: normal;
    }


    /* =====================================================
       SECOND BUTTON
       FAMILY PACKAGE QUOTATION
    ===================================================== */

    .sgnvtwo_price_info_cta .sgnvtwo_family_quote_cta {
        position: relative;
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 50px;

        margin: 0;
        padding: 12px 18px;

        box-sizing: border-box;

        align-items: center;
        justify-content: center;

        gap: 9px;

        border-radius: 50px;

        font-size: 14px;
        line-height: 1.3;
        text-align: center;

        white-space: normal;
    }

    .sgnvtwo_family_quote_cta i {
        font-size: 16px;
        flex-shrink: 0;
    }


    /* =====================================================
       BUTTON TEXT
    ===================================================== */

    .sgnvtwo_price_info_btn span,
    .sgnvtwo_family_quote_cta span {
        display: inline-block;
        line-height: 1.3;
    }


    /* =====================================================
       NOTE
    ===================================================== */

    .sgnvtwo_price_info_note {
        width: 100%;
        max-width: 100%;
        margin: 15px auto 0;
        font-size: 13px;
        line-height: 1.65;
        text-align: center;
        box-sizing: border-box;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sgnvtwo_price_info_section {
        padding: 38px 12px;
    }

    .sgnvtwo_price_info_content {
        padding: 18px;
        gap: 13px;
    }

    .sgnvtwo_price_info_icon {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        font-size: 17px;
    }

    .sgnvtwo_price_info_text h3 {
        font-size: 17px;
    }

    .sgnvtwo_price_info_text p {
        font-size: 13px;
        line-height: 1.7;
    }


    /* =====================================================
       MOBILE BUTTONS
    ===================================================== */

    .sgnvtwo_price_info_cta {
        width: 100%;
        max-width: 100%;
        margin-top: 22px;
    }

    .sgnvtwo_price_info_cta .sgnvtwo_price_info_btn {
        width: 100%;
        max-width: 100%;
        min-height: 48px;
        margin: 0 0 12px;
        padding: 11px 15px;
        font-size: 13.5px;
    }

    .sgnvtwo_price_info_cta .sgnvtwo_family_quote_cta {
        width: 100%;
        max-width: 100%;
        min-height: 48px;
        margin: 0;
        padding: 11px 15px;
        font-size: 13.5px;
    }

}

















/* =========================================================
   NAVAGRAHA TEMPLE CIRCUIT
========================================================= */

.sgnvtw_navagraha_circuit_section {
    position: relative;
    width: 100%;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SOFT BACKGROUND ACCENTS
========================================================= */

.sgnvtw_navagraha_circuit_section::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    top: -170px;
    left: -130px;
    background: #f9b0b3;
    opacity: 0.18;
    border-radius: 50%;
    pointer-events: none;
}

.sgnvtw_navagraha_circuit_section::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -110px;
    bottom: -130px;
    background: #f3525a;
    opacity: 0.10;
    border-radius: 50%;
    pointer-events: none;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.sgnvtw_navagraha_circuit_header {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   BADGE
========================================================= */

.sgnvtw_navagraha_circuit_badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;

    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(243, 82, 90, 0.25);
    border-radius: 50px;

    color: #f3525a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;

    box-shadow: 0 8px 25px rgba(40, 55, 70, 0.07);
}

.sgnvtw_navagraha_circuit_badge i {
    font-size: 16px;
}


/* =========================================================
   TITLE
========================================================= */

.sgnvtw_navagraha_circuit_title {
    margin: 0;
    color: #172335;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.7px;
}

/* =========================================================
   INTRO
========================================================= */

.sgnvtw_navagraha_circuit_intro {
    max-width: 760px;
    margin: 20px auto 0;

    color: #5b6675;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}

.sgnvtw_navagraha_circuit_intro strong {
    color: #f3525a;
    font-weight: 700;
}


/* =========================================================
   TEMPLE GRID
========================================================= */

.sgnvtw_navagraha_circuit_grid {
    position: relative;
    z-index: 2;
}


/* =========================================================
   TEMPLE CARD
========================================================= */

.sgnvtw_navagraha_temple_card {
    position: relative;
    height: 100%;
    min-height: 175px;

    padding: 30px 25px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(243, 82, 90, 0.12);
    border-radius: 22px;

    box-shadow:
        0 12px 30px rgba(34, 48, 64, 0.08);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.sgnvtw_navagraha_temple_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;

    height: 3px;

    background: linear-gradient(
        90deg,
        transparent,
        #f3525a,
        transparent
    );

    opacity: 0.8;
}


/* =========================================================
   CARD HOVER
========================================================= */

.sgnvtw_navagraha_temple_card:hover {
    transform: translateY(-8px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow:
        0 18px 38px rgba(34, 48, 64, 0.12);
}


/* =========================================================
   NUMBER
========================================================= */

.sgnvtw_navagraha_temple_number {
    position: absolute;
    top: 13px;
    right: 17px;

    color: #f9b0b3;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* =========================================================
   TEMPLE ICON
========================================================= */

.sgnvtw_navagraha_temple_icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 17px;

    background: #fff1f2;
    border: 1px solid rgba(243, 82, 90, 0.18);
    border-radius: 18px;

    color: #f3525a;
    font-size: 22px;

    box-shadow:
        0 8px 18px rgba(243, 82, 90, 0.10);

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}

.sgnvtw_navagraha_temple_card:hover .sgnvtw_navagraha_temple_icon {
    transform: scale(1.08) rotate(-3deg);
    background: #f3525a;
    color: #ffffff;
}


/* =========================================================
   TEMPLE NAME
========================================================= */

.sgnvtw_navagraha_temple_card h3 {
    margin: 0;

    color: #263447;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;

    transition: color 0.3s ease;
}

.sgnvtw_navagraha_temple_card:hover h3 {
    color: #f3525a;
}


/* =========================================================
   ITINERARY NOTE
========================================================= */

.sgnvtw_navagraha_circuit_note {
    position: relative;
    z-index: 2;

    max-width: 1100px;
    margin: 42px auto 0;
    padding: 22px 25px;

    display: flex;
    align-items: center;
    gap: 17px;

    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(243, 82, 90, 0.16);
    border-left: 4px solid #f3525a;

    border-radius: 15px;

    box-shadow: 0 10px 25px rgba(34, 48, 64, 0.06);
}

.sgnvtw_navagraha_note_icon {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f9b0b3;
    color: #ffffff;

    border-radius: 13px;

    font-size: 18px;
}

.sgnvtw_navagraha_circuit_note p {
    margin: 0;

    color: #5c6877;
    font-size: 14px;
    line-height: 1.75;
    text-align: justify;
}

/* =========================================================
   TABLET RESPONSIVE
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgnvtw_navagraha_circuit_section {
        padding: 55px 20px;
    }

    .sgnvtw_navagraha_circuit_header {
        max-width: 720px;
        margin-bottom: 25px;
    }

    .sgnvtw_navagraha_circuit_badge {
        padding: 8px 16px;
        font-size: 12px;
        margin-bottom: 15px;
    }

    .sgnvtw_navagraha_circuit_badge i {
        font-size: 15px;
    }

    .sgnvtw_navagraha_circuit_title {
        font-size: 28px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .sgnvtw_navagraha_circuit_intro {
        max-width: 650px;
        margin-top: 17px;
        font-size: 14px;
        line-height: 1.75;
    }

    .sgnvtw_navagraha_temple_card {
        min-height: 160px;
        padding: 26px 20px;
        border-radius: 19px;
    }

    .sgnvtw_navagraha_temple_icon {
        width: 54px;
        height: 54px;
        margin-bottom: 15px;
        font-size: 20px;
        border-radius: 16px;
    }

    .sgnvtw_navagraha_temple_card h3 {
        font-size: 16px;
    }

    .sgnvtw_navagraha_temple_number {
        top: 12px;
        right: 15px;
        font-size: 12px;
    }

    .sgnvtw_navagraha_circuit_note {
        max-width: 720px;
        margin-top: 35px;
        padding: 19px 21px;
        gap: 15px;
    }

    .sgnvtw_navagraha_note_icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 11px;
    }

    .sgnvtw_navagraha_circuit_note p {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE RESPONSIVE
   Up to 767px
========================================================= */

@media (max-width: 767.98px) {

    .sgnvtw_navagraha_circuit_section {
        padding: 48px 15px;
    }

    .sgnvtw_navagraha_circuit_header {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .sgnvtw_navagraha_circuit_badge {
        padding: 8px 15px;
        margin-bottom: 15px;
        font-size: 11px;
        gap: 7px;
    }

    .sgnvtw_navagraha_circuit_badge i {
        font-size: 14px;
    }

    .sgnvtw_navagraha_circuit_title {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: -0.3px;
    }

    .sgnvtw_navagraha_circuit_intro {
        max-width: 100%;
        margin-top: 17px;
        font-size: 14px;
        line-height: 1.75;
    }

    .sgnvtw_navagraha_circuit_grid {
        margin-left: -8px;
        margin-right: -8px;
    }

    .sgnvtw_navagraha_temple_card {
        min-height: 145px;
        padding: 24px 18px;
        border-radius: 17px;
    }

    .sgnvtw_navagraha_temple_number {
        top: 11px;
        right: 14px;
        font-size: 11px;
    }

    .sgnvtw_navagraha_temple_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 13px;
        font-size: 19px;
        border-radius: 14px;
    }

    .sgnvtw_navagraha_temple_card h3 {
        font-size: 15px;
        line-height: 1.35;
    }

    .sgnvtw_navagraha_circuit_note {
        max-width: 100%;
        margin-top: 30px;
        padding: 17px 18px;
        gap: 12px;
        align-items: flex-start;
        border-radius: 13px;
    }

    .sgnvtw_navagraha_note_icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 15px;
        border-radius: 10px;
    }

    .sgnvtw_navagraha_circuit_note p {
        font-size: 12.5px;
        line-height: 1.7;
        text-align: justify;
    }

    .sgnvtw_navagraha_circuit_section::before {
        width: 230px;
        height: 230px;
        top: -120px;
        left: -100px;
    }

    .sgnvtw_navagraha_circuit_section::after {
        width: 200px;
        height: 200px;
        right: -90px;
        bottom: -100px;
    }

}
















/* =========================================================
   EXPLORE MORE NAVAGRAHA TOUR OPTIONS
========================================================= */

.sgnve_navagraha_options_section {
    position: relative;
    width: 100%;
    padding: 60px 20px;
    background: rgb(223, 231, 239);
    overflow: hidden;
    font-family: "Poppins", sans-serif;
}


/* =========================================================
   SOFT BACKGROUND ACCENTS
========================================================= */

.sgnve_navagraha_options_section::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    top: -130px;
    left: -100px;
    background: #f9b0b3;
    opacity: 0.18;
    border-radius: 50%;
    filter: blur(5px);
    pointer-events: none;
}

.sgnve_navagraha_options_section::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    bottom: -120px;
    right: -80px;
    background: #f3525a;
    opacity: 0.10;
    border-radius: 50%;
    filter: blur(8px);
    pointer-events: none;
}


/* =========================================================
   HEADER
========================================================= */

.sgnve_navagraha_options_header {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 30px;
}


/* =========================================================
   HEADER ICON
========================================================= */

.sgnve_navagraha_options_icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #f3525a;

    border: 1px solid rgba(243, 82, 90, 0.20);
    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(15, 23, 42, 0.08),
        inset 0 0 0 5px rgba(249, 176, 179, 0.14);

    transition: all 0.35s ease;
}

.sgnve_navagraha_options_icon i {
    font-size: 25px;
}

.sgnve_navagraha_options_header:hover
.sgnve_navagraha_options_icon {
    transform: translateY(-4px) rotate(-3deg);
    color: #ffffff;
    background: #f3525a;
    border-color: #f3525a;
}


/* =========================================================
   TITLE
========================================================= */

.sgnve_navagraha_options_title {
    margin: 0;
    color: #1b2638;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.5px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.sgnve_navagraha_options_description {
    max-width: 720px;
    margin: 15px auto 0;

    color: #526174;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}


/* =========================================================
   CARD GRID
========================================================= */

.sgnve_navagraha_options_grid {
    position: relative;
    z-index: 2;
}


/* =========================================================
   OPTION CARD
========================================================= */

.sgnve_navagraha_option_card {
    position: relative;
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 145px;

    padding: 26px 60px 26px 25px;

    background: rgba(255, 255, 255, 0.94);

    border: 1px solid rgba(243, 82, 90, 0.10);
    border-radius: 22px;

    text-decoration: none;

    overflow: hidden;

    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   CARD SOFT ACCENT
========================================================= */

.sgnve_navagraha_option_card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background: #f3525a;

    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform 0.35s ease;
}


/* =========================================================
   CARD BACKGROUND GLOW
========================================================= */

.sgnve_navagraha_option_card::after {
    content: "";
    position: absolute;

    width: 130px;
    height: 130px;

    top: -70px;
    right: -50px;

    background: #f9b0b3;
    opacity: 0.20;

    border-radius: 50%;

    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.sgnve_navagraha_option_card:hover {
    transform: translateY(-7px);

    border-color: rgba(243, 82, 90, 0.28);

    box-shadow:
        0 18px 38px rgba(15, 23, 42, 0.12);
}

.sgnve_navagraha_option_card:hover::before {
    transform: scaleY(1);
}

.sgnve_navagraha_option_card:hover::after {
    transform: scale(1.45);
    opacity: 0.30;
}



/* =========================================================
   CARD CONTENT
========================================================= */

.sgnve_navagraha_option_content {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    min-width: 0;
}


/* =========================================================
   CARD ICON
========================================================= */

.sgnve_navagraha_option_icon {
    flex-shrink: 0;

    width: 48px;
    height: 48px;

    margin-right: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #f3525a;
    background: #fff7f7;

    border-radius: 14px;

    transition: all 0.35s ease;
}

.sgnve_navagraha_option_icon i {
    font-size: 20px;
}

.sgnve_navagraha_option_card:hover
.sgnve_navagraha_option_icon {
    color: #ffffff;
    background: #f3525a;
    transform: rotate(4deg);
}


/* =========================================================
   CARD TITLE
========================================================= */

.sgnve_navagraha_option_card h3 {
    margin: 0;

    color: #263449;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;

    transition: color 0.3s ease;
}

.sgnve_navagraha_option_card:hover h3 {
    color: #f3525a;
}


/* =========================================================
   ARROW
========================================================= */

.sgnve_navagraha_option_arrow {
    position: absolute;
    z-index: 3;

    top: 50%;
    right: 22px;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #f3525a;
    background: #fff1f2;

    border-radius: 50%;

    transform: translateY(-50%);

    transition: all 0.35s ease;
}

.sgnve_navagraha_option_arrow i {
    font-size: 13px;
}

.sgnve_navagraha_option_card:hover
.sgnve_navagraha_option_arrow {
    color: #ffffff;
    background: #f3525a;
    transform: translateY(-50%) translateX(4px);
}
/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .sgnve_navagraha_options_section {
        padding: 55px 20px;
    }

    .sgnve_navagraha_options_header {
        max-width: 750px;
        margin-bottom: 25px;
    }

    .sgnve_navagraha_options_title {
        font-size: 32px;
    }

    .sgnve_navagraha_options_description {
        max-width: 650px;
        font-size: 15px;
        line-height: 1.7;
    }

    .sgnve_navagraha_option_card {
        min-height: 135px;
        padding: 22px 58px 22px 20px;
        border-radius: 20px;
    }

    .sgnve_navagraha_option_number {
        width: 42px;
        height: 42px;
        margin-right: 12px;
    }

    .sgnve_navagraha_option_icon {
        width: 45px;
        height: 45px;
        margin-right: 12px;
        border-radius: 13px;
    }

    .sgnve_navagraha_option_icon i {
        font-size: 18px;
    }

    .sgnve_navagraha_option_card h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .sgnve_navagraha_option_arrow {
        right: 18px;
        width: 36px;
        height: 36px;
    }

    .sgnve_navagraha_option_arrow i {
        font-size: 12px;
    }
}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .sgnve_navagraha_options_section {
        padding: 50px 16px;
    }

    .sgnve_navagraha_options_header {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .sgnve_navagraha_options_icon {
        width: 56px;
        height: 56px;
        margin-bottom: 15px;
        border-radius: 16px;
    }

    .sgnve_navagraha_options_icon i {
        font-size: 22px;
    }

    .sgnve_navagraha_options_title {
        font-size: 23px;
        line-height: 1.3;
    }

    .sgnve_navagraha_options_description {
        margin-top: 12px;
        font-size: 13.5px;
        line-height: 1.7;
    }

    .sgnve_navagraha_option_card {
        min-height: 125px;
        padding: 20px 52px 20px 17px;
        border-radius: 18px;
    }

    .sgnve_navagraha_option_number {
        width: 39px;
        height: 39px;
        margin-right: 10px;
        border-radius: 11px;
        font-size: 12px;
    }

    .sgnve_navagraha_option_icon {
        width: 42px;
        height: 42px;
        margin-right: 10px;
        border-radius: 11px;
    }

    .sgnve_navagraha_option_icon i {
        font-size: 17px;
    }

    .sgnve_navagraha_option_card h3 {
        font-size: 15px;
        line-height: 1.4;
    }

    .sgnve_navagraha_option_arrow {
        right: 14px;
        width: 34px;
        height: 34px;
    }

    .sgnve_navagraha_option_arrow i {
        font-size: 11px;
    }

}


















/* =========================================
   NAVAGRAHA SINGAPORE TOUR GUIDE BANNER
   ========================================= */

.sgntg_singapore_guide_banner {
    position: relative;
    overflow: hidden;
    padding: 50px 0 50px;
    background: #020817;
    color: #ffffff;
}


/* =========================================
   BADGE
   ========================================= */

.sgntg_singapore_guide_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 16px;
    margin-bottom: 15px;
    border: 1px solid rgba(243, 82, 90, 0.55);
    border-radius: 30px;
    background: rgba(243, 82, 90, 0.10);
    color: #f9b0b3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.4px;
}

.sgntg_singapore_guide_badge i {
    color: #f3525a;
    font-size: 14px;
}


/* =========================================
   MAIN TITLE
   ========================================= */

.sgntg_singapore_guide_title {
    margin: 0 auto 23px;
    max-width: 1000px;
    color: #ffffff;
    font-size: 60px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -1.4px;
}


/* =========================================
   DESCRIPTION BOX
   ========================================= */

.sgntg_singapore_guide_description {
    padding: 23px 30px;
    margin-bottom: 15px;
    border: 1px solid rgba(148, 163, 184, 0.20);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.88);
    text-align: center;
}

.sgntg_singapore_guide_description p {
    margin: 0;
    color: #d8deeb;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}


/* =========================================
   IMPORTANT NOTE
   ========================================= */

.sgntg_singapore_guide_note {
    padding: 13px 20px;
    margin-bottom: 23px;
    border: 1px solid rgba(243, 82, 90, 0.35);
    border-radius: 13px;
    background: rgba(243, 82, 90, 0.06);
    text-align: center;
}

.sgntg_singapore_guide_note p {
    margin: 0;
    color: #f9b0b3;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
}

.sgntg_singapore_guide_note strong {
    color: #ffffff;
    font-weight: 800;
}


/* =========================================
   INFORMATION CARDS
   ========================================= */

.sgntg_singapore_guide_info_card {
    height: 100%;
    min-height: 72px;
    padding: 13px 17px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 13px;
    background: rgba(17, 24, 39, 0.88);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
}

.sgntg_singapore_guide_info_card:hover {
    border-color: rgba(243, 82, 90, 0.55);
    transform: translateY(-2px);
}

.sgntg_singapore_guide_card_label {
    display: block;
    margin-bottom: 4px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.sgntg_singapore_guide_info_card strong {
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================
   BUTTON AREA
   ========================================= */

.sgntg_singapore_guide_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 27px;
}


/* =========================================
   COMMON BUTTON
   ========================================= */

.sgntg_singapore_guide_btn {
    min-height: 52px;
    padding: 0 24px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    transition: all 0.3s ease;
}

.sgntg_singapore_guide_btn i {
    font-size: 15px;
}
/* =========================================
   WHATSAPP PRIMARY BUTTON
   ========================================= */

.sgntg_singapore_guide_btn_primary {

    min-width: 260px;

    background: #25D366;
    border: 1px solid #25D366;

    color: #ffffff !important;

    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.20);

}

.sgntg_singapore_guide_btn_primary i {

    color: #ffffff;
    font-size: 16px;

}

.sgntg_singapore_guide_btn_primary:hover {

    background: #1ebe5d;
    border-color: #1ebe5d;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 11px 26px rgba(37, 211, 102, 0.30);

}

/* =========================================
   SECONDARY BUTTON
   ========================================= */

.sgntg_singapore_guide_btn_secondary {
    min-width: 320px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.42);
    color: #ffffff !important;
}

.sgntg_singapore_guide_btn_secondary i {
    color: #f9b0b3;
}

.sgntg_singapore_guide_btn_secondary:hover {
    background: rgba(243, 82, 90, 0.08);
    border-color: #f3525a;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* =========================================
   NAVAGRAHA SINGAPORE TOUR GUIDE
   TABLET RESPONSIVE
   ========================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .sgntg_singapore_guide_banner {
        padding: 45px 0 45px;
    }

    .sgntg_singapore_guide_title {
        max-width: 750px;
        font-size: 46px;
        line-height: 1.08;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

    .sgntg_singapore_guide_description {
        padding: 20px 24px;
        margin-bottom: 14px;
    }

    .sgntg_singapore_guide_description p {
        font-size: 15px;
        line-height: 1.55;
    }

    .sgntg_singapore_guide_note {
        padding: 12px 18px;
        margin-bottom: 20px;
    }

    .sgntg_singapore_guide_note p {
        font-size: 13px;
        line-height: 1.5;
    }

    .sgntg_singapore_guide_info_card {
        min-height: 70px;
        padding: 12px 15px;
    }

    .sgntg_singapore_guide_card_label {
        font-size: 11px;
    }

    .sgntg_singapore_guide_info_card strong {
        font-size: 14px;
    }

    .sgntg_singapore_guide_actions {
        margin-top: 24px;
        gap: 10px;
    }

    .sgntg_singapore_guide_btn {
        min-height: 50px;
        padding: 0 20px;
        font-size: 13px;
    }

    .sgntg_singapore_guide_btn_primary {
        min-width: 230px;
    }

    .sgntg_singapore_guide_btn_secondary {
        min-width: 280px;
    }
}

/* =========================================
   NAVAGRAHA SINGAPORE TOUR GUIDE
   MOBILE RESPONSIVE
   ========================================= */

@media (max-width: 767.98px) {

    /* =========================================
       MAIN BANNER
       ========================================= */

    .sgntg_singapore_guide_banner {
        padding: 38px 0 38px;
        overflow: hidden;
    }


    /* =========================================
       BADGE
       ========================================= */

    .sgntg_singapore_guide_badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;

        padding: 6px 13px;
        margin-bottom: 13px;

        font-size: 11px;
        line-height: 1.2;
        letter-spacing: 0.3px;

        border-radius: 30px;
    }

    .sgntg_singapore_guide_badge i {
        font-size: 13px;
    }


    /* =========================================
       MAIN TITLE
       ========================================= */

    .sgntg_singapore_guide_title {
        width: 100%;
        max-width: 100%;

        margin: 0 auto 18px;
        padding: 0 10px;

        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -0.7px;

        text-align: center;
    }


    /* =========================================
       DESCRIPTION BOX
       ========================================= */

    .sgntg_singapore_guide_description {
        width: 100%;

        padding: 17px 18px;
        margin-bottom: 12px;

        border-radius: 13px;

        text-align: center;
    }

    .sgntg_singapore_guide_description p {
        margin: 0;

        font-size: 14px;
        line-height: 1.55;

        text-align: center;
    }


    /* =========================================
       IMPORTANT NOTE
       ========================================= */

    .sgntg_singapore_guide_note {
        width: 100%;

        padding: 11px 15px;
        margin-bottom: 18px;

        border-radius: 11px;

        text-align: center;
    }

    .sgntg_singapore_guide_note p {
        margin: 0;

        font-size: 12px;
        line-height: 1.5;

        text-align: center;
    }

    .sgntg_singapore_guide_note strong {
        font-weight: 800;
    }


    /* =========================================
       INFORMATION CARDS WRAPPER
       ========================================= */

    .sgntg_singapore_guide_info_card {
        width: 92%;
        max-width: 100%;

        min-height: 68px;

        margin-left: auto;
        margin-right: auto;

        padding: 11px 14px;

        border-radius: 11px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        text-align: left;
    }


    /* =========================================
       INFORMATION CARD LABEL
       ========================================= */

    .sgntg_singapore_guide_card_label {
        display: block;

        margin-bottom: 3px;

        font-size: 11px;
        line-height: 1.2;
        letter-spacing: 0.25px;
    }


    /* =========================================
       INFORMATION CARD VALUE
       ========================================= */

    .sgntg_singapore_guide_info_card strong {
        display: block;

        font-size: 14px;
        line-height: 1.35;
        font-weight: 700;

        word-break: normal;
    }


    /* =========================================
       BUTTON AREA
       ========================================= */

    .sgntg_singapore_guide_actions {
        width: 100%;

        margin-top: 21px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 10px;
    }


    /* =========================================
       COMMON BUTTON
       ========================================= */

    .sgntg_singapore_guide_btn {
        width: 92%;

        min-width: 0 !important;
        min-height: 49px;

        padding: 0 18px;

        border-radius: 27px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 8px;

        font-size: 13px;
        line-height: 1;

        text-align: center;
    }

    .sgntg_singapore_guide_btn i {
        font-size: 15px;
        flex-shrink: 0;
    }


    /* =========================================
       WHATSAPP PRIMARY BUTTON
       ========================================= */

    .sgntg_singapore_guide_btn_primary {
        width: 92%;
        min-width: 0 !important;

        padding-left: 18px;
        padding-right: 18px;
    }


    /* =========================================
       SECONDARY BUTTON
       ========================================= */

    .sgntg_singapore_guide_btn_secondary {
        width: 92%;
        min-width: 0 !important;

        padding-left: 18px;
        padding-right: 18px;
    }

}