:root {
    --color-primary: #29166F;
    --color-secondary: #00923F;
    --color-white: #fff;
    --color-black: #000;
}

/* FONTS */
/* 
    font-family: "Outfit", sans-serif;
    font-family: "Inter", sans-serif; 
    font-family: "Mona Sans", sans-serif;
*/

body {padding: 0;margin: 0; padding-top: 80px;} /* padding-top for fixed navbar */

/* NAVBAR STYLES */
.main_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 1000;
    padding: 15px 0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

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

.nav_logo_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}

.nav_logo {
    height: 50px;
    width: auto;
}

.nav_title {
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--color-black);
    letter-spacing: 1px;
}

.nav_menu {
    display: flex;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav_menu li a {
    text-decoration: none;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    position: relative;
    /* padding: 5px 0; */
    transition: color 0.3s ease;
}

.nav_menu li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--color-primary);
    transition: width 0.3s ease;
}

.nav_menu li a:hover {
    color: var(--color-primary);
}

.nav_menu li a:hover::after,
.nav_menu li a.active::after {
    width: 100%;
}

.nav_menu li a.active {
    color: var(--color-primary);
}

/* DROPDOWN STYLES */
.nav_dropdown {
    position: relative;
    padding-bottom: 5px;
}

.dropdown_toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    transition: color 0.3s ease;
    text-decoration: none;
}

.dropdown_toggle i {
    font-size: 12px;
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.nav_dropdown:hover .dropdown_toggle {
    color: var(--color-primary);
}

.nav_dropdown:hover .dropdown_toggle i {
    transform: rotate(180deg);
}

.nav_dropdown_menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #ffffff;
    min-width: 220px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    border-radius: 12px;
    padding: 12px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1000;
    border: 1px solid rgba(0,0,0,0.05);
}

.nav_dropdown_menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
}

