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

body{font-family:"Roboto", sans-serif; font-size:14px; line-height:24px; overflow-x:hidden;}

a{text-decoration:none;}

.subm-btt, .clk-bttn{transition:all 0.5s ease;}

:root {
--primary-color:#1E5394;
--secondary-color:#0591ee;
--white: #fff;
--black:#000;
--e:#f39c12;
--hr:#ccc;
--blog:#e9e8e8e5;
}

/* Smooth Transition for Hover & Focus Effects */

/* Gradient Backgrounds */
.grnd-bg {
background: linear-gradient(90deg, rgba(248,229,212,1) 0%, rgba(254,209,212,1) 50%, rgba(209,213,248,1) 100%);
}

.pnk-blu {
background: linear-gradient(90deg, rgba(254,217,209,1) 0%, rgba(245,235,243,1) 24%, rgba(225,219,253,1) 100%);
}

.header {
background: var(--black);
color: var(--white);
padding: 10px 0;
}
.header a {
color: var(--white);
text-decoration: none;
}

.header a:hover {
text-decoration: underline;
background: var(--black)
}

.google-play img {
width: 120px;
}

.logo {
background: url(../png/logo-2.png) no-repeat left;
display: block;
width: 100%;
height: 50px;
background-size: contain;
}


.icons{
font-size: 16px;
}


/* navbar */
.navbar {
background-color: var(--primary-color);
padding: 10px 0px;
}

.navbar .container {
padding: 0px 5px !important; /* Removes padding from left and right */
}

