/*
Theme Name: Create
Theme URI: https://aapolix.com
Author: Rajkumar Dan
Description: A modern, ultra-lightweight, AI-ready WordPress theme optimized for performance and SEO.
Version: 1.0
License: GPLv2 or later
Text Domain: create
*/

/*=============================*/
/*IMPORT*/
/*=============================*/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Oswald:wght@200&display=swap);

/*=============================*/
/*ROOT DEFAULT (LIGHT)*/
/*=============================*/
:root{
--surface-bg:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
--surface-bg-solid:#ffffff;
--surface-text-black:#111111;
--surface-text:#0f172a;
--surface-border:rgba(15,23,42,0.08);
--surface-darken-strength:0.12;
--shadow-xs:0 1px 1px rgba(15,23,42,0.04);
--shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 6px 14px rgba(15,23,42,0.08);
--shadow-md:0 4px 8px rgba(15,23,42,0.08),0 12px 24px rgba(15,23,42,0.12);
}

/*=============================*/
/*WHITE*/
/*=============================*/
[data-surface="White"]{
--surface-bg:linear-gradient(180deg,#ffffff 0%,#ffffff 100%);
--surface-bg-solid:#F3F4F6;
--surface-text-black:#111111;
--surface-text:#0f172a;
--surface-border:rgba(15,23,42,0.08);
--surface-darken-strength:0.12;
--shadow-xs:0 1px 1px rgba(15,23,42,0.04);
--shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 6px 14px rgba(15,23,42,0.08);
--shadow-md:0 4px 8px rgba(15,23,42,0.08),0 12px 24px rgba(15,23,42,0.12);
}

/*=============================*/
/*BLACK*/
/*=============================*/
[data-surface="Black"]{
--surface-bg:linear-gradient(180deg,#0f172a 0%,#020617 100%);
--surface-bg-solid:#0f172a;
--surface-text:#f1f5f9;
--surface-border:rgba(255,255,255,0.06);
--surface-darken-strength:0.06;
--surface-darken-strength2:0.03;
--shadow-xs:0 1px 1px rgba(0,0,0,0.4);
--shadow-sm:0 4px 12px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04);
--shadow-md:0 10px 30px rgba(0,0,0,0.75),0 0 0 1px rgba(255,255,255,0.06);
}

/*=============================*/
/*LIGHT GREY*/
/*=============================*/
[data-surface="Light-Grey"]{
--surface-bg:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5 100%);
--surface-bg-solid:#f5f5f5;
--surface-text:#454545;
--surface-border:rgba(0,0,0,0.06);
--shadow-xs:0 1px 1px rgba(0,0,0,0.04);
--shadow-sm:0 4px 12px rgba(0,0,0,0.06);
--shadow-md:0 10px 30px rgba(0,0,0,0.08);
}

/*=============================*/
/*ROYAL BLUE*/
/*=============================*/
[data-surface="Royal-Blue"]{
--surface-bg:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);
--surface-text:#ffffff;
--surface-border:rgba(255,255,255,0.18);
--surface-bg-solid:#1e3a8a;
--shadow-sm:0 6px 18px rgba(30,58,138,0.35);
--shadow-md:0 14px 40px rgba(30,58,138,0.45);
}

