@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&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');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    margin: 0;
    color: #000;
    background: #ffffff;
    overflow-x: hidden;
	font-family:"poppins"

}

button,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

html {
    scroll-behavior: smooth;
}




.plus-jakartasans {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}



.btn-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #FFF;
    color: #000;
    font-family: "neue montreal";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    max-width: 174px;
    height: 50px;
}

.btn-primary:hover {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    transition: ease-in 0.2s;
}

.secnd-btn {
    color: #FFF;
    font-family: "neue montreal";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 149px;
    margin: 0 auto;
    margin-top: 30px;
    height: 50px;
}

.secnd-btn:hover {
    background: transparent;
    color: #000;
    border: 1px solid #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
}

input,
select {
    outline: none;
}

a {
    text-decoration: none;
    color: #1b2642;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.flex {
    display: flex;
}

.gap-12 {
    gap: 12px;
}

.gap-26 {
    gap: 26px;
}

.gap-30 {
    gap: 30px;
}

.gap-33 {
    gap: 33px;
}

.gap-40 {
    gap: 40px;
}

.gap-50 {
    gap: 50px;
}

.gap-80 {
    gap: 80px;
}

.f-wrap {
    flex-wrap: wrap;
}




.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: start;
}

.align-items-end {
    align-items: end;
}

.block {
    display: block;
}


