@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');




body{
	font-family: "Inter", sans-serif;
    color:#1f2937;
	background:var(--white);
		min-height: 100vh;
	display: flex;
	flex-direction: column;
}
:root{
	--blue: #0b1f3a;
	--lblue: #409bbe;
	--gold:#c9a45c;
    --lgold:#e8d5a7;
	--bg: #03100b;
	--white:#fff;
	--black:#111;
	--gray:#333;
	--lgray:#ddd;	
}



 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: clamp(360px, 90vw, 90vw);
    margin: 0 auto;
} 
h1, h2 {
	font-family:'Fraunces', serif;
   font-size: clamp(1.5rem, 2.5vw, 3rem);
   line-height: clamp(1.8rem, 3vw, 3rem);
    font-weight:400; 
	color: var(--blue);
	margin-bottom:15px;
}
h1 strong, h2 strong{color: var(--blue);}

h3{
	font-family:'Fraunces', serif;
    font-size: clamp(1.2rem, 1.6vw, 2rem);
    font-weight:500;  
	margin-bottom:10px;
	color: var(--blue);
}
h4{font-family:'Fraunces', serif; font-size: clamp(1rem, 1.4vw, 1.8rem);font-weight:500;color: var(--gold);}
h5{font-family: "Inter", sans-serif; font-size: clamp(1rem, 1.3vw, 1.4rem);font-weight:500;color: var(--black);}
h5 strong{color: var(--blue);font-weight:400;}
h6{font-size: clamp(1.2rem, 1.4vw, 1.4rem);font-weight:600;}
p {
	font-family: "Inter", sans-serif;
	font-size: clamp(.8rem, 1vw, 1rem);
    font-weight: 400;
    line-height: clamp(1.3rem, 1.7vw, 1.7rem);
    margin: 0 0 8px 0;
    color: var(--black);
}
a{color: var(--blue); text-decoration:none;}
ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}


#sticky-header.sticky-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
	box-shadow: 0px 15px 10px -15px #00000050;    
}

@keyframes stickyMenu {
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

.logo img{width:clamp(12rem, 16vw, 18rem);}
.sticky-menu .logo img{width:200px;}
.sticky-menu .logo::after {width: 130%;border-top: 73px solid #fff;}
.sticky-menu .stellarnav.dark li a{color:var(--black);}
.sticky-menu .stellarnav.dark li a:hover{color:var(--blue);}
.sticky-menu .navbar-brand img{width:170px;}
.sticky-menu .topbar_cont li a {color:var(--white);}
.sticky-menu .topbar_cont li span a {color:var(--black);}
.sticky-menu .topbar_cont li a.btn-primary {color:var(--white);}
.tick_double ul, .tick_double ol{columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.tick_triple ul{columns: 3; -webkit-columns: 3; -moz-columns: 3;}
.tick ul{margin:20px 0 0 30px;} 
.tick ul li{margin-bottom:10px; font-size: clamp(.8rem, 1vw, 1rem);color:var(--black);}
.tick ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    color:var(--gold);
   font-size: clamp(.8rem, 1.3vw, 1.3rem);
    padding:0 8px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left: -30px;
}
a.readmore, .readmore {
  background-image: linear-gradient(
    to right,
    #c7985c,
    #c7985c 50%,
    #0c1c36 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight:500;
}
a.readmore:before, .readmore:before{
  content: '';
  background: #c7985c;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
}
a.readmore:hover, .readmore:hover {background-position: 0;}
a.readmore:hover::before, .readmore:hover::before{width: 100%;}


hr {
  height:5px;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

/*backto-top start*/
#backto-top {
  display: inline-block;
  background:var(--blue);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius:0;
  border:1px solid var(--blue);
  position: fixed;
  bottom: 70px;
  right: 15px;
  transition: background-color .3s,  
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 2000;
  text-align: center;
  box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}
#backto-top i{
	font-size:20px;
  color: #fff;
  line-height: 40px;
}

#backto-top:hover {
  cursor: pointer;
  background:var(--white);
}
#backto-top:hover i{color:var(--black);}
#backto-top:active {
  background: var(--white);
}
#backto-top.show {
  opacity: 1;
  visibility: visible;
}
/*backto-top end*/