/*=============================*/
/*INDIGO DEEP*/
/*=============================*/
[data-surface="Indigo-Deep"]{
--surface-bg:linear-gradient(135deg,#4338ca 0%,#1e1b4b 100%);
--surface-text:#ffffff;
--surface-border:rgba(255,255,255,0.16);
--surface-bg-solid:#4338ca;
--shadow-sm:0 6px 18px rgba(67,56,202,0.35);
--shadow-md:0 14px 40px rgba(67,56,202,0.45);
}

/*=============================*/
/*TEAL DEEP*/
/*=============================*/
[data-surface="Teal-Deep"]{
--surface-bg:linear-gradient(135deg,#0f766e 0%,#083344 100%);
--surface-text:#ffffff;
--surface-border:rgba(255,255,255,0.18);
--surface-bg-solid:#0f766e;
--shadow-sm:0 6px 18px rgba(15,118,110,0.35);
--shadow-md:0 14px 40px rgba(15,118,110,0.45);
}

/*=============================*/
/*PEARL FROST*/
/*=============================*/
[data-surface="Pearl-Frost"]{
--surface-bg:linear-gradient(180deg,#f9fafb 0%,#edf2f7 100%);
--surface-bg-solid:#f9fafb;
--surface-text:#1a202c;
--surface-border:rgba(26,32,44,0.08);
--shadow-xs:0 1px 2px rgba(0,0,0,0.03);
--shadow-sm:0 4px 12px rgba(0,0,0,0.06);
--shadow-md:0 10px 30px rgba(0,0,0,0.10);
}

/*=============================*/
/*OBSIDIAN MIST*/
/*=============================*/
[data-surface="Obsidian-Mist"]{
--surface-bg:linear-gradient(180deg,#14181f 0%,#0c0f16 100%);
--surface-bg-solid:#0d1119;
--surface-text:#e9ecef;
--surface-border:rgba(233,236,239,0.08);
--surface-darken-strength:0.06;
--shadow-xs:0 1px 2px rgba(0,0,0,0.35);
--shadow-sm:0 4px 14px rgba(0,0,0,0.6);
--shadow-md:0 12px 34px rgba(0,0,0,0.75);
}

/*=============================*/
/*CHAMPAGNE BLUSH*/
/*=============================*/
[data-surface="Champagne-Blush"]{
--surface-bg:linear-gradient(135deg,#f7f5f2 0%,#efe8e1 100%);
--surface-bg-solid:#f7f5f2;
--surface-text:#2a2a2a;
--surface-border:rgba(42,42,42,0.07);
--shadow-xs:0 1px 2px rgba(0,0,0,0.03);
--shadow-sm:0 4px 12px rgba(0,0,0,0.05),0 8px 24px rgba(0,0,0,0.04);
--shadow-md:0 12px 36px rgba(0,0,0,0.08);
}

/*=============================*/
/*GLOBAL RESET*/
/*=============================*/
*,*::before,*::after{box-sizing:border-box;}
*{transition:background 0.3s ease,box-shadow 0.3s ease,border 0.3s ease;}
html{overflow-x:clip;}
p {
    margin-top: 0;
line-height:25px;
}
a{color:var(--surface-text); text-decoration: none;}


/*=============================*/
/*GLOBAL ELEMENT STYLES*/
/*=============================*/
body,html{font-family:Montserrat,sans-serif;}
body{
margin:0;
padding:0;
font-weight:400;
font-size: 14px;
line-height:1.7;
background:var(--surface-bg);
color:var(--surface-text);
}
p{color:var(--surface-text);}
.text-muted{
--bs-text-opacity:1;
color:var(--surface-text)!important;
}



/*=============================*/
/*NAVBAR*/
/*=============================*/
.navbar-brand  {margin-right: 0px !important;}
/* Ensure logo link does not stretch */
.custom-logo-link {
    display: inline-block; /* prevents full-width */
    max-width: 100%;       /* responsive */
}

/* Logo image sizing */
.custom-logo {
    display: block;        /* remove inline spacing */
    max-height: 50px;      /* adjust height */
    width: auto;           /* maintain aspect ratio */
}

/* Navbar alignment for mobile first */
.navbar .container-fluid {
    display: flex;
    justify-content: space-between; /* LOGO left, toggler right */
    align-items: center;
}

/* Optional: adjust navbar toggler spacing */
.navbar-toggler {
    margin-left: auto;
}
.navbar{
background:var(--surface-bg);
color:var(--surface-text);
box-shadow:var(--shadow-sm);
border-bottom:1px solid var(--surface-border);
}

/*Top-level links*/
.navbar-nav .nav-link{
color:var(--surface-text);
font-weight:500;
font-size:0.81rem;
padding:0.7rem;
background:transparent;
transition:color 0.2s ease;
text-transform:uppercase;
}
.navbar-nav .nav-link:hover{color:var(--surface-text);}
.navbar-nav .nav-link.show{color:var(--surface-text);}

/*Dropdown*/
.dropdown-menu{
position:absolute;
z-index:1000;
min-width:220px;
margin:0;
padding:0;
background:var(--surface-bg);
color:var(--surface-text);
border:none;
border-radius:0;
box-shadow:var(--shadow-sm);
}
.dropdown-item{
padding:0.6rem 1rem;
font-weight:500;
font-size:0.81rem;
text-transform:uppercase;
color:var(--surface-text);
background:var(--surface-bg-solid);
border:0;
border-bottom:1px solid var(--surface-border);
transition:background-color 0.2s ease,color 0.2s ease;
}
.dropdown-item:hover,
.dropdown-item:focus{
background:var(--surface-bg);
color:var(--surface-text);
}
.dropdown-item.active{
background:transparent;
color:var(--surface-text);
font-weight:500;
}
.dropdown-item+.dropdown-item{border-top:1px solid var(--surface-border);}

/* ===============================
Custom 3-Line Hamburger Toggler
=============================== */
.navbar-toggler{
    width: 1.5em;
    height: 1em;
    position: relative;
    border: none;
    background: transparent; /* keep toggler transparent */
    padding: 0;
}

.navbar-toggler span,
.navbar-toggler::before,
.navbar-toggler::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--surface-text); /* fallback black */
    transition: all 0.3s ease;
}

/* Top line */
.navbar-toggler::before{
    top: 0;
}

/* Middle line */
.navbar-toggler span{
    top: 50%;
    transform: translateY(-50%);
}

/* Bottom line */
.navbar-toggler::after{
    bottom: 0;
}

/* Search form */
.navbar .d-flex {
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.navbar .form-control {
  width: 100%;
  padding: 8px 12px;
  border-radius: 5px;
  border: 1px solid var(--surface-border);
  font-size: 14px;
}

.navbar .btn {
  border-radius: 5px;
  padding: 8px 12px;
  background:var(--surface-bg);
  color:var(--surface-text);
  border: 1px solid #ccc;
  font-weight: 600;
}

.navbar .btn:hover {
  background:var(--surface-bg-solid);
}


/* ===== Breadcrumb Mobile First ===== */
.seo-breadcrumb {
    font-size: 12px;
    margin: 25px 0px 10px 0px;	
}
.seo-breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.seo-breadcrumb li {
    display: flex;
    align-items: center;
    color:var(--surface-text);
}
.seo-breadcrumb li a {
    text-decoration: none;
    color:var(--surface-text);
}
.seo-breadcrumb li a:hover {
    text-decoration: none;
}
.seo-breadcrumb li::after {
    content: "›";
    margin: 0 8px;
    color:var(--surface-text);
}
.seo-breadcrumb li:last-child::after {
    content: "";
}
.seo-breadcrumb .active {
    color:var(--surface-text);
    font-weight: 500;
}
/* ===============================
   POST CONTENT
================================= */

h2 {
  scroll-margin-top: 100px;
}
.post-content {  
    line-height: 1.7;
    font-size: 14px;
    color:var(--surface-text);
    margin-bottom: 40px;
}
/* Paragraphs */
.post-content p {

}
/* Headings */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    line-height: 1.3;
    margin-top: 1.1em;
    margin-bottom: 0.8em;
    font-weight: 600;
}
.post-content h1 { font-size: 28px; }
.post-content h2 { font-size: 24px; }
.post-content h3 { font-size: 20px; }
.post-content h4 { font-size: 18px; }
.post-content h2 {
}
/* Links */
.post-content a {
    text-decoration: none;
}
.post-content a:hover {
    text-decoration: none;
}
/* Lists */
.post-content ul,
.post-content ol {
    margin-bottom: 1.2em;
    padding-left: 20px;
}
.post-content li {
    margin-bottom: 0.2em;
	margin-left: 0.7em;
}
/* Images */
.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 15px 0;
}
/* Image alignment */
.post-content .aligncenter {
    display: block;
    margin: 20px auto;
}
.post-content .alignleft {
    float: left;
    margin: 10px 20px 10px 0;
}
.post-content .alignright {
    float: right;
    margin: 10px 0 10px 20px;
}
/* Blockquote */
.post-content blockquote {
    border-left: 4px solid var(--surface-border);
    padding-left: 15px;
    margin: 20px 0;
    font-style: italic;
    background:var(--surface-bg);
    padding: 15px 20px;
    border-radius: 6px;
}
/* Tables */
.post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    overflow-x: auto;
    display: block;
}
.post-content table th,
.post-content table td {
    border: 1px solid var(--surface-border);
    padding: 10px;
    text-align: left;
}
.post-content table th {
    background:var(--surface-bg-solid);
    font-weight: 600;
}
.post-content pre {
    background:var(--surface-bg);
    color:var(--surface-text);
    padding: 15px;
    overflow-x: auto;
    border-radius: 6px;
    margin: 20px 0;
}
.post-content code {
    background:var(--surface-bg);
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 14px;
}
/* Horizontal line */
.post-content hr {
    margin: 30px 0;
    border: none;
    border-top: 1px solid var(--surface-border);
}
.cat-card{
border:none;
overflow:hidden;
transition:.3s;
}
.img-wrap{
overflow:hidden;
display:block;
}
.img-wrap img{
width:100%;
height:200px;
object-fit:cover;
transition:transform .4s ease;
}
.cat-card:hover img{
transform:scale(1.12);
}
.cat-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 25px rgba(0,0,0,0.15);
}
/* ==============================
   Pagination
============================== */
/* Mobile First Pagination */
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
    padding-left: 0;
    list-style: none;
    margin-top: 25px;
}
.page-item {
    display: inline-block;
}
.page-link {
    display: block;
    padding: 2px 6px;
    font-size: 12px;
    color:var(--surface-text);
    background:var(--surface-bg);
    border: 1px solid var(--surface-border);
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}
/* Hover */
.page-link:hover {
    background:var(--surface-bg);
    color:var(--surface-text);
    border-color: var(--surface-border);
}
/* Current Page */
.page-item .current {
    background:var(--surface-bg-solid);
    color:var(--surface-text);
    border-color: var(--surface-border);
}
/* Disabled */
.page-item .disabled {
    opacity: 0.5;
    pointer-events: none;
}
/*=============================*/
/*Plugins Start*/
/*=============================*/
/* =========================
YGE BLOG
========================= */
#yge-blog-container{
display:flex;
flex-direction:column;
gap:30px;
}
/* =========================
CARDS
========================= */
.yge-card{
position:relative;
display:block;
width:100%;
overflow:hidden;
border-radius:10px;
text-decoration:none;
color:#fff;
background:#000;
}
.yge-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .6s ease;
}
/* hover zoom */
.yge-card:hover img{
transform:scale(1.08);
}
/* overlay */
.yge-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:14px;
background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.5),transparent);
}
/* badge */
.yge-badge{
font-size:11px;
padding:4px 8px;
border-radius:4px;
display:inline-block;
margin-bottom:6px;
background:#ff6f61;
font-weight:600;
}
/* titles */
.yge-overlay h3,
.yge-overlay h6{
margin:0;
line-height:1.3;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
/* =========================
FIRST BLOCK RESPONSIVE
========================= */
.yge-first-block{
  display: grid;
  grid-template-columns: 1fr; /* mobile: stacked */
  gap: 12px;
}

.yge-left img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Right side grid */
.yge-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 150px; /* mobile default height */
  gap: 10px;
}