.nav_dropdown:hover .nav_dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.nav_dropdown_menu li a {
    padding: 10px 20px !important;
    display: block !important;
    color: var(--color-black) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.nav_dropdown_menu li a::after {
    display: none !important;
}

.nav_dropdown_menu li a:hover {
    background: rgba(41, 22, 111, 0.05) !important;
    color: var(--color-primary) !important;
    padding-left: 28px !important;
}

/* Add active state for dropdown items if needed */
.nav_dropdown_menu li a.active {
    background: rgba(41, 22, 111, 0.08) !important;
    color: var(--color-primary) !important;
}

/* =========================================
   MULTI-LEVEL DROPDOWN (DESKTOP)
   ========================================= */
.nav_sub_dropdown {
    position: relative;
}

.sub_dropdown_toggle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.sub_dropdown_toggle .desktop_icon {
    font-size: 10px;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.sub_dropdown_toggle .mobile_icon {
    display: none;
}

.nav_sub_dropdown_menu {
    position: absolute;
    top: 0;
    left: 100%; /* Fly out to the right */
    background: #ffffff;
    min-width: 250px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-radius: 8px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: all 0.3s ease;
    list-style: none;
    margin: 0;
    margin-left: 5px; /* Gap between menus */
    border: 1px solid rgba(0,0,0,0.03);
}

.nav_sub_dropdown:hover .nav_sub_dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.nav_sub_dropdown:hover > a .desktop_icon {
    transform: translateX(3px);
}

/* MOBILE DROPDOWN OVERRIDES */
@media (max-width: 991px) {
    /* --- Our Services dropdown parent --- */
    .nav_dropdown {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .dropdown_toggle {
        justify-content: center;
        font-size: 24px;
        padding: 10px 0;
        width: 100%;
        display: flex;
    }

    /* First-level dropdown panel */
    .nav_dropdown_menu {
        position: static !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-shadow: none;
        border: none;
        background: transparent;
        padding: 0;
        margin: 0 !important;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        box-sizing: border-box;
        transition: opacity 0.3s ease;
    }

    .nav_dropdown.active .nav_dropdown_menu {
        opacity: 1;
        visibility: visible;
        height: auto;
        padding: 5px 0;
        overflow: visible;
    }

    /* Sub-dropdown (Real Estates) */
    .nav_sub_dropdown {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .sub_dropdown_toggle {
        justify-content: center !important;
        width: 100%;
        display: flex !important;
    }

    .sub_dropdown_toggle .desktop_icon {
        display: none;
    }

    .sub_dropdown_toggle .mobile_icon {
        display: inline-block;
        font-size: 12px;
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

    /* Sub-dropdown panel (the 15 items) */
    .nav_sub_dropdown_menu {
        position: static !important;
        transform: none !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-shadow: none;
        border: none;
        background: rgba(41, 22, 111, 0.04);
        padding: 0;
        margin: 0 !important;
        border-radius: 8px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        box-sizing: border-box;
        transition: opacity 0.3s ease;
    }

    .nav_sub_dropdown.active .nav_sub_dropdown_menu {
        opacity: 1;
        visibility: visible;
        height: auto;
        max-height: 50vh;
        padding: 8px 0;
        margin-top: 5px !important;
        overflow-y: auto;
    }

    .nav_sub_dropdown.active > .sub_dropdown_toggle .mobile_icon {
        transform: rotate(180deg);
    }

    /* All links inside dropdowns */
    .nav_dropdown_menu li a,
    .nav_sub_dropdown_menu li a {
        font-size: 20px !important;
        padding: 8px 0 !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .nav_sub_dropdown_menu li a {
        font-size: 17px !important;
        color: #555 !important;
    }

    .nav_dropdown_menu li a:hover,
    .nav_sub_dropdown_menu li a:hover {
        padding-left: 0 !important;
        background: transparent !important;
    }

    /* List items full-width */
    .nav_dropdown_menu li,
    .nav_sub_dropdown_menu li {
        width: 100%;
        list-style: none;
        text-align: center;
        box-sizing: border-box;
    }
}

/* MOBILE TOGGLE */
.nav_toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 6px;
    z-index: 1001;
}

.nav_toggle span {
    display: block;
    width: 28px;
    height: 3px;
    background: var(--color-black);
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* MOBILE NAV OVERRIDES */
@media (max-width: 991px) {
    .nav_toggle {
        display: flex;
    }

    .nav_menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background: var(--color-white);
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        transition: right 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        gap: 0;
        z-index: 1000;
        overflow-y: auto;
        padding-top: 80px;
        padding-bottom: 40px;
        box-sizing: border-box;
    }

    .nav_menu > li {
        width: 100%;
        text-align: center;
        padding: 5px 20px;
        box-sizing: border-box;
    }

    .nav_menu > li > a {
        display: block;
        width: 100%;
        padding: 10px 0;
        font-size: 24px;
    }

    .nav_menu.open {
        right: 0;
    }

    .nav_menu li a {
        font-size: 24px;
    }

    /* TOGGLE ANIMATION */
    .nav_toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .nav_toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .nav_toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }
}

.final_note{color: #fff;}

.page_wrapper {position: relative;/*background:#f6fff3;*/line-height: 24px;overflow: hidden;scroll-behavior: smooth;}
.page_wrapper a{font-family: "Outfit", sans-serif;}
.page_wrapper h1, .page_wrapper h2, .page_wrapper h3, .page_wrapper h4, .page_wrapper h5, .page_wrapper h6 {font-family: "Outfit", sans-serif;line-height: 1.3;font-weight: 600;}
.page_wrapper h1, .page_wrapper .h1 {font-size: 77px;margin-bottom: 35px;font-weight: 700;display: flex;justify-content: space-between;align-items: center;}
.page_wrapper h2, .page_wrapper .h2 {font-size: 55px;color: #313131;margin-bottom: 20px;}
.page_wrapper h3, .page_wrapper .h3 {font-size: 55px;margin-bottom: 30px;}
.page_wrapper h4, .page_wrapper .h4 {font-size: 50px;font-weight: 600;text-align: center;margin-bottom: 30px;}
.page_wrapper h5, .page_wrapper .h5 {font-size: 50px;color: var(--color-white);margin-bottom: 30px;}
.page_wrapper h6, .page_wrapper .h6 {font-size: 50px;}
.page_wrapper p {font-size: 17px;font-family: "Inter", sans-serif;line-height: 1.6;color: #2d2d2d;font-weight: 400;}
.page_wrapper section {position: relative;padding: 80px 0;background-position: center;background-repeat: no-repeat;background-size: cover;}


/* REAL ESTATE PAGE */
.page_wrapper .re_hero_sec{background: url('../Assets/rehero_bg.jpg');background-repeat:no-repeat;background-size: cover;background-position: center;padding-top: 110px;padding-bottom: 400px;}
.page_wrapper .re_hero_sec::before{content: '';position: absolute;background: #334b23d9;inset: 0;}
.page_wrapper .re_hero_sec h1{display:block;color: var(--color-white);margin-bottom: 10px;}
.page_wrapper .re_hero_sec p{max-width:800px;color: var(--color-white);margin: 0 auto;font-size: 22px;font-weight: 500;}
.page_wrapper .re_hero_wrapper{text-align: center;}
.page_wrapper .re_hero_content p{color: var(--color-white) !important;}
.page_wrapper .re_shape1{position: absolute;left: 3%;background-repeat: no-repeat;background-size: contain;width: 16%;top: 11%;}
.page_wrapper .re_shape2{position: absolute;right: 0;background-repeat: no-repeat;background-size: contain;width: 42%;top: 0;}

.page_wrapper .re_banner{margin-top: -270px;}
.page_wrapper .re_banner_img{max-height: 500px;border-radius: 30px;overflow: hidden;}
.page_wrapper .re_banner .dots3{position: absolute;bottom: 0;left: 0;rotate: 90deg;filter: invert(1);opacity: 0.2;width: 6%;
-webkit-animation: sway 3s linear infinite alternate;animation: sway 3s linear infinite alternate;}

.page_wrapper .re_aboutus{padding-top: 50px;}

.realestate_page .page_wrapper p{color:#6e6e6e;/*font-size: 20px;*/line-height: 32px;}

.page_wrapper .re_support{padding-bottom: 150px;}
.page_wrapper .re_support_content{position: relative;}
.page_wrapper .re_support_content .arrow{position: absolute;right: 0;left:-6%;width: 5%;background-size: contain;background-repeat: no-repeat;-webkit-animation: arryLeftRight 2s ease infinite alternate;
animation: arryLeftRight 2s ease infinite alternate;filter: invert(1);opacity: 0.5;}
@keyframes arryLeftRight {
0% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
100% {-webkit-transform: translateX(10px);transform: translateX(10px);}
}
.page_wrapper .re_support_content h2{font-size: 45px;margin-top: 20px;margin-bottom: 30px;}
.page_wrapper .re_support_content span{display: inline-block;font-size: 20px;background: var(--color-secondary);color: var(--color-white);border-radius: 30px;padding: 9px 37px;font-weight: 500;}
.page_wrapper .re_support_img1{max-width: 450px;}
.page_wrapper .re_support_img1, .page_wrapper .re_support_img2{border-width:0 !important;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.page_wrapper .re_group_sec h3{font-size: 38px;}
.page_wrapper .re_group_sec p{font-size: 18px;line-height: 28px;}
.page_wrapper .re_group_right{padding: 50px 0 20px;}

.page_wrapper .re_commitment{background: #f8f5f2;}
.page_wrapper .re_commitment::before{content: '';position:absolute;top:0;left:0;background: url('../Assets/map.png');width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;opacity: 0.1;}
.page_wrapper .re_cw_card img{border-radius: 4px;width: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px;}
.page_wrapper .re_cw_card h4{font-size: 50px;margin-bottom: 10px;text-align: left;}
.page_wrapper .re_cw_card p{font-size: 17px;line-height: 31px;}

.realestate_page .core h6{color: var(--color-white);font-size: 50px;margin-bottom: 25px;}
.realestate_page .core p{font-size: 18px;color: #fff;}

.page_wrapper .re_group h5{font-size: 40px;color: var(--color-black);}
.page_wrapper .re_group p{}
.page_wrapper .re_group_wrapper .re_group_contain:nth-child(1){border-bottom: 1px solid #dfdfdf;margin-bottom: 30px;padding-bottom: 14px;}
.page_wrapper .re_group_contain{display: flex;justify-content:space-between}
.page_wrapper .re_group_head{width: 34%;}
.page_wrapper .re_group_content{width: 64%;}
.page_wrapper .re_group .rectangle2 {position: absolute;bottom: 0;width: 13%;-webkit-animation: sway 3s linear infinite alternate;animation: sway 3s linear infinite alternate;}
@keyframes sway{
    0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
}

.page_wrapper .re_patta{background: #f8f5f2;}
.page_wrapper .re_patta::before{content: '';position: absolute;background: url('../Assets/patta_layer.png');background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.6;}
.page_wrapper .re_patta img{border-radius: 4px;width: 100%;height: 500px;object-fit: cover;}
.page_wrapper .re_patta .patta_head{font-size: 40px;margin-bottom: 10px;text-align: left;}
.page_wrapper .re_patta .patta_para{font-size: 17px;line-height: 31px;}
.page_wrapper .re_patta_img{border-radius: 10px;overflow: hidden;}

.page_wrapper .re_wpatta .shape2{position: absolute;top: 10%;left: 0;background-size:contain;background-repeat: no-repeat;width: 12%;filter: invert(1);opacity: 0.8;-webkit-animation: sway_Y 3s linear infinite alternate;animation: sway_Y 3s linear infinite alternate;}
@keyframes sway_Y{
0% {-webkit-transform: translateY(0px);transform: translateY(0px);}
100% {-webkit-transform: translateY(20px);transform: translateY(20px);}
}
.page_wrapper .re_wpatta_head{font-size: 40px;margin-bottom: 30px;}
.page_wrapper .re_wpatta_img img{border-radius: 10px;box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;}
.page_wrapper .re_wpatta_content ul li p{margin-bottom: 0;}
.page_wrapper .re_benefits .dots4{position: absolute;right: -15%;top: 0;background-size: contain;background-repeat: no-repeat;animation: rotateAndScale 80s linear infinite;width: 30%;opacity: 0.4;}
.page_wrapper .re_benefits .triangle{position: absolute;left: -4%;bottom: -2%;animation: rotateAndScale 80s linear infinite;width: 16%;opacity: 0.1;z-index: -1;}

.page_wrapper .online_registration h4{font-size: 40px;}
.page_wrapper .types_card{padding: 0px;text-align: center;border-radius: 30px;overflow: hidden;   box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.0509803922);}
.page_wrapper .types_card img{margin-bottom: 20px;height: 190px;width: 100%;object-fit: cover;}
.page_wrapper .types_card p{font-weight: 600;font-size: 20px;color: #000;padding: 10px;}

.page_wrapper .steps_card{position: relative;overflow: hidden;padding:20px 30px;background: var(--color-white);border-radius: 25px;height: 100%;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px;}
.page_wrapper .steps_card h6{font-size: 70px;color: #d5d5d5;}
.page_wrapper .link_card{padding: 20px;text-align: center;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;border-radius: 5px;margin-top: 30px;}
.page_wrapper .link_card p{font-size: 22px;color: var(--color-black);margin-bottom: 5px;font-weight: 600;}
.page_wrapper .link_card a{color: red;font-size: 18px;font-weight: 600;}
.page_wrapper .steps_card::before{content: '';position: absolute;width: 200px;height: 200px;background: #f9fff3;top: -80px;right: -80px;border-radius: 50%;opacity: 0.9;}
.page_wrapper .shape1 {position: absolute;bottom: -22%;right: -11%;z-index: 0;width: 200px;opacity: 0.4;}

.page_wrapper .add_reg_left ul{margin-bottom: 5px;}
.page_wrapper .add_reg_left h3{font-size: 37px;margin-bottom: 5px;}
.page_wrapper .add_reg_left h6{font-size: 26px;}
.page_wrapper .add_reg_left p{margin-bottom: 7px;}
.page_wrapper .add_reg_left li p{margin-bottom: 0px;}

.page_wrapper .transfer_sec{overflow: hidden;}
.page_wrapper .trans_head2{text-align: center;}
.page_wrapper .trans_head2 h5{color: var(--color-black);font-size: 35px;margin-bottom: 14px;}
.page_wrapper .trans_head2 p{font-style: normal;font-size: 20px;font-weight: 500;line-height: 1.3;margin-bottom: 40px;}
.page_wrapper .trans_s1{}
.page_wrapper .trans_s1 h6{font-size: 34px;}
.page_wrapper .trans_s1 p{font-style: normal;font-size: 16px;margin-bottom: 0;}
.page_wrapper .trans_s2{text-align: left;}
.page_wrapper .trans_s2 h6{font-size: 34px;}
.page_wrapper .trans_s2 p{font-style: normal;font-size: 16px;margin-bottom: 0;}

.page_wrapper .document_wrap{position:relative;background: url('../Assets/rehero_bg.jpg');background-repeat:no-repeat;background-size: cover;background-position: center;padding:30px;border-radius: 15px;}
.page_wrapper .document_wrap::before{position: absolute;content: '';background: #000000a6;inset: 0;z-index: 0;}
.page_wrapper .doc_left h3{font-size: 30px;margin-bottom: 10px;}
.page_wrapper .doc_left h6{font-size: 30px;}
.page_wrapper .doc_left{padding-left: 60px;}
.page_wrapper .doc_left p{font-size: 16px;}
.page_wrapper .doc_left li p{margin-bottom: 0px;}
.page_wrapper .doc_left ul{margin-bottom: 5px;}
.page_wrapper .re_banner_img img {background-position: center;background-size: cover;width: 100%;}

.page_wrapper .faq{padding-top: 40px;}
.page_wrapper .faq h1{display: block;font-size: 52px;}
.page_wrapper .faq .card{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border: 0;border-radius: 10px;margin-bottom: 20px;}
.page_wrapper .faq .card-header{background-color: var(--color-white);padding: 27px 25px;border: 0;}
.page_wrapper .faq .card-header a{color: #323232;font-size: 20px;font-weight: 600;}
/* .page_wrapper .faq .collapse.show{border-top: 1px dashed #dfdfdf;} */
.page_wrapper .faq .card-body{border-top: 1px dashed #dfdfdf;}
.page_wrapper .faq p{margin-bottom: 0;}



@media(min-width:1200px) {
    .page_wrapper .container {
        max-width: 1140px;
    }
}

@media(min-width:1500px) {
    .page_wrapper .container {
        max-width: 1440px;
    }
}


/* Responsive Styling */
@media (max-width: 1499px) {
    .page_wrapper h1 span:nth-child(1) {font-size: 88px;}
    .page_wrapper h1 span:nth-child(3) {font-size: 88px;}
    .page_wrapper .hb_btn {height: 140px;width: 140px;font-size: 16px;}
    .page_wrapper p {font-size: 15px;}

    .page_wrapper .hc_head2 p, .page_wrapper .trans_head2 p{font-size: 29px;}
    .page_wrapper .hcw_1, .page_wrapper .trans_s1{padding: 30px 0;padding-right: 50px;}
    .page_wrapper .hcw_2, .page_wrapper .trans_s2{padding: 30px 0;padding-left: 50px;}

    .page_wrapper h2, .page_wrapper .h2 {font-size: 50px;}
    .page_wrapper .au_right span, .page_wrapper .why_head span, .page_wrapper .re_support_content span{font-size: 18px;padding: 7px 32px;}
    .page_wrapper .au_right p{font-size: 16px;line-height: 1.5;}
    .page_wrapper .au_img1, .page_wrapper .re_support_img1{max-width: 400px;border: 10px solid var(--color-white);}
    .page_wrapper .au_img2, .page_wrapper .re_support_img2 {max-width: 200px;border: 10px solid var(--color-white);}

    .page_wrapper .consult_left, .page_wrapper .add_reg_left{padding: 30px;}
    .page_wrapper h3, .page_wrapper .h3 {font-size: 41px;}

    .page_wrapper h4, .page_wrapper .h4 {font-size: 40px;}
    .page_wrapper .is_card{max-width: 400px;height: 350px;padding: 30px;}
    .page_wrapper .is_card span{font-size: 97px;height: 220px;width: 220px;}

    .page_wrapper h5, .page_wrapper .h5 {font-size: 40px;}
    .page_wrapper h6, .page_wrapper .h6 {font-size: 40px;}

    .page_wrapper .wr_content{height: 300px;}
    .page_wrapper .value_left h6{font-size: 40px;border-bottom: 3px solid var(--color-white);}

    .page_wrapper span.h8{font-size: 43px;}
    .page_wrapper .mc_content{padding-bottom: 100px;}
    .page_wrapper .mc_mission::before{bottom: 26px;}
    .page_wrapper .mc_mission::before, .page_wrapper .mc_commitment::before{font-size: 55px;}
    .page_wrapper .mc_content p {font-size: 16px;}
    .page_wrapper .mc_para {height: 100px;}


    /* .realestate_page .page_wrapper section {position: relative;padding: 60px 0;} */
    .page_wrapper .re_hero_content h1{font-size: 60px;}
    .page_wrapper .re_hero_content p{font-size: 19px;}
    .realestate_page .page_wrapper .re_hero_sec{padding-top: 85px;padding-bottom: 300px;}
    .page_wrapper .re_banner_img{max-height: 400px;}
    .page_wrapper .re_banner {margin-top: -200px;}
    .page_wrapper .re_wpatta_head {font-size: 35px;margin-bottom: 20px;}
    .page_wrapper .re_patta .patta_head{font-size: 35px;}
    .realestate_page .page_wrapper p{line-height: 28px;}

    .page_wrapper .link_card{padding: 15px;}
    .page_wrapper .link_card a{font-size: 15px;}
    .page_wrapper .link_card p{font-size: 20px;}
    .page_wrapper .steps_card{padding: 20px 20px;}
    .page_wrapper .trans_head2 p{font-size: 19px;}
    .page_wrapper .online_registration h4 {font-size: 32px;}

    .page_wrapper .add_reg_right {height: 546px;}
    .page_wrapper .add_reg_right img{background-size: cover;height: 100%;object-fit: cover;}

    .page_wrapper .doc_right{height: 500px;}
    .page_wrapper .doc_right img{background-size: cover;height: 100%;object-fit: cover;}
    .page_wrapper .doc_left {padding-left: 30px;}
    .page_wrapper .re_support_content h2 {font-size: 35px;margin-top: 10px;margin-bottom: 10px;}
    .page_wrapper .re_support {padding-bottom: 120px;}
    .page_wrapper .re_cw_card h4, .realestate_page .core h6{font-size: 40px;}
    .page_wrapper .re_cw_card p{font-size: 16px;}

    .page_wrapper .re_group h5{ font-size: 30px;}
    .realestate_page .core p {font-size: 17px;}
    .page_wrapper .re_patta img{height: 400px;}
    .page_wrapper .faq h1{    font-size: 40px;margin-bottom: 15px !important;}
}

@media (max-width: 1199px) {
    .page_wrapper section{padding: 50px 0;}
    .page_wrapper .hero_wrapper, .page_wrapper .hero_content{min-height: 700px;}
    .page_wrapper h1 span:nth-child(1), .page_wrapper h1 span:nth-child(3) {font-size: 70px;}
    .page_wrapper .graph1{width: 37%;}
    .page_wrapper .graph2{width: 47%;}
    .page_wrapper .hb_btn {height: 120px;width: 120px;}

    .page_wrapper .hc_head2 p, .page_wrapper .trans_head2 p {font-size: 24px;}
    .page_wrapper .au_right p {font-size: 14px;}
    .page_wrapper h2, .page_wrapper .h2 {font-size: 40px;margin-top: 10px;}
    .page_wrapper .au_img1, .page_wrapper .re_support_img1{max-width: 350px;}
    .page_wrapper .aboutus{padding-bottom: 120px;}

    .page_wrapper p {font-size: 14px;margin-bottom: 10px;}
    .page_wrapper h3, .page_wrapper .h3 {font-size: 30px;margin-bottom: 10px;}
    .page_wrapper .consult_left, .page_wrapper .add_reg_left {padding: 12px 20px;}

    .page_wrapper .is_card .is_imgwrap{width: 220px;}
    .page_wrapper .is_card{height: 320px;padding: 20px;}
    .page_wrapper .is_card span {font-size: 77px;height: 200px;width: 200px;}
    .page_wrapper h4, .page_wrapper .h4 {font-size: 35px;}
    .page_wrapper .core_content{padding: 0px 20px;}
    .page_wrapper .core_content p{font-size: 16px;margin-bottom: 20px;}

    .page_wrapper .wr_content P{padding: 10px 13px;text-align: justify !important;}
    .page_wrapper h6, .page_wrapper .h6 {font-size: 35px;}
    .page_wrapper .wr_content img{border-radius: 11px;}
    .page_wrapper .au_right span, .page_wrapper .why_head span, .page_wrapper .re_support_content span {font-size: 16px;padding: 5px 30px;}

    .page_wrapper .value_left h6{font-size: 35px;}
    .page_wrapper .value_right{padding: 55px 0;}

    .page_wrapper .mc_mission::before, .page_wrapper .mc_commitment::before {font-size: 46px;}
    .page_wrapper .mc_content{padding: 22px;border-radius: 20px;padding-bottom: 100px;}
    .page_wrapper .mc_content p {font-size: 15px;}
    .page_wrapper .mission_commitment {padding-bottom: 160px;}

    .page_wrapper .re_hero_content h1 {font-size: 50px;}
    .realestate_page .page_wrapper .re_hero_sec {padding-top: 70px;padding-bottom: 260px;}
    .page_wrapper .re_wpatta_head {font-size: 30px;margin-bottom: 20px;margin-top: 30px !important;}
    .page_wrapper .re_patta .patta_para{line-height: 26px;}
    .page_wrapper .re_patta img {height: 325px;}
    .page_wrapper .re_wpatta_content.mt-5{margin-top: 20px !important;}
    .page_wrapper .types_card{border-radius: 15px;}
    .page_wrapper .types_card p{font-size: 17px;}
    .page_wrapper .link_card {padding: 15px 10px;}
    .page_wrapper .link_card a {font-size: 13px;}
    .page_wrapper .steps_card {padding: 12px 17px;}
    .page_wrapper .steps_card h6{font-size: 58px;}
    .realestate_page .page_wrapper p {line-height: 25px;}
    .page_wrapper .add_reg_right {height: 530px;}
    .page_wrapper .steps_content{position: relative;}

    .page_wrapper .trans_head2 h5{font-size: 30px;}
    .page_wrapper .trans_head2 p{font-size: 19px;}
    .page_wrapper .trans_s1 h6, .page_wrapper .trans_s2 h6 {font-size: 28px;}

    .page_wrapper .re_support_content h2 {font-size: 29px;}
    .page_wrapper .re_support_img1{max-width: 300px;}
    .page_wrapper .re_support_img2 {max-width: 185px;}
    .page_wrapper .re_cw_card h4{font-size: 35px;}
    .page_wrapper .re_group h5 {font-size: 25px;}
}

@media (max-width: 991px) {
        .page_wrapper h1 span:nth-child(1), .page_wrapper h1 span:nth-child(3) {font-size: 55px;}
        .page_wrapper .graph1 {top: 24%;}
        .page_wrapper .hero_wrapper, .page_wrapper .hero_content {min-height: 522px;}
        .page_wrapper .heroc_box p{font-size: 12px;}
        .page_wrapper .heroc_box{align-items: end;}
        .page_wrapper .hc_head2 p, .page_wrapper .trans_head2 p {font-size: 19px;}
        .page_wrapper .hcw_1, .page_wrapper .trans_s1 {padding: 20px 0;padding-right: 40px;}
        .page_wrapper .hcw_2, .page_wrapper .trans_s2 {padding: 20px 0;padding-left: 40px;}
        
        .page_wrapper .aboutus {padding-bottom: 60px;}
        .page_wrapper h2, .page_wrapper .h2 {font-size: 30px;margin-top: 10px;margin-bottom: 10px;}
        .page_wrapper .consult_left, .page_wrapper .add_reg_left {padding: 30px 40px;text-align: center;}
        .page_wrapper .consult_right{height: 500px;overflow: hidden;}
        .page_wrapper .consult_right img{width:100%;height: 500px;object-fit: cover;}
        .page_wrapper .is_card{margin-bottom: 30px;}

        .page_wrapper h5, .page_wrapper .h5 {font-size: 30px;margin-bottom: 15px;}
        .page_wrapper .core_content p {font-size: 14px;margin-bottom: 15px;}
        .page_wrapper .wr_content {height: auto;}
        .page_wrapper .wr_content P{padding: 15px 20px;}
        .page_wrapper .why_head{margin-bottom: 30px;}
        .page_wrapper .value_left h6 {font-size: 32px;}
        .page_wrapper .value_right {padding: 45px 0;}
        .page_wrapper span.h8 {font-size: 30px;}
        .page_wrapper .mc_mission::before, .page_wrapper .mc_commitment::before {font-size: 37px;}
        .page_wrapper .mc_mission::before{    bottom: 21px;}
        .page_wrapper .mc_content p {font-size: 14px;}
        .page_wrapper .mc_content {padding: 17px;border-radius: 16px;padding-bottom: 80px;}

        .page_wrapper .re_hero_content h1 {font-size: 40px;}
        .page_wrapper .steps_card{height: auto;margin-bottom: 30px;}
        .page_wrapper .steps_card p{height: 88px;}
        .page_wrapper .add_registration .col-md-5{display: none;}
        .page_wrapper .add_reg_left{text-align: left;}
        .page_wrapper .types_card p {font-size: 14px;}
        .page_wrapper .types_card img{height: 150px;margin-bottom: 10px;}
        .page_wrapper .online_registration h4 {font-size: 26px;}
        .page_wrapper .re_wpatta_content{margin-bottom: 30px;}

        .page_wrapper .doc_left{padding: 40px 30px;}
        .page_wrapper .documents_sec .col-md-4{display: none;}
        .page_wrapper .doc_left h3 {font-size: 28px;}
        .page_wrapper .re_support {padding-bottom: 60px;}
        .page_wrapper .re_commitment .re_cw_card{margin-bottom: 30px;}
        .page_wrapper .re_support_content h2 {font-size: 22px;}
        .page_wrapper .re_banner_img img{background-position: center;}
        .page_wrapper .re_hero_content p {font-size: 17px;}
        
            .page_wrapper .faq .card-header{    padding: 20px 25px;}
        .page_wrapper .faq .card-header a{    font-size: 18px;}
}

@media (max-width: 767px) {
       .page_wrapper h1 span:nth-child(1), .page_wrapper h1 span:nth-child(3) {font-size: 40px;}
       .page_wrapper h1, .page_wrapper .h1{font-size: 47px;}
       .page_wrapper .hero_wrapper, .page_wrapper .hero_content {min-height: 386px;}
       .page_wrapper .hero_content{padding-bottom: 20px;}
       .page_wrapper .hb_btn {height: 90px;width: 90px;font-size: 12px;}

        .page_wrapper .hc_head2 p{font-size: 17px;}
        .page_wrapper .hcw_1, .page_wrapper .trans_s1 {padding: 15px 0;padding-right: 30px;}
        .page_wrapper .hcw_2, .page_wrapper .trans_s2 {padding: 15px 0;padding-left: 30px;}
        .page_wrapper .au_left{max-width: 460px;margin: 30px auto 0;}

        .page_wrapper .au_img2, .page_wrapper .re_support_img2{right: 20px;}
        .page_wrapper .aboutus .row{flex-direction: column-reverse;}
        .page_wrapper .au_right{text-align: center;}
        .page_wrapper .aboutus {padding-bottom: 120px;}
        .page_wrapper .consult_right, .page_wrapper .consult_right img{height: 400px;}
        .page_wrapper .is_card span{right: -23px;bottom: -34px;}
        .page_wrapper .is_card{height: 280px;}

        .page_wrapper .value_left{text-align: center;padding: 20px 0;}
        .page_wrapper .value_right {padding: 15px 0 35px;text-align: center;}
        .page_wrapper .value_left h6 {font-size: 32px;border-bottom: 1px solid;}

        .page_wrapper .mc_mission::before, .page_wrapper .mc_commitment::before {font-size: 60px;}
        
        .page_wrapper .mc_para {height: auto;}
        .page_wrapper .mc_commitment{transform: translateY(30px);}
        .page_wrapper .mission_commitment {padding-bottom: 80px;}

        .page_wrapper .re_support {padding-bottom: 120px;}
        .page_wrapper .re_support .row{flex-direction: column-reverse;}
        .page_wrapper .re_support_img{max-width: 400px;margin: 0 auto;}
        .page_wrapper .re_support_content{text-align:center;margin-bottom: 30px;}

        .page_wrapper .re_commitment{text-align: center;}
        .page_wrapper .re_commitment h4{text-align: center;}
        .page_wrapper .re_group_contain{flex-direction: column;}
        .page_wrapper .re_group_head, .page_wrapper .re_group_content{width: 100%;text-align: center;}
        .page_wrapper .re_cw_card h4, .realestate_page .core h6 {font-size: 32px;}

        .page_wrapper .re_hero_content h1 {font-size: 30px;}
        .page_wrapper .re_hero_content p {font-size: 14px;}
        .page_wrapper .re_patta_content{text-align:center;margin-bottom: 20px;}
        .page_wrapper .re_patta .patta_para {font-size: 15px;}
        .page_wrapper .re_patta .patta_head {font-size: 33px;text-align: center;}

        .page_wrapper .re_wpatta .shape2{opacity: 1;width: 25%;}
        .page_wrapper .re_benefits .dots4{width: 40%;}
        .page_wrapper .re_benefits .triangle{width: 25%;left: -2%;bottom: -2%;}
        .page_wrapper .trans_s1 h6, .page_wrapper .trans_s2 h6 {font-size: 21px;}
        .page_wrapper .trans_head2 h5 {font-size: 26px;}
        .page_wrapper .trans_head2 p {font-size: 15px;}
        .page_wrapper .trans_s1 p, .page_wrapper .trans_s2 p{font-size: 14px;}
        .page_wrapper .doc_left h3 {font-size: 27px;}
        .page_wrapper .doc_left p {font-size: 15px;}
        .page_wrapper .re_aboutus {padding-top: 20px;padding-bottom: 20px;text-align: center;}
        .page_wrapper .re_banner {margin-top: -84px;}
        .page_wrapper .re_banner_img {max-height: 200px;}
        .realestate_page .page_wrapper .re_hero_sec{padding-bottom: 140px;}
        .page_wrapper .types_card {margin-bottom: 20px;}
        .page_wrapper .re_commitment .re_cw_card p {font-size: 15px;}
}

@media (max-width: 575px) {
    .page_wrapper .hero_content h1{flex-direction: column-reverse;font-size: 47px;}
    .page_wrapper h1, .page_wrapper .h1{margin-bottom: 0;}
    .page_wrapper h1 span:nth-child(1), .page_wrapper h1 span:nth-child(3){width: 100%;font-size: 38px;text-align: center;}
    .page_wrapper .mc_mission::before, .page_wrapper .mc_commitment::before {font-size: 40px;}
    .page_wrapper h1 span:nth-child(2){display: none;}
    .page_wrapper .hero_img_wrap{position: static;    transform: translate(0%, 0);}
    .page_wrapper .hb_1{width: 50%;}
    .page_wrapper .hb_2{width: 50%;}
    .page_wrapper .hero_wrapper, .page_wrapper .hero_content {min-height: auto;}
    .page_wrapper .heroc_box{margin-top: 20px;}
    .page_wrapper .hc_wrap2, .page_wrapper .trans_wrap2{flex-direction: column;border: 1px dashed #bfbfbf;}
    .page_wrapper .hcw_1, .page_wrapper .trans_s1{border: none;}
    .page_wrapper .hcw_1, .page_wrapper .trans_s1, .page_wrapper .hcw_2, .page_wrapper .trans_s2{width: 100%;text-align: center;padding: 10px;}
    .page_wrapper .consult_right, .page_wrapper .consult_right img {height: 300px;}
    .page_wrapper .wr_content{flex-direction: column;}
    .page_wrapper .wr_content img, .page_wrapper .wr_content P{width: 100%;}
    .page_wrapper .wr_content P {padding: 15px 0px;}
    .page_wrapper .value_left{padding: 30px 0 10px;}
    .page_wrapper .consult_left, .page_wrapper .add_reg_left{padding: 30px 20px;}

    .page_wrapper .steps_card p {height: auto;}
    .page_wrapper .steps_card h6 {font-size: 46px;}
    .page_wrapper .re_hero_content h1 {font-size: 28px;}
    .page_wrapper .re_wpatta_head {font-size: 26px;margin: 20px 0 20px !important;}
    .page_wrapper .re_patta::before{opacity: 0.3;}
    .page_wrapper section {padding: 30px 0;}
    .page_wrapper .online_registration h4 {font-size: 23px;}
    .page_wrapper .add_reg_left h3 {font-size: 26px;}
    .page_wrapper .add_reg_left h6 {font-size: 20px;}
    .page_wrapper .trans_head2 h5 {font-size: 24px;}
    .page_wrapper .transfer_sec .trans_s1{border-bottom: 1px dashed #bfbfbf;}
    .page_wrapper .doc_left h3 {font-size: 25px;}
    .page_wrapper .re_support_img2 {max-width: 150px;}
    .page_wrapper .re_support_img1 {max-width: 250px;}
    .page_wrapper .re_support_img {max-width: 315px;}
    .page_wrapper .re_cw_card h4, .realestate_page .core h6 {font-size: 27px;}
    .page_wrapper .re_commitment .re_cw_card p {font-size: 14px;}
    .page_wrapper .re_wpatta_content {margin-bottom: 0px;}
}

@media (max-width: 425px) {
    .page_wrapper h1 span:nth-child(1), .page_wrapper h1 span:nth-child(3){font-size: 32px;}
    .page_wrapper .hb_btn {height: 80px;width: 80px;font-size: 10px;    }
    .page_wrapper .hb_1 {width: 90%;}
    .page_wrapper .au_img1 {max-width: 275px;border: 6px solid var(--color-white);}
    .page_wrapper .au_img2 {max-width: 180px;border: 6px solid var(--color-white);}
    .page_wrapper h5, .page_wrapper .h5 {font-size: 28px;margin-bottom: 15px;}
    .page_wrapper .re_support_img1 {max-width: 200px;}
    .page_wrapper .re_support_img2 {max-width: 140px;}
    .page_wrapper .re_support_img {max-width: 275px;}
    .page_wrapper .link_card{overflow: scroll;}
    .page_wrapper .re_patta img {height: 300px;}
    .page_wrapper .faq h1{font-size: 34px;}
    .page_wrapper .faq .card-header a {font-size: 16px;}
    .page_wrapper .faq .card-header {padding: 15px 20px;}
    .page_wrapper .faq .card-body{padding: 15px;}
}

@media (max-width: 370px) {
    .page_wrapper .mc_content{text-align: center;padding-bottom: 50px;}
}

@media (max-width: 320px) {
    .page_wrapper .mc_mission::before, .page_wrapper .mc_commitment::before {
        font-size: 40px;
    }
}

/* Landing Page Specific Overrides */
.realestate-page .page_wrapper .hero_content {
    min-height: auto;
    padding-top: 100px;
}

.realestate-page .page_wrapper .hero_wrapper {
    min-height: auto;
}

.realestate-page .page_wrapper h1 span.highlight {
    color: var(--color-primary);
}

/* SERVICE PAGE TEMPLATE STYLES */
.ourservice_page .service_hero {
    background: linear-gradient(135deg, #1a2a1a 0%, #0d1a0d 100%);
    padding: 180px 0 100px;
    position: relative;
    overflow: hidden;
    color: var(--color-white);
}
.ourservice_page .page_wrapper h5 {font-size: 30px;}
.ourservice_page .service_hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../Assets/patta_layer.png'); /* Reusing an existing asset for texture */
    opacity: 0.1;
    background-size: cover;
}

.ourservice_page .hero_shapes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.ourservice_page .shape {
    position: absolute;
    background: rgba(120, 12, 40, 0.2);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    animation: floating Shapes 10s infinite ease-in-out;
}

.ourservice_page .shape.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 20%;
    left: 10%;
    background: rgba(110, 142, 89, 0.2);
}

.ourservice_page .shape.square {
    width: 150px;
    height: 150px;
    bottom: 10%;
    right: 5%;
}

.ourservice_page .shape.triangle {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 86px solid rgba(255, 255, 255, 0.1);
    top: 30%;
    right: 15%;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
}

@keyframes floatingShapes {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-30px) rotate(15deg); }
}

.ourservice_page .service_hero h1 {
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: 5px;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
    color: var(--color-white);
    justify-content: center;
}

.ourservice_page .service_hero p {
    font-size: 24px;
    color: var(--color-secondary);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ourservice_page .bg_light { background: #f8fcf8; }
.ourservice_page .lead_text { font-size: 20px; color: #444; max-width: 1000px; margin: 0 auto; line-height: 1.8; }

.ourservice_page .text_box h3 { color: var(--color-primary); margin-bottom: 25px; position: relative; padding-bottom: 15px;}
.ourservice_page .text_box h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: var(--color-secondary); }

.ourservice_page .benefit_card {
    background: var(--color-white);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ourservice_page .benefit_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(110, 142, 89, 0.15);
}

.ourservice_page .benefit_card i { font-size: 40px; color: var(--color-primary); margin-bottom: 20px; display: block; }
.ourservice_page .benefit_card h4 { font-size: 22px; margin-bottom: 15px; color: #111; }

.ourservice_page .full_width_img {   max-height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: top; }

.ourservice_page .process_steps { position: relative; padding-left: 20px; }
.ourservice_page .step_item { display: flex; gap: 20px; margin-bottom: 30px; position: relative; }
.ourservice_page .step_no {
    min-width: 50px;
    height: 50px;
    background: var(--color-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
}

.ourservice_page .step_item h5 { color: #111; margin-bottom: 5px; }

.ourservice_page .benefit_list { list-style: none; padding: 0; }
.ourservice_page .benefit_list li { margin-bottom: 15px; font-size: 18px; display: flex; align-items: flex-start; gap: 10px; }
.ourservice_page .benefit_list li::before { content: '\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--color-secondary); font-size: 20px; }

.ourservice_page .bg_dark { background: #111; padding: 80px 0; }
.ourservice_page .bg_dark p { color: #fff !important; }

.ourservice_page .contact_form_wrap,
.realestate_page .contact_form_wrap {
    background: var(--color-white);
    padding: 10px;
    border-radius: 10px;
    margin-top: -100px;
    position: relative;
    z-index: 10;
}

.ourservice_page .form-control,
.realestate_page .form-control {
    height: 55px;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 10px 20px;
    font-family: inherit;
    transition: all 0.3s ease;
}

.ourservice_page .form-control:focus,
.realestate_page .form-control:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 15px rgba(110, 142, 89, 0.1);
}

.ourservice_page textarea.form-control { height: auto; }

.ourservice_page .btn_submit,
.realestate_page .btn_submit {
    background: var(--color-primary);
    color: #fff;
    padding: 15px 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    transition: all 0.3s ease;
}

.ourservice_page .btn_submit:hover,
.realestate_page .btn_submit:hover {
    background: var(--color-black);
    color: #fff;
    transform: scale(1.05);
}

/* CONTACT US PAGE STYLES */
.contactus_page .contact_hero {
    padding: 180px 0 120px;
    color: var(--color-white);
    text-align: center;
    position: relative;
}

.contactus_page .contact_hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.contactus_page .contact_hero .container {
    position: relative;
    z-index: 1;
}

.contactus_page .info_grid {
    display: grid;
    gap: 30px;
}

.contactus_page .info_item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.contactus_page .info_item i {
    font-size: 28px;
    color: var(--color-primary);
    background: rgba(41, 22, 111, 0.1);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

.contactus_page .info_item h4 {
    font-size: 20px;
    margin-bottom: 5px;
    color: var(--color-black);
    text-align: left;
}

.contactus_page .check_list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.contactus_page .check_list li {
    position: relative;
    padding-left: 30px;
    font-weight: 500;
}

.contactus_page .check_list li::before {
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--color-secondary);
    font-size: 20px;
}

.contactus_page .form_card {
    background: var(--color-white);
    padding: 40px;
    border-radius: 25px;
    border: 1px solid #f0f0f0;
}

.contactus_page .form_card h3 {
    color: var(--color-primary);
    margin-bottom: 10px;
}

.contactus_page .btn_primary {
    background: var(--color-primary);
    color: white;
    padding: 15px;
    border-radius: 10px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.contactus_page .btn_primary:hover {
    background: var(--color-secondary);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 146, 63, 0.2);
}

.contactus_page .map_container {
    border-radius: 20px;
    overflow: hidden;
    line-height: 0;
}

@media (max-width: 991px) {
    .contactus_page .contact_hero { padding: 120px 0 80px; }
    .contactus_page .form_card { margin-top: 50px; }
}

@media (max-width: 767px) {
    .contactus_page .check_list { grid-template-columns: 1fr; }
}

/* MAIN FOOTER STYLES */
.main_footer {
    background: #111;
    color: #fff;
    padding: 80px 0 30px;
    font-family: 'Outfit', sans-serif;
}

.main_footer .footer_logo {
    max-width: 180px;
    margin-bottom: 25px;
}

.main_footer h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

.main_footer h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: var(--color-secondary);
}

.main_footer p {
    color: #ccc;
    line-height: 1.8;
    font-size: 15px;
}

.main_footer .footer_links {
    list-style: none;
    padding: 0;
}

.main_footer .footer_links li {
    margin-bottom: 12px;
}

.main_footer .footer_links a {
    color: #ccc;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.main_footer .footer_links a:hover {
    color: var(--color-secondary);
    transform: translateX(5px);
}

.main_footer .social_links {
    display: flex;
    gap: 15px;
}

.main_footer .social_icon {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.main_footer .social_icon:hover {
    background: var(--color-primary);
    transform: translateY(-5px);
    color: #fff;
}

.main_footer .copyright_bar {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 60px;
    padding-top: 30px;
    text-align: center;
}

.main_footer .copyright_bar p {
    font-size: 14px;
    margin: 0;
}

@media (max-width: 991px) {
    .main_footer .col-md-3 {
        margin-bottom: 40px;
    }
}



/* ABOUT US PAGE STYLES */
.aboutus_page .about_hero {
    position: relative;
    padding: 180px 0 120px;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../Assets/aboutus.webp');
    background-size: cover;
    background-position: center;
    color: var(--color-white);
    text-align: center;
    overflow: hidden;
}

.aboutus_page .about_hero h1 {
    font-size: 70px;
    font-weight: 800;
    margin-bottom: 20px;
    color: var(--color-white);
    display: block;
}

.aboutus_page .about_hero p {
    font-size: 22px;
    color: var(--color-white);
    max-width: 800px;
    margin: 0 auto;
}

.aboutus_page .glass_card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 40px;
    height: 100%;
    transition: all 0.3s ease;
}

.aboutus_page .glass_card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.15);
}

.aboutus_page .section_title {
    font-size: 45px;
    color: var(--color-primary);
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.aboutus_page .section_title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 4px;
    background: var(--color-secondary);
}

.aboutus_page .content_box {
    padding: 60px 0;
}

.aboutus_page .content_box h3{font-size: 35px;}
.aboutus_page .content_box .lead{color: #fff;}

.aboutus_page .expertise_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.aboutus_page .animated_shape {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    opacity: 0.4;
}

.aboutus_page .shape_1 {
    top: 10%;
    left: 5%;
    width: 150px;
    animation: float_loop 15s infinite ease-in-out;
}

.aboutus_page .shape_2 {
    bottom: 15%;
    right: 5%;
    width: 200px;
    animation: float_loop 18s infinite ease-in-out reverse;
}

@keyframes float_loop {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(30px, -50px) rotate(10deg); }
    66% { transform: translate(-20px, 40px) rotate(-10deg); }
}

@media (max-width: 991px) {
    .aboutus_page .about_hero { padding: 120px 0 80px; }
    .aboutus_page .about_hero h1 { font-size: 50px; }
    .aboutus_page .section_title { font-size: 35px; }
}

@media (max-width: 767px) {
    .aboutus_page .about_hero h1 { font-size: 30px; }
    .aboutus_page .about_hero p { font-size: 14px; }
    .aboutus_page .glass_card{display: flex;flex-direction: column; justify-content: center;align-items: center;}
}

/* =========================================================================
   BUILDING COMPLETION CERTIFICATE PAGE (.building_cc_page)
   ========================================================================= */

.building_cc_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.building_cc_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.building_cc_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.building_cc_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.building_cc_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.building_cc_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================
   WATER TAX PROPERTY TAX PAGE (.wtpt_page)
   ========================================= */
.wtpt_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.wtpt_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.wtpt_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.wtpt_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.wtpt_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.wtpt_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================
   CONSTRUCTION SERVICES PAGE (.construction_page)
   ========================================= */
.construction_page .service_hero {
    background: linear-gradient(rgba(41, 22, 111, 0.85), rgba(0, 146, 63, 0.85)), url('../Assets/cons1.jpg');
    background-size: cover;
    background-position: center;
}
.construction_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.construction_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.construction_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.construction_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.construction_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.construction_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================
   LEGAL OPINION ON PROPERTY PAGE (.lop_page)
   ========================================= */
.lop_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 28px 18px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.lop_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.lop_page .benefit_card i {
    font-size: 38px;
    color: var(--color-primary);
    margin-bottom: 18px;
    display: inline-block;
}
.lop_page .benefit_card h4 {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 700;
}
.lop_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.lop_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================
   LEGAL ADVICE PAGE (.la_page)
   ========================================= */
.la_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.la_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.la_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.la_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.la_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.la_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================
   LAND VILLANGAM CHECK PAGE (.lv_page)
   ========================================= */
.lv_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.lv_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.lv_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.lv_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.lv_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.lv_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================
   PATTA REGISTRATION PAGE (.pr_page)
   ========================================= */
.pr_page .service_hero {
    background: linear-gradient(rgba(41, 22, 111, 0.85), rgba(0, 146, 63, 0.85));
    background-size: cover;
    background-position: center;
}

.pr_page .benefit_card {
    background: var(--color-white);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
}

.pr_page .benefit_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,146,63,0.1);
}

.pr_page .benefit_card i {
    font-size: 40px;
    color: var(--color-secondary);
    margin-bottom: 20px;
}

.pr_page .benefit_card h4 {
    font-size: 22px;
    margin-bottom: 15px;
    color: var(--color-primary);
}

/* Bullet list style specific for Pattareg */
.pr_page .service_bullets_section {
    padding: 80px 0;
    background: #ffffff;
}

.pr_page .custom_bullet_card {
    background: #fdfdfd;
    padding: 25px;
    border-radius: 10px;
    border-left: 4px solid var(--color-secondary);
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
}

/* Inherits the rest from .ourservice_page generics */

/* =========================================================================
   MSB APPROVAL PAGE (.msb_page)
   ========================================================================= */

.msb_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.msb_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.msb_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.msb_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.msb_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.msb_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================================================
   ONLINE PATTA CORRECTION PAGE (.opc_page)
   ========================================================================= */

.opc_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.opc_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.opc_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.opc_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.opc_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.opc_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================================================
   GOVERNMENT CEILING LAND PATTA PAGE (.gclp_page)
   ========================================================================= */

.gclp_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.gclp_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.gclp_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.gclp_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.gclp_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.gclp_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================================================
   BUILDING PLAN APPROVAL PAGE (.bpa_page)
   ========================================================================= */

.bpa_page .benefit_card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    background: var(--color-white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid var(--color-primary);
}
.bpa_page .benefit_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.bpa_page .benefit_card i {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    display: inline-block;
}
.bpa_page .benefit_card h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.bpa_page .service_process .img_container img {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}
.bpa_page .service_process .img_container img:hover {
    transform: scale(1.02);
}

/* =========================================================================
   CONTACT US PAGE (.contact_section) - REUSED GLOBALLY
   ========================================================================= */
/* ==========================================================================
   LOANS PAGE STYLES
   ========================================================================== */
.loans_page {
    --finance-primary: #1e3c72;
    --finance-secondary: #2a5298;
    --finance-accent: #00d2ff;
    --finance-gradient: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}

.loans_page section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

/* Continuous Animations */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes pulse-glow {
    0% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.1); opacity: 0.6; }
    100% { transform: scale(1); opacity: 0.4; }
}

@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.loans_page .animated_shape {
    position: absolute;
    z-index: -1;
    opacity: 0.4;
    filter: blur(40px);
}

.loans_page .shape_1 {
    width: 300px;
    height: 300px;
    background: var(--finance-accent);
    top: 10%;
    left: -5%;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    animation: rotate-slow 20s linear infinite;
}

.loans_page .shape_2 {
    width: 250px;
    height: 250px;
    background: var(--finance-secondary);
    bottom: 10%;
    right: -5%;
    border-radius: 50%;
    animation: float 10s ease-in-out infinite;
}

/* Loan Hero */
.loans_page .loans_hero {
    min-height: 80vh;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../Assets/fin1.webp');
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    padding-top: 120px;
}

.loans_page .loans_hero h1 {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #333;
    display: block;
}

.loans_page .why_finance h5{
    color: #353535;
    font-size: 30px;
}

.loans_page .loans_hero .sub_text {
    font-size: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
    opacity: 0.9;
    color: #fff;
}

/* Loan Grid */
.loans_page .loan_card_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.loans_page .loan_card {
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.loans_page .loan_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--finance-gradient);
}

.loans_page .loan_card:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.1);
}

.loans_page .loan_card i {
    font-size: 50px;
    margin-bottom: 20px;
    background: var(--finance-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.loans_page .loan_card h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: var(--finance-primary);
}

.loans_page .loan_card p {
    color: #666;
    margin-bottom: 25px;
    flex-grow: 1;
}

.loans_page .btn_apply {
    background: var(--finance-gradient);
    color: white !important;
    padding: 12px 25px;
    border-radius: 50px;
    font-weight: 600;
    text-align: center;
    border: none;
    transition: 0.3s;
    width: 100%;
}

.loans_page .btn_apply:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(30, 60, 114, 0.3);
}

/* Service Content (Alternate Rows) */
.loans_page .finance_sec {
    position: relative;
}

.loans_page .finance_sec h2 {
    font-size: 40px;
    margin-bottom: 20px;
    color: var(--finance-primary);
}

.loans_page .finance_sec .img_box {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.loans_page .finance_sec ul {
    list-style: none;
    padding: 0;
}

.loans_page .finance_sec ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 500;
    color: #444;
}

.loans_page .finance_sec ul li::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #28a745;
}

/* Modal Styling */
.modal-content {
    border-radius: 20px;
    border: none;
    overflow: hidden;
}

.modal-header {
    background: var(--finance-gradient);
    color: white;
    border: none;
    padding: 25px;
}

.modal-header .close {
    color: white;
    opacity: 0.8;
}

.modal-body {
    padding: 40px;
}

.modal_form .form-control {
    border-radius: 10px;
    /* padding: 12px 20px; */
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

/* Responsive */
@media (max-width: 991px) {
    .loans_page .loans_hero h1 { font-size: 3.5rem; }
    .loans_page section { padding: 60px 0; }
}

@media (max-width: 767px) {
    .loans_page .loans_hero h1 { font-size: 2.5rem; }
    .loans_page .finance_sec .order-md-2 { order: 1; }
    .loans_page .finance_sec .order-md-1 { order: 2; }
    .loans_page .img_box { margin-bottom: 30px; }
}

/* LEGAL PAGES (Privacy Policy, Terms and Conditions) */
.legal_page .page_wrapper {
    background: #fcfcfc;
}

.legal_hero {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1a0d4d 100%);
    padding: 120px 0 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.legal_hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../Assets/lines.png') center/cover no-repeat;
    opacity: 0.1;
}

.legal_hero h1 {
    color: var(--color-white);
    display: block;
    font-size: 60px;
    margin-bottom: 15px;
}

.legal_hero p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
}

.legal_content_sec {
    padding: 80px 0;
}

.legal_card {
    background: var(--color-white);
    padding: 60px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.legal_card h2 {
    font-size: 28px;
    color: var(--color-primary);
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

.legal_card h2:first-child {
    margin-top: 0;
}

.legal_card p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 15px;
}

.legal_card ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}

.legal_card ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #444;
}

.legal_card ul li::before {
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--color-secondary);
}

.legal_card .last_updated {
    font-weight: 600;
    color: #888;
    margin-bottom: 30px;
    display: block;
}

@media (max-width: 991px) {
    .legal_hero h1 {
        font-size: 45px;
    }
    .legal_card {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .legal_hero {
        padding: 100px 0 60px;
    }
    .legal_hero h1 {
        font-size: 35px;
    }
    .legal_card h2 {
        font-size: 22px;
    }
}

/* ==========================================================================
   JOB CONSULTANCY - INDEX PAGE STYLES
   ========================================================================== */
:root {
    --job-primary: #1a4dbe; /* Modern Blue */
    --job-secondary: #00d2ff; /* Vibrant Cyan */
    --job-accent: #ff4757; /* Accent Red */
    --job-dark: #1e272e;
    --job-light: #f1f2f6;
    --job-gradient: linear-gradient(135deg, var(--job-primary) 0%, var(--job-secondary) 100%);
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.4);
}

.home {
    background-color: var(--job-light);
    font-family: "Inter", sans-serif;
}

.home h1, .home h2, .home h3, .home h4, .home h5, .home h6 {
    font-family: "Outfit", sans-serif;
}

/* Common Loop Animations */
@keyframes floatUp {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

@keyframes pulseGlow {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(0, 210, 255, 0.3)); }
    50% { transform: scale(1.05); filter: drop-shadow(0 0 20px rgba(0, 210, 255, 0.6)); }
}

@keyframes spinSlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Hero Section */
.home .job_hero {
    position: relative;
    padding: 160px 0 100px;
    background: url('/Assets/hero-bg.webp') no-repeat center center/cover;
    overflow: hidden;
    color: var(--job-dark);
}

.home .job_hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(240,245,255,0.85));
    z-index: 1;
}

.home .job_hero_content {
    position: relative;
    z-index: 2;
}

.home .job_hero_title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 25px;
    line-height: 1.2;
    background: var(--job-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home .job_hero_subtitle {
    font-size: 20px;
    color: #4b6584;
    max-width: 600px;
    margin-bottom: 40px;
    line-height: 1.7;
}

.home .job_btn_primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--job-gradient);
    color: #fff;
    padding: 18px 40px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(26, 77, 190, 0.3); border: none;
}

.home .job_btn_primary:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(26, 77, 190, 0.4);
    color: #fff;
}

.home .job_hero_img_wrap {
    position: relative;
    z-index: 2;
}

.home .job_hero_img {
    width: 100%;
    max-width: 600px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    animation: floatUp 8s ease-in-out infinite;
}

.home .hero_floating_shape {
    position: absolute;
    width: 80px;
    height: 80px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--job-primary);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.home .shape_h1 { top: 10%; right: -5%; animation: floatUp 6s ease-in-out infinite 1s; }
.home .shape_h2 { bottom: 20%; left: -5%; animation: floatUp 7s ease-in-out infinite 2s; }
.home .shape_h3 { top: 30%; left: -10%; animation: pulseGlow 4s ease-in-out infinite; border-radius: 15px; }

/* Search Jobs Section */
.home .job_search_sec {
    position: relative;
    margin-top: -60px;
    z-index: 10;
}

.home .job_search_card {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.05);
}

.home .search_form {
    display: grid;
    grid-template-columns: repeat(4, 1fr) auto;
    gap: 15px;
    align-items: center;
}

.home .search_form .form-control {
    height: 55px;
    border-radius: 10px;
    border: 1px solid #dfe4ea;
    padding: 10px 20px;
}

.home .search_btn {
    height: 55px;
    border-radius: 10px;
    background: var(--job-primary);
    color: white;
    border: none;
    padding: 0 30px;
    font-weight: 600;
    transition: all 0.3s;
}

.home .search_btn:hover {
    background: var(--job-dark);
}

/* Sections Common */
.home .job_section {
    padding: 100px 0;
    position: relative;
}

.home .job_sec_title {
    text-align: center;
    margin-bottom: 60px;
}

.home .job_sec_title h2 {
    font-size: 45px;
    font-weight: 800;
    color: var(--job-dark);
    margin-bottom: 15px;
}

.home .job_sec_title p {
    color: #747d8c;
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto;
}

/* Featured Jobs */
.home .featured_job_card {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: all 0.4s ease;
    border: 1px solid #f1f2f6;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.home .featured_job_card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 4px;
    background: var(--job-gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.home .featured_job_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.home .featured_job_card:hover::before {
    transform: scaleX(1);
}

.home .job_icon_wrap {
    width: 60px;
    height: 60px;
    background: rgba(26, 77, 190, 0.05);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--job-primary);
    margin-bottom: 20px;
}

.home .featured_job_card:hover .job_icon_wrap {
    animation: pulseGlow 1s ease-in-out infinite alternate;
}

.home .job_card_title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.home .job_details {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.home .job_details li {
    font-size: 15px;
    color: #57606f;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.home .job_details li i {
    color: var(--job-secondary);
    width: 16px;
}

.home .job_card_desc {
    font-size: 15px;
    color: #747d8c;
    line-height: 1.6;
    margin-bottom: 25px;
}

.home .job_apply_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--job-primary);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.home .job_apply_link:hover {
    color: var(--job-secondary);
    border-bottom-color: var(--job-secondary);
}

/* Latest Listings */
.home .latest_job_list {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
    margin-bottom: 20px;
    transition: all 0.3s ease;
    border: 1px solid #f1f2f6;
}

.home .latest_job_list:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.06);
    transform: translateX(10px);
}

.home .lj_left {
    display: flex;
    gap: 20px;
    align-items: center;
}

.home .lj_icon {
    width: 50px;
    height: 50px;
    border-radius: 20%;
    background: var(--job-gradient);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.home .lj_info h4 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
}

.home .lj_info p {
    margin: 0;
    font-size: 14px;
    color: #747d8c;
    display: flex;
    gap: 15px;
}

/* Manufacturing & Image Blocks */
.home .job_img_block {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}

.home .job_img_block img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.home .job_img_block:hover img {
    transform: scale(1.05);
}

.home .job_img_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    color: #fff;
}

.home .job_img_overlay h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff;
}

.home .job_img_overlay p {
    font-size: 15px;
    color: #dfe4ea;
    margin-bottom: 15px;
}

/* Featured Companies */
.home .companies_sec {
    background: #f8fcf8;
}

.home .featura{
    color: var(--color-secondary);
}

.home .company_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.home .company_grid h5{
    color: var(--color-primary);
}

.home .company_card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(5px);
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}

.home .company_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

.home .company_card i {
    font-size: 40px;
    color: var(--job-secondary);
    margin-bottom: 15px;
    display: inline-block;
    animation: floatUp 3s ease-in-out infinite alternate;
}

.home .company_card h5 {
    font-size: 18px;
    font-weight: 600;
}

/* Featured Companies Client Logos Grid */
.home .client_grid_wrapper {
    padding: 30px 0;
}

.home .client_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 20px;
    align-items: center;
    justify-items: center;
}