/* counter start*/
.counterbg {
	background:url(images/counterbg.webp) 0 0 no-repeat!important;
  position: relative;
  padding:50px 0;
}

 #counter i{font-size:30px;color:var(--gold);display:block;margin:0 0 12px 0;}
 #counter p{margin:0;padding:0;color:var(--white);font-size: clamp(.7rem, 1vw, .9rem);}
 .count{font-size: clamp(1.1rem, 2vw, 3rem);font-weight:400;color:var(--white);}
 .plus{font-size: clamp(1.4rem, 2vw, 2rem);color:var(--white);}
 .counter_txt{margin: 0 auto;    text-align: center;} 
.counter_block{border-right:1px solid #6dbfe9;}
 .counter_block:last-child{border-right:0;}
 .counter_block img{
	width:50px;
	margin-right:10px;
	filter: brightness(0) saturate(100%)
            invert(68%) sepia(25%) saturate(650%)
            hue-rotate(350deg) brightness(90%) contrast(90%);
}
/* counter end*/
.sectiongap:nth-child(odd){ background:#fff;padding:70px 0;position: relative;}
.sectiongap:nth-child(even){ background:#f5f5f5;padding:70px 0;position: relative;}
/* btn*/
.btn-primary {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    background:var(--blue);
    color:var(--white);
    border: 1px solid var(--lblue);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    overflow: hidden;
    transition: color 0.4s ease;
    z-index: 1;
}
.btn-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
    z-index: -1;
}
.btn-primary:hover {color:var(--white);border: 1px solid var(--gold);}
.btn-primary:hover::before {transform: scaleX(1);transform-origin: left;}
.btn-secondary {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    background:var(--gold);
    color:var(--white);
    border: 1px solid var(--gold);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    overflow: hidden;
    transition: color 0.4s ease;
    z-index: 1;
}
.btn-secondary::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--blue);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
    z-index: -1;
}
.btn-secondary:hover {color:var(--white);}
.btn-secondary:hover::before {transform: scaleX(1);transform-origin: left;}
/* btn*/

/*-- NAV--  */
/* ==============================
   NAVBAR + DROPDOWN Z-INDEX FIX
================================ */

.main-navbar {
    position: relative;
    z-index: 1050;
}

.main-navbar .navbar {
    position: relative;
    z-index: 1051;
}

/* Desktop dropdown */
@media (min-width: 992px) {

    .main-navbar .navbar-nav {
        position: relative;
        z-index: 1055;
    }

    .main-navbar .navbar-nav .nav-item.dropdown {
        position: relative;
        z-index: 1060;
    }

    .main-navbar .navbar-nav .dropdown-toggle {
        position: relative;
        z-index: 1061;
    }

    .main-navbar .navbar-nav .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1070 !important;

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

        transform: translateY(12px);

        margin-top: 0;
        min-width: 210px;
        padding: 10px 0;

        border: 0;
        border-radius: 0;
        background: #fff;

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

        transition:
            opacity .3s ease,
            visibility .3s ease,
            transform .3s ease;
    }

    /* Show on hover */
    .main-navbar .navbar-nav .dropdown:hover > .dropdown-menu,
    .main-navbar .navbar-nav .dropdown-menu:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .main-navbar .dropdown-item {
        position: relative;
        z-index: 1071;

        padding: 10px 18px;
        font-size: 14px;
        font-weight: 500;
        color: var(--black);

        transition: all .25s ease;
    }

    .main-navbar .dropdown-item:hover {
        color: var(--gold);
        background: rgba(0, 0, 0, .04);
        padding-left: 23px;
    }

    .main-navbar .dropdown-toggle::after {
        margin-left: 7px;
        vertical-align: 2px;
    }
}

/*-- NAV--  */

/* ================= banner ================= */

