@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&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;
}

:root {
    --gap80: clamp(40px, 5.556vw, 80px);
    --gap110: clamp(40px, 7.639vw, 110px);
    --font18: clamp(16px, 1.25vw, 18px);
    --font19: clamp(16px, 1.319vw, 19px);
    --font20: clamp(17px, 1.389vw, 20px);
    --font21: clamp(17px, 1.458vw, 21px);
    --font22: clamp(17px, 1.528vw, 22px);
    --font23: clamp(17px, 1.597vw, 23px);
    --font24: clamp(17px, 1.667vw, 24px);
    --font25: clamp(18px, 1.736vw, 25px);
    --font26: clamp(18px, 1.806vw, 26px);
    --font27: clamp(18px, 1.875vw, 27px);
    --font28: clamp(19px, 1.944vw, 28px);
    --font29: clamp(19px, 2.014vw, 29px);
    --font30: clamp(19px, 2.083vw, 30px);
    --font31: clamp(20px, 2.153vw, 31px);
    --font32: clamp(20px, 2.222vw, 32px);
    --font33: clamp(21px, 2.292vw, 33px);
    --font34: clamp(22px, 2.361vw, 34px);
    --font35: clamp(23px, 2.431vw, 35px);
    --font36: clamp(25px, 2.5vw, 36px);
    --font37: clamp(24px, 2.3vw, 37px);
    --font42: clamp(28px, 3vw, 42px);
    --font50: clamp(32px, 3.5vw, 50px);
	--font54: clamp(32px, 4vw, 54px);
    --font65: clamp(40px, 4.1vw, 65px);
    --black: #000;
    --smokyblack: #242323;
    --lightblack: #626060;
    --jetblack: #2D2D2C;
    --white: #fff;
    --offwhite: #F4F4F4;
    --linenwhite: #FFF9F5;
    --brown: #584338;
    --orange: #FE9115;
    --aztecgold: #C3964E;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: var(--lightblack);
    background: #F5F5F5;
    overflow-x: hidden;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

h1 {
    font-weight: 700;
    font-size: var(--font54);
    line-height: 61px;
    text-transform: uppercase;
    color: var(--white);
}

h2 {
    font-size: var(--font42);
    font-weight: 700;
    line-height: 1.3em;
    color: var(--black);
}

h3 {
    font-weight: 500;
    font-size: var(--font18);
    line-height: 23px;
    color: var(--black);
}

h4 {
    font-size: var(--font24);
    font-weight: 500;
    line-height: 26px;
    color: var(--white);
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #0b5798;
}

:focus {
    outline: none !important;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

iframe {
    max-width: 100%;
}

label {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #FFFFFF;
    margin: 0 0 10px;
}

label span {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.select {
    position: relative;
}

.select::after {
    content: "\e91b";
    font-family: "Syd";
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 18px;
    pointer-events: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border: #e3e3e3 1px solid;
    padding: 9px 14px;
    font-family: "Cabin", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    color: #6c6b6b;
}

textarea {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border: #e3e3e3 1px solid;
    transition: 0.2s ease all;
    resize: none;
    padding: 9px 14px;
    font-family: "Cabin", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    color: #6c6b6b;
}

[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"],
[type="date"] {
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    border-radius: 6px;
    border: #EEEEEE 1px solid;
    outline: none;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #000;
    transition: 0.2s ease all;
}

select,
input {
    height: 50px;
}

textarea {
    height: 70px;
}

input::-webkit-input-placeholder {
    color: #707070;
    opacity: 1;
}

[type="submit"] {
    border: 1px solid #292929;
    outline: none;
    padding: 13px 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    color: #292929;
    border-radius: 0px;
    transition: 0.2s ease all;
    background: #fff;
    text-align: center;
    display: inline-block;
}

[type="submit"]:hover {
    background: #ea3319;
}


.btns {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 13px 36px;
}

.primary-btn {
    background: var(--brown);
    color: var(--white);
    border: 1px solid var(--brown);
}

.primary-btn:hover {
    background: var(--white);
    color: var(--lightblack);
    border: 1px solid #E8E8E8;
}

.secondary-btn {
    color: var(--lightblack);
    background-color: var(--white);
    border: 1px solid #E8E8E8;
    color: #626060;
}

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


.mrg-top-80 {
    margin: clamp(45px, 5.556vw, 80px) 0 0;
}

.mrg-bot-80 {
    margin: 0 0 clamp(45px, 5.556vw, 80px);
}

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

p {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0;
}

.container {
    max-width: 100%;
    padding: 0 20px;
}

/* header */

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    transition: 0.3s;
    background: var(--brown);
    padding: 20px 0;
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.14);
}

.connect-info p,
.connect-info a {
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: var(--white);
}

.connect-info p{
	font-size: 14px;
	font-weight: 600;
}

.connect-info a {
    font-weight: 500;
}

.header-left {
    max-width: 223px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mail-icon {
    margin-right: 11px;
}

.header-logo {
    max-width: 211px;
    padding: 0 20px;
}

.header-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header-right {
    margin: 0 auto 0 160px;
}

.header-right ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-right ul li {
    padding: 0 10px;
    transition: all .4s ease-in-out;
}

.header-right ul li a {
    font-family: "Nunito", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white);
	padding: 15px 7px;
}

.header-right ul li a::after{
	content:"";
	height: 2px;
	width: 100%;
	background-color: #FAFAFA;
	    transition: all 0.3s;
	display: none;
}


.header-right ul li:hover a::after {
   display: block;
}

.mobile-logo {
    display: none;
}




.banner-section {
    width: 100%;
    height: 100%;
    /* background-image: url(../img/home-banner.png);
    background-size: cover;
    background-repeat: no-repeat; */
    /* padding: 223px 0 69px; */
    position: relative;
}

/* .banner-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(87.32deg, rgba(0, 0, 0, 0.54) 12.4%, rgba(0, 0, 0, 0) 58.62%);
} */

.banner-cont-sec {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    padding: 223px 0 20px;
}

.banner-slider-box {
    position: relative;
}

.banner-slider-box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(87.32deg, rgba(0, 0, 0, 0.54) 12.4%, rgba(0, 0, 0, 0) 58.62%);
}

.banner-slider-box img {
    min-height: 843px;
}

.banner-inner-sec {
    width: 100%;
    height: 100%;
    position: relative;
}

.bannet-left {
    max-width: 607px;
    margin-left: 57px;
}

.banner-right {
    max-width: 439px;
}

.banner-inner {
    position: relative;
}

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

.banner-top {
    max-width: 204px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--white);
    position: relative;
    display: block;
    padding-bottom: 10px;
}