.home .client_card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 20px;
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    cursor: pointer;
}

.home .client_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(26, 77, 190, 0.1);
    border-color: var(--job-secondary);
}

.home .client_card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.home .client_card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Why Choose Us & About */
.home .about_job_sec {
    background: #fff;
}

.home .about_job_img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.home .about_job_img img {
    width: 100%;
    display: block;
}

.home .about_glass_box {
    position: absolute;
    bottom: -30px;
    right: -30px;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    max-width: 300px;
}

.home .about_content h3 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 25px;
    color: var(--job-dark);
}

.home .about_content p {
    color: #57606f;
    line-height: 1.8;
    margin-bottom: 20px;
}

.home .job_feature_list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.home .job_feature_list li {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.home .job_feature_list li i {
    width: 24px;
    color: var(--job-secondary);
    font-size: 20px;
}

/* Vision Mission */
.home .vision_mission_sec {
    background: var(--job-dark);
    color: #fff;
    padding: 80px 0;
}

.home .vm_card {
    text-align: center;
    padding: 40px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 20px;
    height: 100%;
    transition: all 0.3s;
}

.home .vm_card:hover {
    background: rgba(255,255,255,0.05);
}

.home .vm_card i {
    font-size: 50px;
    color: var(--job-secondary);
    margin-bottom: 20px;
}

.home .vm_card h3 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
}