.yge-small {
  height: 100%; /* fill each grid cell */
}

/* =========================
SECOND BLOCK
========================= */
.yge-second-block{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin: 10px;
}
.yge-grid{
height:200px;
}
/* =========================
LOAD BUTTON
========================= */
#yge-load-more{
margin-top:30px;
border-radius:30px;
padding:10px 26px;
font-weight:600;
}
/* =========================
SKELETON LOADER
========================= */
.yge-skeleton{
background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);
background-size:400% 100%;
animation:yge-loading 1.4s ease infinite;
border-radius:10px;
height:200px;
}
@keyframes yge-loading{
0%{background-position:100% 50%}
100%{background-position:0 50%}
}

/*=============================*/
/*YGE Service Button*/
/*=============================*/
.yge-service-floating{
position:fixed;
bottom:0;
left:0;
right:0;
display:flex;
gap:6px;
padding:8px;
justify-content:center;
background:var(--surface-bg,#fff);
box-shadow:0 -2px 10px rgba(0,0,0,.08);
z-index:9999;
}

/* buttons */

.yge-service-btn{
flex:1;
display:block;
text-align:center;

font-size:10px;
font-weight:500;
text-decoration:none;
border-radius:6px;
padding:8px 6px 8px 6px;
background:var(--surface-bg-solid,#fff);
color:var(--surface-text,#000);
border:1px solid var(--surface-border,#ddd);
writing-mode:horizontal-tb;
    text-orientation:mixed;
    text-transform:uppercase;

transition:all .25s ease;
}

.yge-service-btn:hover{
background:#000;
color:#fff;
}

/* ==============================
   Enquiry Button
============================== */
#yge-enquiry-btn{
    position:fixed;
    left:0;
    top:50%;
    font-weight:700;
    transform:translateY(-50%);
    border-radius:0px 10px 10px 0px;
    color:var(--surface-text-black);
    padding:12px 10px 12px 10px;
    border:1px solid var(--surface-border) !important;
    cursor:pointer;
    z-index:9999;
    box-shadow:var(--shadow-sm);
    writing-mode:vertical-rl;
    text-orientation:mixed;
    text-transform:uppercase;
}
#yge-enquiry-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.7);
    z-index:99999;
}
.yge-popup-content{
    background:var(--surface-bg);
	color:var(--surface-text);
    width:400px;
    padding:20px;
    border-radius:10px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
	box-shadow:var(--shadow-sm);
	border:1px solid var(--surface-border) !important;
}
#yge-close{cursor:pointer;float:right;font-size:20px;}
.yge-popup-content input,
.yge-popup-content textarea{
    width:100%;
    margin-bottom:10px;
    padding:8px;
}
/* ==============================
ARCHIVE 
============================== */
.yge-archive-header{
max-width:850px;
margin:auto;
margin-bottom:60px;
}
.yge-archive-title{
font-size:40px;
font-weight:800;
margin-bottom:10px;
letter-spacing:-0.5px;
}
.yge-archive-desc{
color:#666;
font-size:17px;
line-height:1.6;
}
/* ==============================
CARD DESIGN
============================== */
.yge-card{
position:relative;
display:block;
overflow:hidden;
border-radius:14px;
background:#000;
}
.yge-card img{
width:100%;
height:230px;
object-fit:cover;
transition:transform .5s ease;
}
.yge-card:hover img{
transform:scale(1.1);
}
/* Overlay */
.yge-overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:18px;
background:linear-gradient(transparent,rgba(0,0,0,0.85));
color:#fff;
}
/* Title */
.yge-card-title{
font-size:17px;
font-weight:600;
line-height:1.4;
margin-top:6px;
}
/* Category Badge */
.yge-badge{
display:inline-block;
font-size:12px;
background:#ff3b3b;
padding:3px 8px;
border-radius:4px;
font-weight:600;
}
/* Load Button */
.yge-load-btn{
background:#000;
color:#fff;
border:none;
padding:12px 28px;
font-weight:600;
border-radius:6px;
transition:.3s;
}
.yge-load-btn:hover{
background:#333;
}
/* Responsive */
/*=============================*/
/*yge-property-simple*/
/*=============================*/
.hero-image {
    position: relative;
    height: 315px;              /* Fixed height for consistency */
    border-radius: 12px;
    overflow: hidden;
}
/* Make image fill container properly */
.hero-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Premium gradient for visibility */
.hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.5) 50%,
        rgba(0,0,0,0.1) 80%
    );
    z-index: 1;
}
/* Overlay content */
.hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: flex;
    align-items: flex-end;   /* Bottom align */
    padding: 25px;
    color:var(--surface-text);
}
/* Text improvements */
.hero-overlay h2 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.text-small {
    font-size: 12px;
}
.hero-overlay h2,
.hero-overlay .text-small {
    text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
/* Property Info Box */
.property-info-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid var(--surface-border);
    height: 100%;
    transition: all 0.3s ease;
}
/* Hover effect */
.property-info-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
/* Label */
.property-info-box .info-label {
    font-size: 13px;
    font-weight: 600;
    color:var(--surface-text);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 8px;
}
/* Value */
.property-info-box .info-value {
    font-size: 16px;
    font-weight: 600;
    color:var(--surface-text);
    margin: 0;
}
/* Section Title */
.property-details-title h2 {
    font-weight: 700;
}