.transition {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.list-none {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blue {
    color: rgba(32, 102, 232, 1);
}

fieldset {
    border: none;
    padding: 0;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
}


/* Main Css */
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.top-header {
    background: #2066E8;
    padding: 6px 0 6px 0;
    position: relative;
    z-index: 9;
/* 	display:none; */
}

.f-sale p {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    ;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.f-sale {
    gap: 16px;
    margin: 0 auto;
}

.bottom-header-content {
    border-radius: 16px;
    background: var(--Color-4, #2066E8);
/*     margin-top: 39px; */
    padding: 21px 21px 21px 21px;
}

.is-sticky {
  position: fixed !important;
    /* box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); */
    padding: 8px 0;
    /* backdrop-filter: blur(10px); */
    animation: slideDown 0.35s ease-out;
    padding: 0;
    top: 0 !important;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

header#myHeader {
  z-index: 999;
    width: 100%;
    top: 60px;
    right: 0;
    left: 0;
    position: absolute;
}

.is-sticky .bottom-header {
    position: relative;
}

.is-sticky .bottom-header-content {
    margin: 0px;
}

ul.header-links li a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: "Poppins", sans-serif;
}
ul.header-links li.current-menu-item a {
    font-weight: 600;
}

/* .bottom-header {
   position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
} */

.header-logo {
    width: 100%;
    max-width: 35%;
}

.nav-links {
    width: 100%;
    max-width: 80%;
}

.header-icon a {
    background: #ffffff24;
    padding: 10px 12px 10px 12px;
    border-radius: 50%;
}

.home-banner {
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 740px;
    position: relative;
    overflow: hidden;
}
/*
.swiper-container,
.swiper-container-1 {
    width: 100%;
    max-width: 275px;
    height: 275px;
    margin: 0 auto;
}

.swiper-slide {
    margin-bottom: 12px;
}

.swiper-container>.swiper-wrapper {
    transition-timing-function: linear;
}
*/
/* .swiper-wrapper{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
} */
/*
.swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
*/

.banner-slider {
    width: 100%;
    max-width: 560px;
    position: relative;
    right: -70px;
	gap:12px;
}/*
.swiper-slide img {
    width: 274px;
    height: 274px;
    object-fit: cover;
    border-radius: 10px;
}*/

.banner-content h1 {
    color: var(--White, #FFF);
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 89.6px;
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans", sans-serif;
    width: 100%;
    max-width: 462px;
}

section.featured {
    margin-top: 100px;
}

.featured-content h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 72.5px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 48px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

ul.tabs li.current::after {
    content: "";
    position: absolute;
    border-radius: 20px;
    background: var(--Color-4, #2066E8);
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
}

/* a.style-btn {
    border-radius: 400px;
    background: #2066E8;
    display: flex;
    width: 100%;
    max-width: 284px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: "Poppins", sans-serif;
    margin: 0 auto;
    position: absolute;
    bottom: 12px;
} */

.style-btn {
    border-radius: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: "Poppins", sans-serif;
    margin: 0 auto;
    position: absolute;
    bottom: 24px;
    color: var(--White, #FFF);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 9;
}

.mob-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
}


.stle-img-content a::after {
    content: "";
    position: absolute;
    border-radius: 0px 0px 16px 16px;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 100%;
    height: 92px;
    bottom: 0;
	pointer-events: none;
}

.stle-img-content a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
}

.style-img {
    gap: 16px;
}

.stle-img-content a img {
    width: 100%;
    max-width: 100%;
	height: 170px;
    object-fit: cover;
    border-radius: 14px;
}

.view-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 200px;
    height: 48px;
    margin: 0 auto;
    margin-top: 48px;
}

section.best-seller {
    border-radius: 20px;
    background: var(--Color-1, #142F57);
    padding: 100px 0;
    margin-top: 100px;
}

/* .best-seller-content {
    padding: 0 20px;
} */

.best-heading h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 145%;
    /* 72.5px */
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.best-heading h2:nth-child(2) {
    margin-left: 10px;
	color:rgba(32, 102, 232, 1)
}

.best-heading {
    margin-bottom: 42px;
    display: flex;
    justify-content: center;
}

.seller-name h3 {
    
    /* 108.333% */
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 162.5% */
}

.seller-name {
     padding: 14px 8px 0 8px;
    /* margin-bottom: 100px; */
}

.bed {
    display: flex;
    align-items: center;
    gap: 5px;
}

.seller-img {
    width: 100%;
    max-width: 302px;
    position: relative;
}

.seller-img-cntnt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-top: 16px;
}

.bed p {
    color: var(--White, #FFF);
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bed {
    width: 100%;
    max-width: 95px;
}

.fltr-rt-img .best-house {
    width: 100%;
    max-width: 100%;
    display: block;
	height: 170px !important;
    object-fit: cover;
    border-radius: 16px;
}
.plan-dtl-img-sldr .best-house {
    height: 226px;
    object-fit: cover;
    border-radius: 20px;
}


.wish-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: #fff;
    /* padding: 7px 9px 7px 9px; */
    border-radius: 100%;
}

.seller-content {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    width: 100%;
    gap: 24px;
}

/* .seller-content .seller-img:nth-child(even) {
    position: relative;
    top: -175px;
} */

a.seller-btn {
    text-align: center;
    al;
    border-radius: 120px;
    background: var(--Color-4, #2066E8);
    width: 100%;
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 48px;
    margin-top: 42px;
    color: var(--White, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.collection {
    margin-top: 100px;
}

.collection h2 {
    color: var(--Color-4, #2066E8);
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 145%;
    /* 72.5px */
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.feature-collection {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 48px 0 0 0;
    margin-left: 80px;
}

img.feture-img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.collect-img {
    position: relative;
    width: 100%;
    max-width: 476px;
}

.collection-content {
    border-radius: 20px;
    background: var(--Color-1, #142F57);
    padding: 24px 24px 32px 24px;
    width: 100%;
    max-width: 524px;
}

.collection-content h3 {
    width: 100%;
    max-width: max-content;
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-top: 20px;
}

/*  This commented code is used for centering the button when using Owl Carousel.
    That was replaced for static Collections on the main page. 
.clct-btn {
       color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    width: 241px;
    position: relative;
    right: 50px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-tag {
    display: flex;
    justify-content: center;
    align-items: center;
}
*/

.btn-tag {
    margin-top: 48px;
  }

.clct-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 200px;
    height: 48px;
    margin: 0 auto;
    margin-top: 48px;
}
  
  
div#pure-carousel {
    margin-bottom: 50px;
}

div#pure-carousel {
    margin-bottom: 50px;
}

.what-content {
    padding: 60px 108px 0 70px;
    position: relative;
}

section.what {
    margin-top: 100px;
}

.let-content h2 {
    color: var(--Color-4, #2066E8);
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 72.5px;
    /* */
    text-transform: capitalize;
    margin-bottom: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.let-content p {
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    width: 100%;
    max-width: 1062px;
    margin: 0 auto;
}



.let-card {
    width: 100%;
    max-width: 32%;
    border-radius: 16px;
    background: rgba(32, 102, 232, 0.06);
    padding: 32px;
}

.let-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.let-card h3 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24.8px;
    margin-bottom: 24px;
}
.let-img img {
    width: 100%;
    max-width: 60px;
}

.let-card p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    /*  */
    width: 100%;
    text-align: left;
    opacity: 0.8;
}

.let-card-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 24px;
}

.let-img span {
    border: 1px solid #2066E8;
    /* padding: 8px 12px; */
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.let-img span i {
    color: #2066E8;
}

.let-card:hover {
    background: #2066E8;
    transition: 0.6s;
}

.let-img img:nth-child(1) {
    filter: brightness(0) saturate(100%) invert(17%) sepia(11%) saturate(4137%) hue-rotate(180deg) brightness(94%) contrast(98%);
}

.let-card:hover.let-card h3,
.let-card:hover.let-card p {
    color: #fff;
}

.let-card:hover .let-img img:nth-child(1) {
    filter: brightness(0) saturate(100%) invert(83%) sepia(81%) saturate(2%) hue-rotate(175deg) brightness(109%) contrast(101%);
}

.let-card:hover .let-img span {
    background-color: #fff;
}


.life h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.412px;
    margin-bottom: 16px;
}

.what-content::after {
    content: "";
    position: absolute;
    background-image: url(../images/showed-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 582px;
    height: 580px;
    top: 25px;
    /* right: 0; */
    left: 80px;
    z-index: -1;
}

.life {
    width: 100%;
    max-width: 45.5%;
}

.life p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    margin-bottom: 32px;
    margin-top: 32px;
}

.kriss-head h3 {
    color: var(--Color-1, #142F57);
    text-align: right;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.412px;
}

.kriss-head p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    text-align: right;
    margin-top: 6px;
    margin-bottom: 0;
}

.say h2 {
    color: var(--Color-4, #2066E8);
    text-align: right;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 58.8px;
    text-transform: uppercase;
    position: relative;

}

.say h2::after {
    content: "";
    position: absolute;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 80px;
    height: 80px;
    bottom: 0;
    z-index: -1;
}

.say {
    width: 100%;
    max-width: 42.2%;
}

.kriss-img {
    width: 100%;
    max-width: 281px;
    margin: 55px 106px 0 77px;
}

section.need {
    margin-top: 100px;
    border-radius: 20px;
    background: var(--Color-1, #142F57);
    padding: 100px 0;
    position: relative;
}

section.need::after {
    content: "";
    position: absolute;
    background-image: url(../images/fund-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 490px;
    height: 440px;
    right: 120px;
    top: 0;
    bottom: 0;
}

.fund-content h2 {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 145%;
    /* 72.5px */
    text-transform: uppercase;
    margin-bottom: 16px;
}

.fund-content p {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
    width: 100%;
    max-width: 628px;
    opacity: 0.8;
}

a.fund-btn {
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    display: flex;
    /* padding: 12px 32px; */
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 156px;
    height: 48px;
    margin-top: 48px;
}

.fund-content {
    width: 100%;
    max-width: 650px;
}

.need-head h2 {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    /* font-weight: 800; */
    line-height: 72.5px;
    /* 72.5px */
    text-transform: uppercase;
}

.need-text p {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    opacity: 0.8;
    width: 100%;
    max-width: 524px;
}

.need-head h2:nth-child(2) {
    color: var(--Color-4, #2066E8);
    margin-left: 52px;
}

section.know {
    margin-top: 100px;
}

.know-content h2 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 72.5px;
    /* 72.5px */
    text-transform: uppercase;
    text-align: center;
}

.know-img {
    margin: 48px 0;
}

a.know-bttn {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    display: flex;
    /* padding: 12px 32px; */
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 191px;
    height: 48px;
    margin: 0 auto;
}

.cstmr-dta {
    width: 100%;
    max-width: 411px !important;
}

.cstmr-txt img {
    width: 100%;
    max-width: 29% !important;
}

.cstmr-dta .infl img {
    width: 100%;
    max-width: 48px !important;
}

.customer-content h2 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 145%;
    /* 72.5px */
    text-transform: uppercase;
    text-align: center;
}

.customer i.fa-solid.fa-arrow-left,
.customer i.fa-solid.fa-arrow-right {
    color: rgba(32, 102, 232, 1);
    border: 1px solid rgba(32, 102, 232, 1);
    border-radius: 50%;
    padding: 12px 13px;
}

.customer i.fa-solid.fa-arrow-left:hover,
.customer i.fa-solid.fa-arrow-right:hover {
    background-color: rgba(32, 102, 232, 1);
    color: #fff;
    transition: 0.6s;
}

section.customer {
    margin-top: 100px;
    padding-bottom: 67px;
}

.sel-img-1 {
    position: relative;
}

.sale {
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: flex;
    gap: 4px;
}

.plan-price {
    display: flex;
    justify-content: space-between;
}

.plan-price h4 {
    
    /* 130% */
    color: var(--White, #FFF);
    text-align: right;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 185.714% */
}

.seller-icon a {
    /* padding: 4px 6px 4px 6px; */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seller-icon {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 12px;
    right: 12px;
	 background: #fff;
    border-radius: 50%;
}

.seller-icon a img {
    width: 100%;
    max-width: 18px;
}

.seller-icon .video-box {
    max-width: 25px;
}

.sale p {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 4003px;
    background: var(--White, #FFF);
    display: flex;
    padding: 5px 10px 4px 9px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#customercarousel {
    margin: 48px 0;
}

.plan-detail {
    margin-top: 70px;
}

.plan-1 h3 {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 40.6px;
    /* 40.6px */
}

.plan-cntnt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0 20px 20px;
}

.plan-cntnt p {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    line-height: 34.2px;
    /* 34.2px */
    width: 100%;
    max-width: 41.5%;
    opacity: 0.8;
}

.plan-1 {
    width: 100%;
    max-width: 50%;
}

.plan-cntnt:hover {
    background: rgba(255, 255, 255, 0.08);
    transition: 0.5s;
}

.let {
    border-radius: 29.313px;
    background: var(--Color-4, #2066E8);
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 33px 50px 33px 50px;
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    box-sizing: border-box;
}

.let-cntnt {
    /* padding: 41px 50px 41px 50px; */
    width: 100%;
    max-width: 410px;
}

.footer-top-img {
    width: 100%;
    max-width: 100%;
    display: block;
}

section.keep {
    margin-top: 100px;
    position: relative;
    margin-bottom: -267px;
}

.let-cntnt h2 {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.5px;
    /* 43.5px */
    text-transform: capitalize !important;
    margin-bottom: 18px;
}

.let-cntnt p {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
    /* 28.8px */
/*     text-transform: capitalize; */
    opacity: 0.8;
}

button.mail-btn {
    background: transparent;
    border: none;
}

.let-mail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 13px;
    width: 100%;
    max-width: 446px;
}

input#mail {
    background: transparent;
    border: none;
    color: #fff !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

}

input#mail::placeholder {
    color: #fff !important;
    background: transparent;
}

footer#footer {
    border-radius: 30px;
    background: var(--Color-1, #142F57);
    width: 100%;
    max-width: 100%;

}

.footer-links h4 {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

ul.footer-ul li a {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    opacity: 0.8;
}

ul.footer-ul li {
    margin-bottom: 12px;
}

ul.footer-ul li:last-child {
    margin-bottom: 0;
}

.footer-nav-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 49px; */
    width: 100%;
    max-width: 453px;
    margin: 0 auto;
    margin-top: 59px;
}

img.footer-logo-img {
    width: 100%;
    max-width: 100%;
}

.footer-top-dta {
    border-bottom: 1px solid rgba(234, 236, 241, 0.16);
    padding: 81px 0 70px 0;
}

footer.index-footer {
    padding-top: 267px;
}

.rights p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px;
    /* */
    opacity: 0.4;
}

.policy p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px;
    /* */
    opacity: 0.8;
}

.footer-bottom {
    padding: 31px 0 30px 0;
	align-items: flex-start;
}

/* banner tabbing */

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 0 0 8px 0;
    cursor: pointer;
}

ul.tabs li.current {
    color: var(--Color-4, #2066E8);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}

.tab-content {
    display: none;
    width: 100%;
    max-width: 856px;

}

.tab-content.current {
    display: inherit;
    width: 100%;
    max-width: 856px;


}

.banner-plan {
    position: relative;
    z-index: 1;
    border-radius: 16px;
    border: 1px solid #FCFCFD;
    background: linear-gradient(84deg, #FCFCFD 36.52%, rgba(252, 252, 253, 1) 98.8%);
    box-shadow: 0px 40px 64px -32px rgba(15, 15, 15, 0.10);
    backdrop-filter: blur(16px);
    width: 100%;
    max-width: 904px;
    padding: 24px;
    margin-top: 48px;
    margin-bottom: -56px;
}

.tab-dta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 0px 0px 0px;
}

.bnr-plan-dta h5 {
    color: var(--Color-1, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px;
}

.ft-dta {
    border: none;
    background: transparent;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.banner-plan-content {
    width: 100%;
    max-width: 184px;
    padding: 10px;
}

.bnr-plan-dta {
    width: 100%;
    max-width: 120px;
}


li.tab-link {
    color: var(--Color-1, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

ul.tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: start;
    gap: 40px;
    width: 100%;
    max-width: 760px;
}

button.plan-search-btn {
    border: none;
    background: var(--Color-4, #2066E8);
    border-radius: 50%;
    padding: 14px 16px 15px 16px;
}

/* select.bedd {
    border: none;
    background: transparent;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
} */

.bnr-plan-dta-drop {
  position: relative;
  display: inline-block;
}

.bnr-plan-dta-drop::after {
  content: "";
 background-image: url(https://houseplans.online/wp-content/uploads/2024/07/select-drop.svg);
  background-repeat:no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 40px;
  /* top: 0; */
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--Grey, #5B5B5F); /
  Custom arrow color /;
  bottom: -5px;
 pointer-events: none;
   touch-action: none;
}

.bnr-plan-dta-drop select {
    border: none;
    background: transparent;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-appearance: none; /* Remove default appearance in Safari */
    -moz-appearance: none;    /* Remove default appearance in Firefox */
    appearance: none;         /* Remove default appearance in modern browsers */
	 width: 100%;
    max-width: 100%;
}


select.bathroom-1 {
    border: none;
    background: transparent;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.banner-content {
    margin-top: 84px;
}

.tab-opt {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 760px;
}

/* BreadCrumb */

ul.breadcrumb {
    /* padding: 10px 16px; */
    list-style: none;
}

ul.breadcrumb li a::after {
    color: rgba(28, 28, 34, 1);
    content: ">";
    position: absolute;
    padding-left: 5px;
	top: 0;
}

ul.breadcrumb li a {
    font-family: "Poppins", sans-serif;

    /* 100% */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    padding-right: 6px;
    color: var(--Grey, #5B5B5F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

ul.breadcrumb li {
    display: inline;
    margin-right: 0px;
    font-family: "Poppins", sans-serif;

    /* 100% */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    position: relative;
    color: var(--Grey, #5B5B5F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


ul.breadcrumb li a:hover {

    text-decoration: underline;
}

ul.breadcrumb li {
    padding-left: 16px;
}

section.best-plan {
    margin-top: 178px;
}

.plan-sort-rslt h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
}

select#sort-by {
    border: none;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

/* .plan-sort-rslt {

    border-radius: 12px;
    border-bottom: 1px solid var(--BG-1, #EDF1F2);
} */
.min-sq {
    border-radius: 4px;
    background: rgba(32, 102, 232, 0.06);
    padding: 8px 12px;
    gap: 4px;
	height: 36px;
    display: flex;
    justify-content: center;
}

.best-plan-content h2 {
    color: var(--Color-1, #142F57);
    font-family: 'Plus Jakarta Sans';
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    /* 127.778% */
    border-radius: 12px;
    /* border-bottom: 1px solid var(--BG-1, #EDF1F2); */
    padding-bottom: 32px;
}

.plan-square {
    gap: 8px;
}

.srch-sle {
    position: absolute;
    bottom: 50px;
    left: 12px;
    display: flex;
    gap: 4px;
}

.search-plan-img {
    position: relative;
}

.srch-sle p {
    color: var(--Color-4, #2066E8);
    font-family: 'Plus Jakarta Sans';
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    padding: 3px 8px 5px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.min-sq p {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.plan-sorting {
    margin-bottom: 24px;
}

ul.breadcrumb li:first-child {
    padding-left: 0;
}

.plan-filter {
    width: 100%;
    max-width: 24%;
}
.pln-flter-right {
    width: 100%;
    max-width: 100%;
}

section.plan-with-filter {
    margin-top: 40px;
    margin-bottom: 100px;
}

.filter-head h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.reset-flter {
    color: var(--Color-4, #2066E8);
    text-align: right;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.filter-head {
    /* margin-bottom: 24px; */
}

.s-plan {
    border-radius: 8px;
    border: 1px solid var(--BG-1, #EDF1F2);
    background: var(--White, #FFF);
    width: 100%;
    max-width: 100%;
    padding: 12px 13px;
    margin-bottom: 16px;
	position: relative;
}
.s-plan .answercont {
    position: relative;
    z-index: 1;
}

.s-plan h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

button.p-srch-btn {
    border-radius: 6px;
    background: var(--Color-4, #2066E8);
    border: 1px solid #2066E8;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

input#p-search {
    background: transparent;
    border: none;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
    width: 100%;
    max-width: 90%;
}

.plan-serch {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    background: var(--BG-1, #EDF1F2);
    padding: 5px 5px 5px 8px;
}

.plan-serch-1 {
    border-radius: 6px;
    background: var(--BG-1, #EDF1F2);
    padding: 10px 8px;
	position: relative;
}
.plan-serch-1::after {
    content: "";
    position: absolute;
    background-image: url(https://houseplans.online/wp-content/uploads/2024/07/plan-drop-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    right: 12px;
	pointer-events: none;
}

select#plane-type {
    border: none;
    background: transparent;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
    opacity: 0.7;
    width: 100%;
    max-width: 100%;
	-webkit-appearance: none;
    appearance: none;
}



.plan-serch-2.flex input {
    border-radius: 6px;
    background: var(--BG-1, #EDF1F2);
    border: 1px solid rgba(237, 241, 242, 1);
    padding: 9px 8px 9px 8px;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
    width: 100%;
    max-width: 144px;
}

.plan-serch-2 {
    gap: 4px;
}
































/* Radio Button */

.question {
    /* font-size: 1.2rem; */
    /* font-weight: 600; */
    /* padding: 12px 8px 12px 8px; */
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.question::after {
    content: "";
    /* font-size: 2.2rem; */
    position: absolute;
    background-image: url(../images/expand-arrow\ -2.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    right: 0;
    transition: 0.2s;
    transform: rotate(180deg);
    top: 0;
}

.question.active::after {
    transform: rotate(0deg);
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.answer {
    line-height: 1.5rem;
}

span.nmbr,
.sze-rd label {
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border-radius: 24px;
    border: 0.5px solid var(--Grey, #5B5B5F);
    opacity: 0.4;
    display: flex;
    width: 34px;
    height: 34px;
    /* padding: 8px; */
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sze-rd input[type="radio"i] {
    display: none;
}

.active-nmbr {
    border-radius: 24px;
    background: var(--Color-4, #2066E8);
    opacity: 1 !important;
    color: #fff !important;
    border: 1px solid var(--Color-4, #2066E8) !important;
}

label.sze-nmbr {
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border-radius: 24px;
    border: 0.5px solid var(--Grey, #5B5B5F);
    opacity: 0.4;
    display: flex;
    width: 40px;
    height: 40px;
    /* padding: 8px; */
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.sze-spn {
    display: flex;
    gap: 6px;
    /* margin-bottom: 24px !important; */
}

.active-border {
    background: var(--Color-4, #2066E8);
}

.liv-opt label {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.1px;
}

.liv-opt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.sze-spn p {
    color: var(--Grey, #5B5B5F);
    text-align: right;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
}

.liv-opt input {
    margin: 0;
    width: 14px;
    height: 14px;
}

.ot-door {
    justify-content: space-between;
    align-items: center;
}

.answer {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.fltr-rt-img {
    width: 100%;
    max-width: 100%;
    border-radius: 20px;
    background: rgba(32, 102, 232, 0.06);
    padding: 16px 16px 20px 16px;
}
.fltr-rt-img-1 {
    width: 100%;
    max-width: 31.6%;
    position: relative;
    /* padding: 16px 16px 20px 16px; */
    /* border-radius: 20px; */
}

.fltr-rt-img h3 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* margin: 12px 0; */
}

.search-plan h4 {
    color: var(--Color-4, #2066E8);
    text-align: right;
    font-family: 'Plus Jakarta Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}


.fltr-img-cntnt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 12px;
}

.fltr-img-cntnt .bed p {
    color: var(--Color-1, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-width: max-content;
}

.fltr-img-cntnt .bed {
    gap: 5px;
    max-width: 33%;
}

.plan-sorting h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: none;
}

.min-sq-cntnt {
    gap: 8px;
}

.wish-icon {
    position: absolute;
    top: 30px;
    right: 30px;
    background-color: transparent;
    /* padding: 4px 6px 4px 6px; */
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.fltr-rt-img .bed img {
    width: 100%;
    max-width: 16px;
}

.save-srch {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 400px;
    border: 1px solid var(--Color-4, #2066E8);
    padding: 10px 32px;
    color: var(--Color-4, #2066E8);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 24px;
}

.search-plan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0 16px 0;
}


.plan-filter-img {
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    row-gap: 24px;
}

.plan-filter-content {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.fltr-img-cntnt .bed img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(32%) saturate(4511%) hue-rotate(203deg) brightness(92%) contrast(88%);
}

.fltr-rt-img-1:hover {
    background: rgba(32, 102, 232, 1);
	border-radius: 20px;
}

.fltr-rt-img-1:hover .fltr-rt-img h3,
.fltr-rt-img-1:hover .search-plan h4 {
    color: #fff;
}

.fltr-rt-img-1:hover .fltr-img-cntnt .bed p {
    color: #fff !important;
}

.fltr-rt-img-1:hover .fltr-img-cntnt .bed img {

    filter: none;
}

.filter-head {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
}

.fltr-itm h6 {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.fltr-itm {
    margin-bottom: 24px;
}

button.pgntn-btn {
    border-radius: 24px;
    border: 0.5px solid var(--Color-4, #2066E8);
    background: transparent;
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    padding: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fltr-pg-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 14px;
}

button.pgntn-btn.active-btn {
    background: var(--Color-4, #2066E8) !important;
    color: #fff;
}

button.pgntn-btn.active-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(216deg) brightness(112%) contrast(102%);
}

.footer-links {
    width: 100%;
    max-width: 302px;
}


/* style page */

section.style-banner {
    background: var(--Color-1, #142F57);
    min-height: 420px;
    position: relative;
    padding-top: 180px;
    padding-bottom: 80px;
}

.style-banner .bread ul.breadcrumb li,
.style-banner .bread ul.breadcrumb li a,
.style-banner .bread ul.breadcrumb li a::after {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	text-transform: capitalize;
}

.style-banner-cntnt {
    text-align: center;
    margin-top: 33px;
}

.style-banner-cntnt h1 {
    color: var(--White, #FFF);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 53.6px;
    /* 89.6px */
    text-transform: uppercase;
    margin-bottom: 32px;
}

.style-banner-cntnt p {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
}

.style-featured-content .style-img {
    flex-wrap: wrap;
    row-gap: 60px;
    justify-content: center;
}

.style-featured .stle-img-content {
    width: 100%;
    max-width: 24%;
}

section.style-featured {
    margin-top: 100px;
    margin-bottom: 100px;
}

.style-featured-content a.load-btn {
    margin: 0 auto;
    margin-top: 60px;
    border-radius: 120px;
    background: rgba(32, 102, 232, 1);
    display: flex;
    width: 100%;
    max-width: 240px;
    height: 48px;
    /* padding: 25px 542px; */
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.house-clctn {
    border-radius: 20px;
    background: #F2F6FE;
    padding: 24px 24px 24px 24px;
    width: 100%;
    max-width: 28.7%;
}

.house-clctn a h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
    width: 100%;
    max-width: max-content;
    margin-top: 24px;
}

.house-clctn img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.clecton-cntnt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 60px;
}

section.clecton {
    margin: 100px 0 100px 0;
}

.house-clctn:hover {
    background: var(--Color-1, #142F57);
    transition: 0.5s;
}

.house-clctn:hover h3 {
    color: #fff;
}


/* FAQ Page */

.faq-cntnt {
    /* margin: 20px 0; */
    border-radius: 14px;
    border: 1px solid #E6E6E7;
    background: #F5F5F5;
    padding: 42px 32px;
    margin-bottom: 12px;
}

.questionfq h3 {
    /* padding: 42px 32px; */
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* border-radius: 14px; */
    /* border: 1px solid #E6E6E7; */
    /* background: #F5F5F5; */
    color: var(--Grey, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 20px */
}

.questionfq h3::after {
    content: "";
    position: absolute;
    background-image: url(../images/expand-arrow\ -2.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    right: 20px;
    transition: 0.2s;
    transform: rotate(180deg);
}

.questionfq.active h3::after {
    transform: rotate(0deg);
}

.answercontfq {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.questionfq.active {
    padding-bottom: 32px;
}

.answerfaq p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.8px;
    /* 23.8px */
    width: 100%;
    max-width: 920px;
    opacity: 0.7;
}

section.faq-sec {
    margin: 100px 0;
}

.faq-question-dta {
    width: 100%;
    max-width: 83%;
    margin: 0 auto;
}

.faq-active {
    border-radius: 14px;
    border-top: 10px solid var(--Color-1, #142F57);
    background: var(--Color-4, #2066E8);
	-webkit-user-select: none;
}
.questionfq {
    -webkit-user-select: none;
}

.questionfq.active h3 {
    color: #fff;
}

.faq-active .answercontfq {
    color: #fff;
}

.faq-active .questionfq.active h3::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(216deg) brightness(112%) contrast(102%);
}

.faq-sec a.load-btn {
    border-radius: 120px;
    background: var(--Color-4, #2066E8);
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    width: 100%;
    max-width: 1062px;
    height: 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
    margin-top: 60px;
}

/* Privacy Page */

section.post-sec {
    margin-top: 100px;
    margin-bottom: 100px;
}

.p-post-content {
    width: 100%;
    max-width: 1062px;
    margin: 0 auto;
}

.p-post-dta p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.86px;
    /*  */
}

.p-post-dta p a {
    text-decoration: underline;
}

.p-post-dta h2 {
    color: var(--Color-1, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 36.4px;
    /**/
    letter-spacing: -0.52px;
    margin-bottom: 24px;
}

.p-post-dta {
    margin-bottom: 48px;
}

/* Blog-dtl Page */

.blog-dtl-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 89%;
    height: 760px;
	margin:auto;
}

.blog-back a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-back p {
    color: var(--Color-4, #2066E8);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

section.blog-dtl-dta {
    margin-top: 100px;
    margin-bottom: 100px;
}

.blog-back h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    /* 95.833% */
    margin-top: 32px;
}

.blog-wrt-nme h5 {
    color: var(--Color-1, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 28px */
    letter-spacing: -0.4px;
    margin-bottom: 16px;
}

.blog-wrt-nme p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.32px;
}

.blog-wrtr {
    /* gap: 16px; */
    width: 100%;
    max-width: 20.2%;
}

.blog-back {
    margin-bottom: 48px;
}

.blog-dta {
    gap: 32px;
    align-items: flex-start;
}

.blog-wrt-nme {
    padding-left: 16px;
}

.blog-text p a {
    text-decoration: underline;
    color: var(--Grey, #5B5B5F);
}

.blog-text p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.86px;
    /* 31.86px */
}

.blog-rt {
    width: 100%;
    max-width: 76.7%;
}

.mud-blog img {
    width: 100%;
    max-width: 100%;
}

.mud-blog {
    margin: 48px 0 0 0;
}

.blog-text h2 {
    color: var(--Color-1, #142F57);
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 36.4px;
    /* 36.4px */
    letter-spacing: -0.52px;
    margin-bottom: 24px;
}

.blog-text {
    margin-top: 48px;
}

.blog-text:first-child {
    margin-top: 0;
}

.blog-text ul {
    margin-top: 40px;
    padding-left: 20px;
}

.blog-text ul li {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.86px;
    /* 31.86px */
    list-style: disc;
}

.blog-img h3 {
    color: var(--Main-Colors-Black, #000);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* */
    margin-top: 32px;
}

.blog-img {
    width: 100%;
    max-width: 405px;
    position: relative;
}

.blog-img img {
    width: 100%;
    max-width: 100%;
    display: block;
	min-height: 315px;
    object-fit: cover;
    border-radius: 8px;
}

.blog-date {
    position: absolute;
    top: 20px;
    right: 10px;
    border-radius: 8px;
    background: var(--Color-4, #2066E8);
    padding: 6px 14px;
}

.blog-date p {
    color: var(--Main-Colors-White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    /*  */
    letter-spacing: 0.28px;
}

section.blog-article {
    margin: 100px 0;
}

.blog-cntnt {
    padding-right: 38px;
}

.blog-rt-text {
    border-bottom: 1px solid rgba(245, 245, 246, 1);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.prev-blog {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}



/* Sign up page */

.sign-pge .tabss {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sign-pge .tabss li {

    background-color: #f6f4f4;

    /* border-right: 1px solid white; */

    cursor: pointer;

    transition: 0.2s;
}

.sign-pge .tabss li.active,
.sign-pge .tabss li:hover {
    background-color: #ddd;
}

.sign-pge .content {
    background-color: #ddd;
}



.sign-pge .content>div:not(:first-child) {
    display: none;
}


.sign-pge ul.tabss li {
    background: none;
    display: inline-block;
    /* padding: 0 0 8px 0; */
    cursor: pointer;
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 235px;
}

.sign-pge ul.tabss {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: start;
    /* gap: 40px; */
    width: 100%;
    /* max-width: 760px; */
}

.sign-pge ul.tabss li {
    background: none;
    display: inline-block;
    /* padding: 0 0 8px 0; */
    cursor: pointer;
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 235px;
}

.sign-pge .tabss li {
    /* padding: 10px; */
    /* background-color: #f6f4f4; */
    /* border-right: 1px solid white; */
    cursor: pointer;
    transition: 0.2s;
}

.sign-pge .tabss li.active,
.tabss li:hover {
    background-color: #2066E8;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    width: 100%;
    max-width: 235px;
    height: 60px;
    border-radius: 16px 0px 0px 0px;
}

.sign-pge .content {
    background-color: #fff;
    border-radius: 16px;
}

.sign-pge .sign-pge {
    width: 100%;
    max-width: 470px;
    border-radius: 16px;
    background: var(--White, #FFF);
    border: 1px solid #fff;
    /* border-radius: 0px 16px 0px 0px; */
    border: 1px solid var(--BG-1, #EDF1F2);
}

.sign-pge .tabss li:nth-child(2).active,
.tabss li:nth-child(2):hover {
    border-radius: 0px 16px 0px 0px;
}

.sign-pge {
    width: 100%;
    max-width: 470px;
    border-radius: 16px;
    /* border: 1px solid var(--BG-1, #EDF1F2); */
    background: #fff;
}

.sign-in p {
    margin: 0;
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    margin-bottom: 40px;
}

.sign-in {
    padding: 40px 28px 40px 28px;
}

#sign-mail,
#sign-up-mail,
#fname,
#lname {
    width: 100%;
    max-width: 100%;
    border: none;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    border-bottom: 1px solid rgba(91, 91, 95, 0.2);
    padding: 0;
    padding-bottom: 13px;
    margin-bottom: 32px;
}

#sign-pswrd,
#sign-up-pswrd,
#pswrd-cnfrm {
    width: 100%;
    max-width: 100%;
    border: none;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border-bottom: 1px solid rgba(91, 91, 95, 0.2);
    padding: 0;
    padding-bottom: 13px;
    margin-bottom: 32px;
}





/* checkbox */

/* This css is for normalizing styles. You can skip this. */
/* *,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




.new {
    padding: 50px;
} */



.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group label {
    position: relative;
    cursor: pointer;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
}





.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 6px;
    border-radius: 16px;
    border: 1px solid var(--Grey, #5B5B5F);
    opacity: 0.2;
    top: -2px;
}

.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 2px;
    height: 7px;
    border: 1px solid rgba(32, 102, 232, 1);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    /* border-radius: 16px; */
    opacity: 0.6;
}

.rmrbr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.rmrbr a.frgt {
    color: var(--Grey, #5B5B5F);
    text-align: right;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    text-decoration: none;
}

.sign-in-btn,
.create-btn {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    width: 100%;
    max-width: 100%;
    border: 1px solid #2066E8;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* padding: 14px 32px; */
    height: 48px;
    cursor: pointer;
}

.or p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
    position: relative;
    margin-bottom: 0;
}

.or {
    margin: 32px 0;
    position: relative;
}

.or p::after {
    content: "";
    position: absolute;
    border-left: 1px solid rgba(91, 91, 95, 1);
    width: 172px;
    height: 1px;
    left: 0;
    top: 50%;
    border-radius: 16px;
    opacity: 0.2;
    background: var(--Grey, #5B5B5F);
}

.or p::before {
    content: "";
    position: absolute;
    border-left: 1px solid rgba(91, 91, 95, 1);
    width: 172px;
    height: 1px;
    right: 0;
    top: 50%;
    border-radius: 16px;
    opacity: 0.2;
    background: var(--Grey, #5B5B5F);
}

section.sign-up-dta {
    width: 100%;
    max-width: 100%;
    border-radius: 30px;
    background: var(--Color-1, #142F57);
    background-repeat: no-repeat;
    padding: 170px 0 41px 0;
    height: auto;
    margin-bottom: 100px;
}

.sign-dta {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cntnue-sign p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
}

button.cntnue-sign {
    background: transparent;
    border-radius: 100px;
    border: 1px solid rgba(91, 91, 95, 0.20);
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 10px 0;
    gap: 13px;
}

.sign-cntnue-btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.agree label a {
    color: var(--Color-4, #2066E8);
}

.agree label {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 200% */
}

.agree {
    margin: 0 0 31px 0;
}

/* Contact Page */

section.contact-pge {
    margin: 100px 0;
}

.contact-detail {
    width: 100%;
    max-width: 48.8%;
    padding: 80px 48px 80px 48px;
    border-radius: 12px;
    background: #F3F6FD;
}

.contact-detail h2 {
    color: rgba(20, 47, 87, 1);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 48px */
    margin-bottom: 32px;
}

.contact-detail p {
    color: rgba(20, 47, 87, 1);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    margin-bottom: 40px;
}

.cntct-mthd a,
.cntct-mthd {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-radius: 16px;
}

.cntct-mthd a img.ring,
.cntct-mthd img.ring {
    border-radius: 14px;
    background: rgba(32, 102, 232, 1);
    padding: 11px;
    /* margin-top: 10px; */
}

.cntct-mthd {
    margin-top: 17px;
    border-radius: 16px;
    background: var(--Color-1, #142F57);
    padding: 40px 24px;
}

.cntct-dta h3 {
      margin-bottom: 6px;
    opacity: 0.8;
    color: var(--White, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
}

.cntct-dta p {
    color: var(--White, #FFF);
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* 41.8px */
    margin-bottom: 0;
}

.contact-content {
    display: flex;
    gap: 44px;
}

.contact-get {
    width: 100%;
    max-width: 47.88%;
    margin: 27.5px 0 0 0;
}

.contact-get h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 48px */
    margin-bottom: 32px;
}

.contact-get p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    width: 100%;
    max-width: 488px;
}

.get-form {
    margin-top: 48px;
}

.name-tel {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}

input.c-name {
    border-radius: 14px;
    border: 1px solid rgba(91, 91, 95, 0.10);
    background: var(--BG-1, #EDF1F2);
    width: 100%;
    max-width: 50%;
    display: flex;
    padding: 19px 16px 19px 16px;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 16px */
    /* opacity: 0.5; */
}

textarea#c-msg {
    border-radius: 14px;
    border: 1px solid rgba(91, 91, 95, 0.10);
    background: var(--BG-1, #EDF1F2);
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 200px;
    padding: 27px 16px 26px 16px;
    align-items: flex-start;
    gap: 10px;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */
    /* opacity: 0.5; */
    resize: none;
}

input.cntct-sbmt {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    margin-top: 48px;
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 1px solid #2066E8;
    display: flex;
    padding: 11px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


/* latest article */

.ctgrytab {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    gap: 8px;
}

.ctgrytab li {
    padding: 10px;
    background-color: #f6f4f4;
    border-right: 1px solid white;
    cursor: pointer;
    transition: 0.2s;
}

.ctgrytab li.active,
.ctgrytab li:hover {
    background-color: #ddd;
    background: var(--Color-4, #2066E8);
    color: #fff;
}



.contt>div:not(:first-child) {
    display: none;
}

ul.ctgrytab li {
    border-radius: 14px;
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    display: flex;
    background: transparent;
    padding: 18px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
}

.contt {
    margin-top: 60px;
}

.article-contt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    row-gap: 40px;
}

.all-ctgry-btn {
    margin-top: 60px;
}

.all-blg-bttn {
    border-radius: 120px;
    background: var(--Color-4, #2066E8);
    display: flex;
    width: 100%;
    height: 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bak {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button.back-1 {
    border-radius: 14px;
    border: 1px solid var(--Color-4, #2066E8);
    display: flex;
    padding: 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background-color: transparent;
}


/* About Page */


section.about-who {
    margin-top: 80px;
    margin-bottom: 80px;
}

.are h2 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 58.8px;
    /* 58.8px */
    text-transform: uppercase;
    margin-bottom: 40px;
	 max-width: 450px;
}

.are p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
}

.are {
    width: 100%;
    max-width: 46.9%;
}

.who-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.we-img {
    position: relative;
    width: 100%;
    max-width: 47%;
}

img.who-img {
    width: 100%;
    max-width: 100%;
}

img.who-house {
    position: absolute;
    top: 20%;
    right: 20px;
    width: 100%;
    max-width: 560px;
}

section.about-box {
    margin: 80px 0 45px 0;
}

.about-cstmr {
    border-radius: 12px;
    background: #F3F6FD;
    padding: 32px 32px 32px 32px;
    width: 100%;
    max-width: 32%;
}

.cstmr-img {
    width: 100%;
    max-width: 100px;
    height: 100px;
    background: var(--Color-4, #2066E8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;

}

.customer-info {
    border-top: 1px dashed rgba(20, 47, 87, 0.2);
    padding-top: 28px;
}

.customer-info h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
    margin-bottom: 28px;
}

.customer-info p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px;
    /* 26.6px */
}

.cstmr-img img {
    
	filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(0%) hue-rotate(145deg) brightness(102%) contrast(104%);
}

.about-box-cntnt {
    display: flex;
    gap: 24px;
}

/* .about-cstmr:hover {
    background: var(--Color-4, #2066E8);
    transition: 0.6s;
} */
/* 
.about-cstmr:hover .cstmr-img {
    background: #fff;
} */

/* .about-cstmr:hover .customer-info p,
.about-cstmr:hover .customer-info h3 {
    color: #fff;
}

.about-cstmr:hover .cstmr-img img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(216deg) brightness(112%) contrast(102%);
}

.about-cstmr:hover .customer-info {
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
} */

section.about-story {

    width: 100%;
    max-width: 100%;

    position: relative;
}

.story-content {
    padding: 100px 0 80px 0;
    display: flex;
    justify-content: space-between;
}

.our h2 {
    color: var(--Color-4, #2066E8);
    /* text-align: center; */
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 58.8px;
    /* 58.8px */
    text-transform: uppercase;
	position: relative;
    z-index: 9;
}

.our-txt p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    width: 100%;
}

.our-txt {
    width: 100%;
    max-width: 61.8%;
}

.about-story::after {
    content: "";
    position: absolute;
    background-image: url(../images/story-aftr.png);
    background-repeat: no-repeat;
    top: 20%;
    left: 0;
    width: 281px;
    height: 281px;
}

.about-story::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #F3F6FD;
    width: 100%;
    height: 731px;
    background-repeat: no-repeat;
    z-index: -1;
}

.story-img {
    position: relative;
    z-index: 9;
    width: 100%;
    max-width: 100%;
}

.story-img img {
    width: 100%;
    max-width: 100%;
}

section.vision {
    margin-top: 100px;
    margin-bottom: 100px;
}

.vision-txt h2 {
    color: var(--Color-4, #2066E8);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 58.8px;
    /* 58.8px */
    text-transform: uppercase;
    margin-bottom: 40px;
}

.vision-txt p {
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    width: 100%;
    max-width: 928px;
    margin: 0 auto;
}

.vision-txt {
    margin-bottom: 80px;
}

.vision-img {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding-bottom: 60px;
}

.vision-img img {
    width: 100%;
    max-width: 23.6%;
}

.vision-img img:nth-child(odd) {
    position: relative;
    top: 60px;
    /* margin-top: 60px; */
}

.vision-content {
    border-bottom: 1px dashed rgba(91, 91, 95, 0.4);
    padding-bottom: 100px;
}


.say-content h2 {
    color: var(--Color-4, #2066E8);
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 72.5px;
    /* 72.5px */
    text-transform: uppercase;
}

.say-card {
    padding: 48px 0;
    display: flex;
    /* justify-content: space-between; */
    gap: 24px;
}

.say-dta {
    border-radius: 20px;
    background: rgba(32, 102, 232, 0.04);
    width: 100%;
    max-width: 31%;
    padding: 32px;
    position: relative;
}

.say-txt h3 {
    color: var(--Color-1, #142F57);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}

.say-txt p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 30.4px */
    margin-top: 32px;
    margin-bottom: 41px;
}

.infl {
    display: flex;
    align-items: center;
    gap: 12px;
}

.infl h3 {
    color: var(--Color-1, #142F57);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px;
}

.inf-txt p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.say-dta::after {
    content: "";
    position: absolute;
    background-image: url(../images/say-quote.svg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 48px;
    height: 48px;
    bottom: 40px;
    right: 32px;
}

.say-btn {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 12px 32px; */
    width: 177px;
    height: 48px;
    margin: 0 auto;
}

section.saying {
    margin-bottom: 100px;
}

/* Plan Page */
.wish-icon a {
    background: #fff;
    border-radius: 50%;
    /* padding: 4px 6px 4px 6px; */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wish-icon a img {
    width: 100%;
    max-width: 16px;
}

.video-box {
    width: 100%;
    max-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Publish Plan Page */

section.publish-sec {
    margin-top: 100px;
}

.publish-text h3 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 33px */
    margin-bottom: 40px;
}

.publish-text p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
}

.publish-plan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.publish-text {
    width: 100%;
    max-width: 47%;
}

.pub-plan-img {
    width: 100%;
    max-width: 49%;
}

.pub-plan-img img {
    display: block;
}

.publish-text a {
    color: var(--Color-4, #2066E8);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 190%;
    text-decoration-line: underline;
}

section.request {
    margin-top: 100px;
    margin-bottom: 100px;
}

.request-form h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    margin-bottom: 32px;
}
.liv-opt label {
    cursor: pointer;
}

.request-form p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
    opacity: 0.8;
}

.request-form {
    width: 100%;
    max-width: 47.88%;
    /* margin-top: 22px; */
}

.request-form form {
    margin-top: 48px;
}

.form-txt input {
    border-radius: 14px;
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    background: var(--BG-1, #EDF1F2);
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */
    display: flex;
    width: 100%;
    height: 64px;
    padding: 27px 20px 26px 16px;
    align-items: center;
    /* gap: 10px; */
}

.form-txt {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.form-txt-1 input {
    height: 64px;
    border-radius: 14px;
    border: 1px solid var(--Neutral-Grey-02, #E6E6E7);
    background: var(--BG-1, #EDF1F2);
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 27px 10px 26px 16px;
    align-items: center;
    gap: 10px;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */
}

.pub-plan-img img {
    width: 100%;
    max-width: 100%;
}


.form-txt-1 {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-bottom: 24px;
}

input.request-submit {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 1px solid rgba(32, 102, 232, 1);
    padding: 14px 45px;
    margin-top: 24px;
}

.request-content {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.request-img {
    width: 100%;
    max-width: 60%;
}

 .request-img img {
    width: 100%;
    max-width: 100%;
    display: block;
}
.page-id-800 .request-img img {
    width: 100%;
    max-width: 100%;
    display: block;
	height: 800px;
    object-fit: cover;
    border-radius: 20px;
}
.form-txt .wpcf7-form-control-wrap {
    width: 100%;
    max-width: 100%;
}

.slvr-card {
    border-radius: 12px;
    background: linear-gradient(139deg, #E0C4A9 0%, #E0BBA0 30.5%, #D3A584 51.5%, #C99974 72.5%, #BD8E6F 100%);
    padding: 32px 32px 32px 32px;
    width: 100%;
    max-width: 32%;
}

.slvr-card .cstmr-img {
    background: #fff;
}

.slvr-card .cstmr-img img {
    filter: brightness(0) saturate(100%) invert(40%) sepia(67%) saturate(5135%) hue-rotate(210deg) brightness(92%) contrast(98%);
}

section.program-card {
    margin: 100px 0;
}

.program-card-content {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.program-card-content .slvr-card:nth-child(2) {

 background: linear-gradient(139deg, #EAEAEA 0%, #ECECEC 30.5%, #E2E2E2 51.5%, #D6D4D5 72.5%, #CDCDCD 100%);

}

.program-card-content .slvr-card:nth-child(3) {
   background: linear-gradient(139deg, #FBEAA8 0%, #F6E397 30.5%, #F4D77F 51.5%, #EAC167 72.5%, #E7B34F 100%);
}

/* Select 2 library */

span.select2-search.select2-search--dropdown {
    display: none;
}

span.select2-results {
    border: none;
}

ul#select2-sort-by-results {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    box-shadow: 0px 0px 56px 0px rgba(15, 15, 15, 0.06);
    padding: 8px 0;
    max-height: max-content !important;
    width: 100%;
    max-width: 246px;
    position: relative;

    top: 14px;
}

span.select2-dropdown.select2-dropdown--below {
    border: none;
}

li.select2-results__option {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 14px 8px 14px 8px;
    border-top: 1px solid var(--BG-1, #EDF1F2);
    border-bottom: 1px solid var(--BG-1, #EDF1F2);
    background: var(--White, #FFF);
    width: 230px;
    /* max-width: 230px; */
}

span#select2-sort-by-container {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif !important;
    font-size: 14px;
}

span.select2-results {
    width: 246px;
    position: relative;
    right: 170px;
}

.select2-results ul#select2-sort-by-results li:nth-child(1) {
    display: none;
}

.select2-results ul#select2-sort-by-results li:nth-child(2) {
    border-top: none;
}

.select2-results ul#select2-sort-by-results li:last-child {
    border-bottom: none;
}

span.select2-selection.select2-selection--single {
    border: none;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus,
span.select2.select2-container.select2-container--default.select2-container {
    width: 100% !important;
    max-width: max-content;
}

span.select2.select2-container.select2-container--default.select2-container {
    width: 100% !important;
    max-width: max-content;
}

/* Header-Style-Dropper */
.drop-dta {

    padding: 38px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}

.drop {
    flex-wrap: wrap;
    row-gap: 40px;
}

.drop .stle-img-content {
    width: 100%;
    max-width: 18.9%;
}

a.drop-btn {
    color: #fff !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Poppins", sans-serif !important;
}
#menu-item-37 .dropper li:last-child, #menu-item-1364 .dropper li:last-child {
    border-radius: 400px;
    background: var(--Color-1, #142F57);
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-style: normal;
    line-height: normal;
    margin: 0 auto;
    margin-top: 20px;
    width: 178px;
    height: 48px;
}


.drop-dta {
    display: none;
}

.drop-dta {
    position: relative;
    top: 24px;
}

span.close-icon {
    display: none;
}

.bard-content {
    width: 100%;
    max-width: 100%;
    word-wrap: break-word;
    margin: 40px 0;
}

.moretext {
    display: none;
}

.article p {
    color: var(--Grey, #5B5B5F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    font-family: 'Poppins';
}

.moreless-button {
    color: var(--Color-4, #2066E8);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 190%;
    text-decoration-line: underline;
    margin-top: 24px;
}

.les-feature h3 {
    color: var(--Color-1, #142F57);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 34.2px;
    /* 34.2px */
}

.les-feature {
    margin: 32px 0;
}

.les-fetre-dta ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 32px;
    position: relative;
    left: 20px;
}

.les-fetre-dta ul li {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
    list-style: disc;
    width: 100%;
    max-width: 24%;
}

.slick-slide.slick-current .slide-thumbnail {
    opacity: 1;
}


/* Privacy Pages */

section.privcy-policy-hero {
    height: 52.5vh;
    background-color: #142F57;
}

section.privcy-policy-hero {
    display: flex;
    align-items: center;
}

.privcy-policy-hero-heading h1 {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    text-transform: uppercase;
    padding-top: 59px;
}

.privcy-policy-hero-heading .bread {
    padding-top: 120px;
}

.privcy-policy-hero-heading .bread ul li a,
.privcy-policy-hero-heading .bread ul li {
    color: #FFF;
}

.privcy-policy-hero-heading .bread ul.breadcrumb li a::after {
    color: #FFF;
}

.privcy-policy-parnt,
.accessibility-statement-parnt {
    display: flex;
    flex-direction: column;
    gap: 56px;
    width: 100%;
    max-width: 68%;
    margin: 0 auto;
}

.privcy-polcy h2 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.privcy-polcy p {
    color: #5B5B5F;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 177%;
    /* 31.86px */
    padding-top: 32px;
}

.privcy-polcy h3 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.privcy-polcy a {
    color: #2066E8;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 177%;
}

section#wht-included p {
    padding-top: 0 !important;
}

section#wht-included {
    margin: 100px 0;
}

.plans-contains {
    padding-top: 32px;
}

.include-img-txt {
    width: 100%;
    max-width: 47%;
}

.wht-included-parnt {
    display: flex;
    justify-content: space-between;
}

.wht-included-img {
    width: 100%;
    max-width: 49%;
}

.include-img-txt p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
}

.plans-contains h5 {
    color: var(--Color-1, #142F57);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 190%;
    /* 34.2px */
    padding-bottom: 32px;
}

/* .plans-contains ul {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
} */

.plans-contains ul li {
    color: #5B5B5F;

    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
}

.plans-contains ul li {
    width: 100%;
    max-width: 100%;
    list-style: inside;
}

.wht-included-parnt .privcy-polcy p {
    font-size: 16px;
}

.wht-included-img img {
    width: 100%;
    max-width: 100%;
    display: block;
}

/* .wht-included-img {
    padding: 100px 0;
} */

/* terms sec */

.jumpto-sec {
    width: 100%;
    max-width: 25.5%;
    padding: 30px 24px;
    border-radius: 16px;
    border: 1px solid #EDF1F2;
    background: #FFF;
    height: 100%;
    position: sticky;
    left: 0;
    top: 15%;
}

section#privcy-policy-instruction {
    padding-top: 62px;
    padding-bottom: 100px;
}

.jumpto-sec ul li a {
    color: #5B5B5F;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.jumpto-sec ul li.term-act a {
    color: #2066E8;
    font-weight: 500;
    letter-spacing: -0.4px;
    transition: 0.5s ease-in-out;

}

.jumpto-sec ul li.term-act {
    list-style: disc;
    list-style-position: inside;
    color: #2066E8;
}

.jumpto-sec ul {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 24px;
}

.jumpto-sec h6 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    padding-bottom: 24px;
    border-bottom: 1px solid #EDF1F2;
}

.terms-parnt .privcy-policy-parnt {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    gap: 0px !important;
}

.terms-parnt {
    gap: 85px;
}

.terms-parnt .privcy-polcy {
    padding-block: 56px;
    border-bottom: 1px solid #EDF1F2;
}

.terms-parnt .privcy-polcy:nth-child(1),
.terms-parnt .privcy-polcy ul li p {
    padding-top: 0px;

}

.terms-parnt .privcy-polcy:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.terms-parnt .privcy-polcy:last-child ul li {
    color: #5B5B5F;
    font-family: 'Poppins';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 177%;
    /* 31.86px */

}

.terms-parnt .privcy-polcy:last-child ul li span {
    font-weight: 600;


}

.terms-parnt .privcy-polcy:last-child ul {
    padding-top: 32px;


}

.privcy-polcy {
    width: 100%;
    max-width: 100%;
    scroll-margin-top: 100px !important;
}

.accessibility-statement-parnt:nth-child(1) .privcy-polcy p:nth-child(1) {
    padding-top: 0 !important;
}

body.body-fix {
    overflow: hidden;
}










/* DAshboard */

section.dash-banner {
    padding-top: 180px;
    padding-bottom: 16px;
}

.dash-tab button.tablinks.tab-icon img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(6%) saturate(260%) hue-rotate(202deg) brightness(94%) contrast(94%);
}

.dash-tab button.tablinks.active img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1567%) hue-rotate(114deg) brightness(118%) contrast(100%);
}

.dash-tab button.tablinks.tab-icon {
    width: 100%;
    max-width: 220px;
}

.dash-tab button.tablinks {
    width: 100%;
    max-width: 220px;
}

.dash-tab button.tablinks {
    color: var(--Color-1, #142F57);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dash-tab .profile_pic {
    width: 152px;
    height: 152px;
    border-radius: 50%;
}

.dash-tab input#file-img {
    display: none;
}

.dash-tab .p-image label {
    display: flex;
    padding: 11px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 400px;
    border: 1px solid var(--Color-4, #2066E8);
    cursor: pointer;
    width: 100%;
    max-width: 231px;
}

.dash-tab .p-image label {
    color: var(--Color-4, #2066E8);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0;
}

.dash-tab .circle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
}

.dash-tab .p-image p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
    margin-top: 8px;
}


.dash-tab button.tablinks.flex.align-items-center {
    gap: 27px;
}

.dash-tab .tab-parnt {
    background: rgb(243, 246, 253);
    padding-block: 16px;
}

.dash-tab .tab {

    gap: 36px;

    overflow: hidden;
}

.dash-tab .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 10px;
    transition: all 0.3s ease 0s;
    align-items: center;
    gap: 12px;
}

.dash-tab .tab button.active {
    background-color: rgb(32, 102, 232);
    border-radius: 10px;
    color: rgb(255, 255, 255);
}

.dash-tab .tabcontent {
    display: none;
    border-top: none;
    margin-top: 103px;
}

.dash-tab .tabcontent h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
}

.dash-tab .acc-ovrview {
    border-radius: 24px;
    background: rgb(243, 246, 253);
    padding: 46px 32px 60px 32px;
    margin-top: 30px;
}

.dash-tab .acc-ovrview h5 {
    color: rgb(20, 47, 87);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.user-profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
}

.dash-tab .chnge-btn a {
    color: rgb(32, 102, 232);
    text-align: center;
    font-feature-settings: "ss04", "ss06", "liga"0;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: 10px;
}

.dash-tab .chnge-btn {
    padding: 12px 40px;
    border: 1px solid rgb(32, 102, 232);
    border-radius: 400px;
    margin-bottom: 20px;
    width: 69%;
}

.dsh-fld {
    gap: 24px;
}

.dsh-cntct {
    margin-top: 40px;
    gap: 24px;
}


.dash-tab .acc-ovrview form {
    margin-top: 31px;
}

.dash-tab .firstnme {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 36%;
}

.dash-tab .form-parnt {
    display: flex;
    gap: 24px;
}

.dsh-cntct .firstnme {
    width: 100%;
    max-width: 100%;
}

.acc-ovrview form label {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.dash-tab input[type="email"],
.dash-tab input[type="text"],
.dash-tab input[type="tel"] {
    padding: 14px 24px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    border: none;
    color: rgb(20, 47, 87);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.cty-fld {
    gap: 24px;
    margin-top: 40px;
}

button.save {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    display: flex;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    margin-top: 40px;
    margin-left: auto;
}

.dash-tab .acc-ovrview .favrt-plans {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.dash-tab .favrt-plans {
    padding-top: 42px;
}

.dash-tab .favrt-plans .fltr-rt-img {
    width: 100%;
    max-width: 100%;
    padding: 16px 16px 20px;
}

.dash-tab .view-searches {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dash-tab .view-searches h5 {
    border-bottom: none;
}

.view-searches a {
    color: rgb(32, 102, 232);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}

.Saved-plans .min-sq-cntnt {
    width: 100%;
    max-width: 49%;
    flex-wrap: wrap;
    padding: 24px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    gap: 14px 9px;
    margin-top: 32px;
}
.Saved-plans {
	flex-wrap: wrap;
	  gap: 24px;

}
a.wishlist_icon.marked {
    background: #2066E8 !important;
}

.dlt-srch button {
    background: transparent;
    outline: none;
    width: 80%;
    padding: 10px 32px;
    color: rgb(32, 102, 232);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border-radius: 400px;
    border: 1px solid rgb(32, 102, 232);
    transition: 0.3s all;
}

.dlt-srch button:hover {
    background-color: rgb(32, 102, 232);
    color: rgb(255, 255, 255);
}

.dlt-srch {
    width: 100%;
    gap: 8px;
    margin-top: 12px;
}

.Saved-plans h6 {
    color: rgb(32, 102, 232);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
}

.view-searches h5 {
    width: 49%;
}

div#Favorite-Plans .view-searches h5 {
    border-bottom: none;
    padding-bottom: unset;
}

section.dash-tab {
    margin-bottom: 100px;
}


div#Favorite-Plans .view-searches {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 40px;
}

div#Favorite-Plans .acc-ovrview,
div#Saved-Searches .acc-ovrview {
    margin-top: unset;
}

.dash-tab .call-us {
    border-radius: 16px;
    background: var(--Color-1, #142F57);
    padding: 40px 24px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.dash-tab .call-us-cntnt p {
    color: rgba(255, 255, 255, 0.8);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
}

.touch-withus .cntct-mthd {
    border-radius: 16px;
    background: var(--Color-1, #142F57);
    padding: 45px 24px 18px 30px;
    width: 100%;
    max-width: 32.3%;
    margin-top: unset;
}

.touch-withus {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    padding-top: 38px;
}

.touch-withus .cntct-mthd:nth-child(4),
.touch-withus .cntct-mthd:nth-child(5) {
    max-width: 49.1%;
}

.touch-withus .cntct-mthd p {
    font-size: 18px;
}

.user-profile p {
    color: rgb(91, 91, 95);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.Saved-plans .min-sq-cntnt h2 {
    color: rgb(20, 47, 87);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
}

.touch-withus .cntct-mthd h3 {
    margin-bottom: 7px;
    color: var(--White, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
}

div#Favorite-Plans .favrt-plans {
    padding-top: 0px;
}

div#Saved-Searches .Saved-plans .min-sq-cntnt {
    margin-top: 0px;
}

.my-orders table button {
    color: rgb(255, 255, 255);
    text-align: center;
    font-feature-settings: "ss04", "ss06", "liga"0;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: rgb(32, 102, 232);
    outline: none;
    border-radius: 20px;
    padding: 10px 32px;
    border: none;
    cursor: pointer;
}

table td:last-child {
    padding-right: 0px;
}

div#Favorite-Plans .favrt-plans .fltr-rt-img {
    max-width: 32%;
}

.my-orders {
    padding: 40px 32px;
    border-radius: 24px;
    background: #F3F6FD;
    margin-top: 32px;
}

.dash-tab table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.dash-tab table td {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 32px;
}

.dash-tab table th {
    text-align: left;
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.dash-tab .tab button {
    align-items: center;
}




@media screen and (max-width: 865px) {
    .dash-tab table {
        border: 0;
    }

    .dash-tab table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .dash-tab table tr {
        display: block;
        margin-bottom: .625em;
    }

    .dash-tab table td {
        display: block;
        text-align: right;
    }

    .dash-tab table td::before {

        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

}

@media screen and (max-width: 600px) {
    .dash-tab table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .dash-tab .my-orders table button {
        padding: 5px 20px;
    }

    .dash-tab table td:last-child {
        padding-bottom: 20px;
    }

    .dash-tab table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .dash-tab table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .dash-tab table td::before {

        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .dash-tab table td:last-child {
        border-bottom: 0;
    }
}

/* Article */

.slct-opt-ctgry input {
    display: none;
}

.ctgry {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.ctgry-opt {
    width: 100%;
    max-width: 23.6%;
}

.art-blog {
    width: 100%;
    max-width: 31.6%;
    position: relative;
}

.art-blog h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 162.5% */
    margin-top: 16px;
}

.art {
    display: flex;
    gap: 24px;
    row-gap: 32px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.art-blog img {
    width: 100%;
    max-width: 100%;
    display: block;
	min-height: 190px;
    object-fit: cover;
    border-radius: 20px;
}

.slect-catgry h2 {
    color: var(--Color-1, #142F57);
    font-family: 'Plus Jakarta Sans';
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 24px 0;
}

.slct-opt-ctgry label {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* padding: 16px; */
    cursor: pointer;
}

.all-categor {
    border: 1px solid var(--BG-1, #EDF1F2);
    background: var(--White, #FFF);
    border-radius: 8px 8px 0px 0px;
}

.active-radio {
    background: rgba(32, 102, 232, 1);
}

.active-radio label {
    color: #fff;
}

.slct-opt-ctgry {
    padding: 16px;
    border-bottom: 1px solid #EDF1F2;
}

.active-radio:first-child {
    border-radius: 8px 8px 0px 0px;
}

.slct-opt-ctgry:last-child {
    border-bottom: none;
}

.catgry-btn {
    width: 100%;
    max-width: 76%;
}

.article-btn button.pgntn-btn {
    width: 50px;
    height: 50px;
    padding: 16px;
    border-radius: 400px;
}


/* cost to build sec  */
section.why-houspln-online {
    padding: 100px 0;
    background: #F3F6FD;
    margin-top: 84px;
}

.build-cost-parnt h1 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    text-transform: uppercase;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 80px;
    text-align: center;
}

.build-cost-parnt h1 span {
    color: #2066E8;
}

.build-cost-parnt {
    width: 100%;
    max-width: 80.3%;
    text-align: center;
    margin: 0 auto;
}

.Upto-Date-cost {
    width: 100%;
    max-width: 49.2%;
    padding: 48px;
    background: #fff;
    border-radius: 20px;
}

.comprehensive-estimates {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.Upto-Date-cost h6 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding-bottom: 28px;
    text-align: left;
}

.Upto-Date-cost p {
    color: #5B5B5F;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    text-align: left;
}

.Upto-Date-cost {
    width: 100%;
    max-width: 49.2%;
    padding: 38px 48px 38px 48px;
    background: #fff;
}

.comprehensive-estimates {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.Upto-Date-cost:hover a img {
    background-color: #fff;
    border-radius: 16.8px;
}

.Upto-Date-cost h6 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 30.8px */
    padding-bottom: 18px;
}

.Upto-Date-cost p {
    color: #5B5B5F;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    text-align: left;
}

.Upto-Date-cost a {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #5B5B5F;
    font-family: 'Poppins';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 190%;
}

.Upto-Date-cost a img {
    padding: 13.3px;
    border: 1px solid rgba(32, 102, 232, 1);
    border-radius: 16px;
}

section.obtain-cost-estimte {
    padding: 76px 0;
}


.cost-build-estimte-parnt h2 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
}

.cost-build-estimte-parnt p {
    color: #5B5B5F;
    text-align: center;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    width: 79.7%;
    margin: 0 auto;
    padding-top: 14px;
}

.build-est-overview h6,
.build-est-overview h6 {
    color: #2066E8;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 24px;
}

.build-est-overview {
    padding: 40px 40px 80px 40px;
    background: #F3F6FD;
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
}

.build-est-videos {
    margin-top: 48px;
}

.overview-video {
    border-radius: 20px;
}

iframe {
    border-radius: 10px;
    border: none;

}

.build-est-videos {
    gap: 24px;
}

/* financing page  */
section.publish-sec.financing-publish-sec .publish-plan {
    gap: 68px;
}

section.publish-sec.financing-publish-sec .publish-plan p:nth-child(2) {
    padding-top: 30px;
}

.six-crucial-steps-img img {
    width: 100%;
    max-width: 100%;
}

.mrtge-cl-chart img {
    width: 100%;
    max-width: 508px;
}

section.about-story.financing-story .our h2 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    text-transform: none;
    width: 100%;
    max-width: 382px;
}

section.about-story.financing-story .our {
    width: 100%;
    max-width: 37%;
}

/* Calculator */
    p#results {
        width: 100%;
        max-width: 100%;
        font-family: 'Poppins';
        font-size: 20px;
    }

    .principal-interest-container p {
        display: flex;
        flex-direction: column-reverse;
        color: var(--Color-1, #142F57);
        font-family: "Plus Jakarta Sans";
        font-size: 64px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        /* 76.8px */
        row-gap: 20px;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(32, 102, 232, 0.2);
        margin-bottom: 40px;
		line-break: anywhere;
    }

    .principal-interest-container p strong {
        color: var(--Color-1, #142F57);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 25.2px */
        font-family: 'Poppins';
    }

    .other-expenses-container p {
        display: flex;
        justify-content: space-between;
        padding-bottom: 40px;
        /* 28px */
        color: var(--Color-4, #2066E8);
        text-align: right;
        font-family: "Plus Jakarta Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        /* 28.8px */
    }

    .other-expenses-container p strong {
        color: var(--Color-1, #142F57);
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 28px */
    }

    .other-expenses-container {
        border-bottom: 1px solid rgba(32, 102, 232, 0.2);
    }

    .mort-fld {
        width: 100%;
        max-width: 100%;
        /* row-gap: 24px; */
        gap: 12px;
        margin-bottom: 40px;
    }

    .mort-fld input {
        width: 100%;
        max-width: 100%;
    }

    form#mortgageForm {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    select#mortgageTerm {
        width: 100%;
        max-width: 100%;
        border: none;
        background: transparent;
        border-bottom: 1px solid rgba(91, 91, 95, 0.2);
        color: var(--Grey, #5B5B5F);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
/*         padding-bottom: 24px; */
		height:48px;
    }

    .mort-fld input {
        border: none;
        background: transparent;
        border-bottom: 1px solid rgba(91, 91, 95, 0.2);
        color: var(--Grey, #5B5B5F);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
/*         padding-bottom: 24px; */
		height:48px;
    }

    .mortgage-left {
        width: 100%;
        max-width: 52.8%;
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mortgage-cal-content {
        display: flex;
        justify-content: space-between;
        gap: 48px;
    }
    .mortgage-right {
        border-radius: 30px 30px 0px 0px;
        background: rgba(32, 102, 232, 0.08);
        width: 100%;
        max-width: 43.4%;
        padding: 20px 50px 20px 50px;
        display: flex;
        align-items: center;
    }
    .mortgage-range-adj {
        margin-top: 48px;
        border-bottom: 1px dashed rgba(91, 91, 95, 0.4);
        margin-bottom: 40px;
    }

.how-loan-wrk {
    padding: 86px 0 56px 0;
}

.how-loan-wrk h2,
.two-time-clos h2,
.six-steps-exp h2,
.mrtge-cl-form h2 {
    color: #142F57;
    font-family: "Plus Jakarta Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
}

.two-time-clos h2 {
    text-align: center;
}

.how-loan-wrk p,
.how-loan-wrk ul li,
.build-est-overview p,
.six-steps-exp ul li,
.mrtge-cl-form p {
    color: #5B5B5F;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
    padding-top: 13.7px;
    list-style-type: disc;
    margin-left: 20px;
}

.build-est-overview p {
    padding-top: 0 !important;
}

.close-times-prnt {
    gap: 24px;
}

.close-times-prnt .build-est-overview {
    width: 100%;
    max-width: 49.1%;
}

.close-times-prnt {
    margin-top: 48px;
}

section.finance-six-steps {
    padding: 96px 0;
}

.six-crucial-steps-img,
.mrtge-cl-chart {
    width: 100%;
    max-width: 49.1%;
}

.six-crucial-steps {
    gap: 52px;
}

.six-steps-exp {
    width: 100%;
    max-width: 46.9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.six-steps-exp ul li:nth-child(1) {
    padding-top: 18px;
}

.mrtge-cl-form {
    width: 100%;
    max-width: 47.8%;
}

.mrtge-cl-prnt {
    gap: 40px;
}

.mrtge-cl-chart {
    /* padding: 126px 60px; */
    border-radius: 32px;
    background: rgba(32, 102, 232, 0.06);
    display: flex;
    justify-content: center;
    align-items: center;
}

section.one-time-cls {
    padding-top: 33px;
}


/* pixel perfect  */


.publish-text p {
    color: var(--Grey, #5B5B5F);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180% !important;
}

.publish-text h3 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 158%;
    /* 33px */
    margin-bottom: 18px;
}

.style-banner-cntnt {
    text-align: center;
    margin-top: 20px;
}

section.publish-sec.publish-sec-px {
    margin-top: 80px;
}



.zip-code input[type="text"] {
    width: 100%;
    max-width: 49.1%;
    padding: 18.8px 0 23px 16px;
}


.zip-code input[type=text]::placeholder,
.zip-code input[type=text] {
    color: rgb(91 91 95 / 50%);
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 14px;
    border: none;
    background: #EDF1F2;
    width: 100%;
    max-width: 49%;
}

.zip-code {
    width: 100%;
}

.mrtge-cl-form form {
    flex-wrap: wrap;
    row-gap: 26px;
    margin-top: 42px;
}

.zip-code {
    gap: 12px;
}

.financing-story {
    margin-top: 100px;
}

section.moratge-cl {
    /* padding-top: 80px; */
    border-radius: 30px 30px 0px 0px;
    background: rgba(32, 102, 232, 0.06);
    padding-left: 76px;
    /* padding-bottom: 50px; */
}

.mrtge-cl-form form button {
    border: none;
    color: #FFF;
    text-align: center;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 400px;
    background: #2066E8;
    padding: 12px 40px;
    margin-top: 15px;
    transition: 0.3s all;
    display: block;
    text-transform: capitalize;
}

.mrtge-cl-form form button:hover {
    background-color: #FFF;
    border: 1px solid #2066E8;
    color: #2066E8;

}

section.purchaser-banner {
    height: 480px;
}

.flor-btn.active-flor {
    background: #2066E8;
    color: #fff !important;
}



/* Plan Option */
.pdf-card {
    border-radius: 16px;
    background: rgba(32, 102, 232, 0.06);
    padding: 32px;
    display: flex;
    gap: 40px;
}

.pdf-text h3 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    /* 34.8px */
    margin-bottom: 24px;
}

.pdf-text p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    /* 30.6px */
    opacity: 0.8;
}

section.plan-opt-sec {
    margin: 100px 0;
}

/* .pdf-card:hover {
    background: rgba(32, 102, 232, 1);
    transition: 0.6s;
}

.pdf-card:hover .pdf-text h3,
.pdf-card:hover .pdf-text p {
    color: #fff;
} */

.pdf-img img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(36%) saturate(1703%) hue-rotate(182deg) brightness(103%) contrast(94%);
}

/* .pdf-card:hover .pdf-img img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1064%) hue-rotate(157deg) brightness(110%) contrast(105%);

} */

.pdf-crd-cntnt {
    margin-bottom: 32px;
}

.const-plan {
    margin-top: 100px;
}

.const-plan h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    margin-bottom: 40px;
}

/* Modify Page */
section.modify-sec {
    margin: 100px 0 100px 0;
}

.modify-content p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
}

.modify-card {

    display: flex;
    align-items: flex-start;
    gap: 32px;

}

.modify-card-dta {
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
    min-height: 200px;
    border-radius: 12px;
    background: #F3F6FD;
    padding: 32px 32px 32px 32px;
}

.modify-img {
    background: rgba(32, 102, 232, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
}

.modify-text h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
    margin-bottom: 28px;
}

.modify-text p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 26.6px */
}

.modify-img img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(302deg) brightness(109%) contrast(100%);
}

/* .modify-card-dta:hover {
    background: rgba(32, 102, 232, 1);
    transition: 0.6s;
}

.modify-card-dta:hover .modify-img img {
    filter: brightness(0) saturate(100%) invert(28%) sepia(73%) saturate(4629%) hue-rotate(216deg) brightness(99%) contrast(84%);
}

.modify-card-dta:hover .modify-img {
    background: #fff;
}

.modify-card-dta:hover .modify-text h3,
.modify-card-dta:hover .modify-text p {
    color: #fff;
} */

.modify-card-content {
    /* flex-wrap: wrap; */
    gap: 30px;
    margin: 32px 0;
}

/* hover */
.say-btn:hover,
.style-featured-content a.load-btn:hover,
input.cntct-sbmt:hover,
.faq-sec a.load-btn:hover,
.view-btn:hover,
.clct-btn:hover,
a.know-bttn:hover {
    border: 1px solid #2066E8;
    background: #fff;
    color: #2066E8;

    transition-duration: 0.6s;
}

a.fund-btn:hover,
a.seller-btn:hover {
    border: 1px solid #fff;
    background: var(--Color-1, #142F57);
    color: #fff;

    transition-duration: 0.6s;
}

.save-srch:hover {
    border: 1px solid #2066E8;
    background: #2066E8;
    color: #fff;
    transition: ease-in-out;
    transition-duration: 0.6s;
}

.save-srch:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(302deg) brightness(109%) contrast(100%);
}

/* CheckOut */

section.checkout-sec {
    margin: 40px 0;
}

select#state {
    width: 100%;
    max-width: 22.4%;
    border: none;
    border-radius: 6px;
    background: var(--White, #FFF);
    padding: 18px 16px 18px 15px;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

select#residence {
    width: 100%;
    max-width: 100%;
    padding: 24px 16px 23px 15px;
    border-radius: 6px;
    background: var(--White, #FFF);
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
    border: 1px Solid var(--White, #FFF);
}

.chkout-dlvr {
    border-radius: 16px;
    background: #F3F6FD;
    padding: 60px 32px 60px 32px;
    width: 100%;
    max-width: 100%;
}

.chkout-dlvr h3 {
    color: var(--Color-1, #142F57);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    margin-bottom: 16px;
    width: 100%;
    max-width: 100%;
}

.dlvr-nme input, .shipping_address input, select#shipping_country, p#shipping_state_field span.woocommerce-input-wrapper {
    border-radius: 6px;
    background: var(--White, #FFF);
    padding: 16px 15px 17px 15px;
    border: none;
    width: 100%;
    max-width: 100%;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
   display:block;
}
p#shipping_state_field select{
	height:54px;
}

.dlvr-nme {
    gap: 20px;
    margin-top: 16px;
}

.chkout-dtl {
    width: 100%;
    max-width: 49.6%;
}

input#z-cde {
    width: 100%;
    max-width: 22.4%;
}

select#country {
    border-radius: 6px;
    background: var(--White, #FFF);
    border: none;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
    width: 100%;
    max-width: 100%;
    padding: 17px 15px 18px 15px;
}

select#b-locate {
    width: 100%;
    max-width: 100%;
    padding: 24px 16px 23px 15px;
    border-radius: 6px;
    background: var(--White, #FFF);
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: 1px Solid var(--White, #FFF);
}

.chkout-dlvr form h3 {
    margin-top: 32px;
}

input#bld-chk {
    width: 24px;
    max-width: 24px;
    margin: 0;
    height: 24px;
}
.page-id-51 select {
    -webkit-appearance: none;

}

.dlvr-nme label {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 26.6px */
}

.chkout-dlvr:nth-child(2) {
    margin-top: 32px;
}

.ordr-smry {
    width: 100%;
    max-width: 48%;
}

.ordr-smry-dta {
    border-radius: 16px;
    background: #F3F6FD;
    padding: 48px 32px;
}

.ordr-smry-dta h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    /* 191.667% */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 36px;
}

.ordr-prc h3 {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ordr-dtl {
    padding: 36px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ordr-prc {
    margin-bottom: 16px;
}

.ordr-prc:last-child {
    margin-bottom: 0;
}

.totl-prc h3 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    /* 191.667% */
}

.totl-prc h3:last-child {
    color: rgba(32, 102, 232, 1);
}

.totl-prc {
    padding: 36px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.chk-trm label {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 26.6px */
    opacity: 0.8;
}

.chk-trm label a {
    color: var(--Color-4, #2066E8);
}

.chk-trm {
    margin-bottom: 24px;
}

a.chekout-btn {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    display: flex;
    width: 100%;
    height: 57px;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    text-align: center;
    font-feature-settings: 'ss04'on, 'ss06'on, 'liga'off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 36px;
}

.totl-chekout {
    margin-top: 36px;
}

input#aply-copun {
    border-radius: 6px;
    background: var(--White, #FFF);
    width: 100%;
    max-width: 100%;
    border: none;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
    padding: 16px 15px 17px 14px;
    margin-top: 36px;

}

.upd-crt {
    margin-top: 36px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 36px;
}

.upd-crt a {
    color: var(--Color-4, #2066E8);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 190%;
    /* 26.6px */
    text-decoration-line: underline;
    text-transform: capitalize;
    opacity: 0.8;
}

.ordr-smry-dta:last-child {
    margin-top: 32px;
}

input.c-name::placeholder {
    opacity: 0.5;
}

textarea#c-msg::placeholder {
    opacity: 0.5;
}

.modify-head-card {
    background: none;
    padding: 0;
    border-radius: unset;
}

.modify-head-card h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 56px */
    text-transform: uppercase;
}

.modify-head-card span {
    color: var(--Color-4, #2066E8);
}

.query p {
    color: var(--Grey, #5B5B5F);
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 32px */
}

.query a {
    color: var(--Color-4, #2066E8);
}

.query {
    margin-top: 60px;
}

.cst h5 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
    margin-top: 24px;
}

/* POp up */

.best-popup {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
    padding: 48px 40px;
    width: 100%;
    max-width: 52.6%;
    margin: auto;
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    /* bottom: 0; */
    z-index: 99;
}

.best-popup h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 32px;
}

.best-popup p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
}

.best-popup a {
    color: var(--Color-4, #2066E8);
}

.best-popup {
    display: none;
}

.close-cross {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
}

.pop-body {
    overflow: hidden;
}

/* About menu */

.about-drop {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
    padding: 32px 58px 45px 32px;
    width: 100%;
    max-width: 1280px;
    margin-top: 24px;
}

.about-drop-dta {
    display: flex;
    justify-content: space-between;
}

.about-drop-menu {
    width: 100%;
    max-width: 31.2%;
}

.about-drop-menu h3 {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    /* 130% */
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.about-drop-menu ul li {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

.about-drop {
    display: none;
}

.down-pymnt h4 {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.down-pymnt span {
    color: var(--Grey, #5B5B5F);
    text-align: right;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.down-pymnt {
    margin-bottom: 16px;
}

.mortgage-left h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    margin-bottom: 32px;
}

.mortgage-left p {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
}

.mortgage-left {
    width: 100%;
    max-width: 52.8%;
    padding-top: 80px;
    padding-bottom: 50px;
}


.mortgage-slide-dta {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
    gap: 12px;
}

.mortgage-slide-dta input {
    width: 100%;
    max-width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid rgba(91, 91, 95, 0.2);
    padding-bottom: 16px;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.anual-slide-wrap {
    justify-content: space-between;
    gap: 12px;
}

.anual-slide-wrap .slider-wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

input#slider2,
input#slider1,
input#slider3 {
    height: 4px;
    border: none;
    width: 100%;
    max-width: 100%;
}

span#value1,
span#value2,
span#value3 {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 14px;
}

.insure {
    margin-top: 24px;
    justify-content: space-between;
    gap: 12px;
}

.insure input {
    width: 100%;
    max-width: 100%;
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    background: transparent;
    border-bottom: 1px solid rgba(91, 91, 95, 0.2);
    padding-bottom: 16px;
}

.mortgage-range-adj {
    margin-top: 48px;
    border-bottom: 1px dashed rgba(91, 91, 95, 0.4);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.rslt-copy {
    display: flex;
    flex-direction: column;
}

.rslt-copy h3 {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 190%;
    /* 34.2px */
    margin-bottom: 20px;
}

.rslt-copy input {
    border-radius: 14px;
    border: 1px solid rgba(91, 91, 95, 0.10);
    background: var(--BG-1, #EDF1F2);
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */
    padding: 27px 16px 26px 16px;
    height: 64px;
    margin-bottom: 16px;
}

.rslt-copy button {
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
    border: none;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 182px;
    height: 48px;
    margin-left: auto;
}

.down-slider {
    margin-top: 24px;
}

.mortgage-right {
    border-radius: 30px 30px 0px 0px;
    background: rgba(32, 102, 232, 0.08);
    width: 100%;
    max-width: 43.4%;
    padding: 20px 50px 20px 50px;
    display: flex;
    align-items: center;
}

.mortgage-cal-content {
    display: flex;
    justify-content: space-between;
    gap: 48px;
}

.month-pay h2 {
    color: var(--Color-1, #142F57);
    font-family: "Plus Jakarta Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 76.8px */
    margin-bottom: 20px;
}

.month-pay h3 {
    color: var(--Color-1, #142F57);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 25.2px */
}

.month-pay {
    border-bottom: 1px solid rgba(32, 102, 232, 0.2);
    padding-bottom: 40px;
}

.taxes {
    border-bottom: 1px solid rgba(32, 102, 232, 0.2);
    padding: 40px 0 0 0;
    margin-bottom: 40px;
}

.tax-dta {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;

}

.mort-right-dta p {
    color: var(--Grey, #5B5B5F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    /* 30.4px */
    font-family: 'Poppins';
}

.tax-dta h3 {
    color: var(--Color-1, #142F57);
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 28px */
}

.tax-dta h2 {
    color: var(--Color-4, #2066E8);
    text-align: right;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 28.8px */
}

.mort-right-dta {
    width: 100%;
    max-width: 100%;
}

.mort-right-dta p {
    margin-top: 40px;
    font-size: 16px;
}

.file-area {
    border-radius: 14px;
    border: 1px dashed rgba(91, 91, 95, 0.10);
    background: var(--BG-1, #EDF1F2);
    width: 100%;
    max-width: 100%;
    min-height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

.file-area span {
    color: rgba(91, 91, 95, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    /* 17.64px */
}
.drag-text {
    color: rgba(91, 91, 95, 0.50);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    margin: 12px 0 16px 0;
	text-align: center;
}

span.sprt {
    color: rgba(91, 91, 95, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}
.form-txt input::placeholder {
    opacity: 0.8;
}

.form-txt-1 input::placeholder {
    opacity: 0.8;
}

/* Mega Menu Change */
.sub-menu {
    position: absolute;
    left: 0;
     top: 90px;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--White, #FFF);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
    padding: 32px 58px 45px 32px;
    width: 100%;
    max-width: 1280px;
    margin-top: 0;
    z-index: 9;
    display: flex;
    opacity: 0;
    visibility: hidden;
}

.bottom-header-content {
    position: relative;
}

.header-links .sub-menu li>a {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.header-links .sub-menu li ul li a {
    color: var(--Grey, #5B5B5F);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sub-menu li {
    flex: 1 1 auto;
}

.sub-menu li ul li {
    flex: none;
}

.sub-menu li ul {
    margin: 30px 0px 0px;
}

.sub-menu li ul li:not(:last-child) {
    margin-bottom: 14px;
}

/* .header-links li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
} */

.header-links li.drop-about {
    margin-bottom: -70px;
    padding-bottom: 70px;
}
.rat-star-img {
    width: 100%;
    gap: 6px;
}

/*Rating Star*/

.rat-star-img fieldset, .rat-star-img label { margin: 0; padding: 0; };

.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin-left: 6px;
    font-size: 16px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/


.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
    color: rgba(32, 102, 232, 1);
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
    color: rgba(32, 102, 232, 1);
}



/* hassaan css here  */
body.page-id-540, .page-id-540 #wrapper{
	overflow: visible;
}

/* rating star style */
	.rating .star.filled {
		color: #2066E8;
		font-size: 18px !important;
	}

	.rating {
		display: flex;
		gap: 6px;
	}


/* Style Mega menu css */

/* 	li.drop-down ul {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
	}

	li.drop-down ul li {
		width: 100%;
		max-width: 18.9%;
		position: relative;
	}

	li.drop-down ul li img {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	li.drop-down .sub-menu p {
		border-radius: 400px;
		gap: 10px;
		font-family: "Poppins", sans-serif;
		margin: 0 auto;
		position: absolute;
		bottom: 24px;
		color: var(--White, #FFF);
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		z-index: 9;
		left: 35%;
	}
	li.drop-down ul.sub-menu li a {
		position: relative;
	}
	li.drop-down ul li::after {
		content: "";
		position: absolute;
		border-radius: 0px 0px 16px 16px;
		background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
		width: 100%;
		height: 92px;
		bottom: 0;
	}

	.header-links .sub-menu li .drop-btn {
		border-radius: 400px;
		background: var(--Color-1, #142F57);
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		color: var(--White, #FFF);
		text-align: center;
		font-feature-settings: 'ss04' on, 'ss06' on, 'liga' off;
		font-family: "Poppins", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin: 0 auto;
		margin-top: 40px;
		width: 178px;
		height: 48px;
	}
	li.drop-down ul li:last-child::after {
		position: unset;
	}

	li.drop-down ul li:last-child {
		margin: auto;
		max-width: 100%;
	} */

/* wishlist marked */
	.marked {
		background: #2066E8;
		border-radius: 50%;
	}

	a.wishlist_icon.marked img {
		filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(279deg) brightness(102%) contrast(102%);
		color: #fff;
	}

/* Style menu  */
#menu-item-37 .dropper, #menu-item-1364 .dropper {
    flex-wrap: wrap;
    gap: 11px;
    row-gap: 40px;
}

#menu-item-37 .dropper li img, #menu-item-1364 .dropper li img {
    width: 100%;
    max-width: 100%;
    height: 136px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
	position:relative;
}

#menu-item-37 .dropper li, #menu-item-1364 .dropper li {
    width: 100%;
    max-width: 19.2%;
    position: relative;
}

#menu-item-37 .dropper li p, #menu-item-1364 .dropper li p {
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    bottom: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10% !important;
    right: 10px !important;
	z-index:9;
}
#menu-item-37 .dropper li::after, #menu-item-1364 .dropper li::after {
    content: "";
    position: absolute;
    border-radius: 0px 0px 16px 16px;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 100%;
    height: 92px;
    bottom: 0;
	pointer-events:none;
}
#menu-item-37 .dropper li:last-child::after, #menu-item-1364 .dropper li:last-child::after {
    display: none;
}
.page-id-52 .best-house {
    height: 250px !important;
}


/* new code */

.min_max_options_options, .min_max_depth-options, .min_max_width-options {
    display: none;
    position: absolute;
    background: white;
    padding: 15px;
    box-shadow: 2px 2px 4px #CCC;
    z-index: 1000;
    /* top: 0; */
    width: 100%;
    left: 0;
    flex-direction: column;
    border-radius: 10px;
}

.plan-serch-2 {
    position: relative;
}

.s-plan:nth-child(4) {position: relative;}

.min_max_options_columns, .min_max_depth-options_columns, .min_max_width-options_columns  {
    display: flex;
    flex-direction: column;
}

.min_max_options_columns span, .min_max_depth-options_columns span, .min_max_width-options_columns span {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: 14px;
    font-family: 'Poppins';
    margin-bottom: 10px;
}

.min_max_options_close_container a.button.big, .min_max_depth_options_close_container a.button.big, .min_max_width_options_close_container a.button.big {
    font-family: 'Poppins';
    color: #fff;
    background: #2066E8;
    border-radius: 5px;
	padding: 5px;
}
.min_max_options_to {
    margin-left: auto;
	margin-right: 50px;
}
.min_max_width-options .min_max_options_to {
    margin-left: auto;
    margin-right: 80px;
}
.min_max_depth-options_columns span.min_max_depth-options_to.min_max_options_to.depth-to {
    margin-left: auto;
    margin-right: 80px;
}
.dlt-srch a, .dlt-srch button {
    height: 48px;
}
.min_max_options_columns span .active-nmbr, .min_max_width-options_columns span .active-nmbr, .min_max_depth-options_columns span .active-nmbr {
    background: none;
    border-radius: unset;
    border: none !important;
    color: unset !important;
    text-decoration: underline;
}
.liv-opt .nmbr.active-nmbr {
    background: none;
    color: unset !important;
    border-radius: unset;
    border: none !important;
}
.min-sq-cntnt {
    flex-wrap: wrap;
}

.liv-opt input {
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 0;
}

.liv-opt {
    position: relative;
}

.liv-opt label {
    padding: 0 0 0 25px;
    z-index: 999;
}


.liv-opt label::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #EDF1F2;
    left: 0;
    top: 2px;
}

.liv-opt label::after {
    position: absolute;
    content: "";
    left: 4px;
    top: 7px;
    width: 8px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}


.liv-opt label.active-nmbr::before {
    background: blue;
}
.sel-img-1 img.best-house {
    height: 190px !important;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
.footer-social-icon {
    gap: 26px;
}
.page-id-121 .answerfaq p {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.86px;
	opacity:1;
}

.page-id-121 .questionfq.active h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}
.page-id-696 .pub-plan-img img {
    width: 100%;
    max-width: 100%;
    min-height: 458px;
}
.page-id-696 .publish-text p:first-child {
    color: var(--Color-4, #2066E8);
    font-family: "Plus Jakarta Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 150% !important;
}
.page-id-696 .publish-sec.financing-publish-sec .publish-plan p:nth-child(2) {
    padding-top: 40px;
}
.page-id-696 .build-est-overview {
    padding: 30px 40px 41px 40px;
}

/* Cart */
.page-id-50 input#coupon_code {
    width: 100%;
    height: 35px;
}

.page-id-50 .coupon {
    width: 100%;
    max-width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
	flex-wrap: wrap;
}

.page-id-50 .coupon .button {
    width: 100%;
    max-width: 100%;
}

.page-id-50 .product-thumbnail {
/*     width: 100%; */
    max-width: 30%;
}
td.product-name {
    /* width: 100%; */
    max-width: 30%;
}
.page-id-50 table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 192px;
}
.best-popup {
    display: none;
}
.policy {
    width: 100%;
    max-width: 37%;
}

.policy nav ul {
    display: flex;
    justify-content: space-between;
    gap: 10px;
	width: max-content;
}

.policy nav ul li a::after {
    content: "/";
    position: absolute;
    right: -8px;
    transform: rotate(165deg);
}

.policy nav ul li a {
    position: relative;
    color: var(--White, #FFF);
    text-align: right;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%; /* 26.6px */
    opacity: 0.4;
}
.policy li#menu-item-1235 a::after {
    content: "";
}
li#menu-item-37, #menu-item-500, li#menu-item-1364 {
    margin-bottom: -30px;
    padding-bottom: 30px;
}
.plan-filter .close-btn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 18px;
}

.plan-filter {
    padding-top: 40px;
}
.plan-serch input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.page-id-50 .product-remove a.remove {
    border: 1px solid;
    border-radius: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-order {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0 80px;
}
.woocommerce-order h2, .woocommerce-account.woocommerce-page.woocommerce-view-order .woocommerce h2 {
    font-family: 'Plus Jakarta Sans';
    font-size: 40px;
    color: #000;
    margin-bottom: 20px;
}
.woocommerce-order p, .woocommerce-account.woocommerce-page.woocommerce-view-order .woocommerce p {
    font-family: 'Poppins' !important;
    font-size: 20px;
    margin: 20px 0;
    font-weight: 500;
}
.woocommerce-order li, .woocommerce-account.woocommerce-page.woocommerce-view-order .woocommerce li {
    font-family: 'Poppins';
    font-size: 16px !important;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700;
}
.woocommerce-order li strong {
    font-family: 'Plus Jakarta Sans';
    font-size: 18px;
    font-weight: 500;
	margin-top: 10px;
}
.woocommerce-order th, .woocommerce-order td, .woocommerce-account.woocommerce-page.woocommerce-view-order .woocommerce th, .woocommerce-account.woocommerce-page.woocommerce-view-order .woocommerce td {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600 !important;
}
.woocommerce-customer-details address {
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: 500;
    padding: 20px !important;
}
td.woocommerce-table__product-name.product-name li {
    display: flex;
    flex-direction: column;
}
.page-id-51 li.wc_payment_method.payment_method_cod label {font-family: Poppins;font-size: 18px;}

.page-id-51 li.wc_payment_method.payment_method_cod .payment_box.payment_method_cod {
    font-family: Poppins;
    font-size: 16px !important;
}

.woocommerce-account.woocommerce-page.woocommerce-view-order .woocommerce {
    width: 100%;
    max-width: 100%;
    padding: 0 80px;
    margin: 0 auto;
    margin-top: 200px;
}
.action a.rt-view-1 {
    display: flex;
    width: 160px;
    /* padding: 8px 32px 7px 32px; */
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: var(--White, #FFF) !important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 400px;
    background: var(--Color-4, #2066E8);
	 height: 36px;
}

.action a img:last-child {
    filter: brightness(0) saturate(100%) invert(99%) sepia(34%) saturate(0%) hue-rotate(322deg) brightness(103%) contrast(100%);
}
body:has(.rverse-floor) .fancybox-image{
         transform: scaleX(-1);
}
.page-id-50 .wc-empty-cart-message {
    margin-top: 30px;
}

p.return-to-shop {
    padding-bottom: 20px;
}
ul.breadcrumb li, ul.breadcrumb li a {
    text-transform: capitalize;
}
select#mortgageTerm {
    -webkit-appearance: none;
    appearance: none;
	color: rgba(91, 91, 95, 0.8);;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.mort-trm-drop {
    position: relative;
}

.mort-trm-drop::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(https://houseplans.online/wp-content/uploads/2024/07/term-drop.svg);
    width: 20px;
    height: 20px;
    right: 0;
    top: 20px;
    pointer-events: none;
}

/* Cart */
.woocommerce table.shop_table th {
    font-family: 'Plus Jakarta Sans';
}

.woocommerce table.shop_table td bdi, .woocommerce table.shop_table dt, .woocommerce table.shop_table a, .woocommerce table.shop_table p, .woocommerce table.shop_table td, .wc-proceed-to-checkout a {
    font-family: 'Poppins';
}


form.woocommerce-cart-form {
    margin-top: 20px;
}
.modify-pop-cntnt {
    z-index: 9;
}
.file-upload span p {
    line-break: anywhere;
}
.modify-field input::placeholder {
    opacity: 0.5;
}
.modify-field input {
    opacity: 1 !important;
}
body.popup-bg-color, body.best-popup-bg {
    position: relative;
	overflow: hidden;
}

body.popup-bg-color::after, body.best-popup-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    bottom: 0;
    opacity: 0.95;
    background: var(--Color-1, #142F57);
}
.modify-pop-cntnt {
    overflow-y: scroll;
    height: 90vh;
}
select.active {
    opacity: 1!important;
}
td.actions button {
    font-family: 'Poppins' !important;
}
.what i.fa-solid.fa-arrow-left:hover, i.fa-solid.fa-arrow-right:hover {
    background: none !important;
    color: rgba(32, 102, 232, 1) !important;
}
a.checkout-button.button.alt.wc-forward {
    background: rgba(32, 102, 232, 1) !important;
	border-radius: 400px !important;
   color: #fff !important;
}
.bed img {
    width: 100%;
    max-width: 16px;
}

.page-template-terms .is-sticky {
    position: relative;
}
.page-id-50.woocommerce-cart section {
    background: #F3F6FD !important;
    padding-top: 10px;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border-radius: 20px;
/* 	border: 1px solid var(--Color-4, #2066E8) !important; */
}
.actions button.button {
    display: none !important;
}
.actions .coupon button.button {
    background: rgba(32, 102, 232, 1) !important;
    border-radius: 400px !important;
    color: #fff;
    display: block !important;
	height: 40px;
}
.coupon button.button:hover {
        color: #fff;
   }

.dash-tab button.tablinks:nth-child(1).active img {
    filter: none;
}
.form-group-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.form-group-1 h5 {
    margin-top: 0;
}
.tab-dta input#p-search::-webkit-search-cancel-button {
    display: none;
}
.page-id-50 .coupon {
    display: none !important;
}

.page-id-50 td.actions {
    display: none !important;
}
.toast.toast-error {
    background: var(--Color-4, #2066E8);
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-size: 14px;
}
.plan-faq h5{
	margin-top:0;
}
.sze-spn.plan-faq:hover {
    background:var(--Color-4, #2066E8);
}
.sze-spn.plan-faq:hover .custom-radio-1+label span {
    color: #fff;
    border: 1px solid #fff !important;
}

.sze-spn.plan-faq:hover .custom-radio-1+label span::before {
    background-color: #fff;
}

.sze-spn.plan-faq:hover .form-group-1 label, .sze-spn.plan-faq:hover .form-group-1 h5, .sze-spn.plan-faq:hover p {
    color: #fff;
}


/* ul#menu-menu-1 li a img {
    display: none;
} */


.modify-img img {
    filter: brightness(0) saturate(100%) invert(34%) sepia(69%) saturate(4205%) hue-rotate(212deg) brightness(94%) contrast(94%);
}

.modify-img {
	background:transparent;
	padding: 5px 25px;
}

.cf7-popup {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
}

.cf7-popup-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    text-align: center;
}

.cf7-popup-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cf7-popup-close:hover,
.cf7-popup-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.page-id-540 .bottom-header-content{
	margin-top:0;
}
.page-id-540 header#myHeader {
    position: fixed;
}


.page-id-6 .mc4wp-response {
    position: relative;
    top: 60px;
    color: white;
}

.page-id-50 .cart-empty.woocommerce-info {
    font-family: poppins;
}

.page-id-50 .return-to-shop a {
    color: #fff !important;
    background: var(--Color-4, #2066E8) !important;
    font-family: poppins;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.cart_totals h2 {
    color: #000;
    margin-bottom: 20px;
	text-transform: capitalize;
}
.page-id-51 .woocommerce-error li {
    font-family: 'Plus Jakarta Sans';
    color: #fff;
}

.page-id-51 .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul {
    background: var(--Color-4, #2066E8);
}

.page-id-51 .woocommerce-error::before {
    color: #fff;
    top: 20px !important;
}
.page-id-51 .wc_payment_methods.payment_methods.methods {
    font-family: 'Poppins';
}
.toast-success {
    background-color: rgba(32, 102, 232, 1) !important;
    font-family: 'Plus Jakarta Sans';
}
.woocommerce .product-remove a {
    border: 2px solid var(--Color-4, #2066E8) !important;
    color: var(--Color-4, #2066E8) !important;
}

.woocommerce a.remove:hover {
    background: var(--Color-4, #2066E8) !important;
}

.product-name a {font-weight: 700;}

.page-id-50 .woocommerce-message, .woocommerce-message a, .cart-empty.woocommerce-info {
    font-family: 'Poppins';
    background-color: var(--Color-4, #2066E8);
    color: #fff !important;
}

.page-id-50 .woocommerce-message::before, .cart-empty.woocommerce-info::before {
    color: #fff;
    top: 20px;
}
.woocommerce-message, .woocommerce-error {
    background: var(--Color-4, #2066E8) !important;
    color: #fff;
	font-family: 'Poppins';
}
.woocommerce-message::before, .woocommerce-error::before {
    color: #fff !important;
}
.captcha-container a#refresh {
    position: absolute;
    right: 6px;
    font-family: 'Poppins';
    border: 1px solid var(--Color-4, #2066E8);
    border-radius: 14px;
    padding: 5px;
    background: var(--Color-4, #2066E8);
    color: #fff;
    top: -7px;
    font-size: 13px;
    transition: 0.6s;
}

.captcha-container {
    position: relative;
    margin-bottom: 20px;
}

captcha-container span#captcha {
    font-family: 'Poppins';
}

.captcha-container a#refresh:hover {background-color: transparent;color: var(--Color-4, #2066E8);}
.mc4wp-alert.mc4wp-success {
    position: fixed;
    top: 120px;
    right: 0%;
    width: 100%;
    max-width: 40%;
    background: #fff;
    color: #000;
    padding: 30px;
    border-radius: 24px;
    z-index: 999;
    left: 33%;
    font-family: 'Poppins';
    border: 1px solid var(--Color-4, #2066E8);
}
.mc4wp-alert.mc4wp-error {
    position: fixed;
    top: 120px;
    right: 0%;
    width: 100%;
    max-width: 40%;
    background: #fff;
    color: red;
    padding: 30px;
    border-radius: 24px;
    z-index: 999;
    left: 33%;
    font-family: 'Poppins';
	  border: 1px solid var(--Color-4, #2066E8);
}
.moretext.visible, .moretext {
    color: var(--Grey, #5B5B5F);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    font-family: 'Poppins';
}
.moretext.visible ul li, .moretext ul li {
    list-style: disc;
    margin-left: 20px;
}


/* .page-id-50 .woocommerce table.shop_table {
    border: 1px solid var(--Color-4, #2066E8) !important;
}

.page-id-50 .woocommerce table.shop_table td {
    border-top: 1px solid var(--Color-4, #2066E8) !important;
} */

.button.wc-forward {
    color: var(--Color-4, #2066E8) !important;
    font-family: 'Poppins' !important;
	background: #fff !important;
}
.bd-overlay {
    position: relative;
}

.bd-overlay::after {
    content: "";
    position: absolute;
    opacity: 0.95;
    background: var(--Color-1, #142F57);
    width:100%;
    height:100%;
    top:0;
    left:0;
	z-index:99;
}
.woocommerce-order-received span.woocommerce-Price-amount.amount bdi {
    color: var(--Color-4, #2066E8) !important;
}

.woocommerce-order-received table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr {
    background: var(--Color-4, #2066E8) !important;
    color: #fff !important;
}

.woocommerce-order-received span.woocommerce-Price-amount.amount {
    color: var(--Color-4, #2066E8) !important;
}
span.checkout_login {
    width: 100%;
    max-width: 100%;
    padding: 0px 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-family: 'Poppins';
    color: var(--Color-4, #2066E8);
}
/* a.load-btn {
    display: none !important;
} */
.page-id-99 a.load-btn {
    display: none;
}


	mark.order-number, mark.order-date, mark.order-status {
		background: transparent;
	}
	button.img_dimen {
		display: none !important;
	}
	div#Dashboard .acc-ovrview:nth-child(3), div#Dashboard .acc-ovrview:nth-child(4) {
		display: none !important;
	}/*
	.swiper-container-1 {
		transform: rotate(180deg);
	}

	.swiper-container-1 img {
		transform: rotate(-180deg);
	}*/
	.woocommerce-order-received .woocommerce-order {
		width: 100%;
		max-width: 1440px;
		margin: auto;
	}
	.show {
            display: flex;
            visibility: visible;
            opacity: 1;
        }
	#menu-item-37, #menu-item-1364, #menu-item-500 {
		cursor: pointer;
	}

	.bpg a {
		border-radius: 400px;
		background: rgba(32, 102, 232, 0.10);
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 213px;
		margin: auto;
		margin-top: 12px;
		padding: 10px 12px;
		align-items: center;
		gap: 6px;
	}

	.bpg img {
		width: 100%;
		max-width: 20px;
	}

	.bpg p {
		color: var(--Color-1, #142F57);
		text-align: center;
		font-family: "Plus Jakarta Sans";
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}


li#menu-item-1364 a img, li#menu-item-37 a img, li#menu-item-500 a img {position: relative;top: -2px;}

/* .detail-goto-slider .action a.flor-btn:nth-child(3) {
    order: -2;
}

.detail-goto-slider .action a.flor-btn:nth-child(2) {
    order: -1;
} */
.plan_con p {
    margin-top: 20px;
    text-align: justify;
    font-size: 16px;
    opacity: 0.8;
}
.drwn-bd img {
    width: 100%;
    max-width: 24px;
    filter: brightness(0) saturate(100%) invert(34%) sepia(66%) saturate(5773%) hue-rotate(215deg) brightness(97%) contrast(87%);
}
.log_btn img {
    width: 100%;
    max-width: 24px;
}

.log_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.woocommerce-account .firstnme select {
    padding: 14px 24px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    border: none;
    color: rgb(20, 47, 87);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.search-bar-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: poppins;
    width: 100%;
    max-width: 70%;
}
input.search-bar {
    border: none !important;
    font-size: 16px;
    padding-right: 5px;
    width: 100%;
    max-width: 100%;
    background: none;
}
.search-bar-container form.search-form {
    width: 100%;
    max-width: 100%;
	display: flex;
    align-items: center;
    justify-content: space-between;
	border: 1px solid var(--Color-4, #2066E8);
    border-radius: 24px;
    padding: 10px;
	background: #fff;
}

.search-bar-container button.search-icon {
    border: none;
    background: var(--Color-4, #2066E8);
    border-radius: 50%;
    height: 40px;
 	 width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.blog-text img {
    width: 100%;
    max-width: 300px;
    height: 200px;
    border-radius: 14px;
}
.quantity input {
    border: none !important;
    background: transparent;
}
h2.entry-title {
    margin-top: 20px;
}

.entry-footer {
    margin-top: 10px;
}

.entry-footer a {
    color: var(--Color-4, #2066E8);
}

nav.navigation.posts-navigation a {
    color: #000;
    font-size: 20px;
}

nav.navigation.posts-navigation {
    margin-top: 20px;
    margin-bottom: 20px;
}
.three.col a img.h-icon-img {
    display: none;
	 background: #ffffff24;
    padding: 10px 10px 10px 10px;
    border-radius: 50%;
}

.three.col {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}
.search-bar-container h2 {
    color: #000;
    font-size: 18px;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 60px;
}
.serch-bar-cntr {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 360px;
}
body.search-pop{
		overflow:hidden;
	position:relative;
}
 body.search-pop::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 9;
    bottom: 0;
    opacity: 0.95;
    background: var(--Color-1, #142F57);

}
.search-bar-container a.seerch-closed {
    position: absolute;
    top: -200px;
    right: 0px;
    color: #fff;
    font-size: 30px;
}
.postid-201 .quantity {
    display: none;
}
.order_print {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1280px !important;
    margin: auto;
    margin-bottom: 20px;
    gap: 40px;
}

.order_print button, .order_print a {
    border: 1px solid var(--Color-4, #2066E8);
    background: var(--Color-4, #2066E8);
    color: #fff;
    border-radius: 24px;
    width: 150px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: poppins;
	font-size: 16px;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-top: 40px;
}

textarea#c-msg:focus {
    outline: none;
}
li.trf a img, li.trf-act a img {
    transform: rotate(180deg);
}

li.trf ul.show li a img {transform: rotate(0deg);}
.quantity button {
    border: 1px solid rgba(0, 0, 0, .3);
    background: transparent;
    font-size: 14px;
    color: #000;
}

.product-quantity .quantity:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 5px;
	margin-top: 22px;
}

.product-quantity .quantity:nth-child(1) input {
    border: 1px solid rgba(0, 0, 0, .3) !important;
    background: transparent;
    color: #000;
}
.slick-slide .slide-thumbnail {
    height: 125px;
    object-fit: cover;
}


/* Mortgage Label */

.mort-fld label {
    font-size: 12px;
    color: #000;
    position: absolute;
    top: -12px;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out; /* Adjust the duration as needed */
}

.mort-fld input::placeholder, .mort-fld input {
    color: #000;
}

select#mortgageTerm {
    color: #000;
}
label#mort-term, label#mort-intrst {
    position: absolute;
    left: 51%;
}
label#mort-insurnc {
    left: 34%;
}

label#mort-hoa {
    left: 68%;
}

.mort-fld {
    position: relative;
}


.style-img {
    flex-wrap: wrap;
    row-gap: 14px;
}

.colcton-serch-rslt .style-img .stle-img-content img {height: 136px;border-radius: 14px;object-fit: cover;}

.colcton-serch-rslt .style-img {
    justify-content: flex-start;
}
.colcton-serch-rslt .style-img .stle-img-content {
    width: 100%;
    max-width: 18.8% !important;
    height: 136px;
}
.search-result-pge .stle-img-content a {
    bottom: 50px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.colcton-serch-rslt .stle-img-content a::after {
display:none;
}
.search-result-pge .stle-img-content a {
    flex-direction: column;
   position: unset;
    bottom: 0;
    z-index: 9;
}
h3.make_red {
    color: red;
}
.search-result-pge .stle-img-content::after {
    content: "";
    position: absolute;
    border-radius: 0px 0px 16px 16px;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
.search-result-pge .stle-img-content a p {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
	z-index:9;
}
.colcton-serch-rslt .style-img .stle-img-content {
    position: relative;
}


/* Search result page */
    section.search-result-pge {
        padding-top: 174px;
        position: relative;
    }

    section.search-result-pge::after {
        content: "";
        position: absolute;
        opacity: 0.95;
        background: var(--Color-1, #142F57);
        width: 100%;
        max-width: 100%;
        height: 100%;
        top: 0;
        border-radius: 0 0 20px 20px;
    }

    input#reslt-pge-search::-webkit-search-cancel-button {
        display: none;
    }

    .search-result-pge-cntnt {
        position: relative;
        z-index: 9;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.10);
        background: var(--White, #FFF);
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
        width: 100%;
        max-width: 100%;
        padding: 36px 38px 57px 38px;
    }

    .search-result-field {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        border: 1px solid rgba(91, 91, 95, 0.10);
        background: var(--BG-1, #EDF1F2);
        width: 100%;
        max-width: 600px;
        margin: auto;
        padding: 0 16px;
        height: 64px;
    }

    .search-result-field input,
    .search-result-field button {
        border: none;
        background: none;
    }

    .search-result-field input {
        width: 100%;
        max-width: 100%;
        color: var(--Grey, #5B5B5F);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 16px */
    }

    .search-result-field button {
        border-radius: 400px;
        border: 1px solid var(--Color-1, #142F57);
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .show-result-pge h3 {
        color: var(--Color-4, #2066E8);
        font-family: "Plus Jakarta Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        /* 130% */
    }

    .show-result-pge {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 40px 0;
    }

    .search-result-pge-cntnt h2 {
        color: var(--Color-1, #142F57);
        font-family: "Plus Jakarta Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 24px;
    }

    .colcton-serch-rslt .style-img .stle-img-content {
        width: 100%;
        max-width: 228px;
        height: 136px;
    }

    .colcton-serch-rslt .style-img .stle-img-content img {
        width: 100%;
        max-width: 100%;
    }

    .search-result-pge .stle-img-content a::after {
        z-index: -1;
    }

/*     .search-result-pge .stle-img-content a {
        bottom: 40px;
    } */

    .search-result-pge .stle-img-content img::after {
        content: "";
        position: absolute;
        border-radius: 0px 0px 16px 16px;
        background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
        bottom: -10px;
    }

    .show-result-pge p {
        color: var(--Grey, #5B5B5F);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .plans-rsl .fltr-rt-img .best-house {
        width: 100%;
        max-width: 100%;
        display: block;
        height: 220px !important;
        object-fit: cover;
        border-radius: 16px;
    }

    .plans-rsl {
        margin-top: 40px;
    }

    .plans-rsl .blog-img {
        width: 100%;
        max-width: 378px;
        position: relative;
    }

   .plans-rsl .article-contt {
    display: flex;
    justify-content: flex-start;
    /* flex-wrap: nowrap; */
    row-gap: 40px;
	}

    .plans-rsl .blog-img img {
        border-radius: 20px;
    }

    .serch-pge-dta-cntnt {
        padding-bottom: 60px;
    }

	.search-results footer#footer {
		margin-top: -30px;
	}


	#plans-rsl-pg .blog-img {
		border-radius: 16px;
		background: rgba(32, 102, 232, 0.04);
		padding: 24px 20px;
	}

	#plans-rsl-pg .blog-img h3 {
		color: var(--Color-4, #2066E8);
		font-family: "Plus Jakarta Sans";
		font-size: 20px;
		font-style: normal;
		font-weight: 800;
		line-height: 140%; /* 28px */
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 24px;
	}

	#plans-rsl-pg .blog-img p {
		color: var(--Grey, #5B5B5F);
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 190%; /* 30.4px */
	}
	.plans-rsl .one.article-contt.know-img {
		margin-top: 0;
	}
	.menu-hde {
		visibility: hidden;
		opacity: 0;
	}

   

    @media only screen and (max-width: 967px) {
        .colcton-serch-rslt .style-img .stle-img-content {
            width: 100%;
            max-width: 48%;
         
        }
        .plans-rsl .fltr-rt-img-1 {
            width: 100%;
            max-width: 48%;
        }
        .plans-rsl .article-contt {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .plans-rsl .blog-img {
            width: 100%;
            max-width: 48%;
        }


    }
}
/*
@supports (-webkit-overflow-scrolling: touch) {
    .swiper-container {
        overflow: hidden;
    }
}*/

.page-id-51 span#select2-shipping_state-container {
    width: 100%;
    max-width: 100%;
    display: block;
}

.page-id-51 span.selection {
    width: 100%;
    display: block;
    max-width: 100%;
}

.page-id-51 span.woocommerce-input-wrapper {
    width: 100%;
    display: block;
    max-width: 100%;
}

.page-id-51 span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus, .page-id-51 span.select2.select2-container.select2-container--default {
    width: 100%;
    max-width: 100% !important;
    position: relative;
}

.page-id-51 span.select2-results {
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 100%;
	top: 10px;
}

.page-id-51 ul#select2-shipping_state-results li {
    width: 100%;
    max-width: 100%;
}


	select#mod-state {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 6px;
    border: 1px solid rgba(91, 91, 95, 0.10);
    background: var(--BG-1, #EDF1F2);
    padding: 31px 16px;
  color:rgb(91, 91, 95, 0.5);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 1;
	float: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output ,.wpcf7 form.sent .wpcf7-response-output{
    border-color: #fff;
    background: #142F57;
    color: #fff;
    border: 2px solid #fff;
}

.woocommerce-account .firstnme select {
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
  padding: 14px 24px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  border: none;
  color: rgb(20, 47, 87);
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background-image: url('down-arrow.svg'); /* Add a custom arrow image if needed */
  background-position: right 10px center;
  background-repeat: no-repeat;
}

/* 3 - 3 - 2025  */

.stle-img-content a img {
    width: 300px;
    height: 184px;
}

@media screen and (max-width: 1300px) and (min-width: 1280px) {
    .style-img-content {
        width: 24%;
    }
}

/* ————————————————————————————————
Featured Collections - Formatting for Static boxes 
(see commented code above for Owl Carousel formatting)
———————————————————————————————— */
.collection-static {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
  margin: 0 auto;
  max-width: 1280px;
}

.collection-static .collection-content {
  display: flex;            /* make the card a flex container */
  flex-direction: column;   /* stack image → heading vertically */
  align-items: center;      /* center them horizontally */
  text-align: center;       /* center multiline text if you ever add it */
}
.plan-serch-2.flex {
  display: flex;
  align-items: center;
}

/* wrappers for SqFt, Width, Depth */
.sqft-btn-wrapper,
.wdt-btn-wrapper,
.dpt-btn-wrapper {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

/* shared button styling */
button.p-srch-btn,
button.sqft-srch-btn,
button.wdt-srch-btn,
button.dpt-srch-btn {
  border-radius: 6px;
  background: var(--Color-4, #2066E8);
  border: 1px solid #2066E8;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Add space between the separator bar and the coupon text */
.coupon-applied-row {
    padding-top: 30px; 
}


/* Custom CSS to shrink the vertical height of the coupon box */

/* Target the outermost container of the coupon box */
.chkout-dlvr.add_margin {
    padding-top: 10px !important;
    /* Increase bottom padding to prevent content from sticking out */
    padding-bottom: 65px !important; /* Adjust this value as needed */
}

/* Target the inner container where the coupon form is */
.ordr-smry-dta.coupon_messages {
    padding-top: 10px !important;
    /* Increase bottom padding if the inner container also needs more space */
    padding-bottom: 65px !important; /* Adjust this value as needed */
}

/* Adjust the spacing below the "Apply Coupon" heading */
.ordr-smry-dta h2 {
    padding-bottom: 15px !important; /* Reduce the space below the heading */
    line-height: 1.5em !important; /* Make the line height more compact for a 24px font */
}

/* Adjust top margin of the first form row (coupon input) if needed */
.ordr-smry-dta p.form-row.form-row-first {
    margin-top: 15px !important; /* Add some space between h2 and input */
}

/* Adjust spacing between input field and button, if needed */
.ordr-smry-dta p.form-row.form-row-last {
    margin-top: 10px !important; /* Adjust if the button is too close to the input */
    margin-bottom: 0 !important; /* Remove any default bottom margin */
}

/* Style the "Apply coupon" button to match the checkout button */
button[name="apply_coupon"] {
    /* Background and Border */
    border-radius: 400px !important; /* Makes it pill-shaped */
    background: var(--Color-4, #2066E8) !important; /* Use your brand color */
    border: none !important; /* Remove any default button borders */

    /* Sizing and Layout */
    display: flex !important; /* Enables flexbox properties for centering content */
    width: 100% !important; /* Make it full width of its container */
    height: 57px !important; /* Set a fixed height */
    padding: 12px 40px !important; /* Apply padding (content will be centered within height) */
    justify-content: center !important; /* Horizontally center content */
    align-items: center !important; /* Vertically center content */
    gap: 10px !important; /* This might not have a visible effect if only text is inside */
    margin-top: 20px !important; /* Adjust margin-top to give it space from the input field. You can adjust this value (e.g., 15px, 25px) as needed. */

    /* Text Styling */
    color: var(--White, #FFF) !important; /* White text color */
    text-align: center !important; /* Ensure text is centered, though flexbox handles this too */
    font-feature-settings: 'ss04' on, 'ss06' on, 'liga' off !important; /* Apply specific font features */
    font-family: Poppins !important; /* Set font family */
    font-size: 16px !important; /* Set font size */
    font-style: normal !important;
    font-weight: 500 !important; /* Set font weight */
    line-height: normal !important; /* Use normal line-height for proper vertical centering */

    /* Remove any conflicting default styles for buttons */
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important; /* Ensure it looks clickable */
    text-decoration: none !important; /* Prevent text decoration if inherited */
}

/* Add a subtle hover effect for better user experience */
button[name="apply_coupon"]:hover,
button[name="apply_coupon"]:focus {
    background: var(--Color-4, #2066E8) !important; /* Keep same background on hover */
    opacity: 0.9; /* Slightly dim on hover */
    /* You could also slightly darken the color, e.g., filter: brightness(90%); */
}

/* 1. Flex container for the coupon input and button */
/* This targets the form that usually wraps the coupon fields */
.ordr-smry-dta.coupon_messages form.checkout_coupon {
    display: flex !important; /* Makes the form a flex container */
    align-items: center !important; /* Vertically aligns items in the middle */
    gap: 10px !important; /* Adds space between the input and button */
    margin-top: 20px !important; /* Adjust vertical space from the "Apply Coupon" heading */
    margin-bottom: 0 !important; /* Remove any default bottom margin from the form */
    width: 100% !important; /* Ensure the form takes full available width */
    flex-wrap: nowrap !important; /* Prevent items from wrapping to next line on smaller screens if possible */
}

/* 2. Adjust the <p> tags that wrap the input and button */
/* Ensure they don't interfere with the flex layout */
.ordr-smry-dta.coupon_messages form.checkout_coupon p.form-row {
    flex-basis: auto !important; /* Allow flex items to size based on content */
    flex-grow: 1 !important; /* Allow the input field's paragraph to grow and fill space */
    margin-bottom: 0 !important; /* Remove default paragraph bottom margins */
    width: auto !important; /* Override any fixed widths WooCommerce might apply */
    box-sizing: border-box !important; /* Crucial for consistent sizing */
}
/* Ensure the last form row (button's parent) doesn't take too much space */
.ordr-smry-dta.coupon_messages form.checkout_coupon p.form-row-last {
    flex-grow: 0 !important; /* Prevent the button's parent from growing unnecessarily */
    flex-shrink: 0 !important; /* Prevent it from shrinking */
}


/* 3. Style for the coupon input field */
.ordr-smry-dta.coupon_messages form.checkout_coupon input#coupon_code {
    height: 48px !important; /* Set a consistent height for the input field */
    padding: 10px 15px !important; /* Adjust padding for better look inside the new height */
    box-sizing: border-box !important; /* Include padding and border in the element's total width and height */
    line-height: normal !important; /* Ensure text is vertically centered */
    width: 100% !important; /* Make the input fill its flex container */
    margin-bottom: 0 !important; /* Remove any default bottom margin */
}

/* 4. Style for the "Apply coupon" button (override previous height/padding) */
button[name="apply_coupon"] {
    /* Set height to match the input field */
    height: 48px !important;

    /* Adjust padding to fit the new height. Horizontal padding remains for visual width. */
    padding: 0 25px !important; /* 0 for vertical padding, horizontal padding for width */

    /* Remove margin-top as the flex container handles vertical spacing */
    margin-top: 0 !important;

    /* Ensure text does not wrap on smaller screens */
    white-space: nowrap !important;

    /* Keep other styling like border-radius, background, color, font from previous step */
    /* Add border: none !important; if it's not already there */
    border: none !important; /* Ensure no default button border */
    flex-shrink: 0 !important; /* Prevent button from shrinking in flex container */
    flex-grow: 0 !important; /* Prevent button from growing in flex container */
}

/* 5. Hide the `clear` div which can interfere with flex layouts */
.ordr-smry-dta.coupon_messages .clear {
    display: none !important;
}




/* --- Shipping Address Section Styling --- */

/* 1. Style the heading for the shipping address toggle */
.woocommerce-shipping-fields h3 {
    color: var(--Color-1, #142F57) !important;
    font-family: Poppins !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. Adjust the form row (p.form-row) to be a structural element */
.woocommerce-shipping-fields__field-wrapper .form-row {
    margin-bottom: 8px !important; /* Space between field rows */
    box-sizing: border-box !important;
    border: none !important;
    display: block !important;
}

/* 3. Set up the field wrapper for flexbox to handle side-by-side fields */
.woocommerce-shipping-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 0 !important; /* Vertical gap between flex rows */
    justify-content: space-between !important;
}

/* 3.5. Style the dlvr-nme flex container for billing fields */
.dlvr-nme.flex {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important; /* Standard gap for two-column fields */
    margin-bottom: 8px !important; /* Consistent spacing between these rows */
}

/* 4. Adjust widths and spacing for side-by-side fields */
/* This rule applies to form-row-first and form-row-last within ANY flex container
   that should have a 16px gap (e.g., woocommerce-shipping-fields__field-wrapper, dlvr-nme.flex) */
.woocommerce-shipping-fields__field-wrapper .form-row-first,
.woocommerce-shipping-fields__field-wrapper .form-row-last,
.dlvr-nme.flex .form-row-first,
.dlvr-nme.flex .form-row-last {
    width: calc(50% - 8px) !important; /* Each field takes 50% minus half the 16px gap */
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important; /* CRUCIAL: Remove conflicting margins when using gap */
    margin-left: 0 !important;
}
/* Removed the separate margin-right: 16px rule, as the `gap` property now handles spacing */

/* 5. Ensure full-width fields take 100% */
.woocommerce-shipping-fields__field-wrapper .form-row-wide {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* 6. ***GLOBAL STYLE FOR ALL INPUT TEXT FIELDS AND NATIVE SELECT DROPDOWNS ON CHECKOUT PAGE*** */
/* These styles will now ONLY apply on the Checkout Page */
body.woocommerce-checkout input.input-text, /* Target inputs only on checkout page */
body.woocommerce-checkout select,            /* Target native selects only on checkout page */
body.woocommerce-checkout #b-locate {       /* Target #b-locate only on checkout page if it's there */
    border-radius: 6px !important;
    background: var(--White, #FFF) !important;
    padding: 16px 15px 17px 15px !important; /* New padding for 57px total height */
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    color: var(--Grey, #5B5B5F) !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    display: block !important;
    box-shadow: none !important;
    outline: none !important;
    margin-bottom: 0 !important;
}

/* 7. ***CRITICAL: Ensure the woocommerce-input-wrapper is transparent and non-visual*** */
.woocommerce-input-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: normal !important;
    display: block !important;
    width: 100% !important;
}

/* 8. Specific styling for the Select2 visible dropdown box (e.g., State dropdown) */
/* Now uses the new padding/font sizes for consistent height */
.woocommerce-shipping-fields__field-wrapper .select2-container .select2-selection--single {
    width: 100% !important;
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 16px 15px 17px 15px !important; /* Updated padding for 57px height */
    box-sizing: border-box !important;
    color: var(--Grey, #5B5B5F) !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    line-height: 24px !important;
    box-shadow: none !important;
    outline: none !important;
    margin-bottom: 0 !important;

    display: flex !important;
    align-items: center !important; /* Vertically center content */
    justify-content: flex-start !important; /* Horizontally left-align */
    height: 57px !important;
}

/* 9. Style and left-align the Select2 text content within the dropdown box */
.woocommerce-shipping-fields__field-wrapper .select2-selection__rendered {
    color: var(--Grey, #5B5B5F) !important;
    padding: 0 !important;
    flex-grow: 1 !important;
    text-align: left !important;
}

/* 10. Adjust Select2 dropdown arrow position and color */
.woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection__arrow {
    background-color: transparent !important;
    border: none !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    flex-shrink: 0 !important;
}
.woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection__arrow b {
    border-color: var(--Grey, #5B5B5F) transparent transparent transparent !important;
    margin-top: 0 !important;
}

/* 11. STYLE FOR THE ACTUAL DROPDOWN LIST (when opened) */
.select2-container--open .select2-dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 8px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* 12. Styling for individual options within the dropdown list */
.select2-container--default .select2-results__option {
    color: var(--Grey, #5B5B5F) !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--Color-4, #2066E8) !important;
    color: #FFF !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #E6EEF9 !important;
    color: var(--Grey, #5B5B5F) !important;
}

/* 13. Style the labels for the shipping fields */
.woocommerce-shipping-fields__field-wrapper label {
    color: var(--Grey, #5B5B5F) !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 190% !important;
    margin-bottom: 8px !important;
    display: block !important;
}

---

/* --- NEW SECTION: Coupon Code Form Alignment and Button Styling --- */

/* 14. Make the coupon form container a flexbox, and control children alignment */
.ordr-smry-dta.coupon_messages {
    display: flex !important;
    flex-wrap: wrap !important; /* Allow items to wrap on smaller screens */
    align-items: center !important; /* Vertically center items on the same row */
    gap: 16px !important; /* Space between the input and button */
    margin-bottom: 20px !important; /* Space below the coupon section */
}

/* Ensure the heading takes its own full line within the flex container */
.ordr-smry-dta.coupon_messages h2 {
    flex-basis: 100% !important; /* Force heading to take full width */
    margin-bottom: 16px !important; /* Space below heading */
    color: var(--Color-1, #142F57) !important;
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

/* 15. Adjust layout for coupon input within the flex container (half width) */
.ordr-smry-dta.coupon_messages p.form-row-first {
    width: calc(50% - 8px) !important; /* Half width minus half gap */
    flex-grow: 0 !important; /* Disable flex-grow if explicit width is set */
    flex-shrink: 0 !important; /* Prevent shrinking below its width */
    margin-right: 0 !important; /* Remove any default margins */
    margin-left: 0 !important;
    margin-bottom: 0 !important; /* Remove bottom margin from the p tag */
}

/* 16. Adjust layout for coupon button within the flex container (half width) */
.ordr-smry-dta.coupon_messages p.form-row-last {
    width: calc(50% - 8px) !important; /* Half width minus half gap */
    flex-grow: 0 !important; /* Disable flex-grow if explicit width is set */
    flex-shrink: 0 !important; /* Prevent shrinking below its width */
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important; /* Remove bottom margin from the p tag */
}

/* 17. Style the "Apply coupon" button to perfectly match the checkout button */
.ordr-smry-dta.coupon_messages button.button {
    border-radius: 400px !important; /* Matching checkout button */
    background: var(--Color-4, #2066E8) !important; /* Matching checkout button */
    color: var(--White, #FFF) !important; /* Matching checkout button */
    padding: 12px 40px !important; /* Matching checkout button */
    height: 57px !important; /* Matching checkout button */
    border: none !important; /* Ensure no border */
    font-family: Poppins !important; /* Matching checkout button */
    font-size: 16px !important; /* Matching checkout button */
    font-style: normal !important; /* Matching checkout button */
    font-weight: 500 !important; /* Matching checkout button */
    line-height: normal !important; /* Matching checkout button */
    text-align: center !important; /* Matching checkout button */
    font-feature-settings: 'ss04' on, 'ss06' on, 'liga' off !important; /* Matching checkout button */

    /* Ensure button fills its container and is centered */
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important; /* Matching checkout button */
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important; /* Crucial for consistent sizing */

    /* Remove the previous translateY nudge as it's likely not needed with new padding */
    transform: translateY(5px) !important;
}