.home .vm_card p {
    color: #a4b0be;
}

/* Job Responsive Media Queries */
@media (max-width: 1199px) {
    .home .job_hero_title { font-size: 30px; }
    .home .search_form { grid-template-columns: repeat(2, 1fr); }
    .home .search_btn { grid-column: span 2; }
}

@media (max-width: 991px) {
    .home .job_hero { padding: 130px 0 80px; text-align: center; }
    .home .job_hero_subtitle { margin: 0 auto 30px; }
    .home .job_hero_img_wrap { margin-top: 50px; }
    .home .job_search_sec { margin-top: -30px; }
    .home .company_grid { grid-template-columns: repeat(1, 1fr); }
    .home .latest_job_list { 
        flex-direction: column; 
        align-items: flex-start; 
        gap: 15px; 
        text-align: left;
    }
    .home .latest_job_list .job_btn_primary {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }
    .home .lj_left {
        align-items: flex-start;
    }
    .home .lj_info p {
        flex-direction: column;
        gap: 5px;
    }
    .home .about_glass_box { position: static; margin-top: 20px; max-width: 100%; }
}

@media (max-width: 767px) {
    .home .job_hero_title { font-size: 30px; }
    .home .search_form { grid-template-columns: 1fr; }
    .home .search_btn { grid-column: span 1; }
    .home .job_sec_title h2 { font-size: 32px; }
    .home .about_content h3 { font-size: 32px; }
}