.property-card {
    position: relative;
    height: 320px;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: all 0.3s ease;
}
.property-card:hover {
    transform: translateY(-5px);
}
.property-card-overlay {
    width: 100%;
    padding: 20px;
    background:var(--surface-bg);
    color:var(--surface-text);
}
.property-price {
    position: absolute;
    top: 15px;
    right: 15px;
    background:var(--surface-bg);
    color:var(--surface-text);
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
}
.small {color:#ffffff;}
/*=============================*/
/*Custom Shorts Wrapper*/
/*=============================*/
.shorts-wrapper {
    position: relative;
    width: 100%;
    padding-top: 177%; /* 9:16 aspect ratio */
    overflow: hidden;
    border-radius: 10px;
}
.shorts-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*=============================*/
/*Plugins End*/
/*=============================*/

/* ==============================
   Footer Base (Mobile First)
============================== */
.footer-bg {
    background:
        linear-gradient(
            rgba(0, 0, 0, var(--surface-darken-strength)),
            rgba(0, 0, 0, var(--surface-darken-strength))
        ),
        var(--surface-bg-solid);
    color: var(--surface-text);
	border-top:1px solid var(--surface-border);
}
/* Headings */
.footer-bg h5 {
    font-weight: 600;
	font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
/* Footer Navigation Links */
.footer-nav .nav-link {
    color: var(--surface-text);
    padding: 4px 0;
    text-decoration: none;
    transition: all 0.3s ease;
}
.footer-nav .nav-link:hover {
    color:var(--surface-text);
    padding-left: 5px;
}
/* Bottom Footer */
.footer-bottom {
    font-size: 15px;
}
.footer-bottom p {
    color: var(--surface-text);
    margin-bottom: 0;
}
/* Social Icons */
.social-icons a {
    color: var(--surface-text);
    font-size: 18px;
    text-decoration: none;
    transition: 0.3s ease;
}
.social-icons a:hover {
    color: var(--surface-text);
    transform: translateY(-2px);
}
.border-top {
    border-top:1px solid var(--surface-border) !important;
}

@media (min-width: 768px) {
	.navbar-brand img{
        max-height:50px;
    }
	/* Search inline */
  .navbar .d-flex {
    flex-direction: row;
    width: auto;
    
    margin-top: 0;
  }

  .navbar .form-control {
    width: 180px;
  }

  .navbar .btn {
   
  }
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
.page-link {
        padding: 10px 16px;
        font-size: 15px;
    }
.pagination {
   gap: 8px;
}
.yge-card img{
height:180px;
}
.yge-service-floating{
top:50%;
right:0;
left:auto;
bottom:auto;
transform:translateY(-50%);
flex-direction:column;
background:transparent;
box-shadow:none;
padding:0;
gap:8px;
}

.yge-service-btn{
flex:none;
padding:10px 6px;
font-size:10px;
font-weight: 500;
border-radius:0px 10px 10px 0px;
writing-mode:vertical-rl;
text-orientation:mixed;
transform:rotate(180deg);
white-space:nowrap;
}

}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
.yge-first-block{
    grid-template-columns: 4fr 2fr; /* left big, right 2x2 grid */
    gap: 20px;
  }

  /* Make left image fill full height of the right grid */
  .yge-left {
    display: grid;
  }

  .yge-left img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills container while keeping aspect ratio */
  }

  .yge-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr; /* 2 rows, auto equal height */
    gap: 10px;
  }

  .yge-small {
    height: 100%; /* each small card fills grid cell */
  }
}


@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {

  }
  .page-link {
        padding: 12px 18px;
        font-size: 16px;
    }

    .pagination {
        margin-top: 35px;
    }

}