.carousel-caption {
    position: absolute;
    top: 10%;
	width:45%;
    left: 4%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
	z-index:2;
	
}
.banner {position:relative;margin:0 20px;z-index:0;}
.carousel-item img {border-radius:20px;}
.carousel-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; /* set to 100% for full overlay width */
  background-color: rgba(0,0,0,0.55);
  border-radius:20px;
}
.banner h5 {
    font-family:'Fraunces', serif;
    font-size: clamp(1.3rem, 3vw, 4rem);
    font-weight: 500;
    color: var(--white);
}
.banner h5 strong{color: var(--gold);display:block;}
.banner h6{font-size: clamp(1rem, 1.4vw, 1.4rem);}
.banner p {
    font-family: "Inter", sans-serif;
    font-size: clamp(.7rem, 1vw, 1rem)!important;
    font-weight: 400;
    color: var(--white);
}
.carousel-indicators {z-index: 3;}
    .hero-card{width:90%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:10px;color:#fff;backdrop-filter:blur(12px)}
/* ================= banner ================= */


footer {
	background: #041522;
	color: #fff;
	padding:50px 0 0;
	margin-top: auto;
}

footer h5 {
	font-size: clamp(1rem, 1.5vw, 1.5rem);
	font-weight: 600;
	color:var(--gold);
	margin-bottom: 22px;
}

footer p,
footer li,
footer a {
	color: rgba(255,255,255,.55);
	font-size: clamp(.8rem, .9vw, .9rem);
	line-height: 1.9;
}
footer ul{margin:20px 0 0 30px;} 
footer ul li{margin-bottom:10px; font-size: clamp(.8rem, 1vw, 1rem);color:var(--white);}
footer ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    color:var(--gold);
   font-size: clamp(.8rem, .8vw, .8rem);
    padding:0 8px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left: -22px;
}
footer ul {
	list-style: none;
	padding: 0;
}

footer a:hover {
	color: var(--lgold);
}

.footer-logo {
	color: #fff;
	font-size: 23px;
	font-weight: 800;
	margin-bottom: 20px;
}

.footer-logo span {
	color: var(--lgold);
}

.social-links {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.social-links a {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 50%;
}


.copyright {
	border-top: 1px solid rgb(255 255 255 / 31%);
	margin-top: 30px;
	    padding: 12px 0;
	font-size: 13px;
	color: #dddddd;
}
.contact-text {display: flex;font-size: 14px;line-height: 1.7;gap:7px;}
.contact-text i {color: var(--gold);width:20px;margin-top: 7px;}
.social-links a {
	width: 30px;
	height: 30px;
	border:1px solid var(--gold);
	background:var(--gold);
	color:var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	transition: .3s;
	border-radius:4px;
}
.social-links a:hover {background: var(--blue);color:var(--white);}
.inner_banner{
	background-image: linear-gradient(to right, var(--blue) , var(--blue), var(--blue));
	height: clamp(4.4rem, 5.5vw, 6rem);
}
 .main-navbar{background:var(--white);backdrop-filter:blur(10px);padding: 8px 0;}
.text-bg-light {
    color:var(--white) !important;
    background:var(--gold)!important;
}

.service-card{height:100%;border:1px solid var(--lgray);border-radius:16px;padding:28px;background:#fff;transition:.25s ease;position:relative;overflow:hidden;}
.service-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--gold);transition:.25s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(7,26,51,.09)}
.service-card:hover:before{height:100%}	
.service-icon{
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:#f7f1e4;color:var(--gold);font-size:1.15rem;margin-bottom:18px
}
.section-title{margin-bottom:25px;}	
.section-title h6{font-size: clamp(.8rem, 1.2vw, 1.2rem);color:var(--gold);letter-spacing: 10px;text-transform:uppercase;}		
.category{
  height:100%;padding:28px;border:1px solid var(--lgray);border-radius:18px;
  background:#fff;transition:.25s ease;box-shadow:0 8px 30px rgba(16,45,82,.04)
}
.category:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(16,45,82,.1);border:1px solid var(--lblue);}
.category h3{color:var(--lblue);font-size: clamp(1.3rem, 1.5vw, 1.6rem);font-weight:600;}
.category h3 i{color:var(--gold);}
.category ul{list-style:none;padding:0;margin:18px 0 0}
.category li{padding:7px 0;border-bottom:1px solid var(--line);font-size: clamp(.8rem, 1vw, 1rem);color:#475569}
.category li:last-child{border-bottom:0}
.category li i{color:var(--gold);margin-right:8px}	
.dark-section {background: var(--blue)!important;color:var(--white);}	
.dark-section .section-title h2, .dark-section  p{color:var(--white);}
  
   

/* ==== PROCESS ===== */
	.process-section {
		background: var(--blue);
	}

	.process-section .section-title h2 {
		color: #fff;
	}

	.process-section .section-title p {
		color: rgba(255,255,255,.6);
	}

	.process-wrap {
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	.process-wrap:before {
		content: "";
		position: absolute;
		top: 35px;
		left: 7%;
		right: 7%;
		height: 1px;
		background: rgba(255,255,255,.18);
	}

	.process-step {
		width: 16%;
		text-align: center;
		position: relative;
	}

	.process-circle {
		width: 90px;
		height: 90px;
		margin: 0 auto 22px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--blue);
		border: 1px solid var(--gold);
		color: var(--lgold);
		font-weight: 600;
		font-size: clamp(1rem, 1.7vw, 2rem);
	}
	.process-step h5 {color:var(--white);}
	.process-step p {color: var(--lblue);}
/* ==== PROCESS ===== */
 .contact-box {

	background:url(images/bluebg.webp) 0 0 no-repeat;
    border-radius: 26px;
    padding: 48px;
    color:var(--white);
	  
}  
.white_box {
    background:#ffffff47;
      -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(4px);
}
.white_box label{color:var(--white);}
.white_box2 {
    background:var(--white);
	border-radius:20px;
	box-shadow:0 0 15px #0000000f;
	padding:25px;
}
.white_box2 label{color:var(--black);}
.contact-box p{color:var(--white);}
.contact-box h2{color:var(--white);font-size: clamp(1.5rem, 3vw, 3.5rem);line-height: clamp(1.8rem, 3.5vw, 3.5rem);}
.call_area i{color:var(--gold);}
.batch {
    color: var(--white) !important;
    background: var(--gold) !important;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 25px;
    margin-bottom: 10px;
}
.insights_block .insights_txt{border-right:1px solid var(--gold);}
.insights_block:last-child .insights_txt{border-right:0;}
.case-label{font-size: clamp(1rem, 1.2vw, 1.2rem);color: var(--gold);font-weight:600;}
.rounded {
    border-radius: 15px!important;
}
.bluebg{ background-image: linear-gradient(to bottom right, var(--blue), var(--lblue))!important;padding:25px;}
/* === LOCATION CARDS === */

.location-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.location-card {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 24px 20px;
    background: #fff;
    border: 1px solid var(--gold);
    border-radius: 16px;
    transition: all .3s ease;
}

.location-card:hover {
    transform: translateX(7px);
    border-color: rgba(21,94,239,.3);
    box-shadow: 0 15px 35px rgba(16,24,40,.08);
}
.location-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #f3efdc;
    color: var(--gold);
    font-size: 20px;
}
.location-info {
    flex: 1;
}
.location-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.location-heading h4 {
    color: var(--blue);
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    font-weight: 750;
    margin: 0;
}
.location-heading span {
    color: #98a2b3;
    font-size: clamp(.8rem, 1vw, 1rem);
    font-weight: 700;
}
.location-info p {
    color: var(--black);
    font-size: clamp(.8rem, 1vw, 1rem);
    margin: 5px 0 0;
}
/* === LOCATION CARDS === */
/* === mission === */
.mvv-section { position: relative; padding:20px 0 50px 0; overflow: hidden; }
.mvv-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -250px;
    right: -150px;
    border-radius: 50%;
    background: rgba(23, 63, 114, .04);
}