/* ==========================================================================
   INDEX PAGE REAL ESTATE SECTION
   ========================================================================== */
.home .home_re_section {
    background: #fdfdfd;
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}

.home .home_re_section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at 0% 0%, rgba(26, 77, 190, 0.03) 0%, transparent 50%),
                radial-gradient(circle at 100% 100%, rgba(0, 210, 255, 0.03) 0%, transparent 50%);
    z-index: 0;
}

.home .home_re_block {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.04);
    border: 1px solid #f1f2f6;
    transition: all 0.4s ease;
}

.home .home_re_block:hover {
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

.home .re_img_box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.home .re_img_box img {
    border-radius: 20px;
    transition: transform 0.6s ease;
}

.home .home_re_block:hover .re_img_box img {
    transform: scale(1.05);
}

.home .re_shape_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(26,77,190,0.2) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 20px;
    pointer-events: none;
}

.home .home_re_block:hover .re_shape_overlay {
    opacity: 1;
}

.home .re_icon_wrap {
    width: 65px;
    height: 65px;
    background: var(--job-primary);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(26, 77, 190, 0.2);
    animation: floatUp 4s ease-in-out infinite alternate;
}

.home .re_block_title {
    font-size: 32px;
    font-weight: 800;
    color: var(--job-dark);
    margin-bottom: 20px;
    line-height: 1.3;
}

