@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Jost", sans-serif;}
:root {
    --background: #c99224;
    --text-color: #c99224;
    --hover-color: #bc8e34;
    --font-family: 'Montserrat', sans-serif;
}
body {font-family: var(--font-family);}
body::-webkit-scrollbar {width: 5px;background-color: #e0e0e0;}
ul {padding: 0;margin: 0; list-style: none;}
.categories ul li {
    list-style-type: disc;
}
a {text-decoration: none;color: #fff;font-weight: 500;transition: all .2s ease}
p {font-size: 16px}
.bg-secondary {background-color: var(--background) !important}
.text-black{color:#000000;}
.text-color {color: var(--text-color)}
.nav-link.active {font-weight: 600 !important;border-bottom: 2px solid white;color: var(--background);}
.dropdown-item.active {background-color: var(--background);}
.nav-link {border-bottom-width: 0%;transition: all .4s ease;}
.nav-item:hover {border-bottom-width: 100%;border-bottom: 2px solid white;}
.fs-7 {font-size: 10px;}
.container {max-width: 1200px;margin: 0 auto;}
h6 {margin: 0;}
h2 {position: relative;}
.line::after {content: "";position: absolute;display: inline-block;width: 50px;height: 2px;top: 50%;margin-left: 10px;background-color: var(--background);}
.line-md::after {content: "";position: absolute;display: inline-block;width: 50px;height: 2px;top: 50%;margin-left: 10px;background-color: var(--background);}
.container.d-flex.justify-content-between.align-items-center.border-bottom.py-3.px-2 {padding-inline: 14px !important;}
.border-bottom {border-bottom: 1px solid rgb(187, 160, 130) !important;}
.b-l {border-left: 1px solid rgb(187, 160, 130) !important;}
.advantage {border: 1px solid var(--text-color);border-radius: 5px;padding: 20px;transition: all 1s ease-in-out;}
.advantage:hover {transform: translateY(-20px);box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, .5);}
.list-wrapper {padding: 20px 30px;border: 1px solid #e0e0e0;border-radius: 3px;}
.border-top {border-top: 1px solid #f1f1f1;}
header {transition: all .3s ease;}
button.navbar-toggler {margin-left: auto !important;}
#header {position: sticky;top: 0;z-index: 9999;background: transparent;transition: all 1s ease;width: 100%;background-color: var(--background);}
.top-header {position: relative;background-color: var(--background);z-index: 10;}
.top-header-social-links li {line-height: 2;}
.px-lg-6 {padding-inline: 90px !important;}
.px-sm {padding-inline: 20px;}
.bg-grey {background-color: #f5f5f5;}
#firstMenuBar {display: none;}
input:focus {box-shadow: 0px 0px 0px 3px var(--background) !important;}
input,
textarea {caret-color: var(--text-color);}
textarea:focus {box-shadow: 0px 0px 0px 3px var(--background) !important;}
.accordion-button {font-size: 16px;}
.accordion-body {font-size: 16px;}
.accordion-button:focus {background-color: transparent;box-shadow: 0 !important;}
.accordion-body{background-color: white !important; color:var(--text-color) !important; border-top: .1px solid transparent !important;border-bottom: .1px solid var(--background) !important;border-right: .1px solid var(--background) !important;border-left: .1px solid var(--background) !important;}
#collapseOne, #collapseTwo, #collapseThree, #collapseFour, #collapseFive {transition: none !important;}
.accordion-item{border:none;}
button:focus:not(:focus-visible) {outline: 0;}
.accordion-button:not(.collapsed) {background-color: rgb(255, 255, 255) !important;}
.accordion-button:not(.collapsed) {color: #000;}
.accordion-button:focus {z-index: 3;outline: 0;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;}
.nav-item.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
.dropdown-menu::-webkit-scrollbar {width: 1px;}
.text-muted {color: #000000 !important;}
.dash {display: block;position: absolute;top: 50%;left: 50%;margin: auto;width: 30px;height: 2px;transform: rotate(270deg);background-color: var(--text-color);z-index: 2;}
.dropdown-submenu {position: relative;}
.dropdown-submenu:hover .firstTMenu {display: block;}
.firstTMenu {display: none;position: absolute;left: 250px;top: 0;margin-top: -1px;background: rgb(255, 255, 255);}
.sec-dropdown-item:hover {background: var(--background);color: white;}
.firstmenu .dropdown-item {color: white;}
.firstTMenu .dropdown-item:hover {background: var(--background);color: white;}
.dropdown-menu {transition: visibility 0.2s ease, opacity 0.2s ease;}
.scrollable-dropdown {max-height: 300px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #ccc #fff;}
.scrollable-dropdown::-webkit-scrollbar {width: 6px;}
.scrollable-dropdown::-webkit-scrollbar-track {background: #fff;}
.scrollable-dropdown::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 4px;}
.header-logo {height: 70px;object-fit: contain;}
.header.py-2 {padding: 0 !important;}
.header-log {height: 65px;display: inline;}
.dropdown-item:hover:not(.dropdown-item.active) {background-color: #00000024;color: #000000;}
.main-sub-heading {font-size: 16px;font-weight: 700;margin-top: 30px;}
.advantage td {font-size: 14px;}
.main-title {position: relative;color: var(--text-color);font-size: 20px;font-family: var(--font-family);font-weight: bold;}
.main-heading {font-size: 21px;font-weight: bold;color: var(--text-color);}
.highlighted {color: var(--text-color);}
.title {position: relative;font-size: 19px;font-weight: 600;color: var(--text-color);font-family: var(--font-family);}
.subtitle {font-size: 22px;font-weight: bold;font-family: var(--font-family);}
.navbar-brand {background: white;padding-inline: 8px;}
.fs-sm {font-size: 13px;}
.main {overflow-x: hidden;position: relative;top: -108px;}
.firstMain {position: relative;top: -96px;}
#heroCarousel {height: 100vh;}
.banner-logo {display: block;width: 50px;height: 50px;background-color: white;border-radius: 3px;padding: 10px;margin-bottom: 10px;}
.banner-logo>img {height: 100%;width: 100%;object-fit: contain;}
.banner-section {background-position: center;background-size: contain;position: relative;padding: 0 !important;}
.banner-section:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000c2;}
.banner-inner-slide {position: relative;z-index: 10;}
.banner-inner-slide>img {height: 100%;width: 100%;object-fit: cover;}
.banner-title {font-size: 55px;}
.banner-inner {position: absolute;left: 5%;bottom: 100%;z-index: 300;}
.slider-line {display: block;position: absolute;z-index: 400;width: 350px;height: 400px;left: -10%;top: -78%;}
.carousel-item {position: relative;height: 100%;}
.carousel-item.active>img {animation: zoom_in;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 8s;animation-fill-mode: backwards;transition: all 1s ease;}
@keyframes zoom_in {0% {transform: scale(1);}100% {transform: scale(1.2);opacity: 1;}}
.carousel-item::after {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #000000cc;}
.banner-content {margin-top: 100px;padding: 50px;}
.carousel-inner {height: 100%;z-index: 200;}
.carousel-item>img {height: 100%;width: 100%;object-fit: cover;}
.about-right-img {max-width: 100%;height: auto;border-radius: 5px;overflow: hidden;display: block;place-content: center;}
.contact-banner {background-image: url(../img/contact-bg.jpg);background-position: center;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.contact-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.mainFormSection {background: url(../img/emraldbaner.webp);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.mainFormSection::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000c2;}
.carousel-control-prev {pointer-events: all;position: absolute;z-index: 300;color: var(--background);left: -30px;}
.carousel-control-next {pointer-events: all;position: absolute;z-index: 300;color: var(--background);right: -30px;}
.carousel-control-next-icon {background-image: url(../img/right-arrow.svg);background-color: var(--hover-color);border-radius: 5px;}
.carousel-control-left-icon {background-image: url(../img/right-arrow.svg);}
.carousel-control-prev-icon {background-image: url(../img/right-arrow.svg);transform: rotate(180deg);background-color: var(--hover-color);border-radius: 5px;}
.carousel-control-next-icon,
.carousel-control-prev-icon {display: inline-block;width: 3rem;height: 4rem;background-repeat: no-repeat;}
.arttech-banner {background-image: url(../img/arttech-banner-bg-img.jpg);background-position: center;background-size: cover;position: relative;}
.arttech-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.blossom-banner {background-image: url(../img/blossom-banner-bg.png);background-position: center;background-size: cover;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.blossom-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.mansha-banner {background-image: url(../img/mansha-banner-bg.jpeg);background-position: center;background-size: cover;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.mansha-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;}
.mansha-right-slider .slider-item {height: 270px;overflow: hidden;border-radius: 5px;}
.mansha-right-slider img {height: 100%;width: 100%;object-fit: cover;border-radius: 5px;cursor: pointer;display: block !important;margin-right: 10px;transition: transform 0.3s ease;}
.adore-banner {background-image: url(../img/adore-legend-bg.jpg);background-position: center;background-size: cover;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.adore-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;}
.adorePres-banner {background-image: url(../img/adore-presidential-bg.jpg);background-position: center;background-size: cover;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.adorePres-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;}
.adorePros-banner {background-image: url(../img/prosp-banner-bg.jpg);background-position: center;background-size: cover;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.adorePros-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;}
.bp-banner {background-image: url(../img/bp-banner-img.png);background-position: center;background-size: contain;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.bp-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;}
.bindal-banner {background-image: url(../img/bindal-banner.jpg);background-position: center;background-repeat: no-repeat; background-size:cover;position: relative;height: 500px;display: flex;justify-content: center;align-items: center;}
.bindal-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000e8;}
.bh-banner {background-image: url(../img/bh-banner.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.bh-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000a4;}
.klj-banner {background-image: url(../img/klj-banner.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.klj-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000a4;}
.bptp-banner {background-image: url(../img/bptp-banner.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.bptp-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000a4;}
.bptpDeck-banner {background-image: url(../img/bptp2-banner.webp);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.bptpDeck-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000a4;}
.amrit-banner {background-image: url(../img/amrit-banner.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.amrit-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000a4;}
.auric-banner {background-image: url(../img/auric-banner.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.auric-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000a4;}
.bindalAboutRight {width: 100%;height: 100%;}
.bindalAboutRight>img {width: 100%;height: 100%;border-radius: 4px;}
.bg-image {background-image: url(../img/bindal-homes-banner-bg.jpg);background-position: center;background-size: cover;background-attachment: fixed;position: relative;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;z-index: 5;}
.bg-image::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;z-index: 0;}
.auric-formbg {background-image: url(../img/auric-about.png);background-position: center;background-size: cover;background-attachment: fixed;position: relative;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;z-index: 5;}
.auric-formbg::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;z-index: 0;}
.project-section {background-color: #f8f9fa;padding: 50px 0;}
.project-header {font-size: 32px;font-weight: bold;color: var(--background);margin-bottom: 30px;}
.pricing-table th,
.pricing-table td {padding: 10px;text-align: center;}
.location-card {background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 20px;margin-top: 20px;}
.amenities-list {list-style-type: none;padding: 0;}
.amenities-list li {margin: 10px 0;}
.bh-formbg {background-image: url(../img/bh-form-bg.jpg);background-position: center;background-attachment: fixed;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;z-index: 5;}
.formBakground {background-image: url();}
.bh-formbg::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background: #000000db;z-index: 0;}
.rps-banner {background-image: url(../img/rpsbanner.webp);background-repeat: no-repeat;background-position: center;background-size: cover;background-clip: initial;position: relative;height: 500px;width: 100%;display: flex;justify-content: center;align-items: center;}
.rps-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b0;}
.park-banner {background-image: url(../img/park.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;background-clip: initial;position: relative;height: 500px;width: 100%;display: flex;justify-content: center;align-items: center;}
.park-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b0;}
.emplots-banner {background-image: url(../img/emrald-banner.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;background-clip: initial;position: relative;height: 500px;width: 100%;display: flex;justify-content: center;align-items: center;}
.emplots-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b0;}
.bd-formbg {background-image: url(../img/bptp2-banner.webp);background-position: center;background-size: cover;background-attachment: fixed;position: relative;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;z-index: 5;}
.bd-formbg:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000cc;z-index: 0;}
.emrald-banner {background-image: url(../img/emraldbaner.webp);background-repeat: no-repeat;background-position: center;background-size: cover;background-clip: initial;position: relative;height: 500px;width: 100%;display: flex;justify-content: center;align-items: center;}
.emrald-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b0;}
.emrald-about {height: 400px;border-radius: 5px;overflow: hidden;}
.emrald-about>img {height: 100%;width: 100%;object-fit: cover;}
.emrald-amenities {box-shadow: 0px 0px 5px 3px rgb(255, 255, 255);padding: 50px;border-radius: 10px;transition: all .3s ease;}
.emrald-amenities:hover {box-shadow: 0px 0px 5px 3px var(--hover-color);border-radius: 5px;}
.rps-slider a {margin-right: 10px;display: block;}
.rps-slider a img {height: 200px;width: 90%;object-fit: cover;object-position: center;border-radius: 5px;}
.adore-about-img {width: 100%;height: 100%;}
.adore-about-img>img:first-child {width: 100%;height: 100%;object-fit: cover;}
.adore-absolute-img {position: absolute;top: 68%;left: 17%;border: 5px solid rgb(255, 255, 255);}
.adore-absolute-img>img {width: 100%;height: 100%;object-fit: cover;}
.equal-img {width: 100%;height: 200px;object-fit: cover;border-radius: 8px;}
.site-plan-img {height: 600px;margin-bottom: 50px;}
.site-plan-img img {width: 100%;height: 100%;object-fit: contain;border-radius: 3px;box-shadow: 0px 0px 5px px var(--text-color);}
.project-section {background-color: #f8f9fa;padding: 50px 0;}
.project-header {font-size: 32px;font-weight: bold;color: var(--text-color);margin-bottom: 30px;}
.pricing-table th,
.pricing-table td {padding: 10px;text-align: center;}
.location-card {background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 20px;margin-top: 20px;}
.amenities-list {list-style-type: none;padding: 0;}
.amenities-list li {margin: 10px 0;}
.amenities-icon {width: 50px;height: 50px;object-fit: contain;margin-bottom: 10px;}
.amenity-text {font-size: 14px;font-weight: 500;}
.amenities-box {transition: transform 0.2s ease;}
.amenities-box:hover {transform: translateY(-5px);}
i.bi.bi-check-circle-fill {color: var(--background);}
.omaxe-banner {background-image: url(../img/omaxe-img.jpg);background-position: center;background-size: cover;position: relative;}
.omaxe-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.amolik-sankalp-banner {background-image: url(../img/amolic-sankalp-banner.jpg);background-position: center;background-size: cover;position: relative;}
.amolik-sankalp-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.about-img>img {height: 100%;width: 100%;border-radius: 2px;}
.contact-title {width: fit-content;position: relative;font-size: 42px;font-weight: bolder;}
.contact-title::after {content: "";position: absolute;width: 60px;height: 3px;bottom: -15px;right: 90px;background-color: #0071aa;}
.blog-title {width: fit-content;position: relative;font-size: 42px;font-weight: bolder;}
.blog-title::after {content: "";position: absolute;width: 60px;height: 3px;bottom: -15px;right: 40px;background-color: #0071aa;}
.contact-about {background-image: url(../img/contact-second-bg.jpg);background-position: center;background-size: cover;position: relative;}
.contact-about::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.about-banner {background-image: url(../img/about-us-bg.jpg);background-position: center;background-size: cover;position: relative;}
.about-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.amolik-banner {background-image: url(../img/amolic-asterwood-bg.png);background-position: center;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;height: 500px;}
.amolik-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #0000009c;}
.greens-banner {background-image: url(../img/greens-banner-bg.jpg);background-position: center;background-size: cover;position: relative;}
.faridabad-banner {background-image: url(../img/faridabad-banner.jpeg);background-position: center;background-size: cover;position: relative;}
section.faridabad-banner::after {position: absolute;inset: 0;height: 100%;width: 100%;display: block;content: "";background: #000000b0;}
.greens-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #00000094;}
.green-img {border-radius: 5px;overflow: hidden;}
.green-img>img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.why-details li span {font-size: 15px;}
.why-right-img {border-radius: 5px;overflow: hidden;}
.why-right-img>img {width: 100%;max-height: 100%;object-fit: cover;object-position: bottom;}
.content {height: 540px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.soha-banner {background-image: url(../img/soha-olive-banner-bg.webp);background-position: center;background-size: cover;position: relative;}
.soha-banner::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000af;}
.about-image {width: 100%;height: 90%;border-radius: 50%;border: 10px solid rgb(199, 199, 199);box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .5);overflow: hidden;}
.about-image>img {width: 90%;height: 100%;object-fit: cover;object-position: center;}
.about-title {position: relative;width: fit-content;font-size: 25px;color: var(--text-color);font-weight: bold;}
.about-title:after {content: "";position: absolute;right: 0;right: -80px;bottom: 13px;height: 2px;width: 70px;background-color: var(--background);}
.soha-about-img {border-radius: 4px;overflow: hidden;}
.soha-about-img>img {width: 100%;height: auto;}
.amenities-img {height: 100px;position: relative;text-align: center;}
.amenities-img:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #ffffff27;}
.amenities-img>img {width: 80%;height: 70%;object-fit: contain;object-position: center;}
.formWrapper {padding: 20px 15px;box-shadow: 0px 0px 2px 2px rgb(222, 222, 222);border-radius: 2px;}
.formSection input:focus {box-shadow: 0px 0px 0px .1px var(--background) !important;}
.formSection input {padding: 12px 10px;font-size: 14px;font-weight: 500;border-radius: 1px;outline: none;}
.formSection textarea {border-radius: 1px;}
.formSection textarea:focus {box-shadow: 0px 0px 0px .1px var(--background) !important;}
.form-control:focus {color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: #ffffff00;outline: 0;box-shadow: 0 0 0 .25rem rgba(13, 109, 253, 0);}
.adoreFormSection {background-image: url(../img/adore-form.jpg);background-position: center;background-size: cover;position: relative;}
.adoreFormSection>.container {position: relative;z-index: 99;}
.adoreFormSection::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b2;z-index: 1;}
.presidentialFormSection {background-image: url(../img/presedential-bg.jpg);background-position: center;background-size: cover;position: relative;}
.presidentialFormSection::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b2;z-index: 1;}
.rpsFormSection {background: linear-gradient(to right, rgba(255, 0, 0, 0.774), rgba(0, 0, 255, 0.671));background-position: center;background-size: contain;position: relative;}
.rpsFormSection::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000dc;z-index: 1;}
.emraldFormSection {background-image: url(../img/emrald-bg.png);background-position: center;background-size: contain;position: relative;background-attachment: fixed;}
.emraldFormSection::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: #000000b0;z-index: 1;}
.presidentialFormSection>.container {position: relative;z-index: 99;overflow: hidden;}
.bp-top {position: absolute;top: 5%;left: 40%;}
.bp-top>img {width: 100%;height: 100%;object-fit: contain;}
.paymentPlan>img {width: 100%;height: 100%;object-fit: cover;}
.middle-big-img {max-width: 800px;margin: 0 auto;}
.middle-big-img>img {width: 100%;height: 100%;object-fit: cover;}
.amenities-image {max-width: 80px;}
.floor-img {box-shadow: 0px 0px 2px 2px rgb(255, 255, 255);text-align: center;}
.floor-img>a>img {width: 90%;height: 100%;object-fit: contain;object-position: center;}
.bg-slate {background-color: #e6e6e6;}
.bg-lighGrey {background: #000000a2;}
.bg-cream {background-color: #fdf3e1;}
.service-card {cursor: pointer;}
.service-card:hover .keyFeatures {text-decoration: underline var(--background);}
.amenities-image>img {width: 100%;height: 100%;object-fit: cover;}
.foundetailBtn {background-color: var(--background);color: white;text-align: center;border-radius: 10px;padding: 20px;}
.contact-form {padding: 40px 30px;}
.form-title {position: relative;}
.form-title::before {content: "";position: absolute;width: 40px;height: 2px;bottom: -20px;left: 0;}
.about-right-img>img {object-fit: cover;object-position: center;height: 400px;width: 100%;}
.icon-circle {background-color: #e6f5ff;padding: 15px;border-radius: 50%;box-shadow: 0 0 15px rgba(0, 174, 255, 0.4);width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;}
.contact-bg {background-color: #00000079;padding: 40px 30px;}
.gallery-img>img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.middle-image {max-width: 200px;height: 300px;box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.5);border-radius: 5px;overflow: hidden;}
.middle-image>img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.main-middle-image {max-width: 800px;height: 800px;box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.5);border-radius: 5px;overflow: hidden;}
.main-middle-image>img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.theme-btn {padding: 10px 25px;color: white;transition: all .3s ease;border-radius: 2px;background-color: var(--background);border: 1px solid transparent;}
.faq-img {border-radius: 5px;overflow: hidden;}
.theme-btn:hover {background-color: #fff;color: var(--text-color);border: 1px solid var(--text-color);}
.hover-bg:visited {background: var(--background);}
.thumbnail {padding: 100px !important;}
.thumbnail:hover .hover-content {transform: translateY(0);}
.hover-content {position: absolute;bottom: 0;left: 0;width: 100%;background-color: var(--background);color: white;text-align: center;padding: 10px;font-size: .8rem;font-weight: bold;transform: translateY(100%);transition: transform 0.3s ease;z-index: 10;}
.thumbnail-image {height: 100%;width: 100%;overflow: hidden;position: relative;}
.thumbnail-image>img {width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.thumbnail-image::after {position: absolute;content: "";height: 100%;width: 100%;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;transition: all .3s ease-in-out;border-radius: 10px;}
.thumbnail-content {padding: 10px 20px;}
.thumbnail-wrapper:hover .thumbnail-image>img {transform: scale(1.05);}
.wwp {white-space: nowrap;}
.thumbnail-wrapper {overflow: hidden;border-radius: 10px;}
.scrollable-dropdown::-webkit-scrollbar-thumb {width: 2px;}
.scrollable-dropdown::-webkit-scrollbar-thumb {background-color: #127e99;border-radius: 0;}
.scrollable-dropdown::-webkit-scrollbar-thumb:hover {background: #555;}
.thumbnail {background-size: cover;background-position: right;background-repeat: no-repeat;position: relative;padding: 50px;transition: all .3s ease;height: 300px;overflow: hidden;}
.thumbnail-wrapper:hover .thumbnail {transform: scale(1.05);}
.thumbnail::after {position: absolute;content: "";width: 100%;height: 100%;background-color: #00000000;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
.thumbnail-wrapper:hover .thumbnail::after {background-color: #000000d9;}
.thumbnail-1 {background-image: url(../img/hover-img.jpg);}
.thumbnail-2 {background-image: url(../img/hover-img2.jpg);}
.thumbnail-3 {background-image: url(../img/hover-img3.jpg);}
.thumbnail-4 {background-image: url(../img/hover-img4.jpg);}
.text-center {position: relative;z-index: 3;}
.hover-bg:focus {box-shadow: none;}
.hover-bg:focus {background-color: var(--background);color: white;}
.testimonial-slider-wrapper {overflow: hidden;position: relative;}
.testimonial-slider {display: flex;transition: transform 0.4s ease-in-out;width: 300%;}
.testimonial-card {flex: 0 0 100%;max-width: 100%;box-sizing: border-box;}
.slider-controls {margin-top: 20px;text-align: center;}
.slider-btn {padding: 10px 20px;margin: 0 10px;background-color: #ff5e14;color: #fff;border: none;cursor: pointer;font-size: 18px;border-radius: 5px;}
.slider-btn:hover {background-color: #e14b0f;}
.card {background: white;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 6px;}
.slider-btn {padding: 10px 25px;color: white;transition: all .3s ease;border-radius: 1px;background-color: var(--background);outline: none;border: 1px solid transparent;}
.slider-btn:hover {border: 1px solid var(--background);background-color: transparent;color: black;}
.slider-controls {text-align: center;margin-top: 1rem;}
.card {background: white;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 6px;padding: 1.5rem;display: flex;flex-direction: column;justify-content: center;height: 100%;width: 100%;}
.testimonial-slider {width: 100%;margin: auto;}
.slick-dots li.slick-active button:before {opacity: .75;color: rgb(255, 255, 255);}
.slick-dots li button {font-size: 0;line-height: 0;display: block;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;border-radius: 0%;}
.slick-dots li button:before {font-family: 'slick';font-size: 0;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .1;color: #ffffff00;background-color: var(--background);}
.slick-dots li.slick-active button:before {opacity: 1;color: #b67f40;border-radius: 0;font-size: 20px;}
button.accordion-button {font-weight: bold;}
.footer {background-image: url(../img/footer-bg-img.jpg);background-size: cover;background-position: right;background-repeat: no-repeat;position: relative;padding: 50px 10px;margin-top: -50px;}
.footer:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background-color: #000000d7;z-index: 2;}
.footer-content {position: relative;z-index: 10;}
.footer-content p {font-size: 13px;font-weight: 400;}
.footer-bottom {background-color: var(--background);color: white !important;}
.social-link-btn:hover {background-color: var(--background);color: white !important;}
.main-header {position: sticky !important;top: 0 !important;z-index: 999;}
section {padding: 50px 10px;}
.banner-inner {position: absolute;transform: translate(-18%, -160%);}
.testimonial-card {margin-right: 10px;}
.testimonial-card>.card {height: 250px;border-bottom: 0;pointer-events: none;}
.footer-logo {width: 74px;height: 82px;background-color: white;border-radius: 10px;padding: 10px;margin-bottom: 20px;}
.footer-logo>img {width: 100%;object-fit: cover;}
.carousel-control-prev {left: -45px;top: 0%;}
.carousel-control-next {right: 0;top: 0%;}
.subtitle {font-size: 22px;font-weight: bold;font-family: var(--font-family);}
.px-lg-6 {padding-inline: 20px !important;}
.main-content {position: relative;z-index: 99;padding: 10px;height: 100%;display: flex;justify-content: center;align-items: center;}
.main-content h1,
h4 {text-align: center;}
.main-content h4 {margin-top: 10px;}
.accordion-button {position: relative;font-size: 14px;}
.floor-img {margin-top: 20px;}
section:nth-child(1):not(.banner-section) {height: 500px;}
section:nth-child(3) p:nth-child(1) {border-radius: 30rem;padding-inline: 20px;}
p {font-size: 15px;}
.whatsappIcon {position: fixed;bottom: 20px;z-index: 998;}
.bh-formbg {padding: 0;}
.card-img {height: 200px;}
.card-img>img {height: 100%;width: 100%;object-fit: cover;}
.card {border-bottom: 4px solid var(--background) !important;transition: all .3s ease;}
.card i {transition: all .3s ease-in-out;}
.card:hover {transform: translateY(-5px) !important;}
.card:hover i {color: rgb(255, 204, 0);}
.border-btm-none {border-bottom: 0 !important;}
.service-card.card.h-100.shadow-sm.border-0.text-center {background-color: rgba(218, 218, 218, 0.538);box-shadow: 0px 10px 2px 5px rgb(255, 183, 0) !important;cursor: pointer;}
.service-card:hover {box-shadow: 0px 10px 2px 5px rgb(255, 204, 0) !important;}
.service-card i.bi.fs-1.text-color.mb-3 {transition: all .3s ease-in-out;display: inline-block;}
.service-card:hover i.bi.fs-1.text-color.mb-3 {color:rgb(255, 204, 0) ;   }
.home-card:hover {box-shadow: 0px 10px 2px 5px rgb(255, 204, 0) !important;}
.nav a.active {background-color: var(--background);color: white;border-radius: 5px;}
.bg-sec {background-color: rgba(212, 212, 212, 0.398);}
.tooltip-box {position: absolute;background-color: #333;color: #fff;padding: 6px 10px;border-radius: 4px;font-size: 14px;visibility: hidden;opacity: 0;transition: opacity 0.3s;z-index: 1000;}
.fresh-wrapper {overflow: hidden;}
.header-btn {position: relative;overflow: hidden;z-index: 900;}
.header-btn::after {content: "";position: absolute;height: 45%;width: 100%;background: linear-gradient(to bottom, rgb(253 253 253 / 16%), rgb(255 255 255 / 63%));inset: 0;transform: rotate(-70deg);animation: fresh 3s infinite forwards;z-index: 901;}
.thumbnail-box {height: 320px !important;}
.bptp-about {position: relative;}
.bptp-about::before {content: "";position: absolute;inset: 0;height: 100%;width: 100%;background-image: linear-gradient(to right, #9b3d073f, #c46b122a);background-blend-mode: multiply;}
section:nth-child(2) h2:nth-child(1) {margin-top: 20px;}
@keyframes fresh {0% {left: -50px;opacity: .1;}50% {opacity: .4;}75% {opacity: .3;}100% {left: 80px;opacity: 0;}}
.am1 {padding: 5px 30px;}
.am1>img {width: 80px;height: 80px;}
.info-box {border: 1px solid #dee2e6;border-left: 4px solid #198754;background-color: #f8f9fa;border-radius: 6px;transition: background-color 0.3s ease, box-shadow 0.3s ease;}
.info-box:hover {background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);}
.info-box ul {margin: 0;padding-left: 1rem;}
.info-box li {margin-bottom: 0.5rem;}
.banner-section {background-position: center;background-size: cover;position: relative;padding: 220px 20px 50px 20px;height: auto;margin-bottom: 50px;}
.banner-title {font-size: 4vw;}
.swiper-pagination-bullet-active {background-color: var(--background);}
.swiper-button-next,
.swiper-button-prev {color: var(--background);}
.swiper-button-next {position: absolute;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;top: 50%;}
.swiper-button-prev {position: absolute;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;top: 50%;}
.icon-hover {transition: transform 0.3s ease, color 0.3s ease;}
.card:hover .icon-hover {transform: scale(1.1);color: var(--background) !important;}
.amenity-box {background-color: #f8f9fa;transition: all 0.3s ease;cursor: pointer;border: 1px solid #dddddd00;}
.amenity-box:hover {background-color: #e9ecef;transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.icon-hover {transition: transform 0.3s ease, color 0.3s ease;}
.amenity-box:hover .icon-hover {transform: scale(1.2);color: var(--background) !important;}
.amenity-box h6 {transition: color 0.3s ease;}
.amenity-box:hover h6 {color: var(--background);}
.conclusion-section {background: linear-gradient(135deg, #f0f4f8, #ffffff);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.conclusion-section:hover {transform: translateY(-5px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);}
.conclusion-content p {margin-bottom: 1rem;line-height: 1.7;}
.developer-section {background: linear-gradient(135deg, #f5f7fa, #ffffff);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.developer-section:hover {transform: translateY(-5px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);}
.developer-img {transition: transform 0.3s ease, box-shadow 0.3s ease;}
.developer-img:hover {transform: scale(1.05);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
.plot-options-section {background: linear-gradient(135deg, #f9f9f9, #ffffff);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}
.info-card {transition: transform 0.3s ease, box-shadow 0.3s ease;background-color: #fff;border-radius: 12px;}
.info-card:hover {transform: translateY(-5px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);}
.icon-hover {transition: transform 0.3s ease, color 0.3s ease;}
.info-card:hover .icon-hover {transform: scale(1.2);color: var(--background) !important;}
.scroll-to-top {position: fixed;bottom: 30px;right: 30px;background-color: var(--background);color: white;border: none;border-radius: 5px;width: 40px;height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transition: opacity 0.4s, visibility 0.4s, transform 0.3s;z-index: 999;}
.scroll-to-top:hover {background-color: var(--background);transform: scale(1.1);}
.scroll-to-top.show {opacity: 1;visibility: visible;}
.wrap-reverse {flex-wrap: wrap-reverse;}
.icon-hover:hover {transform: scale(1.2);transition: transform 0.3s ease;}
.custom-list .list-group-item:hover {background-color: #f9f9f9;cursor: pointer;}
.hover-card {transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;}
.hover-card:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}
.hover-card i {transition: all .2s ease-in-out;}
.hover-card:hover i {color: rgb(255, 204, 0);}
.text-color {color: var(--background);}
.location-box {background: linear-gradient(135deg, #e0f7fa, #ffffff);border: 2px solid #198754;border-radius: 12px;transition: border-color 0.3s ease, transform 0.3s ease;}
.location-box:hover {border-color: var(--background);transform: translateY(-5px);}
.location-number {background-color: #198754;color: white;width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 18px;transition: background-color 0.3s ease;}
.location-box:hover .location-number {background-color: var(--background);}
.feature-card {background: #f9f9f9;border: 2px solid transparent;transition: all 0.3s ease-in-out;border-radius: 15px;}
.feature-card:hover {border-color: var(--background);background: linear-gradient(135deg, #e0f2ff, #ffffff);transform: translateY(-5px);}
.feature-card i {transition: color 0.3s ease;}
.feature-card:hover i {color: #198754 !important;}
#mobileMenuBar {position: fixed;height: 100vh;left: 0;width: 100%;z-index: 1001;bottom: -200%;background-color: #fdf3e1;padding: 35px 15px 15px 15px;font-size: 20px;transition: .2s cubic-bezier(1, 0.97, 0, 0.91);}
.showMobileMenu {top: 73px !important;bottom: 0 !important;}
#mobileMenuBar ul.dropdownMenuBar {border: 1px solid transparent;background-color: transparent ;border-radius: 8px;height: 0;overflow-y: hidden;margin-top: 5px;transition: all .5s cubic-bezier(0.62, 1.35, 0, 0.99);}
#mobileMenuBar ul.dropdownMenuBar::-webkit-scrollbar {width: 0px;background-color: var(--background);}
.showDropdownMenu {height: 300px !important;padding-block: 0px !important;overflow-y: scroll !important;border: .1px solid var(--text-color) !important;background-color: white !important;}
#mobileMenuBar ul li {width: 100%;}
a#openDropdownMenu {cursor: pointer;}
#mobileMenuBar ul>li:hover {background-color: #ad783c9e;border-radius: 5px;}
#mobileMenuBar ul.dropdownMenuBar li a {width: 100%;display: inline-block;height: 100%;padding: 10px 0px 10px 25px}
#svg-down {display: flex;justify-content: center;align-items: center;}
.activeLink{background-color: var(--background);color: white !important;}
span.menu-icon {display: block;font-size: 2rem;}
span.close-icon {display: block;font-size: 2rem;}
.navbar-toggler:focus {text-decoration: none;outline: 0;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;}
button.navbar-toggler {margin-left: auto !important;border: 0;}
.navbar-link {display: inline-block;padding: 10px 0px 10px 15px;width: 100%;height: 100%;}
#mobileMenuBar ul li a {transition: all 0ms ease-out;}
#mobileMenuBar ul li:hover a {color: white !important;border-radius: 5px;}
#mobileMenuBar ul li:hover #svg-down svg {fill: white !important;}
#pointer-event {pointer-events: none;}
.rotating {transform: rotate(180deg);}
.overlay {position: fixed;height: 100vh;inset: 0;width: 100%;background-color: #000000c6;z-index: 1000;visibility: hidden;display: block}
.showOverlay {visibility: hidden !important;}
li.list-unstyled.cursor-pointer.d-flex.justify-content-between {cursor: pointer;}
li.list-unstyled.cursor-pointer {border: .1px solid var(--background);margin-top: 5px;border-radius: 5px;}
#mobileMenuBar ul li a {color: #111;border-bottom: .1px solid var(--background) !important;}
.accordion-button::after{background-image: url('../../assets/img/a-arrow (3).png') !important;background-repeat: repeat !important;background-size: 1.2rem !important;transition: none !important;width: 1.25rem !important;height: 1.25rem !important;flex-shrink: 0 !important;margin-left: auto !important;content: "" !important;}
#answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9, #answer10{transition:none !important}
.accordion-header {margin-bottom: 0;border: .1px solid var(--background); margin-top:7px; border-radius: 5px;}
button.accordion-button.collapsed {border-radius: 5px;}
section.finalThought {width: 100%;max-width: 500px;margin: 0 auto;box-shadow: 0px 0px 5px 2px #8b8b8bb5;padding: 50px;border-radius: 10px; margin-block: 50px;}@media (min-width: 365px) {.dash {display: block;position: absolute;top: 50%;left: 45%;margin: auto;width: 30px;height: 2px;transform: rotate(270deg);background-color: var(--text-color);z-index: 2;}}
@media (min-width: 576px) {.navbar-expand-sm .navbar-nav .dropdown-menu {position: absolute;left: -100px}.mansha-right-slider {height: 300px !important;}}
@media (min-width: 768px) {.testimonial-card {flex: 0 0 33.3333%;}h2 {font-size: 25px !important;}}
@media (min-width: 900px) {.slick-dots {position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}}
@media (max-width: 1200px) {.title::after {content: "";position: absolute;height: 2px;width: 100px;right: -12px;top: 67%;transform: translate(-50%, -50%);background-color: transparent;}.main-title::before,.main-title::after {display: none;}}
@media (max-width: 846px) {.top-header {display: none !important;}.header-phone {display: none;}}
@media (max-width: 767px) {h2 {font-size: 18px !important;font-weight: 500;}.banner-section {padding: 180px 30px 100px 30px;}.banner-title {font-size: 40px;}.thumbnail {padding: 20px !important;border-radius: 10px;display: flex;justify-content: center;align-items: center;}.adore-absolute-img {display: none;}}
@media (max-width: 575px) {#navbarMenu { display: none !important;}section {padding: 50px 10px !important;}.top-header {display: none !important;}.main-content h4 { font-size: 16px;}header {background-color: var(--background) !important;}.bg-image {padding: 0;}.site-plan-img img {width: 100%;height: 100%;border-radius: 3px;object-fit: cover;box-shadow: 0px 0px 5px var(--text-color);}.carousel-control-next-icon,.carousel-control-prev-icon {display: none;}.firstMain {position: relative;top: -96px;}.header-phone {display: none !important;}.header-logo {height: 47px !important;object-fit: contain;}.banner-inner {position: absolute;left: 39%;transform: translate(-50%, -124%);}.image-wrapper {position: absolute;top: 37%;}.slider-line {display: block;height: 285px;width: 200px;position: absolute;top: -18%;left: -16%;}.auric-formbg,.bd-formbg,.mainFormSection {padding: 0;}.mansha-right-slider img {height: 300px !important;}.footer-content .container .row .col-md-4.mb-4 ul.list-unstyled {font-size: 14px;}table th,table td {font-size: 13px;padding: 0.5rem;}.highlighted {font-size: 1.1rem;}.emrald-amenities {padding: 10px;}.project-section {    background-color: #eaeced; padding: 0 15px;}.formSection input { font-size: 14px;}.line-md {display: none;}}
@media (max-width: 400px) {p {font-size: 14px;}h4 {font-size: 20px;text-align: center;}.about-right-img {height: auto;}.about-right-img>img {width: 100%;height: 100%;object-fit: cover;object-position: center;}.subtitle {font-size: 17px;}.banner-section {background-image: url(../img/banner-bg-img.jpg);background-position: center;background-size: cover;position: relative;padding: 220px 20px 50px 20px;top: 0;}.banner-title {font-size: 28px;}}
@media (max-width: 300px) {.banner-section {background-image: url(../img/banner-bg-img.jpg);background-position: center;background-size: cover;position: relative;padding: 300px 20px 50px 20px;top: -124px;}}
@media screen and (min-width: 400px) and (max-width: 575px) {.banner-inner {position: absolute;left: 39%;transform: translate(-30%, -151%);}}