.banner-top::after {
    content: "";
    width: 64px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--orange);
}

.banner-top::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--white);
}

.banner-info h1 {
    max-width: 567px;
    padding: 34px 0;
}

.banner-info h1 span {
    color: var(--orange);
}

.banner-info p {
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    font-size: var(--font18);
    line-height: 22px;
    color: var(--white);
}

.start-btn-sec {
    width: fit-content;
}

.get-btn {
    display: flex;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 18px 57px;
    margin-top: 44px;
    transition: all .3s ease-in-out;
}

.get-btn::before {
    content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 132%;
    border: 2px solid;
    transition: all 0.6s ease;
    border-radius: 0;
    top: -10px;
    right: -13px;
    border-bottom-color: transparent;
    border-right-color: var(--white);
    border-top-color: var(--white);
    border-left-color: transparent;
}

.get-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 113%;
    right: -30px;
    width: 100%;
    height: 2px;
    background-color: var(--white);
    transition: all 0.3s ease;
    transform: scale(0.85);
}

.get-btn span {
    font-family: "Jost", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
    text-transform: uppercase;
    color: var(--white);
}

.banner-right {
    width: 439px;
}

.get-form-sec {
    position: relative;
    width: 100%;
    padding: 35px 25px;
    border-radius: 26px;
}

.get-form-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.get-form-box-wrapper label {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 15px;
}

.get-input-box {
    position: relative;
    margin-bottom: 17px;
}

.get-form-sec input::placeholder,
.get-form-sec textarea::placeholder {
    color: #1A1A1A;
    font-style: italic;
}

.get-input-box input {
    height: 49px;
    background: var(--white);
    color: var(--);
    border-radius: 15px;
    padding-right: 46px;
}

.get-select-box {
    margin-bottom: 17px;
}