.home .re_block_text {
    font-size: 16px;
    color: #57606f;
    line-height: 1.8;
    margin-bottom: 30px;
}

@keyframes flashInfiniteBtn {
    0% { box-shadow: 0 0 10px rgba(0, 210, 255, 0.2), 0 0 20px rgba(0, 210, 255, 0.2) inset; }
    50% { box-shadow: 0 0 25px rgba(0, 210, 255, 0.6), 0 0 10px rgba(0, 210, 255, 0.4) inset; }
    100% { box-shadow: 0 0 10px rgba(0, 210, 255, 0.2), 0 0 20px rgba(0, 210, 255, 0.2) inset; }
}

@keyframes shineBtn {
    0% { left: -100%; }
    20% { left: 200%; }
    100% { left: 200%; }
}

.home .re_explore_btn {
    display: inline-flex;
    align-items: center;
    background: var(--job-gradient);
    color: #fff;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    animation: flashInfiniteBtn 2s infinite alternate;
    position: relative;
    overflow: hidden;
}

.home .re_explore_btn::before {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transform: skewX(-20deg);
    animation: shineBtn 3s infinite linear;
}

.home .re_explore_btn:hover {
    color: #fff;
    transform: translateY(-3px) scale(1.02);
    text-decoration: none;
}

@media (max-width: 991px) {
    .home .home_re_block { padding: 30px 20px; }
    .home .re_block_title { font-size: 26px; }
    .home .re_explore_btn { width: 100%; justify-content: center; }
}
@media (max-width: 767px) {
    .home .re_block_title { font-size: 24px; }
    .home .re_block_text { font-size: 15px; }
}

/* ==========================================================================
   JOBS PAGE STYLES (jobs.html)
   ========================================================================== */

/* Job Cards */
.jobs_page .job_listing_card {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #f1f2f6;
    padding: 0;
    height: calc(100% - 40px);
    margin-top: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

.jobs_page .job_grid_sec .row {
    row-gap: 20px;
}

.jobs_page .job_listing_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(26, 77, 190, 0.1);
    border-color: rgba(26, 77, 190, 0.2);
}

.jobs_page .job_card_header {
    padding: 35px 25px 20px;
    background: #fdfdfd;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid #f1f2f6;
    position: relative;
}

.jobs_page .job_card_icon_wrap {
    position: absolute;
    top: -25px;
    left: 25px;
    width: 60px;
    height: 60px;
    background: var(--job-gradient);
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.jobs_page .job_listing_card:hover .job_card_icon_wrap {
    transform: translateY(-5px) scale(1.05);
}

.jobs_page .job_listing_title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 5px;
    color: var(--job-dark);
}

.jobs_page .custom-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.jobs_page .job_card_body {
    padding: 25px;
    flex-grow: 1;
}

.jobs_page .job_feature_item {
    font-size: 14.5px;
    color: #57606f;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    word-break: break-word;
}

.jobs_page .job_feature_item i {
    color: var(--job-primary);
    width: 16px;
    text-align: center;
}

