@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Default css start*/
:root {
    --bgPrimaryColor: #f7fffe;
    --bodyColor: #6E6E6E;
    --CyanColor: #f21011;
    --blackColor: #000000;
    --leadColor: #404040;
    --btnBgColor: #E8F6F5;
    --primaryBorderRadius: 12px;
    --btnBorderRadius: 30px;
}
a,a:hover{color:var(--CyanColor);}
body,ul li,ul li a{color:var(--bodyColor)}
.btn-custom,a{transition:.2s ease-in-out;outline:0}
body{ font-family: "Poppins", sans-serif;line-height:1.6}
p{font-size:15px;color: var(--bodyColor);}
a{text-decoration:none}
ul{display:block;padding-left:0}
ul li{list-style:none}
ul li::marker{color:var(--blackColor)}
h1,h2,h3,h4,h5,h6{font-family: "DM Sans", sans-serif;font-weight:600;color:var(--blackColor);margin:0 0 30px;line-height:1.3}
h1{font-size:39px}
h2, h3{font-size:36px} 
h4{font-size:24px}
h5{font-size:21px}
h6{font-size:18px}
.lead {font-size:16px;}
table{font-size:14px}
.mt-80{margin-top:80px}
.mb-80{margin-bottom:80px}
.pt-80 { padding: 80px 0 0 0;}
.py-80 { padding: 80px 0;}
.pb-80{padding-bottom:80px!important}
.lead{font-weight:600;color:#404040;margin:0 0 24px 0;}
.btn-custom,.sub-title{font-size:16px;font-weight:500}
::-webkit-scrollbar{width:5px;height:2px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#525965}
::-webkit-scrollbar-thumb:active{background:#525965}
::-webkit-scrollbar-track{background:0 0;border:0 #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:0 0}
::-webkit-scrollbar-track:active{background:0 0}
::-webkit-scrollbar-corner{background:0 0}

.sub-title{color:var(--CyanColor);margin:0}

.btn-custom, .btn-custom:hover {color: #fff!important;}
.btn-custom {display: inline-flex;height: 50px;background-color: #f21011;font-size: 16px;padding: 0 20px;transition: .5s ease-in-out;border-radius: var(--primaryBorderRadius);align-items: center;margin: 30px 0 0;}
.btn-custom .btn-custom-holder {display: inline-block;position: relative;overflow: hidden;line-height: 1.5;}
.btn-custom .btn-custom-holder .btn-custom-text.text-one {position: relative;display: inline-block;transform: translateY(0);transition: transform .3s ease-out .15s;}
.btn-custom .btn-custom-holder .btn-custom-text.text-two {position: absolute;left: 0;top: 0;transform: translateY(-105%);transition: transform .3s ease-out;}
.btn-custom:hover .btn-custom-holder .btn-custom-text.text-one {-webkit-transform: translateY(100%);transform: translateY(100%);transition: transform .3s ease-out;}
.btn-custom:hover .btn-custom-holder .btn-custom-text.text-two {-webkit-transform: translateY(0);transform: translateY(0);transition: transform .3s ease-out .15s;}
.btn-custom .btn-custom-icon-holder {margin-left: 8px;}
.btn-custom .btn-custom-icon-holder svg line {stroke-dashoffset: 0;stroke-dasharray: 10; transition: stroke-dashoffset .6s ease-out;}
.btn-custom:hover .btn-custom-icon-holder svg line {stroke-dashoffset: 20;}

.form-control, .form-select {padding: 12px 15px;border-radius: var(--primaryBorderRadius);font-size: 14px;color: var(--bodyColor);}
.form-control:focus, .form-select:focus {color: #000000;border-color: #f21011;outline: 0;box-shadow: 0 0 0 .25rem rgb(242 16 17 / 14%);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
form label { font-weight: 600; color: #000000;font-size: 14px;margin: 0 0 5px 0;}

/* ============================== MAIN MENU ACTIVE (Parent) ============================== */
.menu-section > li.active > a {color: var(--hoverColor) !important;   /* Highlight color (use your theme red) */}

/* ✅******************************** Owl Navigation Styling css Start **********************/
.owl-nav {position: absolute;top: 40%;width: 100%;display: flex;justify-content: space-between;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
.owl-carousel:hover .owl-nav {opacity: 1;pointer-events: auto;}
.owl-nav button {background: rgba(0, 0, 0, 0.6) !important;color: #fff !important;border: none !important;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.owl-nav button:hover {background: #0d6efd !important;}
.owl-nav button.disabled {opacity: 0.3 !important;cursor: not-allowed !important;}
.owl-nav .owl-prev {position: absolute;left: -24px;}
.owl-nav .owl-next {position: absolute;right: -24px;}

.owl-dots {margin-top: 24px;text-align: center;position: relative;}
.owl-dots .owl-dot span {width: 14px;height: 14px;background: #ccc;border: 2px solid #ffffff;display: inline-block;border-radius: 50%;margin: 0 2px;transition: all 0.3s ease;}
.owl-dots .owl-dot.active span {background: #f21011;border: 2px solid #f21011;transform: scale(1);}
.owl-dots .owl-dot:hover span {background: #f21011;}

/* ✅******************************** Hero Section css Start **********************/
.hero-section {position: relative;width: 100%;height: 90vh;overflow: hidden;}
.hero-video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);z-index: 0;}
.desktop-video {display: block;}
.mobile-video {display: none;}
.hero-content {position: relative;z-index: 2;color: #fff;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 800px;}
.hero-section::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.3);z-index: 1;}

.carousel-control-next, .carousel-control-prev {z-index: 9;width:5%;}
.main-slider-section {position:relative;}
.main-slider-section .main-slider-overlay {padding: 30px 0 0 0;position: absolute;right: 0;left: 0;top: 0;bottom: 0;background: linear-gradient(90deg, rgb(0 0 0 / 70%) 0%, rgb(255 255 255 / 10%) 85%, rgba(255, 255, 255, 0) 100%);z-index: 1;display: flex;align-items: center;}
.main-slider-section .main-slider-overlay h1 {font-size: 60px;color: #ffffff;margin: 0 0 15px 0; font-weight: 600;text-shadow: 0px 2px 1px #000000;}
.main-slider-section .main-slider-overlay p.lead {color: #ffffff;font-weight: 500;margin: 0 0 30px 0; font-size: 18px;}
.main-slider-section .main-slider-overlay h3{color: #f21011;font-size: 60px;margin: 0;position: relative;display: inline-block;}
.main-slider-section .main-slider-overlay h3::after{font-family: bootstrap-icons !important;content: "\F64D";position: absolute;top: 8px;right: -54px;font-size: 48px;left: auto;}
.main-slider-section .main-slider-overlay h5{color: #ffffff;margin: 0;font-size: 21px;}
.main-slider-badges {display: flex;align-items: center;gap: 24px;}
.main-slider-badges a {display: inline-flex;height: 50px;color: #ffffff;background-color: #ffffff00;font-size: 18px;padding: 0 20px;transition: .5s ease-in-out;border-radius: var(--primaryBorderRadius);align-items: center;margin: 0;border: 1px solid #ffffff;backdrop-filter: blur(4px);transition: ease-in-out all 0.2s;}
.main-slider-badges a:hover {background-color: #ffffff; border-color: #ffffff;color:#000000;}

.main-slider-section .carousel-inner .carousel-item .carousel-caption {padding: 60px 0 0 0;position: absolute;right: 0;left: 0;top: 0;bottom: 0;background: linear-gradient(90deg, rgb(0 0 0 / 70%) 0%, rgb(255 255 255 / 10%) 85%, rgba(255, 255, 255, 0) 100%);z-index: 1;display: flex;align-items: start;flex-direction: column;justify-content: center;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption h1 {font-size: 60px;color: #ffffff;margin: 0 0 15px 0; font-weight: 600;text-shadow: 0px 2px 1px #000000;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption p.lead {color: #ffffff;font-weight: 500;margin: 0 0 30px 0; font-size: 18px;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption h3{color: #f21011;font-size: 60px;margin: 0;position: relative;display: inline-block;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption h3::after{font-family: bootstrap-icons !important;content: "\F64D";position: absolute;top: 8px;right: -54px;font-size: 48px;left: auto;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption h5{color: #ffffff;margin: 0;font-size: 21px;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges {display: flex;align-items: center;gap: 24px;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges a {display: inline-flex;height: 50px;color: #ffffff;background-color: #ffffff00;font-size: 18px;padding: 0 20px;transition: .5s ease-in-out;border-radius: var(--primaryBorderRadius);align-items: center;margin: 0;border: 1px solid #ffffff;backdrop-filter: blur(4px);transition: ease-in-out all 0.2s;}
.main-slider-section .carousel-inner .carousel-item .carousel-caption .main-slider-badges a:hover {background-color: #ffffff; border-color: #ffffff;color:#000000;}


/* ✅******************************** Category Section css Start **********************/
.slider-section {width: 100%;max-width: 1320px;height: 60vh;margin: 0 auto;padding: 0 12px;}
.slider-section .slider {display: flex;gap: 30px; /* Space between images */ width: 100%;height: 100%;}
.slider-section .slider .slide {flex: 1;position: relative;overflow: hidden;border-radius: var(--primaryBorderRadius);cursor: pointer;transition: filter 0.4s ease;}
.slider-section .slider .slide img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s ease;border-radius: var(--primaryBorderRadius);}
.slider-section .slider .slide:hover img {transform: scale(1.05);}
.slider-section .slider .slide.show-content .slider-overlay {opacity: 1;transform: translateY(0);}
.slider-section .slider .slide .slider-overlay {background: #000000;background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 80%);height: 50%;display: flex;align-items:end;gap: 24px; justify-content: space-between;position: absolute;left: 0;bottom: 0;right: 0;padding: 24px 45px; opacity: 0;transform: translateY(0);transition: all 0.4s ease;z-index: 2;}
.slider-section .slider .slide .slider-overlay h4 {margin-bottom: 10px;color: #ffffff;}
.slider-section .slider .slide .slider-overlay p {opacity: 0.9; margin: 0;color: #ffffff;}

.about-section h2 {} 
.service-item i {color: #f21011;font-size: 24px;transition: transform 0.3s ease;}
.service-item:hover i {transform: translateX(6px);}

/* ✅******************************** Why choose Section css Start **********************/
.why-choose-section {background-color: #FFF2EF;}
.why-choose-section .lead {margin: 0 0 30px 0;}
.card-custom {border: none;border-radius: var(--primaryBorderRadius);background: #fff;padding: 25px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.card-custom h3 {font-size: 60px; margin: 0;line-height: 1;position:relative;display:inline-block;}
.card-custom h3::after {    font-family: bootstrap-icons !important;content: "\F64D";position: absolute;top: 10px;right: -45px;font-size: 36px;left: auto;}
.card-custom p.lead {font-size: 16px;margin: 0 0 24px 0; color: #f21011;display:block;font-weight: 500;}
.card-custom:hover {transform: translateY(-6px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.card-custom h5 {margin-bottom: 12px;}
.card-custom p {font-size: 14px;margin: 0;font-weight:normal;}
.card-footer-text {font-weight: 600;color: #0d6efd;margin-top: 15px;display: flex;justify-content: space-between;align-items: center;}
.card-footer-text small {display: block;}
.arrow {color: #f21011;transition: transform 0.3s ease;font-size: 42px;display: none;}
.card-custom:hover .arrow {transform: translateX(6px);color: #0d6efd;}
.img-card {overflow: hidden;border-radius: var(--primaryBorderRadius);}
.img-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}
.img-card:hover img {transform: scale(1.05);}

/* ✅******************************** City Section css Start **********************/
#city-carousel .item {margin: 5px 0;}
.dashboard-section .city-card {margin: 0;box-shadow: rgb(60 64 67 / 0%) 0px 1px 2px 0px, #3c404326 0px 1px 3px 1px;border-radius: var(--primaryBorderRadius);padding: 15px;background-color: transparent;}
.dashboard-section .city-card:last-child {margin: 0 0 1px 0;}
.dashboard-section .city-card .city-card-img {overflow: hidden;border-radius: var(--primaryBorderRadius);position:relative}
.dashboard-section .city-card .city-card-img img {height: 300px;object-fit: cover;border: 1px solid rgb(9 196 182 / 23%);border-radius: var(--primaryBorderRadius);}
.dashboard-section .city-card-content {display: flex;align-items: end;padding: 24px;position: absolute;bottom:0;right:0;left:0;text-align:center;height:100%;background: #000000;background: linear-gradient(0deg, rgb(0 0 0 / 75%) 0%, rgb(255 255 255 / 0%) 80%);}
.dashboard-section .city-card-content h4 {margin: 0;color: #ffffff;}
.dashboard-section .city-card-content h4:first-child {margin-top: 0;}
.dashboard-section .city-card-content p {margin: 0;color: var(--bodyColor);min-height: 85px;}

/* ✅******************************** Quote Section css Start **********************/
.project-wide-section {background-color: #001635;}/*435254*/
.project-wide-section .display-6 {font-size: 42px;font-weight: 600;}
.project-wide-section .project-image img {border-radius: var(--primaryBorderRadius);}
.project-wide-section .lead {font-size: 16px;}

/*✅ ============ Team section css start ============= */
.team-section {background-color: #FFF2EF;overflow-x: hidden;}
.team-card {position: relative;z-index: 1;overflow: hidden;margin: 0;height:300px;width:300px;border-radius: 100%;margin: 0 auto;}
.team-card:nth-child(2) {margin-top: 30px;}
.team-card img {border-radius: var(--primaryBorderRadius);-webkit-transition-duration: 350ms;transition-duration: 350ms;width: 100%;}
.team-card::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--primaryBorderRadius);background: linear-gradient(180deg, rgba(96, 31, 235, 0) 0%, #000000 100%);z-index: 10;opacity: 0;visibility: hidden;-webkit-transition-duration: 350ms;transition-duration: 350ms;}
.team-card .team-member-info {position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 20px 24px;opacity: 0;visibility: hidden;-webkit-transition-duration: 350ms;transition-duration: 350ms;z-index: 100;text-align: center;}
.team-card .team-member-info h4 {font-size: 18px;color: #FFFFFF;margin-bottom: 0;}
.team-card .team-member-info span {color: #F7F7FC;font-size: 12px;}
.team-card.middle-team-card .team-member-info h4 {font-size: 24px;margin-bottom: 6px;}
.team-card.middle-team-card .team-member-info span {font-size: 16px;}
.team-card:hover img, .team-card:focus img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.team-card:hover::after, .team-card:hover .team-member-info, .team-card:focus::after, .team-card:focus .team-member-info {opacity: 1;visibility: visible;} 

.get-a-quote {padding: 80px 0;}
.get-a-quote .left-side-image, .get-a-quote .right-side-image {width: 100%;height: 480px;border-radius: 0 20px 20px 0;background-color: #000000;overflow: hidden;}
.get-a-quote .right-side-image {border-radius: 20px 0 0 20px;margin: 0;}
.get-a-quote .left-side-image img {height:100%;width: 100%;object-fit: cover;}
.get-a-quote .right-side-image img {height:100%;width: 100%;object-fit: cover;}
.get-a-quote .middle-content {text-align: center;margin: 0;padding: 0 60px;}
.get-a-quote .middle-content p {margin: 0;}
.get-a-quote .middle-content h1.display-4 {font-weight: 600;font-size:60px;}
.get-a-quote .middle-content h3{font-size: 24px;margin:24px 0;}

/* ✅******************************** Advice Section css Start **********************/
.advice-section {background-color: #ffffff; }
.advice-box {background-color: #ffffff;border-radius: var(--primaryBorderRadius);padding: 0;}
.form-image {height: 640px;}
.form-image img {height:100%;width: 100%;}

/* ✅ ===================================  CONTACT US PAGE CSS START ====================================*/
     /* ===== Custom Breadcrumb Styling ===== */
.custom-breadcrumb {padding: 0;display: inline-flex;align-items: center;}
.breadcrumb-item + .breadcrumb-item::before {content: "\F285";font-family: bootstrap-icons !important;color: #ffffff;font-weight: 600;}
.breadcrumb-item a {color: #ffffff;text-decoration: none;transition: color 0.2s ease;font-size:13px;}
.breadcrumb-item a:hover {color: #f21011;text-decoration: underline;}
.breadcrumb-item.active {color: #f21011;font-size:13px;}
    
.founders-section { margin: 0; padding: 80px 0; position: relative; overflow-x: hidden; background: #FFF2EF url(../images/home/shape-1.png) no-repeat right bottom; background-attachment: fixed;}
.founders-section .founder-image { border-radius: var(--primaryBorderRadius);}
.founders-section .founder-image img { height: 450px; object-fit: cover; object-position: top; width: 100%; border-radius: var(--primaryBorderRadius); box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.08); }
.founders-section .founder-content h3 {margin: 10px 0 30px 0;font-size: 15px;color: #f20f10;position: relative;padding-left: 60px;}
.founders-section .founder-content h3::before { content: ""; position: absolute; left: 0; right: 0; top: 10px; width: 45px; height: 1px; background-color: #f20f10; }
.founders-section .founder-content h4 { margin: 0 0 15px 0; text-transform: uppercase; font-size: 15px; color: #000000;}
.founders-section .founder-content p { margin: 0 0 5px 0; }
    
.contact-inner-slider {padding: 0 0 24px 0;height: 380px;display: flex;align-items: end;background-image: url('../images/home/inner-slider.jpg');} 
.contact-inner-slider h1 {color: #ffffff;text-shadow: 1px 3px 2px rgba(0,0,0,0.6);}
.contact-inner-slider .lead {color: #ffffff;text-shadow: 1px 3px 2px rgba(0,0,0,0.6);}
.contact-inner-slider .display-5 {font-weight: 600;font-size:48px;}
.contact-inner-slider ul li {color: #ffffff;display: flex;align-items: center;gap: 7px;font-size: 16px;font-weight: 500;}
.contact-inner-slider ul li i {color: #f21011;text-align: center;font-size: 27px;transition: ease-in-out all 0.2s;display: flex;align-items: center;justify-content: center;}/*height: 45px;width: 45px;border: 1px solid #f21011;border-radius: 100%;*/

.f-carousel .f-carousel__slide img {border-radius: var(--primaryBorderRadius);height: 420px;width: 100%;object-fit: cover;object-position: center;}
.f-panzoom__viewport {display: block;position: absolute;top: 3px;left: 0;width: 100%;height: 100%;z-index: 10;border-radius: var(--primaryBorderRadius);overflow: hidden;}
.f-button svg {stroke: rgb(255 255 255);}

.contact-detail {padding: 50px 0 80px 0;}
.contact-detail h2 {margin: 0 0 30px 0;}
.contact-detail-border {display: flex;align-items: center;min-width: 100%;width: 100%;background-color: transparent;padding: 0 0 30px 0;border-radius: 0;transition: ease-in-out all 0.2s;margin: 0 0 30px 0;border-bottom: 1px solid #00000015;gap: 20px;}
.contact-detail-border:last-child {border-bottom: none;padding-bottom: none;margin-bottom: 0;}
.contact-detail-border i {color: #030303;}
.contact-detail-border h4 {font-size: 21px;color: #030303;margin: 0 0 10px 0;}
.contact-detail-border p {margin: 0;}
.contact-detail-border p a {color: #666666;transition: ease-in-out all 0.2s;}
.contact-detail-border p a:hover {color: #f21011;}
.contact-detail-border .contact-icon {margin: 0;min-height: 70px;min-width: 70px;height: 70px;width: 70px;border-radius: 100%;display: flex;align-items: center;justify-content: center;background-color: #00000015;}
.contact-detail-border .contact-icon i {color: #000000;font-size: 24px;}
.map {background-color: #ffffffab;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, #3c404326 0px 1px 3px 1px;border-radius: var(--primaryBorderRadius);padding: 24px 24px 16px 24px;}
.map iframe {border-radius: 10px;width: 100%;height: 575px;}

/* Card container */
.branch-office-card {background: #ffffff;border: none;border-radius: var(--primaryBorderRadius);box-shadow: 0 2px 8px rgb(0 0 0 / 11%);padding: 30px 24px;text-align: left;transition: all 0.3s ease;height: 100%;}
.branch-office-card:hover {transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);}
.branch-office-card h5 {margin: 0 0 24px 0;}
.branch-office-card p {display:flex;align-items: start;gap: 10px}
.branch-office-card p:last-child {margin: 0;}
.branch-office-card p i {background-color: #00000015;border-radius: 50%;width: 40px;height: 40px;min-width: 40px;min-height: 40px;font-size: 18px;color:#000000;display: flex;align-items: center;justify-content: center;}
.branch-office-card p a {color: var(--bodyColor);}
.branch-office-card p a:hover {color: #f21011;}

.project-wrape {background-color:#ffffff;}
.project-wrape .project-detail h4 {margin: 30px 0 15px 0;}
.project-wrape .project-detail ul {padding: 0 0 0 20px;margin: 0;display: grid;grid-template-columns: repeat(2, 1fr);}
.project-wrape .project-detail ul li {list-style: disc;font-size: 15px;color: var(--bodyColor);}
.project-wrape .project-detail ul li::marker {color: #001635;}
.project-call-card {background: #FFF2EF;border-radius: var(--primaryBorderRadius);padding:15px;display: flex;align-items: center;justify-content: space-between;border: 1px solid rgb(242 15 16 / 36%);margin: 0 0 24px 0;}
.project-call-left {max-width: 350px;width: 100%;padding: 0 15px 0 0;}
.project-call-left h3 {font-size: 21px;color: #26232A;margin: 0 0 5px 0;}
.project-call-left p {font-size: 16px;font-weight: 600;margin: 0 0 5px 0;display: flex;align-items: center;gap: 10px;}
.project-call-left p span a {color:#404040;transition: ease-in-out all 0.2s;}
.project-call-left p span a:hover {color: var(--CyanColor);}
.project-call-left p i {height: 40px;width: 40px;min-height: 40px;min-width: 40px;border: 1px solid #001635;border-radius: 100%;display: flex;align-items: center;justify-content: center;color: #001635;background-color: transparent;}

.amenities-card {text-align: center;padding: 15px;background-color: #fff;width: 100%; border-radius: var(--primaryBorderRadius);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; box-shadow: rgb(60 64 67 / 0%) 0px 1px 2px 0px, #3c404326 0px 1px 3px 1px;border-radius: var(--primaryBorderRadius);}
.amenities-card:hover {-webkit-transform: scale(1.05);transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05);background-color: #ffffff;}
.amenities-card h6 {font-size: 16px;margin: 0;}
.amenities-card .amenities-icon {height: 80px;width: 80px;border-radius: 100%;display: flex;margin: 0 auto 15px auto;align-items: center;justify-content: center;background-color: #FFF2EF;border: 1px solid #FFF2EF;}
.amenities-card .amenities-icon img {height: 40px;}

.investor-logo {text-align: center;padding: 15px;background-color: #fff;width: 100%; border-radius: var(--primaryBorderRadius);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; box-shadow: rgb(60 64 67 / 0%) 0px 1px 2px 0px, #3c404326 0px 1px 3px 1px;border-radius: var(--primaryBorderRadius);}
.investor-logo:hover {-webkit-transform: scale(1.05);transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05);background-color: #ffffff;}

aside {position: -webkit-sticky;position: sticky;top: 120px;}
.aside-card {margin: 0 0 24px 0;padding: 24px 15px;background-color: #fff;width: 100%;border: 1px solid #ced4dd;border-radius: var(--primaryBorderRadius);}
.aside-card h4 {margin: 0 0 15px 0;}
/* ✅******************************** Footer Section css Start **********************/
footer {background: linear-gradient(#00000000, #00000000), url("../images/home/footer.jpg");background-size:cover;color: #fff;padding: 60px 0 15px 0;}
footer a {color: #ddd;text-decoration: none;transition: color 0.3s ease;}
footer a:hover {color: #f21011;} 
footer h5 {font-weight: 600;font-size: 16px;margin-bottom: 15px; color:#ffffff;}
footer p {color:#bbbbbb;}
footer .footer-links li {margin-bottom: 8px;list-style: none;}
footer .footer-links a {font-size: 14px;color:#bbbbbb;}
footer .footer-links a:hover {color: #f21011;}
footer .footer-social a {color: #bbbbbb;font-size: 18px;margin-right: 12px;display: inline-block;}
footer .footer-social a:hover {color: #f21011;}
footer .footer-bottom {border-top: 1px solid #444;margin-top: 30px;padding-top: 15px;font-size: 14px;color: #bbb;text-align: center;}
footer .footer-contact p {margin-bottom: 8px;font-size: 14px; display: flex;align-items:center;gap:15px}
footer .footer-contact p i {color: #ffffff;width: 40px;height: 40px;min-width: 40px;min-height: 40px;border: 1px solid #ffffff;display: flex;align-items: center;justify-content: center;border-radius: 100%;}

.modal-bg {background: transparent;border: none;}
.form-overlay {background: url("../images/gallery/gallery-1.png") center/cover no-repeat;position: relative;border-radius: var(--primaryBorderRadius);overflow: hidden;padding: 30px 24px;}
.form-overlay h3 {line-height: 1.2;}
.form-overlay .lead {color: #ffffff;font-size: 15px;font-weight: 500;}
.form-overlay::before {content: "";position: absolute;inset: 0;background: rgb(0 0 0 / 84%);}
.form-overlay > .container {position: relative;z-index: 5;}
.glass-form {background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 1);padding: 24px 15px;border-radius: var(--primaryBorderRadius);}

.btn-close {position: absolute;top: -15px;right: -15px !important;width: 24px;height: 24px;background: none; border-radius: 50%;opacity: 1;border: none;z-index: 1;background-color: #f21011;display: flex;align-items: center;justify-content: center;}
.btn-close::before {content: "\f659"; /* Bootstrap Icon: bi-x-lg */font-family: "bootstrap-icons";font-size: 16px;color: #ffffff;display: block;text-align: center;}
.btn-close:hover {background: #f21011; box-shadow: none;}

.form-overlay .footer-social {display: inline-flex;height:45px;padding:0 24px;border-radius:30px;background-color:#f21011;align-items: center;gap:15px;}
.form-overlay .footer-social a {color: #ffffff;font-size: 18px;margin: 0;display: inline-block;border-right: 1px solid #ffffff8c;padding-right: 15px;}
.form-overlay .footer-social a:last-child {padding-right:0;border-right:none;}
.form-overlay .footer-social a:hover {color: #bbbbbb;}

.form-input {background: rgba(255, 255, 255, 0.5);border: none;height: 45px;}
.form-input::placeholder {color: #555;}
.modal-backdrop {opacity: 1!important;backdrop-filter: blur(5px);background: rgb(0 0 0 / 45%);backdrop-filter: blur(8px);}