body {margin: 0;padding: 0;font-family: "Poppins";background: #f5f5f5;}
h1,h2,h3,h4,h5,h6 {margin: 0;font-family: "saphile-reg";}

@font-face {font-family: myriad-pro;src: url(./../fonts/MyriadPro-Regular.ttf);}
@font-face { font-family: saphile-reg; src: url(./../fonts/Saphile-Regular.ttf);}

.text-para p, p {font-size: 14px;line-height: 26px;font-weight: 300;color: #4F483E;font-family: "Poppins";margin-bottom: 0;}
.extlarge-heading,h1 {font-size: 100px;line-height: 130px;font-weight: 400;color: #87816E;} 
.large-heading,h2 {font-size: 62px; line-height: 80px;font-weight: 400;color: #87816E;}
.medium-heading,h3 {font-size: 47px;line-height: 62px;font-weight: 400;color: #4F483E;padding:0 0 10px 0;}
.small-heading,h4 {font-size: 32px;line-height: 42px;font-weight: 400;color: #87816E;}

.primary-btn a,.secondary-btn a,.btn.btn-primary,.homesform-contact p .btn-primary ,.secondary-btn button {font-size: 14px;line-height: 26px;font-weight: 400;color: #fff;background: #87816E;border: 2px solid #87816E ;padding: 9px 24px;font-family: "Poppins";display: flex;align-items: center;justify-content: center;max-width: max-content;transition: .3s ease-in-out;text-decoration: none;border-radius: 50px;}
.secondary-btn a {color: #4F483E; border-color: #4F483E;background: transparent;}
.primary-btn a:hover,.secondary-btn a:hover,.btn.btn-primary:hover,.homesform-contact p .btn-primary:hover ,.secondary-btn button:hover{background:#4F483E ; border-color: #4F483E;transition: .3s ease-in-out;color: #fff;}
.homesform-contact p .btn-primary {padding: 10px 45px; margin-top: 15px;}
header .navbar-nav .sub-menu li { list-style: none;}


header .navbar-nav .dropdown-toggle.show::after {transform: rotate(180deg);top: -5px;}
header { position: fixed;top: 0;left: 0;width: 100%;z-index: 99;}
header .navbar {background: #fff;padding: 20px 15px;}
header .container-fluid {  background: #fff;}
header .navbar .container-fluid {justify-content: space-between;width: 100%;}
header .navbar .navbar-collapse {justify-content: flex-end;}
header .navbar-nav .menu-item a, header .navbar-nav .dropdown-item a,header .navbar-nav .nav-link a{font-size: 14px;line-height: 21px;font-family: "Poppins";font-weight: 500;color: #4F483E;padding: 10px 20px;display: flex;text-decoration: none;cursor: pointer;}
header .navbar-nav .dropdown-toggle { position: relative; display: flex; align-items: center;}
header .navbar-nav .dropdown-item {padding: 10px 20px;border-bottom: 0px solid rgba(0, 0, 0, 0.175);}
header .navbar-expand-lg .navbar-nav .dropdown-menu {padding: 0;}
header .dropdown li:first-child a {border-top-left-radius: 5px; border-top-right-radius: 5px;}
header .dropdown li:last-child a {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-bottom: transparent;}
 


header .navbar-nav .sub-menu { position: absolute;top: 45px;background: #fff;padding: 0;max-width: max-content;border-radius: 5px;border: 1px solid  rgb(135 129 110 / 50%);display: none;min-width: 180px;}
header .navbar-nav .sub-menu .dropdown-item {  padding: 0;}
header .navbar-nav .nav-link {padding-top: 0 ; padding-bottom: 0 ;}
header .navbar-nav .nav-item {display: flex;align-items: center;}
header .navbar-nav .sub-menu.show {display: inline-block;}
header .header-btn.primary-btn a {color: #fff ;padding: 9px 24px;}
header .navbar-nav .sub-menu .dropdown-item a:hover { color: #fff; background: #87816e; border-color: rgb(135 129 110 / 30%) ;}
header .navbar-nav .sub-menu .dropdown-item:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px;}
header .navbar-nav .sub-menu .dropdown-item:last-child a {  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;border-bottom: 0;}
header .navbar-nav .dropdown-toggle.open::after {transform: rotate(180deg);}
header .navbar-nav .sub-menu .dropdown-item a { border-bottom: 1px solid rgb(135 129 110 / 30%);}

header .primary-btn {padding-left: 40px;}
header .navbar-brand { width: 146px; height: 50px;}
header .navbar-brand img {width: 100%; height: 100%;}
header .dropdown-menu li a:hover {color: #fff;background: #87816e;transition: .2s ease-in-out;}
header .navbar-nav .dropdown-toggle::after {margin-left: 0;vertical-align: 0;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0 solid transparent;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4008 6.24894C5.73555 6.58369  6.27918 6.58369 6.61392 6.24894L10.8987 1.96418C11.2334 1.62944 11.2334 1.08581 10.8987 0.75106C10.5639 0.416313 10.0203 0.416313 9.68556 0.75106L6.00602 4.4306L2.32649 0.753738C1.99174 0.418991 1.44811 0.418991 1.11336 0.753738C0.778618 1.08848 0.778618 1.63211 1.11336 1.96686L5.39812 6.25162L5.4008 6.24894Z' fill='%234F483E'/%3E%3C/svg%3E%0A");
width: 12px;height: 7px; background-repeat: no-repeat; top: 18px;right: 9px;position: absolute; z-index: 99999;transition: .1s ease-in-out;}
.dropdown-item.active, .dropdown-item:active { background-color: transparent;}
.desktop-btn.header-btn {padding: 0 18px 0 0px;}
.mobile-btn.header-btn {display: none;}
.nav-con {display: flex;align-items: center;}


.banner-main .banner-img img { width: 100%;height: 100%; object-fit: cover;}
.banner-main .banner-img {width: 100%;height: 608px;}
.banner-main, .our-design-sec,.inclusions-sec {padding-bottom: 80px;}


.our-design-sec .desing-imga,.our-design-sec .desing-imgb,.our-design-sec .desing-imgc {display: block; height: 385px;border-radius: 20px;overflow: hidden;position: relative;}
.our-design-sec .desing-imga img,.our-design-sec .desing-imgb img,.our-design-sec .desing-imgc img { width: 100%; height: 100%;object-fit: cover;position: relative;overflow: hidden;
 transition: .3s ease-in-out;}
.our-design-sec .desing-imgc {height: 790px;}
.our-design-sec .designcol-innr .col-12 { padding-right: 8px;position: relative;}
.our-design-sec .ourdeisgn-title {font-size: 16px; line-height: 26px; color: #fff; font-weight: 300;}
.our-design-sec .ourdeisgn-cntry { font-size: 14px; line-height: 26px; color: #fff;font-weight: 300;}
.ourdeisgn-text-rgt svg path { fill: #fff;}
.ourdeisgn-text {position: absolute;bottom: 0; left: 0;width: 100%; display: flex; justify-content: space-between; padding: 30px 20px 20px 20px; 
 background: linear-gradient(transparent, #000); border-radius: 0 0 20px 20px;align-items: center;}
.designcol-innr { row-gap: 20px;}
.our-design-sec .ourdesign-inner a:hover img {transform: scale(1.05);}
.our-design-sec .ourdesign-inner a img {transition: all .5s cubic-bezier(0.77, -0.01, 0.25, 0.99) !important;}

.our-design-sec .ourdesign-inner .secondary-btn {display: flex;align-items: center; justify-content: center; margin-top: 30px;}
.our-design-sec .dot-borderbottom {padding-top: 80px; border-bottom: 1px solid rgb(79 72 62 / 30%);}


.inclusions-sec { display: grid;grid-template-columns: repeat(2,1fr); gap: 60px;align-items: center;}
.inclusions-sec .inclusion-left-img {width: 100%;height: auto;}
.inclusions-sec .inclusion-left-img img {width: 100%; height: 100%;object-fit: cover;}
.inclusions-sec .inclusion-right {padding-right: 60px; max-width: 680px;}
.inclusions-sec .button-deo {display: flex; gap: 10px; padding-top:20px;}
.inclusionleft-btm svg { width: 100%;height: auto;} 
.inclusion-left {position: relative;}
.inclusionleft-btm {position: absolute; bottom: -50px; left: 0; width: 100%; z-index: -1; filter: blur(20px);}
.Inclusions-slider {padding: 80px 0;margin: 0px 0 80px;background: #fff;}

.testimonial-section h1 {font-size: 25px;margin-bottom: 30px;}
.testimonial-section h1 span {color: crimson;}
.testimonial-pic {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 27%;max-height: 450px;overflow: auto;}
.testimonial-pic img {width: 150px !important;cursor: pointer;transition: 0.3s;height: 150px !important;object-fit: cover;border-radius: 10px;margin: 0 15px 15px 0;}
.testimonial {width: 74%;padding: 0 0px 0 0px;margin-right: auto;position: relative;}
.testimonial .content {display: none}
.testimonial .content.active {display: block}
.testimonial .content p:nth-child(2) {font-weight: 700}
.testimonial-content {display: flex;max-width: 100%;flex-direction: row-reverse;align-items: start;gap: 25px;}
.testimonial .content.active p {color: #000;font-size: 24px;font-weight: 700;line-height: 40px}
.testimonial .content.active p span {display: block;color: #000;font-size: 16px;font-weight: 500;line-height: 40px;text-transform: uppercase;margin: 30px 0 0}
.testimonial img {object-fit: cover;height: 450px !important;}

.testimonial-pic::-webkit-scrollbar {width: 7px;}
/* Track */
.testimonial-pic::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 20px;} 
/* Handle */
.testimonial-pic::-webkit-scrollbar-thumb {background: #87816e; border-radius: 20px;}
/* Handle on hover */
.testimonial-pic::-webkit-scrollbar-thumb:hover {background: #a4927c;}


.our-partners-sec { background: #E7D7C9; padding: 80px 0; margin-top: 40px;text-align: center}
.our-partners-sec ul li {list-style: none;}
.our-partners-sec .sync-technology {overflow: hidden;}
.our-partners-sec .sync-technology ul img {height: 40px;filter: grayscale(1);}
.our-partners-sec .sync-technology ul {display: inline-flex;align-items: center;white-space: nowrap;will-change: transform;animation: marquee 20s linear infinite;}
.our-partners-sec .sync-technology ul li {padding: 10px;width: max-content;margin: 0 30px 0;text-align: center;border-radius: 50px;}
.our-partners-sec .marquee {position: relative;width: 100vw;max-width: 100%;height: auto;margin: 40px 0 0;}
.our-partners-sec .marquee-new:before {content: '';background: url(../images/vector.svg)no-repeat;width: 150px;height: 170px;background-size: contain;left: 10px;position: absolute;bottom: 0px;}
.our-partners-sec .marquee-new:after {content: '';background: url(../images/vector2.svg)no-repeat;width: 220px;height: 150px;background-size: contain;right: 10px;position: absolute;bottom: -9px;}
.our-partners-sec .marquee-new img {position: absolute;right: 100px;top: 20px;animation: updown-two 2s linear 0s infinite alternate;}
.our-partners-sec .sync-technology::before,.our-partners-sec .sync-technology::after { content: ""; position: absolute; top: -7px;  width: 150px; height: 80px; z-index: 9;}
.our-partners-sec .sync-technology::before {background: linear-gradient(to right, rgb(231 215 201 / 95%), #e7d7c900);left: 0;}
.our-partners-sec .sync-technology::after {background: linear-gradient(to left,  rgb(231 215 201 / 95%), #e7d7c900);right: 0;}

.dothomes-contact {padding: 80px 0;}
.granyflats-img{width:350px;height:350px;border-radius:500px;overflow:hidden;position:relative}
.granyflats-img img{width:100%;height:100%;object-fit:cover;filter: grayscale(1);}
.granyflats-img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(79 72 62 / 70%);z-in
dex: 9;}
.vectors-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 9;}
.dothomes-contact .primary-btn a{font-size:47px;line-height:62px;font-weight:400;padding:32px 50px;border-radius:500px;display:flex;align-items:center;justify-content:space-between;
 min-width:350px;gap:10px;font-family: saphile-reg;}
.deo-btns-dothomes {margin-top: 20px;display: flex;flex-direction: column;gap: 20px;}
.bg-color-dark a {background: #4F483E;border-color: #4F483E;}
.dothomes-contact .homesform-contact {padding-top: 36px;}

.dothomes-contact .homesform-contact select {padding:.375rem .75rem;}
.dothomes-contact .wpcf7-spinner {width: 25px !important;}
.dothomes-contact .homesform-contact select:focus-visible { outline: 0;}
.dothomes-contact .homesform-contact p span,.dothomes-contact .homesform-contact p { display: block; width: 100%;}
.dothomes-contact .homesform-contact .form-control,.dothomes-contact .homesform-contact select{border:0;border-bottom:2px solid #A4927C;  border-radius:0;font-size:32px;line-height:42px;font-weight:400;
 font-family: saphile-reg;margin-bottom: 30px; background: #f5f5f5;width: 100%;}
.dothomes-contact .homesform-contact input::placeholder,.dothomes-contact .homesform-contact textarea::placeholder,.dothomes-contact .homesform-contact select{color:#A4927C}
.homesform-contact .form-control:focus,.homesform-contact .form-select:focus {box-shadow: 0 0 0 0;}
.dothomes-contact .homesform-contact .form-select option {font-size: 20px;line-height: 36px;}
.dothomes-contact .homesform-contact .btn.btn-primary {padding: 10px 45px;margin-top: 15px;}
.dothomes-contact .homesform-contact textarea { resize: none; height: 140px;}
.dothomes-contact .homesform-contact .form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.05133 7.66525C6.49766 8.11158 7.22249 8.11158 7.66882 7.66525L13.3818 1.95224C13.8282 1.50591 13.8282 0.781076 13.3818 0.334747C12.9355 -0.111582 12.2107 -0.111582 11.7643 0.334747L6.85829 5.24079L1.95224 0.338317C1.50591 -0.108012 0.781076 -0.108012 0.334747 0.338317C-0.111582 0.784646 -0.111582 1.50948 0.334747 1.95581L6.04776 7.66882L6.05133 7.66525Z' fill='%23A4927C'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center right;}
.dothomes-contact .dothm-right { padding-left: 50px;}
.bg-color-dark a:hover {background-color: #322e27;border-color: #322e27;}

.address-details ul {  padding: 10px 0 0 0; margin: 0;}
.address-details ul li {list-style: none;}
.address-details ul li a { font-size: 16px; line-height: 26px; color: #4f483e; text-decoration: none;}
.address-details h4 {padding-top: 15px;}

 footer .footer-inner {padding-bottom:80px}
 footer .footer-bgimg{height:auto;border-radius:20px;overflow:hidden;position: relative;}
 footer .footer-bgimg img{width:100%;height:100%;object-fit:cover;display: none;}
 footer .footer-contents {background: #4F483E; padding: 60px;border-radius: 20px; width: 100%; position: relative;top: 0%;right: 0px; transform: translateY(0%);}
 footer .footer-logo svg{margin-bottom:30px}
 footer .footer-contents ul li{list-style:none}
 footer .footer-contents ul{padding:0;margin:0}
 footer .footer-contents ul li a{font-size:16px;line-height:26px;color:#E7D7C9;text-decoration:none}
 footer .footer-contents h4{color:#E7D7C9}
 footer .ft-social-icon{display:flex;gap:30px;margin-top:10px !important;}
 footer .ft-social-icon li a i {font-size: 20px;}
 footer .footer-bottom-txt {background: #E7D7C9;padding: 17px 0; text-align: center;}
 footer .footer-contents { display: flex;justify-content: space-between;gap: 20px;}
 

.notfound-sec { padding-top: 110px;padding-bottom: 50px;}
.our-teams-cnts {display: flex; align-items: center; justify-content: center;}


.tab-in-cnts .tab-img {
    display: 
    grid;
    grid-template-columns: repeat(3,1fr);
}

.homepage footer .footer-contents { display: flex;flex-direction:column;}
.homepage footer .footer-bgimg{height:582px;border-radius:20px;overflow:hidden;position: relative;}
.homepage footer .footer-bgimg img{width:100%;height:100%;object-fit:cover;display: unset;}
.homepage footer .footer-contents {background: #4F483E; padding: 60px;border-radius: 20px; width: max-content;   position: absolute;top: 50%;right: 120px; transform: translateY(-50%);}

.dothomes-contact .homesform-contact .form-control, .dothomes-contact .homesform-contact select  {background-color: #f5f5f5;}


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

.thank-you {
    background-color: #f5f5f5;
    height: 100vh;
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thank-text h1 {
    font-size: 47px;
    line-height: 62px;
    font-weight: 400;
    color: #4F483E;
    padding: 0 0 10px 0;
}

img {
    width: 100%;
}

.thank-text p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #4F483E;
    font-family: "Poppins";
    margin-bottom: 0;
}

.thank-text {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.thank-image {
    width: 70%;
    margin: 0 auto;

}

.thank-image img {
    transform: rotate(8deg);
}



.homesform-contact .wpcf7-form-control.btn-primary {
    font-size: 14px;
    line-height: 21px;
    font-family: "Poppins";
    font-weight: 500;
    background: #87816e;
    padding: 12px 25px;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    border-radius: 40px;
    border: 0;
    outline: navajowhite;transition: .3s ease-in-out;
}
.homesform-contact .wpcf7-form-control.btn-primary:hover {
    background: #4F483E;
    border-color: #4F483E;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .thank-text {
        text-align: center;
        margin-top: 30px;
    }

}



.map-img img {width: 100%;}
.dothm-right.contact .row.homesform-contact {padding: 0;}
.dothomes-contact.contact-page {padding: 180px 0 80px;}
.map-img iframe {height: 100%;filter: grayscale(1);}
.map-img {position: relative;height: 100%;width: 100%;}




.our-design-sec .ourdeisgn-cntry {
    text-transform: uppercase;
}





















/* animation start................................................. */


@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
  
  @-webkit-keyframes run {
    0% {right: 0;}
    50% {right: 10%;}
    100% {right: 0;}
  }

.inclusions-sec .inclusion-left-img img {
    animation: float 1.2s infinite alternate ease-in-out;
}
.inclusionleft-btm {
    animation: shadow 1.2s infinite alternate ease-in-out;
}

@keyframes float{
    0%{transform:translateY(0px)}
    100%{transform:translateY(10px)}
}

@keyframes shadow{
    0%{filter: blur(30px);transform:translateY(0px)}
    100%{filter: blur(22px);transform:translateY(-2px)}
}




/* animation end................................................. */

/* ======================home design css code========================== */
.home_single_sec{background-color: #F5F5F5;padding: 80px 0;}
.home_single_sec .banner-img img{height: 550px;border-radius: 20px;width: 100%;object-fit: cover;}
.home_single_sec .banner-img{height: auto !important;margin: 90px 0 40px 0;}
.banner_right_cont .text-para p{margin: 0 0 20px 0;}
.banner_right_cont .text-para p:last-child {margin: 0;}
.home_single_grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
.custom_sec .secondary-btn a{background-color: #87816E;color: #fff;border: 1px solid #87816E;}
.custom_sec .secondary-btn a:hover{background: rgb(79, 72, 62);border-color: rgb(79, 72, 62);transition: 0.3s ease-in-out;color: rgb(255, 255, 255);}
.banner_right_cont .secondary-btn a{background-color: #87816E;border: 2px solid #87816E;color: white;margin: 20px 0 0 0;}
.banner_right_cont .secondary-btn a:hover{background: rgb(79, 72, 62);border-color: rgb(79, 72, 62);transition: 0.3s ease-in-out;color: rgb(255, 255, 255);}
.hero_palette_subhead span{color: #4F483E;font-size: 16px;font-weight: 300;text-transform: uppercase; margin:0 0  20px 0;}
.floor_sec{padding: 80px 0 80px 0;background: #fff;margin: 0 0 80px;}
.floor_inner_sec h3{text-align: center;margin: 0 0 8px 0;}
.floor_img img{width: 100%;}
.testimonial_sec{background: #F5F5F5;margin: 80px 0 80px 0;padding: 80px 0 0;}
.testi_head h3{text-align: center;margin: 0 0 30px 0;}
.testi_cont_inner{background:#fff;padding: 40px;border-radius: 20px;margin: 0 0 20px 0;}
.test
i_video iframe{height: 320px;width: 100%;border-radius: 20px;margin: 0 0 10px 0;}
.testi_cont_inner ul{padding: 0;display: flex;margin: 0 0 10px 0;}
.testi_cont_inner ul li{list-style: none;margin: 0 4px 0 0;}
.testi_cont_inner .text-para p{margin: 0 0 20px 0;}
.testi_cont_inner span{color: #4F483E;font-size: 16px;font-weight: 300;}
/* .testimonial_cont .secondary-btn a{background-color: #87816E;border: 2px solid #87816E;color: white;margin: 0 auto 0 auto;}
.testimonial_cont .secondary-btn a:hover{background: rgb(79, 72, 62);border-color: rgb(79, 72, 62);transition: 0.3s ease-in-out;color: rgb(255, 255, 255);} */

.testimonial_sec .secondary-btn a {background-color: #87816E; border: 2px solid #87816E; color: white; margin: 0 auto 0 auto;
}

.testimonial_sec .secondary-btn a:hover {
    background: rgb(79, 72, 62);
    border-color: rgb(79, 72, 62);
    transition: 0.3s ease-in-out;
    color: rgb(255, 255, 255);
}
.team_sec{margin: 0 0 80px 0;background: #fff;padding: 80px 0;}
.team_head h3{text-align: center;margin: 0 0 30px 0;}
.donald_img img{height:300px;width: 300px;border-radius: 20px;object-fit: cover;margin: 0 0 10px 0;object-position:0 0;}
.team_cont h4{color: #4F483E;}
.b_head{color:#4F483E;font-size: 16px;font-weight: 300;text-transform: uppercase;}
.team_cont span{color: #4F483E;font-size: 14px;font-weight: 300;}
.donald_cont a{color: #4F483E;font-size: 14px;font-weight: 400;text-decoration:none;display: block;margin: 10px 0 0 0;}
.team_modal .modal-header{border-bottom: none;padding: 0;margin: 0;}
.team_modal .modal-header button{position: absolute;top: -30px;font-size: 16px;right: 0;}
.team_modal .modal-content{background-color: #4F483E;position: relative;}
.team_modal .btn-close:focus {box-shadow: none;}
.modal_cont{display: flex;}
.modal_img img{height: 200px;width: 200px;margin: 0 20px 0 0;border-radius: 20px;}
.modal_cont_inner h4{color: #fff;margin: 0 0 8px 0;}
.num_cont{color: #E7D7C9;font-size: 16px;font-weight: 300;}
.modal_cont_inner .text-para p{color:#E7D7C9;}
.team_modal .modal-body{padding: 40px;}
/* ======================home design css code========================== */


.modal-backdrop {
    --bs-backdrop-bg: #ffffff;
    --bs-backdrop-opacity: 0.9;
}



.iconlogofooter {
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 5px;
}

.iconlogofooter a svg {
    fill: #fff;
    color: #ffffff;
}

.iconlogofooter a:hover svg {color: #553404;}


.banner_right_cont ul li{font-size:14px;padding-bottom:5px;color:#4F483E;opacity:.8}
.banner_right_cont ul{padding-left:20px}
.floorplan-contents{padding-bottom:30px}
.floorplan-contents p{margin-top:15px}
.home_single_sec .button-deo{display:flex;flex-wrap:wrap;align-items:center;gap:32px;margin-top:20px}
.home_single_sec .button-deo a{margin:0}


.postvideo-inner {display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.post-video video { border-radius: 12px;}
.postvideo-sec1 { padding-bottom: 50px;}
.post-video{position:relative;overflow:hidden}
.video-wrapper{position:relative;display:inline-block}
.video-wrapper video{display:block;width:100%;height:auto;border-radius:10px}
.fullscreen-btn{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;border:none;font-size:18px;cursor:pointer;border-radius:4px;opacity:0;padding:6px 8px;transition:opacity .3s ease}
.video-wrapper:hover .fullscreen-btn{opacity:1}

.ourstorymain-banner .banner-img img { object-position: 0 10%;}
.testimonial-pic .thumb-video.thumb-item video{width:153px;height:148px;border-radius:20px;object-fit:cover}
.testimonial-pic .thumb-video.thumb-item{padding-right:14px;top:-5px}
.testimonial video{width:100%;height:450px !important;object-fit:cover;border-radius:20px}
.home_single_sec .testimonial .content.active {   display: flex;}
.testimonial .thumb-video {width: 100%;}
.testimonial .thumb-video .play-icon {display: none;}










.homepage .banner-main{position:relative;top:58px;height:620px;padding-bottom: 0;}
.homepage .banner-main .banner-img{position:absolute;width:100%;height:100%}
.homepage .bannermin-inner{position:relative;height: 100%;z-index: 2;}
.homepage .bannermin-inner h1{color:#fff;font-size:62px;line-height:100%;margin-bottom: 20px;}
.homepage .bannermin-inner h2{font-size:42px;line-height:100%;color:#fff}
.homepage .bannerin-contents {height: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 630px;}
.homepage .banner-main::before { position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 20%); z-index: 1; content: "";}
.homepage .our-design-sec {padding-top: 100px !important;}









.faq-section {padding: 70px 0 80px 0;background: #f5f5f5;border-bottom: 1px solid #ffffff;}
.faq-heading{text-align:center;margin-bottom:40px}
.faq-heading h2{font-size:47px;font-weight:400;color:#39352f;margin-bottom:15px}
.faq-heading p{color:#7f7668;font-size:18px}
.faq-wrapper{max-width:950px;margin:auto}
.faq-item{border-bottom:1px solid #c8b89f}
.faq-question { width: 100%; border: 0; background: none; display: flex; justify-content: space-between; align-items: center; padding: 22px 0; font-size: 21px; line-height: 32px; color: #39352f; cursor: pointer; text-align: left;}
.faq-question span{font-size:34px;color:#a89473;transition:.3s;flex-shrink:0}
.faq-answer{display:none;padding:0 0 28px}
.faq-answer p{color:#686868;line-height:1.9;margin-bottom:0px}
.faq-answer ul{margin:15px 0;padding-left:18px}
.faq-answer li{color:#686868;margin-bottom:10px}
.faq-item.active .faq-answer{display:block}
.faq-item.active .faq-question span{transform:rotate(45deg)}
@media(max-width:767px) {
.faq-section{padding:50px 0}
.faq-heading h2{font-size:38px;line-height: 44px;}
.faq-question { font-size: 20px;line-height: 28px; gap: 15px;}
.homepage .banner-main {top: 34px;padding-bottom: 0;}
.homepage .bannermin-inner h1 {font-size: 42px;}
.homepage .bannermin-inner h2 { font-size: 28px;}
}










/* media quarry start................................... */


@media (max-width:1399px) {
  .inclusions-sec .inclusion-right { max-width: 600px;}
}



@media (max-width:1199px) {
     header .navbar {  padding: 20px 15px;}
     header .primary-btn {padding-left: 20px;}
     header .navbar-nav .nav-item .nav-link{padding: 10px 15px;}
    .banner-main .banner-img { height: auto;}
    .banner-main { margin-top: 0px;}
    
}



@media (max-width:991px) {
     header .primary-btn {padding-bottom: 30px;}
     header .navbar-expand-lg .navbar-nav .dropdown-menu {margin-bottom: 10px;}
     header .navbar-nav .nav-item .nav-link{justify-content: space-between;}
     header .navbar-nav {padding-top: 20px;}
     header .navbar {padding: 16px 0px;}
     header .navbar .navbar-toggler {border: none;}
     header .navbar .navbar-toggler  i {color: #87816e;font-size: 23px;}
     header .primary-btn {padding-left: 15px; padding-top: 10px;}
     header .navbar-nav .nav-item .nav-link{padding: 10px 0px;}
    .navbar-toggler:focus { box-shadow: 0 0 0 0;}
    .our-design-sec .desing-imgc { height: 385px; margin-top: 20px;}
    .primary-btn a, .secondary-btn a, .btn.btn-primary { padding: 9px 17px;}
    .dothomes-contact .primary-btn a {font-size: 37px;line-height: 52px;min-width: 310px;}
    .inclusions-sec .inclusion-right {padding-right: 30px;}
    .inclusions-sec { gap: 20px;}
     header .menu-item {border-bottom: 1px solid rgb(135 129 110 / 30%);}
    .home_single_grid{display: grid;grid-template-columns: repeat(2, 1fr);}
    .testi_cont_inner {padding: 20px;}
    .team_cont{margin: 0 0 30px 0;}
    .modal_cont{flex-direction: column;}
    .modal_img img {height: 250px;width: 100%;margin: 0 0 15px 0;border-radius: 20px;object-fit: cover;}
    header .navbar-nav .sub-menu { position: relative;top: 0;border-radius: 5px;border: 1px solid  rgb(135 129 110 / 50%);width: 100%; max-width: 95%; margin: 0 0 20px;}
    header .navbar-nav .dropdown-toggle {  display: flex; flex-direction: column;}
    header .navbar-nav .dropdown-toggle a {width: 100%;}
	.thank-you {
    height: 100%;
}
}



@media (max-width:767px) {
    .extlarge-heading,h1 {font-size: 80px;line-height: 110px;} 
    .large-heading,h2 {font-size: 45px; line-height: 60px;}
    .medium-heading,h3 {font-size: 37px;line-height: 52px;}
    .small-heading,h4 {font-size: 28px;line-height: 36px;}
     header .navbar-brand { width: 120px; height: 40px;}
     header .navbar-nav .nav-item .nav-link, header .primary-btn {padding-left: 10px;}
    .primary-btn a, .secondary-btn a { padding: 6px 20px;}
    .inclusions-sec {grid-template-columns: repeat(1,1fr); gap: 30px;}
    .our-design-sec .desing-imga, .our-design-sec .desing-imgb, .our-design-sec .desing-imgc{ height: 285px;}
    .inclusions-sec .inclusion-right {padding: 0 12px;}
    .dothomes-contact .dothm-right {padding-left: 12px;}
    footer .footer-contents {padding: 30px; right: 0; left: 0%; transform: translate(0%,0%);}
    .dothm-left {display: flex;flex-direction: column; align-items: center;margin-bottom: 30px;}
     footer .footer-bgimg { height: auto;}
    .banner-main, .our-design-sec, .inclusions-sec,footer .footer-inner {padding-bottom: 40px;}
    .our-design-sec .dot-borderbottom {padding-top: 40px;}
    .our-partners-sec { padding: 60px 0; margin-top: 0px;}
    .dothomes-contact { padding: 40px 0;}
    .dothomes-contact .homesform-contact .form-control, .dothomes-contact .homesform-contact select { margin-bottom: 20px; font-size: 24px;line-height: 32px;}
    .dothomes-contact .homesform-contact { padding-top: 20px;}
    .our-partners-sec .marquee { margin: 10px 0 0;}
    .granyflats-img { width: 300px; height: 300px;}
    .vectors-svg {width: 200px;}
    .dothomes-contact .primary-btn a {font-size: 37px;line-height: 52px;font-weight: 400; padding: 22px 40px; min-width: 300px;}
    .dothomes-contact .dothm-right p br {display: none;}
    .dothomes-contact .homesform-contact textarea { height: 100px;}
    .home_single_grid{display: grid;grid-template-columns: repeat(1, 1fr);}
    .home_single_sec .banner-img img {height: 350px;}
    .testi_cont_inner {padding: 15px;}
    .team_modal .modal-body{padding: 20px;}
    .dothomes-contact.contact-page {padding: 100px 0 80px;}
    .home_single_sec .banner-img {margin: 20px 0 20px 0;}
    .home_single_sec {padding: 50px 0 50px;}
    .testimonial_sec {padding: 20px 0 0;}
    .testi_head h3 {margin: 0 0 10px 0;}
    .team_sec {padding: 50px 0;margin: 0 0 50px 0;}
    .testimonial-pic img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 10px;
    margin: 0 10px 10px 0;
    border-radius: 8px !important;
    min-width: 50px;
}
.testimonial-pic {
    flex-wrap: nowrap;
    width: 100%;
    max-height: max-content;
    overflow: auto;
    white-space: nowrap;
}
.testimonial-pic::-webkit-scrollbar {width: 7px;}
.testimonial-content {
    max-width: 100%;
    flex-direction: column-reverse;
    gap: 20px;
    flex-wrap: wrap;
}
.testimonial {
    width: 100%;
}
.testimonial img {
    height: 200px !important;
}
.our-teams-cnts {
   flex-direction: column;
}
 footer .footer-contents {flex-direction:column;}
 .homepage footer .footer-bgimg { height: 480px;}
 .homepage footer .footer-contents {padding: 30px; right: 0; left: 50%; transform: translate(-50%,-50%);}
 .banner-main .banner-img {height: 300px;}
 .floor_sec { padding: 50px 0 50px 0; margin: 0 0 50px;}
 .testimonial_sec {  margin: 80px 0 50px 0;}
 .home_single_sec .button-deo {   gap: 15px;}


 .postvideo-inner {grid-template-columns: repeat(2,1fr); gap: 10px;}




.home_single_sec .play-icon { padding: 6px 6px; font-size: 3px; width: 33px; padding: 2px 5px;  font-size: 10px;}
.testimonial-pic span.play-icon img {  width: 20px !important;  height: 20px !important;  object-fit: contain;  min-width: auto;}
.testimonial-pic .thumb-video.thumb-item video {width: 100px;height: 48px; border-radius: 10px; min-width: 100px;}
.testimonial video {  height: 200px !important;}

	
}








@media(max-width:375px) {
  .desktop-btn.header-btn {padding: 0 8px 0 0px;}
  .desktop-btn.header-btn a {padding: 6px 12px;}
  .inclusions-sec .button-deo { flex-direction: column-reverse;}
  header .header-btn.primary-btn a { color: #fff;padding: 7px 13px;}
  }



@media(min-width:992px) {
.desktop-btn.header-btn{display:none;}
.mobile-btn.header-btn {display: flex;}
}





@media (min-width:768px) and (max-width:991px) {
  .dothm-left { display: flex; gap: 30px; align-items: center;margin-bottom: 30px;}

  
}



@media (min-width:992px) and (max-width:1199px) {
  .dothomes-contact .dothm-right { padding-left: 80px;}
}





@media (min-width:1200px) {
    .banner-main .banner-img {width: 100%;}
}

/* media quarry end................................... */

.tab-in-cnts .tab-img {
gap: 12px;
}
.tab-in-cnts .tab-img img {
    border: 1px solid #000;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    overflow: hidden;

}

.tab-in-cnts .tab-img img:hover {
    transform: scale(1.01);
}

.iconlogofooter {
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 5px;
}

.iconlogofooter a svg {
    fill: #fff;
    color: #ffffff;
}

.iconlogofooter a:hover svg {color: #553404;}