.mvv-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -200px;
    left: -150px;
    border-radius: 50%;
    background: rgba(201, 154, 69, .05);
}
.mvv-content h5 {
    font-family: "Inter", sans-serif;
    font-size: clamp(1.1rem, 1.3vw, 1.3rem);
    font-weight: 600;
    color: var(--gold);
	letter-spacing:3px;
}
.mvv-card {
    position: relative;
    height: 100%;
    padding: 35px;
    background: #fff;
    border: 1px solid var(--lgray);
    border-radius: 24px;
    overflow: hidden;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.mvv-card:hover {
    transform: translateY(-10px);
    border-color: rgba(23, 63, 114, .2);
    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10);
}


.mvv-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.mvv-number {
    color: #98a2b3;
    font-size: clamp(1rem, 1vw, 1rem);
    font-weight: 700;
    letter-spacing: 1px;
}

.mvv-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background:#f3efdc;
    color: var(--gold);
    font-size: clamp(1.5rem, 2vw, 2rem);
    transition: .35s;
}

.mvv-card:hover .mvv-icon {
    background: var(--gold);
    color:var(--white);
    transform: rotate(-5deg) scale(1.05);
}
.mission-card {border-top: 3px solid var(--blue);}
.vision-card {border-top: 3px solid var(--gold);}
.values-card {border-top: 3px solid var(--blue);}

/* === mission === */
.contact_block{padding:20px 0;border-bottom:1px solid #ddd;}
.contact_block:last-child{border-bottom:0;}
.contact_block i{color:var(--gold);}
.contact_block a{color:var(--black);}
.contact_block a:hover{color:var(--gold);}
.contact_box {
    padding:25px;
    text-align: center;
    background: var(--white);
    border: 2px solid transparent;
    border-radius: 15px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--blue), var(--gold), var(--lblue)) border-box;
    border: 2px solid transparent;
    border-radius: 15px;
    transition: all .3s ease;
}
label {margin-bottom:5px;}