.nav-link.active, .nav-link:focus{
color: var(--secondary-color) !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

.nav-link {
color: var(--white) !important;
position: relative;
}

/* Icon sparkle*/
.nav-premium .nav-link::before {
content: "\F589"; /* Bootstrap 'star-fill' icon */
font-family: "bootstrap-icons";
position: absolute;
top: -20px; /* Adjust vertical position */
left: 40%;  /* Center horizontally */
transform: translateX(-50%);
font-size: 18px;
color: var(--white);
opacity: 1;
transition: transform 0.9s ease-in-out, color 0.3s ease-in-out;
padding: 10px;
}

.custom-login-btn {
font-size: 14px;
border: 1px solid var(--white);
color: var(--white);
border-radius: 35px;
padding: 1px 20px;
}

.custom-login-btn:hover,
.custom-login-btn:focus,
.custom-login-btn:active,
.custom-login-btn:focus-visible {
font-size: 14px;
border: 1px solid var(--white);
color: var(--white);
border-radius: 35px;
padding: 1px 20px;
}




.offcanvas {
width: 80%;
background-color: var(--primary-color);
}   


.h2 {
font-weight: 500;
font-size:20px;
color: var(--white);
}


/* search seaction */
.search-section {
background-color: var(--secondary-color);
padding: 20px;
text-align:start;
}

.search-section  .form-control {
border: none;
border-radius: 20px;
}


.search-section .form-control::placeholder {
color: rgba(0, 0, 0, 0.9);
}

.h4 {
font-size: 36px;
color:  var(--primary-color);   
font-weight: bold;
margin-bottom: 10px;
text-align: start;
}

/* ✅ Category Tabs */
.category-tabs {
display: flex;
gap: 15px;
margin-bottom: 10px;
}

.category-tabs a {
text-decoration: none;
color: var(--white);
font-weight: normal;
padding-bottom: 5px;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}

.category-tabs a.active,
.category-tabs a:hover {
border-bottom: 2px solid var(--white);
}

/* ✅ Search Bar Styling */
.search-bar {
display: flex;
gap: 10px;
width:100%;
max-width:100%;
flex-wrap:nowrap;
}

.search-input {
position: relative;
width:100%;
max-width:auto;
}

.search-input input,
.search-input select {
padding: 10px 35px;
border-radius: 20px;
border: none;
outline: none;
width: 100%;
max-width: auto;
}

.search-input i {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: var(--secondary-color);
}

.search-btn {
background-color: var(--primary-color);
color: var(--white);
width: 100%;
max-width: auto;
font-weight: bold;
border-radius: 20px;
padding: 10px 15px;
border: none;
cursor: pointer;
transition: 0.3sease;
font-size: 14px;
}

.search-btn:hover {
background-color: var(--primary-color);
color:var(--white);
}
.btn-light {font-size: 14px!important;padding: 10px 15px!important;}
.headings{
color:var(--primary-color);
font-size: 45px;
font-weight: bold;
}

.abt-section {
padding: 20px 20px;
}

.color {
color: var(--e);
}

.value-list {
list-style: none;
padding-left: 0;
}

.value-list li {
margin-bottom: 10px;
padding-left: 22px; 
text-indent:0px; 
position: relative;
}

.value-list li::before {
content: "■";
color: var(--e);
position: absolute;
left: 0;
top: 0px;
}

.images-section img {
width: 100%;
max-width: auto;
padding:0 30px;
}

.benefit {
background: url(../jpg/benefitbg.jpg) no-repeat center/cover;
text-align: center;
color: var(--white);
}

.benefit-box {
text-align: center;
padding: 10px;
}

.benefitimg {
height: 110px;
}

.benefit-text{font-size:16px; line-height:21px; padding-top:10px; font-weight:500;}

img.iconimg {
max-height: 100px;
width: auto;
}

/* Property Name */
.h5 {
font-weight: bold;
color: var(--primary-color);
}

.text-properties {
font-weight: bold;
font-size: 14px;
color: var(--primary-color);
margin-bottom: 0; /* Removes extra margin */
}

.vertical-divider {
width: 1px;
height: 80px;
background-color: var(--hr);
margin: auto;
}

.property-item {
text-align: center;
}

.iconimg {
height:50px;
width: 80px;
margin-bottom: 10px;
}

.row.justify-content-center {
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: center;
}

/* .auction-section{
margin:auto;
min-width: 1140px;
}

.auction-box {
display: flex;
align-items: center;
justify-content: center;
height: 250px;
color: var(--white);
font-size: 24px;
text-align: center;
}

.blue-bg {
background-color: var(--primary-color);
height: auto;
}

.auction-img {
width: 100%;
height: 100%;
object-fit: cover;
} */

.auction-section {
margin: auto;/* Optional: control max container width */
width: 100vw;
}

.auction-img {
height:170px;
width: 100%;
object-fit: cover; vertical-align:top;
}

.blue-bg {
background-color: var(--primary-color); /* Use your desired color */
}

.auction-box {
height:170px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 24px;
text-align: center;
}

/* Blog Section */
.blog-section {
text-align:center;
position:relative;
/*padding:40px 20px;*/ padding-top:0 !important;
}

.blog-card {
background-color:var(--blog);
text-align: left;
height: auto;
width: auto;
position: relative;
overflow: hidden; /* Prevents overflow issues */
}

.blog-card img {
width: 100%; /* Ensures it covers the full width */
height: auto;
object-fit: cover; /* Crops and fills the image properly */
display: block;
transition: transform 0.3s ease-in-out;
}

.blog-content{padding:15px 18px;}
.blog-content h5{font-size:18px; line-height:24px; min-height:75px;}

.blog-text{margin-top:10px; line-height:20px;}

.blog-section .more-btn, .pssd-btt {
background: var(--secondary-color);
color: var(--white);
border-radius: 20px;
padding:7px 30px;
font-weight: bold;
border: none;
text-decoration: none;
display: inline-block;
}

.blog-section .more-btn:hover {
background: var(--secondary-color);
color: var(--white);
}

.read-more{/*position:absolute; bottom:30px; left:30px;*/ font-weight:bold; color:var(--black); text-decoration:none; display:flex; align-items:center; gap:5px; font-size:16px;}

.read-more::after {
content: "→"; /* Arrow */
font-size: 18px;
transition: transform 0.3s ease-in-out;
}

/* Hover Effect */
.read-more:hover::after {
transform: translateX(5px); /* Moves the arrow slightly to the right */
}

.footer-section {
background: url(../png/footerbg.png) no-repeat center;
color: var(--white);
height:auto;
position: relative;
padding:30px 0;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}

.footer-title img {
width: 180px;
display: inline;
}

.footer-description {
font-size: 14px;
margin-bottom: 15px;
}

.footer-links {
line-height: 30px;
list-style: none; /* Removes default bullets */
padding-left: 0;
}


.footer-links li {
position: relative;
padding-left: 15px; /* Creates space for the custom bullet */
}

.footer-links li::before {
content: ""; 
position: absolute;
left: 0;
top: 50%;
width: 10px;  /* Length of the line */
height: 2px;  /* Thickness of the line */
background-color: var(--white); /* Bullet color */
transform: translateY(-50%);
}

.footer-links li a {
color: var(--white);
text-decoration: none;
font-size: 14px;
}

.footer-links li a:hover {
text-decoration: underline;
}

.footer-section .form-control {
background:transparent !important;
border:1px solid var(--white);
color: var(--white);
border-radius: 0px;
}

.form-control::placeholder {
color: rgba(255, 255, 255, 0.7);
}

.btn-primary {
background: var(--secondary-color);
color: var(--white);
font-weight: bold;
border-radius: 0px;
padding:8px 25px;
border: none;
cursor: pointer;
transition: 0.3s ease;
}

.btn-primary:hover {
background-color: var(--secondary-color);
}

.footermarge {
display: flex;
}

.footer-icon {
border: 2px solid var(--white);
border-radius: 50%;
font-size: 14px;
padding: 6px; /* Adjusted padding for better balance */
display: flex;
}

.footeri {
height: 30px;
width: 30px;
object-fit: contain;
}

.footergap {
margin-top: 20px !important;
display: flex;
align-items: flex-end;
}

.footer-section hr {
border: none;             
height: 2px;     
/* position: absolute;
bottom:10%; */
background:var(--white);     
width: 100%; 
max-width:100%; 
opacity:1; 
align-items: center;
margin:auto; 
}

.visitor-count {
background:var(--black);
display: inline-block;
text-align: start;
padding: 5px 10px;
border-radius: 5px;
}

.footer-section a {
color: var(--white);
margin-right: 10px;
font-size: 18px;
}

.footer-section a:hover {
color: var(--secondary-color);
}

textarea {
height: 150px; /* Adjust as needed */
}

.footer-list {
list-style: none;
padding-left: 0;
}

.footer-list li {
margin-bottom: 10px;
padding-left: 0; /* Remove left padding */
text-indent: 0px;
position: relative;
display: flex;
align-items: center;
}

.footer-list li::before {
content: none; /* Remove the bullet */
}

.footer-list li i {
margin-right: 8px; /* Space between icon and text */
}

.faq-section {
background-color:var(--primary-color);
color: var(--white);
padding:30px 40px;
position: relative; /* Ensures button positioning works */
}

/* about us page */
img.abtus {
width:100%;
height:auto;
}

img.abtusicon {
width:55px;
height:56px;
justify-content: center;
align-items: center;
}

/* .benefit-card {
background-color:var(--primary-color);
color: var(--white);
border-radius: 30px;
text-align: center;
padding: 20px;
height: 100%;
}

.benefit-card img {
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: 150px;
object-fit: cover;
} */

.benefit-card {
position: relative;
text-align: center;
color: white;
border-radius: 10px;
overflow: hidden;
}

/* Image Styling */
.benefit-img {
width: 100%;
height: auto;
padding: 10px;
display: block;
}

/* Text Overlay */
.benefit-text1 {
position: absolute;
top: 10%;
font-weight: bold;
left: 50%;
transform: translateX(-50%);
width: 92%;
text-align: center;
padding: 10px;
font-size:17px;
line-height:21px;
}

.benefit-section {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-top: 20px;
}

.certifcates{
width: 95%;
height: auto;
margin: auto;
padding:10px;
display: block;
}

.contact-section {
background: url("../png/contact-bg.png") no-repeat center;
padding:40px;
border-radius:25px;
text-align: center;
position: relative;
background-size: cover; /* Keeps the full image visible */
background-color: var(--black); /* Fallback color for empty spaces */
}

/* Input Styling */
.contact-section .form-control {
border-radius: 0px;
width: 100%;
padding:5px 12px;
font-size: 16px;
border: 1px solid var(--hr);
}

.contact-section .form-control::placeholder {
color: rgba(72, 71, 71, 0.7);
}

/* Button Styling */
.contact-section .custom-btn {
background: var(--secondary-color);
color: var(--white);
font-weight: bold;
border-radius: 0px;
padding: 12px 25px;
border: none;
cursor: pointer;
transition: 0.3s ease;
}


/* dsc page */
.dsc-section{
background: var(--blog);
border-radius: 15px;
padding:10px;
}

/* contact page */
.map-container {
width: 100%;
height: 260px;
border: 1px solid var(--hr);
overflow: hidden;
}
iframe {
width: 100%;
height: 100%;
border: none;
}

.info-box {
display: flex;
align-items: center;
border: 1px solid #00a4e4;
border-radius: 10px;
margin: 10px;
background-color: #fff;
height: 70px;
}

.icon-box {
background-color: #00a4e4;
border-radius: 10px 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height:100%;
}

.icon-box img {
width: 55px;
height: 55px;
}

.text-box {
padding-left: 15px;
}

.text-box span {
color: red;
font-weight: bold;
}

.cont-rght .mb-1{margin-bottom:2px !important;}

.cont-tbl tbody, .cont-tbl td, .cont-tbl tfoot, .cont-tbl th, .cont-tbl thead, .cont-tbl tr{line-height:22px;}

.pasd-wrap{padding:40px;}
.pasd-wrap .form-control::placeholder{color:#212529 !important;}

.faq-section .accordion-button{padding:1px 0 !important;}
.faq-section .accordion-body{line-height:20px;}

.logn-txt input, .logn-txt .form-control::placeholder{color:#212529 !important;}

.footer-section .form-control::placeholder{color:#fff !important;}

.bnk-name, .bnk-popup{color:#0591ee !important; font-weight:600 !important;}

.auctn-bg-hd{background-color:#0591ee; color:#fff;}

.auctn-bg-hd .btn-close{opacity:1;}

.auctn-bg-hd .modal-title{font-size:18px;}

.code-btt{padding:6px 0; font-size:15px; border:1px solid #ced4da;}

.auctn-mdl-box .modal-content{opacity:0.975; background-color:#F6F6F5;}

.auctn-mdl-box .form-control{border-radius:0;}

.subm-btt{padding:5px 35px; border-radius:14px; background-color:#0591ee; color:#fff; font-size:15px; font-weight:500;}
.subm-btt:hover{background-color:#f39c12; color:#fff;}

.detl-hd2{color:#0591ee; font-size:22px; margin-top:15px; margin-bottom:12px;}

.detl-inner{border:1px solid #0591ee; border-radius:25px;}
.detl-heading{background-color:#0591ee; color:#fff; font-size:20px; font-weight:600; padding:10px; border-top-left-radius:24px; border-top-right-radius:24px;}

.detl-left{text-align:right; font-weight:bold; font-size:14px; line-height:21px; padding-top:2px;}
.detl-right{text-align:left; font-size:14px; line-height:21px; padding-top:2px; padding-left:0; padding-right:35px;}

.clk-bttn{background-color:#0591ee; color:#fff; font-size:14px; text-transform:uppercase; padding:6px 20px; border-radius:8px; display:inline-block; margin:25px 8px 0;}
.clk-bttn:hover{color:#fff; background-color:#f39c12;}

.logn-link a{display:inline-block; color:#212529; margin:10px;}
.logn-link a:hover{color:#f39c12;}

@media (min-width: 992px) and (max-width: 1999px) {
.auctn-box .col-md-2{width:17.666667%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.auctn-box .col-md-2{width:17.666667%;}

.clok-bx{padding:0;}
.call-bx{padding:0; width:44%;}
.mail-bx{padding:0; width:22%; text-align:right;}

.wdth-box{width:20%;}
.wdth-box-1{padding-right:0;}

.faq-headg{font-size:30px; padding-bottom:0 !important;}
.faq-headg br{display:none;}
.faq-section{padding:20px 30px;}
}

@media (max-width: 1199px) {
.custom-login-btn{padding:1px 12px}

.parti-box #banks{width:90%; margin:auto;}

.benefit-text{font-size:14px; line-height:19px;}
.iconimg{height:61px;}

.search-section .h2{font-size:30px;}

.cont-tbl tbody, .cont-tbl td, .cont-tbl tfoot, .cont-tbl th, .cont-tbl thead, .cont-tbl tr{line-height:19.5px; font-size:13px;}
.cont-rght .mb-1{margin-bottom: 0px !important;}
}

@media (max-width: 991px) {
.navbar-dark .navbar-toggler{margin-left:15px;}

.nav-link{padding:0 !important;}
.nav-premium .nav-link::before{left:57%;}

.btn-close{opacity:1;}

.h4, .search-section .h2{font-size:22px;}
.search-section .h2{font-size:20px;}

.top-hdg{padding-top:25px !important;}

.faq-headg br{display:none;}

.header .container, .menu-wrp .container{max-width:100%; padding:0 15px !important; overflow:hidden;}

.detl-hd2{font-size:18px;}

.detl-heading{font-size:17px;}

.auctions-section{margin-top:29px !important;}
.auctions-section h1{padding-bottom:15px !important;}

.iconimg{height:61px; margin-bottom:0;}

.benefit{padding-top:30px !important; padding-bottom:2px !important;}
.benefit .mt-3{margin-top:5px !important;}

.benefit-box{padding:10px;}

.over-vwrap, .over-inner{margin-top:10px !important;}

.auction-box .display-5{font-size:22px;}

.owl-theme-banks .owl-nav{top:22% !important;}
.owl-theme-banks .owl-nav button{font-size:35px !important;}

.abt-section{padding:15px 20px;}

.dsc-ottr{margin-top:10px !important; margin-bottom:18px !important;}

.benefit-text1{font-size:13px; line-height:18px; padding:5px;}
}

@media (max-width: 767px) {
.gpay-bx{text-align:inherit !important;}

.detl-inner{padding:0 15px; word-wrap:break-word;}
.detl-heading{margin:0 -15px;}

.detl-left{text-align:left;}
.detl-right{padding-right:15px;}

.dtls-info{margin-top:25px !important;}

.iconimg{height:55px;}

.over-txt{width:20%;}

.auctn-box .col-sm-6{width:20%;}

.auction-img, .auction-box{height:120px;}

.auction-box .display-5{font-size:18px;}

.auction-section{margin-top:0 !important;}

.blog-section{margin-top:0 !important; padding:0 20px !important;}
.blog-section .mt-5{margin-top:20px !important;}

.blog-content h5, .read-more{font-size:14px; line-height:20px;}

.property-item h5{font-size:17px;}

.contact-section{padding:35px; border-radius:15px;}
}

@media (max-width: 575px) {
.parti-box #banks{width:80%;}

.clok-bx{width:30%;}
.call-bx{width:70%;}
.mail-bx, .gpay-bx, .wdth-box{width:50%;}

.clok-bx, .detl-left, .pssd-w-1{width:40%;}
.call-bx, .detl-right, .pssd-w-2{width:60%;}

.benefit-box{width:30% !important;}
.benefit-text{font-size:14px; line-height:20px; padding-top:10px;}

.pasd-wrap-ottr{padding:0 30px;}
.pasd-wrap .mb-3{margin-bottom:10px !important;}

.pssd-w-2{padding-left:0;}
}

@media (max-width: 440px) {
.over-txt{width:30%;}

.auctn-box .col-sm-6{width:25%;}
.auction-img, .auction-box{height:100px;}
}

@media (max-width: 400px) {
.clok-bx{width:32%; font-size:13px;}
.call-bx{width:68%; font-size:13px;}

.mail-bx{width:62%; padding-right:0; font-size:13px;}
.gpay-bx{width:38%;}

.navbar-dark .navbar-toggler{margin-left:5px;}

.custom-login-btn{padding:1px 8px; font-size:13px;}

.parti-box #banks{width:77%;}

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


.justify-gap{justify-content: space-between;
    display: flex;
    gap: 10px;}
.login_btn1 { background: var(--secondary-color)!important; border: none!important;}
.email_text{font-size: 11px;}