body,
html {height: 100%; font-family: "Inter", sans-serif; font-size: 14px; background: #fff; line-height: 1.2; font-weight: 400 !important;}
/*---------------Font familly End---------------*/
.font-weight-boldblack{font-weight:900!important;font-family: "Inter", sans-serif;}
.font-weight-extrabold{font-weight:800!important;font-family: "Inter", sans-serif;}
.font-weight-bold{font-weight:700!important;font-family: "Inter", sans-serif;}
.font-weight-semibold{font-weight:600!important;font-family: "Inter", sans-serif;}
.font-weight-medium{font-weight:500!important;font-family: "Inter", sans-serif;}
.font-weight-normal{font-weight:400!important;font-family: "Inter", sans-serif;}
.font-weight-light{font-weight:300!important;font-family: "Inter", sans-serif;}

@font-face{
    font-family: "Ambroise Light";
    src: url("../fonts/7a0b9b7792df60836bf342ca0a51b861.eot");
    src: url("../fonts/7a0b9b7792df60836bf342ca0a51b861.eot?#iefix")format("embedded-opentype"),
        url("../fonts/7a0b9b7792df60836bf342ca0a51b861.woff")format("woff"),
        url("../fonts/7a0b9b7792df60836bf342ca0a51b861.woff2")format("woff2"),
        url("../fonts/7a0b9b7792df60836bf342ca0a51b861.ttf")format("truetype"),
        url("../fonts/7a0b9b7792df60836bf342ca0a51b861.svg#Ambroise Light")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'ApparatCond Medium';
    src: url('../fonts/ApparatCond Medium.eot');
    src: url('../fonts/ApparatCond Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApparatCond Medium.woff2') format('woff2'),
        url('../fonts/ApparatCond Medium.woff') format('woff'),
        url('../fonts/ApparatCond Medium.svg#ApparatCond Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}

.ambroiselight{font-family: "Ambroise Light", cursive; font-weight: normal; font-style: normal;}
.apparatCondmedium{font-family: "ApparatCond Medium", cursive; font-weight: 500; font-style: normal;}

/*---------------Font Start---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-35{font-size:35px;}
.font-size-36{font-size:36px;}
.font-size-38{font-size:38px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-45{font-size:45px;}
.font-size-48{font-size:48px;}
.font-size-50{font-size:50px;}
.font-size-64{font-size:64px;}
.font-size-80{font-size:80px;}
.font-size-100{font-size:100px;}

.line-hight-1{line-height:1;}
.line-hight-2{line-height:1.1;}
.line-hight-22{line-height:1.2;}
.line-hight-3{line-height:1.4;}
.line-hight-4{line-height:1.6;}
.line-hight-normal{line-height:normal;}

.leter1{letter-spacing:1px;}
.shadow-sm{box-shadow:0 .125rem 1.25rem rgba(0,0,0,.075)!important;}
.rounded{border-radius:.60rem!important;}
.rounded20{border-radius:20px !important;}

/*---------------Text Color Start---------------*/
.text-dark{color:#000000 !important;}
.text-danger{color:#B38059 !important;}
.text-gray{color:#443627 !important;}
.text-muted{color:#3B3B33 !important;}

/*---------------BG button Start---------------*/
.btn.focus{outline:0!important;box-shadow:none!important;}
.btn:focus{outline:0!important;box-shadow:none!important;}

.btn-primary{background-color:#B38059;border-color:#B38059;}
.btn-primary:hover{background-color:#fff;border-color:#B38059; color:#B38059;}
.btn-primary:focus{background-color:#fff;border-color:#B38059; color:#B38059;}
.btn-check:focus+.btn-primary{background-color:#fff;border-color:#B38059; color:#B38059;}

/*---------------BG Background Start---------------*/
.navbar-toggler:focus{box-shadow:none;}
.homepad {padding-top: 4rem; padding-bottom: 4rem;}


/*.flower-pattern{position:absolute; top:0; left:0; width:477px; height:181px; background:url('../images/leftlogo-pattren.png') no-repeat;}*/

.leaf-img{position:absolute; top:-10px; left:100px; width:190px; opacity:0.1; pointer-events:none; transform:translate(-20%, -20%) scale(1.15); animation: leafVertical 6s ease-in-out infinite; filter: grayscale(100%);}
@keyframes leafVertical{
0%{
    transform:translate(-20%, -20%) scale(1.15);
}
50%{
    transform:translate(-20%, -5%) scale(1.15);
}
100%{
    transform:translate(-20%, -20%) scale(1.15);
}
}


.pattern{position:absolute; right:0; top:0; width:40%; height:100%;  z-index:1; animation: patternMove 30s linear infinite;}
@keyframes patternMove{
    0%{ background-position:0 1000px; }
    100%{ background-position:0 0; }
}

/* .pattern background: url(../images/pattren-right.png) repeat; */

.logo img {max-width: 60px;}
.menu-desktop a {text-decoration: none; color: #000; padding: 4px 10px; margin: 0 15px; font-weight: 500; transition: 0.3s; font-size: 18px; position: relative;}
.menu-desktop a.active{color: #b38059;}
.menu-desktop a::after{content:''; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#b38059; transition:0.3s ease;}
.menu-desktop a:hover::after{width:100%;}
.menu-desktop a.active::after{width:100%;}
.menu-desktop a:hover{color: #b38059;}
.navbar {padding-top: 10px; padding-bottom: 10px;}
.banner{padding:50px 0 80px;}
.banner-card {border: 1px solid #000; border-radius: 15px; overflow: hidden;}
.banner-card .carousel-indicators {margin-bottom: 0.5rem;}
.banner-card .carousel-indicators [data-bs-target] {width: 10px; height: 10px; }
.carousel-item img{width:100%; object-fit:cover;}
.sign-row{display:flex; align-items:center; gap:35px;}
.vertical-line {width: 1px; height: 74px; background: #cfcfcf;}
.sign-img{width:140px;}

.explore-link{text-decoration:none; color:#B38059; display:inline-flex; align-items:center; gap:6px; animation: colorChange 2s infinite alternate;}
@keyframes colorChange{
    0%{ color:#B38059; }
    50%{ color:#C93C4E; }
    100%{ color:#5FE894; }
}
.explore-link i{animation: arrowMove 1s ease-in-out infinite;}
@keyframes arrowMove{
    0%{ transform:translateX(0);}
    50%{ transform:translateX(6px);}
    100%{ transform:translateX(0);}
}

.footer{padding:10px 0px; text-align:right;}
.menu-icon{display:none;}
.mobile-menu li{border-bottom:1px solid #eee;}
.mobile-menu li a{display:flex; align-items:center; padding:10px 15px; text-decoration:none; color:#000; font-weight:500; transition:0.3s; font-size: 16px;}
.mobile-menu li a:hover {background: #b38059; padding-left: 28px; color: #fff;}
.mobile-menu i{font-size:18px;}
.contact-box {margin: 20px; padding: 14px; border-radius: 5px; background: #B38059; color: #fff; text-align: center; font-weight: 500;}
.yourdream {letter-spacing: 1px; color: #544639;}
.navbar, .banner, .new-section, .footer {z-index: 2;}
.menu-icon i {color: #B38059 !important;}



/* -----------------------about page ----------------------- */
.about-hero{  position: relative; height: 50vh; display: flex; align-items: center; background: url('/images/about.jpeg') center/cover no-repeat; color:#fff;}
.about-hero::after{content:''; position:absolute; inset:0; background: rgba(0,0,0,0.5); }
.about-hero .container{position: relative; z-index:2;}
.about-tag{font-size:12px; border:1px solid rgba(255,255,255,0.5); padding:5px 12px; border-radius:20px; }
.about-desc{margin-top:10px; opacity:0.9;}

.interior {padding: 80px 0;}
.interior__exp-wrap {display: flex; gap: 30px; margin-top: 40px; flex-wrap: wrap;}
.interior__number_box {padding-right: 30px;}
.interior__number {font-size: 210px; font-weight: 600; line-height: 1; min-width: 250px;}
.interior__text {font-size: 18px; text-align: right; font-weight: 600;}
.interior__exp-img {width: 100%; height: 372px; border-radius: 20px; overflow: hidden;}
.interior__exp-img img {width: 100%; height: 100%; object-fit: cover;}
.interior__img {border-radius: 20px; overflow: hidden;}

/* ----------------What We Do---------------*/

.arch{padding:80px 0; background: #f9f5f0;}
.arch .arch-top{text-align:center; margin-bottom:60px;}
.arch .arch-box{margin-bottom:70px;}
.arch .arch-box i{font-size:26px; color:#bfa46f; margin-bottom:10px;}
.arch .arch-box h5{font-weight:600;}
.arch .arch-center{position:relative; text-align:center;}
.arch .arch-big {width: 440px; height: 550px; overflow: hidden; border-top-left-radius: 50%; border-top-right-radius: 50%; margin-left: 2.2vw; margin-right: 10vw;}
.arch .arch-big img,.arch .arch-small img{width:100%; height:100%; object-fit:cover;}
.arch .arch-small {position: absolute; bottom: 0; right: 40px; width: 380px; height: 460px; overflow: hidden; border: 5px solid #fff; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom: 0;}

.footer .footer-logo img{max-width: 80px;}
.footer .footer-links{display:flex; justify-content:center; align-items:center; gap:10px; font-size:14px; margin-bottom:15px;}
.footer .footer-links a{text-decoration:none; color:#000; transition:0.3s; }
.footer .footer-links a:hover{color:#B38059;}
.footer .footer-icons{display:flex; justify-content:center; gap:25px;}
.footer .footer-icons a{font-size:20px; color:#000; transition:0.3s;}
.footer .footer-icons a:hover{transform:translateY(-3px); color:#B38059;}

.project-section {padding-top: 40px; padding-bottom: 40px;}
.project-item .project-img {position: relative; border-radius: 24px; overflow: hidden; height: 480px;}
.project-item .project-img a {width: 100%; height: 100%;}
.project-item .project-img img {width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.project-item .project-img a::before {background-color: rgba(0, 0, 0, 0.2); content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.project-item .project-img img {border-radius: 18px;}
.project-item:hover .project-img img {transform: scale(1.08);}

.contact-section {padding-top: 80px; padding-bottom: 50px;}
.contact-us-box {background: #FBF9F6; padding: 40px; border-radius: 20px;}
.contact-form {margin-top: 30px;}
.contact-us-form {background-color: #FBF9F6; border-radius: 20px; padding: 40px;}
.contact-form .form-label {font-size: 15px; font-weight: 600; line-height: 1.4em; color: #3B3B33; text-transform: capitalize; margin-bottom: 10px; }
.contact-form .form-control {font-size: 15px; font-weight: 400; line-height: 1em; color: #3B3B33; background: #fff; border: 1px solid #DFDFDF; border-radius: 5px; padding: 14px 16px; box-shadow: none; outline: none;}