/* === EMI WORK SECTION == */

/* =====================================
   TIMELINE
===================================== */

.emi-timeline {
    position: relative;
    max-width: 900px;
}

/* Connecting line */

.emi-timeline::before {
    content: "";
    position: absolute;
    left: 31px;
    top: 32px;
    bottom: 32px;
    width: 2px;
    background: linear-gradient(
        to bottom,
        var(--blue),
        var(--lblue)
    );
}

.emi-step {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom:25px;
}
.emi-step:last-child {
    margin-bottom: 0;
}
.emi-step-icon {
    position: relative;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid var(--lblue);
    color: var(--gold);
    font-size: clamp(1.5rem, 1.5vw, 1.5rem);
    box-shadow: 0 8px 25px rgba(47,128,237,.12);
    transition: .35s ease;
}
.emi-step:hover .emi-step-icon {
    background: var(--blue);
    color: #ffffff;
    transform: scale(1.08);
}
.emi-step-content {
    flex: 1;
    padding: 4px 25px 15px;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(16,24,40,.04);
    transition: .35s ease;
}
.emi-step-content:hover {
    transform: translateX(6px);
    box-shadow: 0 15px 40px rgba(16,24,40,.08);
    border-color: var(--lblue);
}
.emi-step-content > span {
    display: inline-block;
    margin-top: 18px;
    margin-bottom: 7px;
    color: var(--gold);
    font-size: clamp(1rem, 1vw, 1rem);
    font-weight: 800;
    letter-spacing: 1.5px;
}

.form-control, .form-select, input {padding: .5rem .75rem!important;border-radius:6px!important;border: 1px solid var(--gold);}
.form-control:focus-visible, .form-select:focus-visible, input:focus-visible {outline:0!important;border: 1px solid var(--black)!important;}

.bg-primary{background:#f7f1e8!important;border-radius:8px;padding:12px 15px;}
.emi .bg-primary i{color:var(--gold);}

.alternate_column .row:nth-child(odd) {margin:40px 0;}
.alternate_column .row:nth-child(even) {direction: rtl;text-align:left;margin:40px 0;}
.alternate_column .row:last-child {border-bottom:0;}

.alternate_column .row:nth-child(even).content_box p,
.alternate_column .row:nth-child(even).content_box h2,
.alternate_column .row:nth-child(even).content_box .location-card
{direction: ltr;}

.alternate_column .btn{direction: ltr;}
.alternate_column .row[class*=col-] {direction: ltr;}

.content_box {background:var(--white);border-radius:20px;padding:30px;border-top:3px solid var(--lblue);}
.content_box ol {
    list-style: none;
    padding: 0;
    margin: 30px 0 20px 0;
    counter-reset: item;
    direction: ltr !important;
    text-align: left !important;
}

.content_box ol li {
    counter-increment: item;
    position: relative;

    padding: 0 0 25px 60px;
    margin: 0 0 25px;

    border-bottom: 1px solid #e9edf3;

    direction: ltr !important;
    text-align: left !important;
}

/* Number */
.content_box ol li::before {
    content: counter(item);

    position: absolute;
    left: 0;
    top: 0;

    width: 40px;
    height: 40px;

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

    background: var(--lblue);
    color: #fff;
    border-radius: 50%;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    direction: ltr !important;
}

/* Title */
.content_box ol li strong {
    margin: 0 0 5px;
    padding: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
    color: #1d2635;
    text-align: left !important;
}

/* Description */
.content_box ol li p {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    color: #727b8a;
    text-align: left !important;
    direction: ltr !important;
	display: inline;
}

/* Last item */
.content_box ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}


h4.text-primary a{color: var(--black) !important;font-size: 26px;}
.content_box ul li{
	text-transform:capitalize;
	font-weight:500;
	color:var(--black);
}

.content_box ul li span{
	color:var(--brown);
}
.sticky_div {position: sticky;top: 100px;}

.services h2 strong{
    position: relative;
	background-image: linear-gradient(to right, var(--blue)20% , var(--lblue));
    color: var(--white);
	font-size: clamp(1.3rem, 2vw, 2rem);
    font-weight: 500;
    display: inline-block;
    padding: 10px 10px 8px 10px;
}