.jobs_page .job_feature_item strong {
    color: var(--job-dark);
    font-weight: 600;
}

.jobs_page .small-list {
    list-style: none;
    padding-left: 10px;
    margin: 0;
}

.jobs_page .small-list li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #57606f;
    margin-bottom: 6px;
}

.jobs_page .small-list li::before {
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--job-secondary);
    font-size: 12px;
    top: 2px;
}

/* Flashy Animated CTA */
.jobs_page .animated_cta_wrapper {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: var(--job-dark);
    margin-top: 50px;
}

@keyframes flashGlowBg {
    0% { background-color: var(--job-dark); }
    50% { background-color: #16243b; }
    100% { background-color: var(--job-dark); }
}

.jobs_page .animated_cta_section {
    position: relative;
    z-index: 2;
    background: transparent;
    animation: flashGlowBg 4s ease-in-out infinite alternate;
}

.jobs_page .cta_title {
    font-size: 45px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
}

.jobs_page .cta_subtitle {
    font-size: 18px;
    color: #dfe4ea;
    line-height: 1.8;
}

.jobs_page .cta_btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: var(--job-primary);
    padding: 18px 45px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(255,255,255,0.2), 0 0 20px rgba(0, 210, 255, 0.4) inset;
    animation: pulseGlow 2s infinite alternate;
}

.jobs_page .cta_btn:hover {
    transform: translateY(-5px) scale(1.05);
    background: var(--job-gradient);
    color: #fff;
    box-shadow: 0 15px 40px rgba(0, 210, 255, 0.4);
    text-decoration: none;
}

.jobs_page .cta_shape {
    position: absolute;
    background: linear-gradient(135deg, rgba(0, 210, 255, 0.1) 0%, rgba(26, 77, 190, 0.1) 100%);
    border-radius: 50%;
    filter: blur(20px);
    z-index: 1;
}

.jobs_page .shape1 {
    width: 300px;
    height: 300px;
    top: -100px;
    left: -100px;
    animation: floatUp 8s ease-in-out infinite, spinSlow 30s linear infinite;
}

.jobs_page .shape2 {
    width: 400px;
    height: 400px;
    bottom: -150px;
    right: -100px;
    background: linear-gradient(135deg, rgba(26, 77, 190, 0.1) 0%, rgba(255, 71, 87, 0.1) 100%);
    animation: floatUp 10s ease-in-out infinite reverse, spinSlow 40s linear infinite reverse;
}

.jobs_page .shape3 {
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 210, 255, 0.05);
    animation: pulseGlow 5s infinite alternate;
}

.jobs_page .job_card_footer {
    padding: 0 25px 30px;
    margin-top: auto;
}

@media (max-width: 991px) {
    .jobs_page .job_listing_card {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .jobs_page .cta_title { font-size: 32px; }
    .jobs_page .cta_subtitle { font-size: 16px; }
    .jobs_page .cta_btn { font-size: 16px; padding: 15px 30px; }
    
    .jobs_page .job_list_intro h2 { font-size: 32px !important; }
    .jobs_page .job_hero_title { font-size: 40px !important; line-height: 1.3 !important; }
    .jobs_page .job_feature_item{font-size: 13.5px;}
    .ourservice_page .page_wrapper h5 {font-size: 20px;}
    .ourservice_page .hero_content_wrap h1 {font-size: 30px;}
    .ourservice_page .contact_form_wrap,
.realestate_page .contact_form_wrap {margin-top: 0;}
.loans_page .loans_hero .financeh1 {font-size: 30px;}

}


/* ==========================================================================
   MMKCONSULTANCY FINANCE SECTIONS (home page - .home)
   Prefix: hmf_ (home finance)
   ========================================================================== */

/* ---- SHARED FINANCE HELPERS ---- */
.home .hmf_sec_label {
    display: inline-block;
    background: linear-gradient(135deg, #1a4dbe 0%, #00c2ff 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 7px 20px;
    border-radius: 50px;
    margin-bottom: 16px;
}
.home .hmf_sec_title {
    font-size: 38px;
    font-weight: 800;
    color: #141e30;
    margin-bottom: 12px;
    line-height: 1.25;
}
.home .hmf_sec_divider {
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #1a4dbe, #00c2ff);
    border-radius: 4px;
    margin: 0 auto 18px;
}
.home .hmf_sec_subtitle {
    font-size: 16px;
    color: #57606f;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.7;
}

/* WHITE VARIANTS (for dark-bg section) */
.home .hmf_label_white {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    backdrop-filter: blur(8px);
}
.home .hmf_title_white { color: #fff; }
.home .hmf_divider_white { background: rgba(255,255,255,0.5); }
.home .hmf_subtitle_white { color: rgba(255,255,255,0.85); }

/* Apply button (shared) */
.home .hmf_apply_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #1a4dbe 0%, #00c2ff 100%);
    color: #fff;
    padding: 16px 38px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(26,77,190,0.35);
    position: relative;
    overflow: hidden;
}
.home .hmf_apply_btn::before {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    transform: skewX(-20deg);
    animation: shineBtn 3s infinite linear;
}
.home .hmf_apply_btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(26,77,190,0.45);
    text-decoration: none;
}

/* =============================================
   SECTION 1: FINANCE HERO
   ============================================= */
.home .hmf_hero_sec {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f8ff 50%, #f9fff7 100%);
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}

/* Blobs */
.home .hmf_blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.35;
    animation: floatUp 8s ease-in-out infinite alternate;
}
.home .hmf_blob1 {
    width: 400px; height: 400px;
    background: radial-gradient(circle, #1a4dbe44, #00c2ff22);
    top: -100px; left: -100px;
}
.home .hmf_blob2 {
    width: 300px; height: 300px;
    background: radial-gradient(circle, #00c2ff33, #1a4dbe22);
    top: 60%; right: -80px;
    animation-duration: 10s;
}
.home .hmf_blob3 {
    width: 200px; height: 200px;
    background: radial-gradient(circle, #27ae6044, transparent);
    bottom: 10%; left: 30%;
    animation-duration: 12s;
}

/* Badge */
.home .hmf_badge_wrap { margin-bottom: 20px; }
.home .hmf_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1.5px solid #1a4dbe33;
    color: #1a4dbe;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 50px;
    box-shadow: 0 4px 14px rgba(26,77,190,0.12);
}

/* Hero Title */
.home .hmf_hero_title {
    font-size: 40px;
    font-weight: 800;
    color: #141e30;
    line-height: 1.22;
    margin-bottom: 20px;
}
.home .hmf_hero_title span {
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.home .hmf_hero_desc {
    font-size: 16px;
    color: #57606f;
    line-height: 1.75;
    margin-bottom: 15px;
}

/* Stats */
.home .hmf_hero_stats {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 10px;
}
.home .hmf_stat {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 14px;
    padding: 12px 18px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.07);
    flex: 1;
    min-width: 130px;
    transition: transform 0.3s ease;
}
.home .hmf_stat:hover { transform: translateY(-4px); }
.home .hmf_stat_icon {
    width: 44px; height: 44px;
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}
.home .hmf_stat strong { display: block; font-size: 14px; color: #141e30; font-weight: 700; }
.home .hmf_stat small { font-size: 12px; color: #888; }

/* Image Grid */
.home .hmf_img_grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 14px;
}
.home .hmf_img_main {
    grid-column: 1 / -1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(26,77,190,0.15);
}
.home .hmf_img_main img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}
.home .hmf_img_small {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.home .hmf_img_small img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}
.home .hmf_img_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(26,77,190,0.2) 0%, transparent 60%);
    pointer-events: none;
}
.home .hmf_img_grid:hover .hmf_img_main img,
.home .hmf_img_grid:hover .hmf_img_small img {
    transform: scale(1.05);
}
.home .hmf_img_pair {
    display: contents;
}

/* Floating badge */
.home .hmf_float_badge {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 6px 20px rgba(26,77,190,0.3);
    animation: floatUp 3s ease-in-out infinite alternate;
}

/* =============================================
   SECTION 2: TRUST / INFOGRAPHIC
   ============================================= */
.home .hmf_trust_sec {
    background: #fff;
    padding: 90px 0;
}

/* Infographic Cards Grid */
.home .hmf_infographic_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.home .hmf_info_card {
    background: #f7f9ff;
    border-radius: 20px;
    padding: 28px 22px;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
    border: 1.5px solid transparent;
}
.home .hmf_info_card::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 120px; height: 120px;
    border-radius: 50%;
    opacity: 0.12;
}
.home .hmf_info_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 40px rgba(0,0,0,0.1);
}
.home .hmf_info_icon {
    width: 52px; height: 52px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px;
    color: #fff;
    margin-bottom: 16px;
}
.home .hmf_info_card h4 {
    font-size: 17px !important;
    font-weight: 700;
    color: #141e30;
    margin-bottom: 8px;
    text-align: left !important;
}
.home .hmf_info_card p {
    font-size: 14px;
    color: #57606f;
    line-height: 1.6;
    margin: 0;
}