.get-select-box select {
    height: 49px;
    background: #FFFFFF24;
    color: var(--white);
    border-radius: 15px;
    background-image: url(../img/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 56%;
}

.get-mesage-box textarea {
    height: 94px;
    background: #FFFFFF24;
    color: var(--white);
    border-radius: 15px;
}

.get-input-box img {
    max-width: 18px;
    position: absolute;
    right: 23px;
    top: 16px;
}

.get-btn-box {
    margin-top: 31px;
}

.send-btn {
    width: 100%;
    font-size: var(--font22);
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid var(--white);
    color: var(--white);
    background: var(--brown);
    transition: all .3s ease-in-out;
}

.send-btn:hover {
    background: var(--white);
    color: var(--yellow);
}

.banner-box .banner-image {
    width: 100%;
    height: 960px;
}

.banner-right {
    width: 100%;
    height: 100%;
    background-image: url(../img/banner-from-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.footer {
    width: 100%;
    height: 100%;
    background-image: url(../img/footer-bg-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 56px 0 0px;
    color: var(--white);
}

.footer-top {
    padding-bottom: 55px;
    border-bottom: 1px solid #FFFFFF2B;
}

.footer-sec-heading {
    font-weight: 500;
    font-size: var(--font37);
    line-height: 1.438rem;
    text-align: center;
    padding-bottom: 77px;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-col:first-child {
    width: 343px;
}

.footer-col:nth-child(2) {
    width: 145px;
}

.footer-col:nth-child(3) {
    width: 205px;
}

.footer-col:last-child {
    width: 391px;
}

.logo-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.438rem;
    padding: 35px 0 20px;
}

.footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 12px;
}

.footer-social a {
    width: 30px;
    height: 30px;
    border: 1px solid var(--white);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.footer-social a:hover {
    background-color: var(--aztecgold);
    border: 1px solid var(--aztecgold)
}

.footer-heading {
    font-weight: 600;
    font-size: var(--font20);
    line-height: 1.438rem;
    text-transform: capitalize;
    padding: 0 0px 24px;
}

.footer-col:nth-child(2) ul li,
.footer-col:nth-child(3) ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-col:nth-child(2) ul li:first-child {
    padding: 0;
}

.footer-col:nth-child(2) ul li a,
.footer-col:nth-child(3) ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 2.688rem;
    text-transform: capitalize;
    color: var(--white);
    padding-left: 13px;
    position: relative;
}

.footer-col:nth-child(2) ul li a::before,
.footer-col:nth-child(3) ul li a::before {
    content: " ";
    width: 4px;
    height: 4px;
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer-col:nth-child(2) ul li a:hover,
.footer-col:nth-child(3) ul li a:hover {
    color: var(--aztecgold)
}

.footer-col:nth-child(4) ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding-top: 25px;
}

.footer-col:nth-child(4) ul li:nth-child(1) .footer-contact-cont a {
    display: contents;
}

.footer-col:nth-child(4) ul li:nth-child(2) a {
    text-decoration: underline;
}

.footer-col:nth-child(4) ul li:first-child {
    padding: 0;
}

.footer-col:nth-child(4) ul li img {
    padding-top: 5px;
}

.footer-contact-cont {
    max-width: 375px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 11px;
}

.footer-contact-cont span {
    line-height: 1.375rem;
    font-size: 16px;
}

.footer-contact-cont a {
    font-weight: 500;
    font-size: var(--font19);
    line-height: 1.375rem;
    color: var(--white);
}

.footer-contact-cont a:hover {
    color: var(--aztecgold);
}

.footer-bottom {
    padding: 28px 0;
    background: #000000C9;
}

.footer-bottom-text p,
.footer-bottom-text p a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375rem;
    color: var(--white);
    text-align: center;
}

.footer-bottom-text p a:hover {
    color: var(--aztecgold);
}

.hamburger {
    display: none;
}

.mobile-menu-close-sec {
    display: none;
}

.page-menu {
    margin-right: 32px;
}

.header-right-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.best-design {
    background-color: var(--linenwhite);
    padding: 80px 0;
}

.best-design-half-img {
    position: relative;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.best-half-text h2 {
    max-width: 580px;
    padding-bottom: 29px;
}

.best-half-text p {
    font-size: var(--font18);
    color: var(--black);
    line-height: 23px;
}

.list-box ul li {
    width: 210px;
    background-color: var(--white);
    padding: 13px;
    border-radius: 9px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 20px 15px 0;
}

.list-box ul li p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3em;
    color: var(--black);
}

.list-box ul {
    display: flex;
    flex-wrap: wrap;
}

.list-icon-box {
    width: 43px;
    height: 43px;
    background-color: var(--brown);
    border-radius: 50%;
    margin-right: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.list-box {
    margin-top: 20px;
}

.best-half-text-inner {
    margin-left: 30px;
}

.best-design-half-img,
.best-design-half-img img {
    height: 100%;
}

.our-collection {
    background-color: var(--white);
    padding: var(--gap80) 0;
}

.our-collection-text span {
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    color: var(--black);
}

.our-collection-box {
    height: 100%;
    border: 1px solid rgba(232, 232, 232, 1);
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 1);
}



.our-collection-box-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.our-collection-img p {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: var(--black);
}

.our-collection-img {
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 2px;
}

.our-collection-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-collection-info {
    width: 100%;
    padding: 28px 23px 23px 23px;
}

.our-collection-info a {
    width: 100%;
    padding: 19px;
    border-radius: 2px;
    margin: 20px 0 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}

.our-collection-info a:last-child {
    margin: 0;
}

.our-collection-row {
    gap: 24px 0;
}

.our-collection-text h2 {
    padding-bottom: 44px;
}


.what-we-do {
    padding: 80px 0;
}

.what-we-do-text h2 {
    max-width: 473px;
    padding-bottom: 38px;
}

.what-we-do-box-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 17px 52px;
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.what-we-do-box-overlay-wrap h3 {
    font-size: var(--font20);
    font-weight: 500;
    line-height: 23px;
    color: var(--white);
    text-align: center;
    padding-bottom: 21px;
}

.what-we-do-box-overlay-wrap p {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: var(--white);
    text-align: center;
}

.know-more-btn {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: 2px solid var(--orange);
    padding: 14px 42px;
    margin-top: 28px;
}

.know-more-btn span {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    color: var(--white);
}

.know-more-btn::before {
    top: -8px;
    border-right-color: var(--orange);
    border-top-color: var(--orange);
}

.know-more-btn::after {
    right: -27px;
    background-color: var(--orange);
}

.what-we-do-box-overlay-wrap {
    width: 100%;
    transition: all .4s ease-in-out;
    position: absolute;
    bottom: -16px;
    left: 0;
    padding: 30px 20px;
    transform: translateY(65%);
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.what-we-do-box {
    height: 100%;
    position: relative;
}

.what-we-do-box::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(181.71deg, rgba(0, 0, 0, 0) 18.52%, rgba(0, 0, 0, 0.89) 98.55%);
}

/* .what-we-do-box-img:hover .what-we-do-box-overlay {
    transform: translateY(-26%);
    visibility: visible;
    opacity: 1;
} */

.get-in-touch {
    width: 100%;
    height: 100%;
    background-image: url(../img/get-in-touch-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.inquiries {
    max-width: 634px;
    padding: 160px 20px;
}

.inquiries-text h2 {
    color: var(--white);
    padding: 25px 0 47px;
}

.inquiries-info {
    height: 100%;
    background: rgba(0, 0, 0, 0.46);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px 12px;
    border-radius: 16px;
}

.inquiries-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 10px;
    text-transform: uppercase;
    color: var(--white);
    padding-bottom: 10px;
}

.inquiries-info a {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: var(--white);
}

.inquiries-row {
    gap: 24px 0;
    align-items: center;
}

.inquirie-form-box {
    max-width: 680px;
    height: 100%;
    background-color: var(--jetblack);
    padding: 60px 68px 34px;
    position: absolute;
    top: 0;
    right: 0;
}

.inquirie-send-btn {
    max-width: 389px;
    font-weight: 700;
    font-style: Italic;
    font-size: 17px;
    line-height: 18px;
}

.inquirie-form-title h4 {
    max-width: 417px;
    padding-bottom: 25px;
}

.our-journey {
    background-color: var(--linenwhite);
    padding: 83px 0 91px;
}

.our-journey-text p {
    padding-top: 36px;
    color: var(--black);
}

.our-journey-left-img {
    position: relative;
}

.our-journey-left-img img {
    width: 100%;
}

.brown-box-inner img {
    width: 44px;
    margin-right: 15px;
}

.brown-box-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px 21px;
}

.brown-box {
    min-width: 321px;
    position: absolute;
    bottom: 0;
    left: -107px;
    background: linear-gradient(90deg, rgba(88, 67, 56, 0) 0%, #584338 61.95%);
    border: 6px solid rgba(255, 249, 245, 1);
    display: flex;
    flex-wrap: wrap;
}

.brown-box p {
    font-weight: 800;
    font-size: var(--font19);
    line-height: 21px;
    text-transform: uppercase;
    color: var(--white);
}

.our-journey-row {
    align-items: center;
}

.our-journey-inner {
    max-width: 1142px;
    margin: 0 auto;
}

.what-we-do-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.what-we-do-box-overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.what-we-do-box:hover .what-we-do-box-overlay-wrap {
    transform: translateY(-13%);
}

.send-btn-box {
    text-align: center;
}

.what-we-do-row {
    gap: 24px 0;
}

.our-service {
    width: 100%;
    height: 100%;
    padding-top: 80px;
    position: relative;
}

.our-service::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 477px;
    background-image: url(../img/our-services-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.our-service-left .nav .nav-link {
    background-color: #EBEBEC;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 15px 18px 32px;
    color: var(--black);
    margin-bottom: 21px;
    font-weight: 500;
    font-size: var(--font19);
    line-height: 41px;
}

.our-service-left .nav .nav-link.active {
    background-color: var(--brown);
    color: var(--white);
}

.our-service-left .nav .nav-link.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

.our-service-left .nav .nav-link img {
    margin-right: 15px;
}

.our-service-tab-inner img {
    width: 100%;
    position: relative;
}

.brown-up-box {
    max-width: 615px;
    background-color: var(--brown);
    padding: 25px 32px 32px 25px;
}

.brown-up-box h3 {
    font-weight: 600;
    font-size: var(--font26);
        line-height: 1.3em;
    color: var(--white);
    padding-bottom: 17px;
}

.brown-up-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: var(--font22);
    color: var(--white);
}

.brown-up-box a {
    width: max-content;
}

.our-service-left {
    position: relative;
    padding-right: 28px;
}

.our-service-left::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #ECECEC;
}

.tab-arrow-sec {
    width: 22px;
    height: 22px;
    display: none;
    position: absolute;
    right: -10px;
}

.tab-arrow-sec-inner {
    width: 22px;
    height: 22px;
    background: #584338;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    border-radius: 3px;
}

.tab-arrow-sec-inner img {
    margin: 0 !important;
    transform: rotate(-44deg);
}

.our-service-left .nav-link.active .tab-arrow-sec {
    display: block;
}

.our-service-right,
.our-service-right .tab-content,
.our-service-right .tab-pane,
.our-service-tab-inner,
.our-service-tab-inner img,
.brown-up-box-outer {
    width: 100%;
    height: 100%;
}

.our-service-right .tab-pane {
    padding-left: 26px;
}

.our-service-tab-inner {
    position: relative;
}

.our-service-tab-inner img {
    object-fit: cover;
}

.brown-up-box-outer {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: end;
    justify-content: start;
    padding: 30px;
}

.our-service-title {
    position: relative;
}

.our-service-title h2 {
    max-width: 478px;
}



/* 16.09.25 swarnali */

/* banner */

.about-banner {
    position: relative;
    margin: 56px 0 0;
}

.about-banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
}

.about-us-banner-content {
    text-align: center;
    padding: 170px 0;
}

.about-banner-title h2 {
    font-size: var(--font42);
    color: var(--white);
    line-height: 3.375rem;
    margin-bottom: 10px;
}

.about-banner-link a {
    font-size: var(--font20);
    line-height: 1.2rem;
    text-transform: capitalize;
    color: var(--white);
}

.about-banner-link a:hover {
    color: var(--aztecgold);
}

.about-us-best-design-row {
    align-items: center;
}

.philosophy {
    background-color: var(--white);
}

.philosophy-best-design-row {
    flex-direction: row-reverse;
}

.philosophy-best-design-row .best-half-text-inner {
    margin-left: 0px;
}

.philosophy-button a {
    padding: 19px 70px;
    border-radius: 2px;
    margin: 20px 0 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}

.about-what-do-we-do-row .what-we-do-box-overlay-wrap {
    bottom: -20px;
}


.design-journey-inner {
    background-color: var(--brown);
    padding: 78px 96px;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.design-journey-inner h2 {
    color: var(--white);
    text-align: center;
    margin-bottom: 25px;
}


.crafting-interior {
    margin: var(--gap80) 0;
}

.crafting-interior-inner {
    position: relative;
}

.crafting-interior-text-box {
    max-width: 777px;
    padding: 52px 40px 51px 40px;
    background-color: var(--white);
    box-shadow: 0px 4px 44px 0px #0000001A;
    position: absolute;
    right: 0;
    top: 27px;
}

.crafting-interior-heading h2 {
    text-transform: uppercase;
}

.crafting-interior-heading p {
    padding-top: 22px;
    color: var(--black);
}

.crafting-interior-content {
    margin-top: 27px;
}

.crafting-interior-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.crafting-interior-content ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.crafting-interior-content ul li p {
    color: var(--black);
}

.crafting-interior-subheading h3 {
    font-size: var(--font22);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 22px;
}


.dream-space-sec {
    padding: var(--gap80) 0;
}

.dream-space-sec h2 {
    max-width: 470px;
}

.dream-space-para {
    margin: 22px 0 0;
}

.dream-space-button {
    width: 100%;
    padding: 0 70px;
}

.dream-space-button a {
    width: 100%;
    padding: 14px;
    border-radius: 2px;
    margin: 0 0 32px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}

.our-collection-box-inner.dream-space-box-inner {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.why-choose-us{
    padding: var(--gap80) 0 60px;
    background-color: var(--linenwhite);
}

.why-choose-us-heading h2{
    max-width: 720px;
    text-align: center;
    padding-bottom: 52px;
}

.why-choose-us-row{
    gap: 24px 0;
}

.why-choose-us-box{
    height: 100%;
    padding: 28px 23px 37px;
    background-color: var(--white);
    box-shadow: 0px 4px 44px 0px #0000000D;
    border: 1px solid #FFEFE6;
    border-radius: 9px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.why-choose-us-image-box{
    width: 77px;
    height: 76px;
    background-color: var(--brown);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.why-choose-us-content-cont h4{
font-size: var(--font20);
font-weight: 500;
line-height: 23px;
text-align: center;
color: var(--black);
padding: 20px 0 14px;
}

.why-choose-us-content-cont p{
    font-size: 15px;
    color: var(--black);
    text-align: center;
}






.portfolio-tab {
    padding: var(--gap80) 0;
    background-color: var(--white);
}

.gallery-menu {
    margin: 40px 0;
    display: flex;
    justify-content: center;
}

.portfolio-gallery-dividor-row {
    gap: 24px 0;
}



/* tab */

.gallery-menu .nav-tabs .nav-link.active,
.gallery-menu .nav-tabs .nav-item.show .nav-link {
    border: none;
}

.gallery-menu .nav-tabs {
    background: #F9F9F9;
    border: 1px solid #F3F3F3;
    border-radius: 4px;
}

.gallery-menu .nav-tabs .nav-link {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--black);
    padding: 18px 22px;
    border: 1px solid #F3F3F3;
}

.gallery-menu .nav-tabs .nav-link:first-child {
    border: none;
}

.gallery-menu .nav-tabs .nav-link.active {
    font-weight: 700;
    text-align: center;
    padding: 13px 20px;
    margin: 5px;
    background-color: var(--brown);
    border-radius: 4px;
    color: var(--white);
    border: none;
}

.gallery-dividor img {
    width: 100%;
    object-fit: cover;
}

.crafting-spaces{
    margin-bottom: var(--gap80);
}

.crafting-spaces-inner-content h3{
font-size: var(--font19);
font-weight: 700;
line-height: 41px;
text-transform: uppercase;
}

.crafting-spaces-inner-content p{
    color: var(--black);
    padding: 6px 0 42px;
}

.crafting-spaces-img-box{
    position: relative;
}

.crafting-spaces-tab-inner img{
    object-fit: contain;
}




/* 16-9-25 Rimpa */


.refer-earn-left-box {
    width: 50%;
    background-color: var(--linenwhite);
    padding: 76px 63px 90px 31px;
}

.refer-earn-box-inner span {
    font-weight: 400;
    font-size: var(--font17);
    line-height: 27px;
    text-transform: uppercase;
    color: var(--black);
}

.refer-earn-box-inner h2 {
    text-transform: uppercase;
    padding: 15px 0 27px;
}

.refer-earn-box-inner p {
    max-width: 562px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--black);
}

.refer-earn-right-box {
    background-color: var(--brown);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.refer-earn-row {
    display: flex;
    flex-wrap: wrap;
}

.refer-brown-box-inner h2 {
    max-width: 100%;
    color: var(--white);
}

.refer-brown-box-inner a {
    background-color: var(--orange);
    border-radius: 2px;
    padding: 15px 63px;
}

.refer-brown-box-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.how-it-work {
    padding-top: 80px;
}

.work-box {
    height: 100%;
    border: 1px solid #E8E8E8;
    background-color: var(--white);
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05);
    padding: 50px 60px 62px;
    position: relative;
}

.work-box span {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: var(--brown);
    position: absolute;
    top: 28px;
    right: 29px;
}

.work-box-img {
    width: 58px;
    height: 58px;
    background-color: var(--brown);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.work-box-title h5 {
    font-weight: 700;
    font-size: var(--font22);
    line-height: 31px;
    color: var(--black);
    padding: 24px 0 20px;
}

.work-box-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--black);
}

.work-box-outer {
    padding-top: 47px;
}

.accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-box-left {
    display: flex;
    align-items: center;
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion .accordion-item {
    margin-top: 16px;
    padding: 24px 29px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #E8E8E8;
}

.accordion-item-header.active .accordion-box-right i {
    transform: rotate(45deg);
}

.accordion-item-body-content {
    padding: 15px 15px 15px 0px;
}

.accordion-box-left p {
    font-weight: 500;
    font-size: var(--font18);
    line-height: 21px;
    color: var(--black);
}

.refer-faq-inner {
    padding-top: 40px;
}

.refer-faq {
    padding: 80px 0;
}

.accordion-box-right i {
    color: var(--black);
}

.refer-get-in-touch {
    background-color: var(--linenwhite);
    padding: 76px 0 67px;
}

.refer-get-in-touch-title p {
    max-width: 803px;
}

.refer-inquiries-box-inner {
    height: 100%;
    background-color: var(--white);
    border: 1px solid rgba(255, 239, 230, 1);
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05);
    padding: 45px 66px;
    border-radius: 3px;
}

.refer-label label {
    color: var(--black);
}

.refer-inquiries-box {
    padding-top: 55px;
}


.next-btn:hover,
.back-btn {
    border: 1px solid var(--brown);
    color: var(--brown);
}

.back-btn {
    background: transparent;
}

.back-btn:hover {
    background-color: var(--brown);
    color: var(--white);
}

.middle-box {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 4px solid rgba(251, 246, 242, 1);
    background: var(--white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: -121px;
    transform: translateY(-50%);
}

.contact-us-box {
    height: 100%;
    background-color: var(--white);
    border: 1px solid rgba(232, 232, 232, 1);
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 32px 37px;
}

.contact-icon {
    width: 51px;
    height: 51px;
    background-color: var(--brown);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.contact-title h4 {
    font-weight: 700;
    font-size: var(--font20);
    line-height: 35px;
    text-transform: uppercase;
    color: var(--black);
}

.contact-title a,
.contact-title p {
    font-weight: 400;
    font-size: var(--font17);
    line-height: 23px;
    color: var(--black);
    display: block;
}

.contact-title {
    width: 80%;
    padding-left: 25px;
}

.contact-us-sec {
    width: 100%;
    position: relative;
    top: -53px;
}

.contact-us-from {
    padding: 38px 45px 38px 25px;
}

.contact-from-title h3 {
    font-weight: 700;
    font-size: var(--font26);
    line-height: 30px;
    color: #313030;
    padding-bottom: 30px;
}

.contact-form-sec {
    padding: 0;
}

.map-sec {
    width: 100%;
    height: 100%;
    border-radius: 9px;
    overflow: hidden;
}

.map-sec iframe {
    width: 100%;
    height: 100%;
}

.from-map-sec{
    padding-bottom: 70px;
}

.contact-us-sec-row,
.from-map-sec-row{
    gap: 24px 0;
}


/* Modal Background */
.video-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
}
.video-modal-content {
  position: relative;
  margin: 5% auto;
  padding: 0;
  width: 80%;
  max-width: 800px;
}
.video-modal-content iframe {
  width: 100%;
  height: 450px;
  border-radius: 8px;
}
.video-close {
  position: absolute;
  top: -30px;
  right: 0;
  color: #fff;
  font-size: 32px;
  cursor: pointer;
}

/* 20-9-25 */
.header-middle{
	background: #fff;
    padding: 12px 15px;
	display: none;
}

.header-middle a{
	color: #000;
	font-size: 13px;
}


.header-middle{
	padding: 10px;
}

.mobile-logo img{
	max-width: 142px;
}
	
.banner-right{
	    background-size: 100% 100%;
}

.banner-slider-box img {
    min-height: 972px;
}



.review-sec {
    width: 100%;
    background-color: #FCF6F6;
    padding: 98px 0 75px 0;
}

.reviwe-inner {
    max-width: 815px;
    margin: 0 auto;
}

.review-title span {
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
    color: var(--black);
}

.review-title {
    width: 60%;
}

.review-heading {
    display: flex;
    justify-content: end;
}

.review-info-wrapper-two {
    width: 100%;
    max-height: 281px;
    background-color: var(--brown);
    border-radius: 10px;
    padding: 47px 35px 65px 32px;
    margin-top: 29px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.review-slider-title p {
    color: var(--white);
    padding-top: 23px;
}

.review-img-box h3 {
    font-weight: 700;
    font-size: var(--font22);
    line-height: 27px;
    color: var(--white);
    padding: 13px 0;
    text-align: center;
}

.review-img-box p{
    color: var(--white);
    text-align: center;
}

.review-info-left {
    width: 35%;
    position: relative;
    top: -151px;
}

.review-info-right {
    width: 60%;
}

.review-img-box-inner img {
    width: 100%;
}

.review-text-slider .slick-arrow {
    width: 24px;
    height: 24px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.review-text-slider .slick-arrow::before{
    display: none;
}

.review-text-slider .slick-arrow i{
    color: var(--white);
    font-size: 15px;
}

.review-text-slider .slick-arrow.slick-disabled {
    display: none !important;
}  

.review-text-slider .slick-prev {
    top: 0;
    left: auto;
    right: 36px;
}

.review-text-slider .slick-next {
    right: 0;
    top: 0;
    left: auto;
}

.contact-us {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: #49E670;;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 9;
}

.contact-us i{
    font-size: 32px;
}

/* Tooltip bubble */
.contact-us::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 110%; /* position left side of button */
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #000;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 20px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Tooltip arrow */
.contact-us::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show on hover */
.contact-us:hover::after,
.contact-us:hover::before {
  opacity: 1;
}

/* new chenges */

.mail-icon img{
	width: 35px;
	height: 35px;
	object-fit: cover;
}

.custom-logo-link img {
    max-width: 150px !important;
    margin: 0 20px;
	padding: 0 !important;
}

.our-collection-text h2{
	    max-width: 601px;
}

.about-banner-title h2{
	font-size: var(--font50);
}

.contact-social-icon{
	padding-bottom: 50px;
}

.contact-social-icon-inner{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.social-icon a{
	width: 40px;
    height: 40px;
    background: #584338;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin: 0 10px;
	border: 1px solid #584338;
}

.social-icon a i{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(240deg) brightness(102%) contrast(100%);
}

.social-icon a:hover{
	border: 1px solid #584338;
	background: transparent;
}

.social-icon a:hover i{
	filter: brightness(0) saturate(100%) invert(25%) sepia(5%) saturate(2515%) hue-rotate(336deg) brightness(98%) contrast(90%);
}


.simple-processes-box {
    height: 100%;
}

.simple-processes-title h2 {
    max-width: 100%;
}

.simple-processes-title p {
    max-width: 689px;
}

.simple-processes-bg {
    height: 600px;
    background-color: #F8F8F8;
    padding: 33px 66px 66px;
}

.simple-processes-bottom-box {
    padding: 113px 66px 33px;
    margin-top: -76px;
}

.simple-processes-img span {
    font-weight: 500;
    font-size: var(--font22);
    line-height: 31px;
    text-transform: uppercase;
    color: var(--black);
    padding-left: 20px;
}

.simple-processes-img {
    display: flex;
    align-items: center;
    padding-bottom: 33px;
}

.simple-processes-list ul li span {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: var(--black);
}

.simple-processes-list ul li p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: var(--black);
    padding: 17px 0 0;
}

.simple-processes-list ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: var(--brown);
    padding-top: 36px;
}

.simple-processes-list ul li {
    display: flex;
    padding-bottom: 50px;
    position: relative;
}

.simple-processes-list ul li::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 7px;
    width: 1px;
    height: 136px;
    background: #D7D7D7;
}

.simple-processes-list ul li:last-child::before {
    display: none;
}
.boost-online-img img {
    max-width: 16px;
}

.boost-online-title {
    padding-left: 17px;
}

.simple-processes-gap {
    padding-top: 50px;
}

.simple-processesimg {
    display: flex;
    justify-content: center;
    position: relative;
    top: -80px;
}

.simple-processes-top-img {
    top: 0;
}

.sec-list ul li::before {
    height: 100px;
    top: 24px;
}

.box-height {
    height: 100%;
}

.simple-processes-list ul li:last-child {
    padding: 0;
}

.short-width {
    height: 500px;
}

.Handover-box-inner {
    width: 777px;
    background-color: #F8F8F8;
    padding: 84px 119px;
}

.Handover-box {
    display: flex;
    align-items: center;
}

.simple-processes-big-img {
    position: relative;
    left: -60px;
}

.simple-processes-row {
    --bs-gutter-y: 24px
}

.our-team-slider .slick-track {
    margin: 0 -15px;
}

.our-team-box {
    padding: 0 15px;
}

@media(max-width: 991px) {
    .process-box:nth-child(odd) .simple-processes-box {
        display: flex;
        flex-direction: column-reverse;
    }

    .process-box:nth-child(even) .simple-processes-box {
        display: flex;
        flex-direction: column;
    }

    .simple-processesimg {
        top: 33px;
    }

    .Handover-box {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .simple-processes-big-img {
        position: relative;
        left: 0;
        top: 37px;
    }

    .our-team-img img {
        width: 100%;
    }

    .our-team-slider .slick-track {
        margin: 0;
    }

    .simple-processes-bg {
        padding: 66px;
    }

    .simple-processes-top-img {
        top: 0;
    }

    .simple-processes-bottom-box {
        margin-top: -43px;
    }

    .simple-processes-bottom-box {
        height: 450px;
    }
}

@media(max-width: 767px) {
    .simple-processes-list ul li a {
        padding-top: 15px;
    }

    .simple-processesimg {
        top: 0;
    }

    .simple-processes-bg {
        padding: 30px 15px;
    }

    .simple-processes-list ul li {
        padding-bottom: 15px;
    }

    .short-width {
        height: 435px;
    }

    .Handover-box-inner {
        width: 100%;
        padding: 30px 15px;
    }

    .simple-processes-bottom-box {
        margin-top: 0;
    }

    .simple-processes-img {
        padding-bottom: 15px;
    }

    .simple-processes-bg,
    .simple-processes-bottom-box {
        height: 100%;
    }

    .simple-processes-big-img {
        top: 0;
    }

    .simple-processes-gap {
        padding-top: 30px;
    }

        .free-consultation-title h2{
            text-align: center;
        }

        .simple-processes-list ul li::before{
            display: none;
        }
}

.our-partners-title h2 {
    text-transform: uppercase;
}

.our-partners-title p {
    max-width: 689px;
}

.our-partners,
.simple-processes {
    padding-top: var(--gap80);
}



.our-team-box {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.our-team-box h3 {
    font-weight: 500;
    font-size: var(--font18);
    line-height: 31px;
    text-transform: uppercase;
    color: var(--black);
    margin-top: 25px
}

.our-team-social a {
    border: 1px solid var(--black);
}

.our-team-social a img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(83%) saturate(7433%) hue-rotate(83deg) brightness(88%) contrast(101%);
}

.our-team-social a:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2995%) hue-rotate(29deg) brightness(107%) contrast(100%);
}

.our-team {
    padding: var(--gap80) 0 var(--gap110);
}

.our-team-inner-row {
    --bs-gutter-y: 24px;
}


.free-consultation-inner {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 72px 0;
    margin-top: 55px;
}

.free-consultation-title h2 {
    max-width: 584px;
    color: var(--white);
    text-align: start;
}

.free-btn a {
    background-color: #E8E8E8;
    color: var(--black);
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    padding: 18px 27px;
    border-radius: 2px;
}

@media(max-width: 1199px) {
    .free-consultation-title h2 {
        max-width: 447px;
    }

    .free-consultation-inner {
        margin-top: 45px;
        padding: 45px;
    }
}

@media(max-width: 767px) {
    .free-consultation-inner {
        padding: 30px 0;
    }

    .free-consultation-inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .free-btn {
        margin-top: 15px;
    }
}


.free-consultation {
    background-color: var(--brown);
}

.free-consultation-inner {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 72px 0;
    margin-top: 55px;
}

.free-consultation-title h2 {
    max-width: 584px;
    color: var(--white);
    text-align: start;
}

.free-btn a {
    background-color: #E8E8E8;
    color: var(--black);
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    padding: 18px 27px;
    border-radius: 2px;
}

@media(max-width: 1199px) {
    .free-consultation-title h2 {
        max-width: 447px;
    }

    .free-consultation-inner {
        margin-top: 45px;
        padding: 45px;
    }
}

@media(max-width: 767px) {
    .free-consultation-inner {
        padding: 30px 0;
    }

    .free-consultation-inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .free-btn {
        margin-top: 15px;
    }
}









.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lthumblebox{order: 2;}
.why_wellness{background: #fff;}
.ltextbox{ padding-left: 35px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .ltextbox{ padding-left: 0px; padding-right: 0px;}
.lambdinner_box .lambdinner_textbox .practicon{width: 65px;height: 65px;border-radius: 61px;background: rgba(47, 108, 215, 0.10);
margin-bottom: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox .practicon{display: inline-block;margin-right: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox .practicon img{right: -5px;}
.lambdinner_box .lambdinner_textbox .practicon img{position: relative;top: 5px;right: -20px;}
.lambdinner_box .lambdinner_thumble {display: flex; position: relative; height: 625px; border: 0px solid #feb401; padding: 0px;
  border-radius: 20px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n)  .lambdinner_thumble{margin-right: auto;margin-left: 50px;}
.lambdinner_box{ margin-top: 60px;}

.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_thumble:before{right: inherit; left:-30px; bottom:-30px;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n)  .lambdinner_thumble:after {right: -20px;left: auto;}
.lambdinner_box .lambdinner_thumble img{ width: 100%; object-fit: cover;height: 100%;}
 
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .ltextbox .lambdinner_textbox{padding-left: 0px;text-align: left;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox h2, .lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .lambdinner_textbox p{ text-align:left;}
.lambdinner_totalarea .lambdinner_box .btn-custom{ text-transform:capitalize;}
.lambdinner_totalarea .lambdinner_box:nth-of-type(2n) .btn-custom1{ float:right;}
.lambdinner_box .lambdinner_textbox h2{font-weight: 600; font-size: 40px; line-height: 48px; color: #000; margin-bottom: 10px;
  text-align: left; text-transform: capitalize;  position: relative;}
.lambdinner_box .lambdinner_textbox h4{color: #000; text-transform: uppercase; font-weight: bold; font-size: 19px;}
.lambdinner_box .lambdinner_textbox h3{font-size: 37px;color: #000; font-weight: bold; text-transform: uppercase;
  margin-bottom: 15px;line-height: 40px;}
.lambdinner_box .lambdinner_textbox p{font-weight: 400;font-size: 17px;line-height: 25px;color: #000;margin-bottom: 15px;text-align: left;max-width: 100%;}
.lambdinner_box .lambdinner_textbox .btn-custom{background: #00949e;padding: 13px 38px;display: inline-block;color: #fff;
  text-align: center;font-size: 15px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.32px; margin: 20px 0px 0px 0px;
  border-radius: 50px; transition: all .3s ease-in-out;}
.lambdinner_box  .lambdinner_textbox .btn-custom:hover{ color:#fff;background:#000; transition:all .3s ease-in-out;}
.innerwhychoose h2{ color: #fff;}

.lambdinner_box .lambdinner_textbox ul li {position: relative;padding-left: 25px;margin-bottom: 10px;}
.lambdinner_box .lambdinner_textbox ul li::before {content: '\f061';position: absolute; top: 0;left: 0;font-size: 18px;font-family: FontAwesome;
color: #081740;}

.yeariocn10{position: absolute;
  top: -23px;
  right: -27px;
  border-radius: 50%;
  background: #fff;
  width: 125px;
  height: 125px;
  padding: 13px;}
.abouttext{width: 900px;
  padding: 57px 40px;
  box-shadow: 0px 0px 10px 0px #d0d0d0;
  background: #fff;
  position: relative;}
.abouttext h3{margin-bottom: 30px;
  font-size: 35px;
  font-weight: bold;}

.abouttext h4{color: #000;
  font-size: 16px;
  margin-top: 10px;}

.social101 a{border: 1px solid #060606;}
.social101 img{filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(6846%) hue-rotate(352deg) brightness(101%) contrast(104%);}

.review-slider-title10{height: 300px;}
.review-slider-title10 img {width: 100%;
  height: 100%;
  object-fit: cover;}
.teamarea h4{font-size: 18px;
  color: #000;
  margin: 10px 0px;
  font-weight: bold;
  text-transform: uppercase;}

.why_wellness10{ padding: 50px 0px;}




/* pop-up-start 03-10-25 */

.pop-up-modal .modal-content {
    border-radius: 0;
}

.pop-up-modal .modal-body {
    padding: 0;
}

.pop-up-outer-row {
    --bs-gutter-x: 0;
    background: linear-gradient(230.07deg, #FBF3DC 12.85%, #C3964E 72.78%);
}

.pop-up-left-img-box {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FBF3DC;
}

.pop-up-right-box {
    height: 100%;
}

.pop-up-inner-row {
    --bs-gutter-x: 30px;
}

.pop-up-inner-img-box {
    height: 100%;
    display: flex;
    align-items: end;
}

.pop-up-inner-img-box>img {
    padding: 34px 0 0 26px;
}

.pop-up-inner-form-box {
    height: 100%;
    padding: 42px 47px 42px 0;
}

.pop-up-inner-form-wrap {
    background-color: var(--white);
    border-radius: 17px;
    padding: 47px 33px 62px 34px;
}

.pop-up-form-heading h4 {
    font-family: "Playfair Display", serif;
    font-size: var(--font30);
    font-weight: 500;
    line-height: 2.563rem;
    text-align: center;
    color: #F80000;
}

.pop-up-form-heading p {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.563rem;
    text-align: center;
    color: var(--black);
}

.pop-up-form-page-numbering {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop-up-form-page-numbering a {
    width: 36px;
    height: 36px;
    font-family: "Playfair Display", serif;
    font-size: var(--font24);
    font-weight: 500;
    line-height: 1rem;
    text-align: center;
    color: #BDB9B9;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #BDB9B9;
    border-radius: 50%;
}

.pop-up-form-page-numbering a.active {
    color: var(--black);
    border: 2px solid var(--black);
}

.pop-up-line {
    width: 41px;
    height: 1px;
    background-color: var(--black);
    margin: 0 11px;
}

.pop-up-form-row {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 15px;
}

.pop-up-form-row .form-inner-input input,
.pop-up-form-row .form-inner-input .custom-select {
    height: 46PX;
    padding: 18px 17px;
    outline: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.pop-up-form-row .form-inner-input input::placeholder,
.pop-up-form-row .form-inner-input .custom-select {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

.pop-up-form-form {
    padding: 20px 0 11px;
}

.flag-dropdown {
    width: 100%;
    height: 46px;
    padding: 12px 13px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
}

.flag-dropdown {
    position: relative;
    height: 46px;
    background: #fff;
    display: inline-block;
}

/* circular flag, left inside the box */
.flag-dropdown .flag {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    pointer-events: none;
    /* visual only — clicks pass through to select */
    background: white;
}

/* custom arrow shown on the right */
.flag-custom-select {
    background-image: url(../img/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 86% 51%;
    outline: none;
}

/* invisible select sits over the whole box and receives clicks */
.flag-dropdown select {
    position: absolute;
    inset: 0;
    /* top:0; right:0; bottom:0; left:0; */
    width: 100%;
    height: 100%;
    opacity: 0;
    /* invisible but interactive */
    border: none;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* remove focus outline but keep accessibility focus visible for keyboard users */
.flag-dropdown select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
}

.pop-up-form-row .form-inner-input .custom-select {
    background-image: url(../img/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 93% 51%;
    outline: none;
    padding: 0 13px;
}


.pop-up-modal .modal-footer {
    border: none;
    padding: 0;
    justify-content: space-between;
}


.pop-up-form-button {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    padding: 12px 40px 11px 41px;
    margin: 0;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background-color: #584338;
}

.pop-up-form-button:hover,
.pop-up-form-button:focus,
.pop-up-black-button {
    background-color: var(--black);
    outline: none;
    border: 1px solid var(--black);
    box-shadow: none;
}

.pop-up-black-button:hover {
    background-color: #584338;
    border: 1px solid #CCCCCC;
}



.pop-up-form-form .accordion .accordion-item {
    margin-top: 15px;
    padding: 18px 16px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.pop-up-form-form .accordion .accordion-item .accordion-item-header .accordion-box-left p {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

.pop-up-form-form .accordion .accordion-item:first-child {
    margin: 0;
}

.accordion-middle-text {
    margin-bottom: -15px;
    font-size: 14px;
    letter-spacing: 0;
    color: var(--black);
}


.pop-up-form-form .accordion-item-header.active .accordion-box-right i {
    transform: rotate(180deg);
}


#wpforms-713-field_7-container{ padding:0px;}
.wpforms-page-button, .wpforms-submit{ width: 100% !important;}




/* 4-10-25 */

.pop-up-left-img-box .top-heading p {
    font-family: var(--poppins);
    font-size: var(--font17);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #8B7634;
    margin-bottom: 0;
}


.pop-up-left-img-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FBF3DC;
}

.line-with-circles {
    position: relative;
    width: 58px;
    /* length of the line */
    height: 1px;
    /* thickness of the line */
    background: black;
    /* line color */
}

/* Left circle */
.line-with-circles::before,
.line-with-circles::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    /* circle diameter */
    height: 6px;
    background: black;
    border-radius: 50%;
}

/* Right circle */
.line-with-circles::before {
    left: -6px;
    /* half the circle's width */
}

.line-with-circles::after {
    right: -6px;
    /* half the circle's width */
}


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

.presents p {
    font-family: var(--playfair);
    font-weight: 800;
    font-size: var(--font17);
    text-align: center;
    font-style: italic;
    color: var(--black);
    padding: 0 15px;
    margin: 0;
}

.festival-text h2 {
    font-family: var(--playfair);
    font-weight: 800;
    font-size: var(--font42);
    line-height: 1em;
    text-align: center;
    font-style: italic;
    color: #9F7930;
    margin: 19px 0 23px;
}

.festival-text h2 span {
    font-weight: 400;
    display: block;
}

.grand-festive-rewards-box {
    border: 1px solid #584338;
    border-radius: 16px;
    overflow: hidden;
}

.grand-festive-rewards-top-box p {
    font-family: var(--playfair);
    font-weight: 500;
    font-size: var(--font22);
    text-align: center;
    color: var(--black);
    padding: 15px 4px 12px;
    margin: 0;
}

.grand-festive-rewards-bottom-box {
    background-color: #584338;
}

.grand-festive-rewards-bottom-box p {
    font-family: var(--playfair);
    font-weight: 700;
    font-size: var(--font42);
    text-align: center;
    color: var(--white);
    padding: 5px 18px 20px 10px;
    margin: 0;
}

.full-interior p {
    font-weight: 700;
    font-size: var(--font17);
    text-align: center;
    font-style: italic;
    color: #0C0C0C;
    margin: 10px 0 25px;
}

.state-name ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0;
}

.state-name ul li{
    display: flex;
    align-items: center;
    gap: 5px;
}

.state-name ul li p {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: var(--font17);
    text-align: center;
    text-transform: uppercase;
    color: #0C0C0C;
    margin: 0;
}