.services h2 strong:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px solid var(--lblue);
    border-top: 63px solid transparent;
}

.services_block .list-group-item:hover{background:var(--gold);}
.services_block .list-group-item:hover a{color:var(--white);}
.services_block .list-group-item {padding: 15px;}

.services_block ul{
	background:var(--white);padding:10px;
	border-radius:15px;
	box-shadow: 0px 15px 15px -15px #11111145;    
	display: flex;justify-content: center;
}
.services_block ul li {margin:15px 20px;border-right: 1px solid #aaa;padding: 0 20px 0 0;text-align: center;}
.services_block ul li:last-child {border-right:0;}
.services_block ul li a{font-weight:600;font-size: clamp(.7rem, 1vw, 1rem);}
.services_block ul li img{width:40px; margin:0 auto 5px auto;display: block;}
.services_block ul li:hover a{color:var(--gold);}
.whatsapp {
    background: #25D366;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 130px;
    right: 10px;
    text-align: center;
    z-index: 22;
}
.whatsapp a {
   font-size: clamp(1.2rem, 1.5vw, 1.5rem);
    color: var(--white);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

.process-section {
    background: #f7f9fc;
    overflow: hidden;
}

.process-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--blue);
    margin-bottom: 10px;
}

.process-title {
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    color: #172033;
    margin-bottom: 15px;
}

.process-subtitle {
    max-width: 700px;
    margin: 0 auto;
    color: #70798a;
    line-height: 1.8;
}
.process .process-step {display: flex;}

/* Process Wrapper */

.process-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 60px;
	gap: 15px;
}


/* Step */

.process-step {
    position: relative;

}


/* Card */

.step-card {
    position: relative;
    width: 100%;
    min-height: 290px;
    padding: 35px 25px 30px;
    background: #fff;
    border: 1px solid #e8ebf2;
    border-radius: 20px;
    text-align: center;
    transition: all .35s ease;
    z-index: 2;
}

.step-card:hover {
    transform: translateY(-10px);
    border-color: var(--blue);
    box-shadow: 0 20px 50px rgba(31, 39, 58, .12);
}


/* Number */

.step-number {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: clamp(1rem, 1.4vw, 1.4rem);
    font-weight: 600;
    color: #d7dadf;
}


/* Icon */

.step-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 22px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3efdc;
    color: var(--gold);
    font-size: 25px;
    transition: all .35s ease;
}

.step-card:hover .step-icon {
    background: var(--blue);
    color: #fff;
    transform: rotate(-5deg) scale(1.05);
}


/* Heading */

.step-card h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1b2435;
    line-height: 1.4;
    margin-bottom: 12px;
}


/* Text */

.step-card p {
    font-size: 13px;
    line-height: 1.7;
    color: #788192;
    margin: 0;
}


/* Arrow */

.step-arrow {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e1e5ec;
    color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -22px;
    z-index: 5;
    box-shadow: 0 8px 20px rgba(0,0,0,.06);
    transition: all .3s ease;
	    top: 45%;
    position: relative;
}

.process-step:hover .step-arrow {
    background: var(--gold);
    color: #fff;
    transform: translateX(5px);
}


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

@media (max-width: 1199px) {

    .process-wrapper {
        flex-wrap: wrap;
        gap: 25px;
    }

    .process-step {
        flex: 0 0 calc(33.333% - 17px);
    }

    .step-arrow {
        display: none;
    }

}


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

@media (max-width: 767px) {

    .process-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .process-wrapper {
        margin-top: 40px;
        gap: 20px;
    }

    .process-step {
        flex: 0 0 100%;
    }

    .step-card {
        min-height: auto;
        padding: 35px 25px;
    }

}
/* === PROCESS SECTION === */

#emi-calculator-form .bg-primary {background:var(--gold)!important;border-radius: 8px 0 0 8px;}
#emi-calculator-form .bg-primary i{color:var(--white)!important;}
#emi-calculator-form button {font-size: clamp(1rem, 1.1vw, 1.1rem);padding:clamp(1rem, 1.1vw, 1.1rem);}
#emi-calculator-form input {border-radius:0 8px 8px 0!important;}

.cms-wrap h4 strong{
    font-family: "Inter", sans-serif;
	color: var(--lblue);
	font-size: clamp(1.2rem, 1.5vw, 1.5rem);
    font-weight: 600;
}
.cms-wrap h4{margin:25px 0 10px 0;}
.cms-wrap h1{margin-bottom:25px;}