/* Color variants */
.home .hmf_info_green { border-color: #27ae6033; }
.home .hmf_info_green .hmf_info_icon { background: linear-gradient(135deg, #27ae60, #2ecc71); }
.home .hmf_info_green::before { background: #27ae60; }
.home .hmf_info_green:hover { border-color: #27ae6066; }

.home .hmf_info_blue { border-color: #1a4dbe33; }
.home .hmf_info_blue .hmf_info_icon { background: linear-gradient(135deg, #1a4dbe, #00c2ff); }
.home .hmf_info_blue::before { background: #1a4dbe; }
.home .hmf_info_blue:hover { border-color: #1a4dbe66; }

.home .hmf_info_purple { border-color: #8e44ad33; }
.home .hmf_info_purple .hmf_info_icon { background: linear-gradient(135deg, #8e44ad, #c39bd3); }
.home .hmf_info_purple::before { background: #8e44ad; }
.home .hmf_info_purple:hover { border-color: #8e44ad66; }

.home .hmf_info_orange { border-color: #e67e2233; }
.home .hmf_info_orange .hmf_info_icon { background: linear-gradient(135deg, #e67e22, #f39c12); }
.home .hmf_info_orange::before { background: #e67e22; }
.home .hmf_info_orange:hover { border-color: #e67e2266; }

/* Trust content */
.home .hmf_trust_para {
    font-size: 15.5px;
    color: #57606f;
    line-height: 1.8;
    margin-bottom: 15px;
}
.home .hmf_trust_features {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.home .hmf_tf_item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #141e30;
}
.home .hmf_tf_item i {
    width: 28px; height: 28px;
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}

/* =============================================
   SECTION 3: LOAN SERVICES (PILLS)
   ============================================= */
.home .hmf_loans_sec {
    background: linear-gradient(135deg, #141e30 0%, #1a4dbe 60%, #0a1628 100%);
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}
.home .hmf_loans_bg_shape {
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

/* Pills Layout */
.home .hmf_pills_layout {
    display: flex;
    gap: 0;
    background: rgba(255,255,255,0.06);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.1);
}

/* Pill Navigation (left sidebar) */
.home .hmf_pills_nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px 16px;
    background: rgba(0,0,0,0.2);
    min-width: 220px;
    max-width: 240px;
    flex-shrink: 0;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.home .hmf_pill {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: none;
    background: transparent;
    border-radius: 14px;
    color: rgba(255,255,255,0.65);
    font-size: 14px;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
    width: 100%;
}
.home .hmf_pill i {
    font-size: 18px;
    width: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.home .hmf_pill:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}
.home .hmf_pill:hover i { transform: scale(1.15); }
.home .hmf_pill.active {
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    color: #fff;
    box-shadow: 0 6px 20px rgba(0,194,255,0.35);
}
.home .hmf_pill.active i { transform: scale(1.1); }

/* Pills Content Panel */
.home .hmf_pills_content {
    flex: 1;
    position: relative;
    min-height: 420px;
}
.home .hmf_pill_panel {
    display: none;
    position: absolute;
    inset: 0;
    padding: 40px;
    opacity: 0;
    animation: hmfPanelFadeIn 0.4s ease forwards;
}
.home .hmf_pill_panel.active {
    display: block;
    opacity: 1;
}
@keyframes hmfPanelFadeIn {
    from { opacity: 0; transform: translateX(12px); }
    to { opacity: 1; transform: translateX(0); }
}

.home .hmf_panel_icon {
    width: 64px; height: 64px;
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 8px 24px rgba(0,194,255,0.3);
}
/* Panel icon color variants */
.home .hmf_icon_green { background: linear-gradient(135deg, #27ae60, #2ecc71); box-shadow: 0 8px 24px rgba(39,174,96,0.3); }
.home .hmf_icon_purple { background: linear-gradient(135deg, #8e44ad, #c39bd3); box-shadow: 0 8px 24px rgba(142,68,173,0.3); }
.home .hmf_icon_orange { background: linear-gradient(135deg, #e67e22, #f39c12); box-shadow: 0 8px 24px rgba(230,126,34,0.3); }
.home .hmf_icon_teal { background: linear-gradient(135deg, #16a085, #1abc9c); box-shadow: 0 8px 24px rgba(22,160,133,0.3); }
.home .hmf_icon_red { background: linear-gradient(135deg, #c0392b, #e74c3c); box-shadow: 0 8px 24px rgba(192,57,43,0.3); }
.home .hmf_icon_indigo { background: linear-gradient(135deg, #2c3e8c, #5a67d8); box-shadow: 0 8px 24px rgba(44,62,140,0.3); }
.home .hmf_icon_gold { background: linear-gradient(135deg, #b7950b, #f1c40f); box-shadow: 0 8px 24px rgba(183,149,11,0.3); }

.home .hmf_panel_title {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
}
.home .hmf_panel_desc {
    font-size: 15px;
    color: rgba(255,255,255,0.8);
    line-height: 1.75;
    margin-bottom: 22px;
}

/* Panel Features */
.home .hmf_panel_features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 28px;
}
.home .hmf_pf_item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    font-weight: 500;
}
.home .hmf_pf_item i {
    color: #00c2ff;
    font-size: 16px;
    flex-shrink: 0;
}

/* Panel Apply Button */
.home .hmf_panel_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    color: #fff;
    padding: 14px 32px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(0,194,255,0.35);
}
.home .hmf_panel_btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,194,255,0.45);
    text-decoration: none;
}
/* Colour variants for panel buttons */
.home .hmf_btn_green { background: linear-gradient(135deg, #27ae60, #2ecc71); box-shadow: 0 6px 20px rgba(39,174,96,0.35); }
.home .hmf_btn_purple { background: linear-gradient(135deg, #8e44ad, #c39bd3); box-shadow: 0 6px 20px rgba(142,68,173,0.35); }
.home .hmf_btn_orange { background: linear-gradient(135deg, #e67e22, #f39c12); box-shadow: 0 6px 20px rgba(230,126,34,0.35); }
.home .hmf_btn_teal { background: linear-gradient(135deg, #16a085, #1abc9c); box-shadow: 0 6px 20px rgba(22,160,133,0.35); }
.home .hmf_btn_red { background: linear-gradient(135deg, #c0392b, #e74c3c); box-shadow: 0 6px 20px rgba(192,57,43,0.35); }
.home .hmf_btn_indigo { background: linear-gradient(135deg, #2c3e8c, #5a67d8); box-shadow: 0 6px 20px rgba(44,62,140,0.35); }
.home .hmf_btn_gold { background: linear-gradient(135deg, #b7950b, #f1c40f); box-shadow: 0 6px 20px rgba(183,149,11,0.35); }

/* =============================================
   SECTION 4: APPLY CTA
   ============================================= */
.home .hmf_apply_sec {
    background: linear-gradient(135deg, #f5f7ff 0%, #edf9ff 50%, #f8fff5 100%);
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}

/* Particles */
.home .hmf_apply_particles { position: absolute; inset: 0; pointer-events: none; }
.home .hmf_particle {
    position: absolute;
    border-radius: 50%;
    animation: floatUp 7s ease-in-out infinite alternate;
}
.home .hmf_p1 {
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(26,77,190,0.1), transparent);
    top: -80px; left: -80px;
}
.home .hmf_p2 {
    width: 250px; height: 250px;
    background: radial-gradient(circle, rgba(0,194,255,0.1), transparent);
    bottom: -50px; right: 10%;
    animation-duration: 9s;
}
.home .hmf_p3 {
    width: 150px; height: 150px;
    background: radial-gradient(circle, rgba(39,174,96,0.1), transparent);
    top: 40%; left: 40%;
    animation-duration: 11s;
}

/* Apply content */
.home .hmf_apply_tag {
    display: inline-block;
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 7px 20px;
    border-radius: 50px;
    margin-bottom: 18px;
}
.home .hmf_apply_title {
    font-size: 38px;
    font-weight: 800;
    color: #141e30;
    line-height: 1.25;
    margin-bottom: 18px;
}
.home .hmf_apply_desc {
    font-size: 15.5px;
    color: #57606f;
    line-height: 1.8;
    margin-bottom: 14px;
}

/* Steps */
.home .hmf_apply_steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 28px;
    margin-bottom: 10px;
}
.home .hmf_step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    transition: transform 0.3s ease;
}
.home .hmf_step:hover { transform: translateY(-4px); }
.home .hmf_step_num {
    font-size: 26px;
    font-weight: 900;
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 2px;
}
.home .hmf_step_text strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #141e30;
    margin-bottom: 3px;
}
.home .hmf_step_text small {
    font-size: 13px;
    color: #888;
}

/* Big Apply Button */
.home .hmf_big_apply_btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #141e30 0%, #1a4dbe 100%);
    color: #fff;
    padding: 18px 44px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 17px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(26,77,190,0.35);
    position: relative;
    overflow: hidden;
}
.home .hmf_big_apply_btn::before {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transform: skewX(-20deg);
    animation: shineBtn 3s infinite linear;
}
.home .hmf_big_apply_btn:hover {
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(26,77,190,0.45);
    text-decoration: none;
}

/* Loan Type Card Grid */
.home .hmf_apply_card_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.home .hmf_loan_type_card {
    background: #fff;
    border-radius: 18px;
    padding: 18px 14px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.07);
    transition: all 0.35s ease;
    border: 1.5px solid transparent;
}
.home .hmf_loan_type_card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 35px rgba(26,77,190,0.15);
    border-color: rgba(26,77,190,0.2);
}
.home .hmf_ltc_icon {
    width: 52px; height: 52px;
    background: linear-gradient(135deg, #1a4dbe, #00c2ff);
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
    color: #fff;
    margin: 0 auto 12px;
    transition: transform 0.3s ease;
}
.home .hmf_loan_type_card:hover .hmf_ltc_icon { transform: scale(1.12) rotate(-5deg); }
.home .hmf_loan_type_card span {
    font-size: 13px;
    font-weight: 700;
    color: #141e30;
    font-family: 'Outfit', sans-serif;
}
/* LTC color variants */
.home .hmf_ltc_green { background: linear-gradient(135deg, #27ae60, #2ecc71); }
.home .hmf_ltc_purple { background: linear-gradient(135deg, #8e44ad, #c39bd3); }
.home .hmf_ltc_orange { background: linear-gradient(135deg, #e67e22, #f39c12); }
.home .hmf_ltc_teal { background: linear-gradient(135deg, #16a085, #1abc9c); }
.home .hmf_ltc_red { background: linear-gradient(135deg, #c0392b, #e74c3c); }
.home .hmf_ltc_indigo { background: linear-gradient(135deg, #2c3e8c, #5a67d8); }
.home .hmf_ltc_gold { background: linear-gradient(135deg, #b7950b, #f1c40f); }

/* ==========================================================================
   FINANCE SECTIONS RESPONSIVE
   ========================================================================== */
@media (max-width: 1199px) {
    .home .hmf_hero_title { font-size: 34px; }
    .home .hmf_apply_title { font-size: 32px; }
    .home .hmf_sec_title { font-size: 32px; }
    .home .hmf_pills_nav { min-width: 190px; max-width: 200px; }
    .home .hmf_pill { font-size: 13px; padding: 12px 14px; }
}

@media (max-width: 991px) {
    /* Hero */
    .home .hmf_hero_title { font-size: 30px; }
    .home .hmf_hero_stats { gap: 12px; }

    /* Trust section - stack infographic grid */
    .home .hmf_infographic_grid { grid-template-columns: 1fr; }

    /* Loan Pills section - stack vertically (pills on top, content below) */
    .home .hmf_pills_layout {
        flex-direction: column;
        border-radius: 20px;
    }
    .home .hmf_pills_nav {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100%;
        min-width: unset;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        gap: 6px;
        padding: 14px;
        justify-content: center;
    }
    .home .hmf_pill {
        width: auto;
        flex: 0 0 auto;
        padding: 10px 16px;
        font-size: 13px;
        justify-content: center;
    }
    .home .hmf_pill span { display: none; }
    .home .hmf_pill i { font-size: 20px; width: auto; }
    .home .hmf_pill.active span { display: inline; }

    .home .hmf_pills_content {
        position: relative;
        min-height: 480px;
    }
    .home .hmf_pill_panel { padding: 28px 24px; }
    .home .hmf_panel_features { grid-template-columns: 1fr; }

    /* Apply section - stack steps */
    .home .hmf_apply_steps { grid-template-columns: 1fr; }
    .home .hmf_apply_card_wrap { grid-template-columns: repeat(2, 1fr); }
    .home .hmf_apply_title { font-size: 28px; }
}

@media (max-width: 767px) {
    /* Hero */
    .home .hmf_hero_sec { padding: 60px 0; }
    .home .hmf_hero_title { font-size: 26px; }
    .home .hmf_hero_stats { flex-direction: column; gap: 10px; }
    .home .hmf_stat { min-width: unset; }
    .home .hmf_img_main img { height: 180px; }
    .home .hmf_img_small img { height: 130px; }
    .home .hmf_float_badge { font-size: 11px; padding: 8px 14px; left: 40%;}

    /* Trust */
    .home .hmf_trust_sec { padding: 60px 0; }
    .home .hmf_sec_title { font-size: 26px; }

    /* Loan pills */
    .home .hmf_loans_sec { padding: 60px 0; }
    .home .hmf_pills_nav { padding: 10px; }
    .home .hmf_pill { padding: 10px 12px; }
    .home .hmf_pill.active span { display: none; }
    .home .hmf_pill_panel { padding: 20px 16px; }
    .home .hmf_panel_title { font-size: 22px; }
    .home .hmf_panel_desc { font-size: 14px; }
    .home .hmf_pills_content { min-height: 520px; }

    /* Apply */
    .home .hmf_apply_sec { padding: 60px 0; }
    .home .hmf_apply_title { font-size: 24px; }
    .home .hmf_apply_steps { gap: 12px; }
    .home .hmf_apply_card_wrap { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .home .hmf_loan_type_card { padding: 14px 10px; }
    .home .hmf_loan_type_card span { font-size: 11px; }
    .home .hmf_ltc_icon { width: 44px; height: 44px; font-size: 18px; }
    .home .hmf_big_apply_btn { font-size: 15px; padding: 15px 32px; }
}

@media (max-width: 480px) {
    .home .hmf_infographic_grid { grid-template-columns: 1fr; }
    .home .hmf_img_grid { grid-template-columns: 1fr; }
    .home .hmf_img_main { grid-column: 1; }
    .home .hmf_img_pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .home .hmf_pill span { display: none !important; }
    .home .hmf_pills_content { min-height: 700px; }
}