*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

select {
    appearance: none;
    background-color: #fff;
    background-image: url('https://hot-house-studio.twebexponent.in/wp-content/uploads/2025/08/arrow-down.png') !important;
    background-position: right 16px top 50%, 0 0 !important;
    background-repeat: no-repeat, repeat !important;
    background-size: 17px auto, 100% !important;
}

.project-container img {
    display: block;
}

.project-container {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.base-shape {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.base-shape > img{
    opacity: 0;
}


/* .project-container .item::before{
    content: attr(data-index);
} */


.fancybox__infobar,
.fancybox__footer{
    display: none;
}



.testimonial_sec .elementor-main-swiper {
	width: 100% !important;
}
.testimonial_sec.elementor-widget-testimonial-carousel .swiper-slide {
	padding: 20px 0;
}

.testimonial_sec .elementor-testimonial__content {
	display: flex;
	flex-direction: column-reverse;
	gap: 40px;
	padding-left: 40px;
}

.testimonial_sec .elementor-testimonial__content .elementor-testimonial__cite {
	margin: 0 !important;
}

.testimonial_sec .elementor-testimonial__content .elementor-testimonial__text,
.testimonial_sec .elementor-testimonial__content .elementor-testimonial__cite .elementor-testimonial__title {
	font-style: normal;
}

.testimonial_sec .elementor-swiper-button {
	width: 46px;
	height: 38px;
	position: absolute !important;
	top: 0 !important;
	right: 20px !important;
	z-index: 2 !important;
	transform: translateY(0%) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(https://hot-house-studio.twebexponent.in/wp-content/uploads/2025/08/arrow.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.testimonial_sec .elementor-swiper-button svg {
	display: none;
}

.testimonial_sec .elementor-swiper-button.elementor-swiper-button-prev {
	right: 100px !important;
	left: auto !important;
	transform: rotate(180deg) !important;
}

header {
	position: relative;
    z-index: 9999;
}

.what_we_do {
	width: 25%;
}

.contact_information a {
	color: #253D2F !important;
}


.project_top_slider .elementor-post-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
}

.project_top_slider .elementor-post-navigation .elementor-post-navigation__link {
	width: auto !important;
}


.proj_det_slider .project_details_slider .elementor-swiper-button {
	border-radius: 0 !important;
	background: #fff; 
}

.proj_det_slider .project_details_slider .elementor-swiper-button-prev {
	right: 100px !important;
}

.proj_det_slider .project_details_slider .elementor-swiper-button-prev svg {
	fill: #A19987;
	opacity: 1;
}

.proj_det_slider .project_details_slider .elementor-swiper-button-next {
	right: 40px !important;
	background: #253D2F;
	border-color: #253D2F;
}


@media(min-width: 768px){
	
    .base-shape:hover{
        overflow: visible;
    }
    .project-container .item:hover{
        z-index: 1;
    }
    .project-container .item:hover img{
       transform: scale(1.25);
    }
    .project-container .item {
        position: absolute;
        cursor: pointer;
    }

    .project-container .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform-origin: center;
        transform: scale(1);
        transition: 300ms ease;
    }
    
    .project-container .item-1 {
        width: 7.5%;
        height: 21.6%;
        left: 0;
        top: 0;
    }
    
    .project-container .item-2 {
        width: 7.5%;
        height: 20%;
        left: 0;
        top: 21.8%;
    }
    
    .project-container .item-3 {
        width: 7.5%;
        height: 14.3%;
        left: 0;
        top: 41.5%;
    }
    
    .project-container .item-4 {
        width: 7.5%;
        height: 16.7%;
        left: 0;
        top: 55.85%;
    }
    
    .project-container .item-5 {
        width: 7.5%;
        height: 11.85%;
        left: 0;
        top: 72.85%;
    }
    
    .project-container .item-6 {
        width: 7.5%;
        height: 12.2%;
        left: 0;
        top: 85%;
    }
    
    .project-container .item-7 {
        width: 7.55%;
        height: 21.5%;
        left: 15.4%;
        top: 0;
    }
    
    .project-container .item-8 {
        width: 7.55%;
        height: 20.75%;
        left: 15.4%;
        top: 21.8%;
    }
    
    .project-container .item-9 {
        width: 13.55%;
        height: 7.5%;
        left: 23.4%;
        top: 70.7%;
    }
    
    .project-container .item-10 {
        width: 7.55%;
        height: 11.2%;
        left: 15.4%;
        top: 70.75%;
    }
    
    .project-container .item-11 {
        width: 7.5%;
        height: 14.9%;
        left: 15.4%;
        top: 82.3%;
    }
    
    .project-container .item-12 {
        width: 7.55%;
        height: 12.35%;
        left: 31.75%;
        top: 0;
    }
    
    .project-container .item-13 {
        width: 7.55%;
        height: 13.4%;
        left: 31.75%;
        top: 12.5%;
    }
    
    .project-container .item-14 {
        width: 22.4%;
        height: 7.45%;
        left: 39.7%;
        top: 18.45%;
    }
    
    .project-container .item-15 {
        width: 22%;
        height: 7.45%;
        left: 62.6%;
        top: 18.45%;
    }
    
    .project-container .item-16 {
        width: 7.45%;
        height: 12.45%;
        left: 92.6%;
        top: 12.7%;
    }
    
    .project-container .item-17 {
        width: 7.45%;
        height: 9.45%;
        left: 92.6%;
        top: 25.35%;
    }
    
    .project-container .item-18 {
        width: 11.12%;
        height: 9.5%;
        left: 53.5%;
        top: 0;
    }
    
    .project-container .item-19 {
        width: 7.45%;
        height: 12.5%;
        left: 92.6%;
        top: 0;
    }
    
    .project-container .item-20 {
        width: 7.5%;
        height: 18.2%;
        left: 77.1%;
        top: 0;
    }
    
    .project-container .item-21 {
        width: 11.8%;
        height: 7.55%;
        left: 23.2%;
        top: 35%;
    }
    
    .project-container .item-22 {
        width: 14.4%;
        height: 7.55%;
        left: 35.4%;
        top: 35%;
    }
    
    .project-container .item-23 {
        width: 15.65%;
        height: 7.55%;
        left: 50.2%;
        top: 35%;
    }
    
    .project-container .item-24 {
        width: 14.5%;
        height: 7.55%;
        left: 66.2%;
        top: 35%;
    }
    
    .project-container .item-25 {
        width: 7.46%;
        height: 10.9%;
        left: 92.6%;
        top: 35%;
    }
    
    .project-container .item-26 {
        width: 18.25%;
        height: 7.55%;
        left: 7.7%;
        top: 52.7%;
    }
    
    .project-container .item-27 {
        width: 18.5%;
        height: 7.55%;
        left: 26.5%;
        top: 52.7%;
    }
    
    .project-container .item-28 {
        width: 18.75%;
        height: 7.55%;
        left: 45.5%;
        top: 52.7%;
    }
    
    .project-container .item-29 {
        width: 19.85%;
        height: 7.55%;
        left: 64.8%;
        top: 52.7%;
    }
    
    .project-container .item-30 {
        width: 7.5%;
        height: 8%;
        left: 77.15%;
        top: 60.5%;
    }
    
    .project-container .item-31 {
        width: 11.2%;
        height: 7.55%;
        left: 81.1%;
        top: 35%;
    }
    
    .project-container .item-32 {
        width: 7.45%;
        height: 10.4%;
        left: 92.6%;
        top: 46.2%;
    }
    
    .project-container .item-33 {
        width: 7.45%;
        height: 13.85%;
        left: 92.6%;
        top: 56.9%;
    }
    
    .project-container .item-34 {
        width: 7.45%;
        height: 13.05%;
        left: 92.6%;
        top: 71.05%;
    }
    
    .project-container .item-35 {
        width: 7.45%;
        height: 12.7%;
        left: 92.6%;
        top: 84.5%;
    }
    
    .project-container .item-36 {
        width: 14.9%;
        height: 7.5%;
        left: 37.3%;
        top: 70.7%;

    }
    
    .project-container .item-37 {
        width: 14.65%;
        height: 7.5%;
        left: 52.5%;
        top: 70.7%;
    }
    
    .project-container .item-38 {
        width: 7.5%;
        height: 11.4%;
        left: 59.7%;
        top: 78.5%;
    }
    
    .project-container .item-39 {
        width: 7.5%;
        height: 7%;
        left: 59.7%;
        top: 90.3%;
    }
    
    .project-container .item-40 {
        width: 7.6%;
        height: 14.2%;
        left: 77.1%;
        top: 68.8%;
    }
    
    .project-container .item-41 {
        width: 7.6%;
        height: 13.7%;
        left: 77.1%;
        top: 83.4%;
    }
    
    .project-container .item-42 {
        width: 11.12%;
        height: 9.5%;
        left: 35.7%;
        top: 87.7%;
    }
    
    .project-container .item-43 {
        width: 14.6%;
        height: 13.7%;
        left: 32.7%;
        top: 83.6%;
    }
    
    .project-container .item-44 {
        width: 12.5%;
        height: 10.55%;
        left: 33.75%;
        top: 89.5%;
    }
    
    .project-container .item-45 {
        width: 7.5%;
        height: 9.45%;
        left: 77.15%;
        top: 54%;
    }
    
    .project-container .item-46 {
        width: 7.25%;
        height: 7.55%;
        left: 54%;
        top: 77.1%;
    }
    
    .project-container .item-47 {
        width: 7.5%;
        height: 9.5%;
        left: 61.7%;
        top: 77.1%;
    }
    
    .project-container .item-48 {
        width: 7.5%;
        height: 13.1%;
        left: 61.7%;
        top: 86.9%;
    }
    
    .project-container .item-49 {
        width: 7.6%;
        height: 13.7%;
        left: 30.75%;
        top: 86.4%;
    }
    
    .project-container .item-50 {
        width: 7.6%;
        height: 7.5%;
        left: 46.3%;
        top: 92.5%;
    }
	
}



@media(max-width: 767px){
    .base-shape > img{
        display: none;
    }

    .base-shape{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
    }

    .base-shape .item{
        aspect-ratio: 1/1;
        overflow: hidden;
    }

    .base-shape .item.duplicate{
        display: none;
    }

    .base-shape .item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media(max-width: 575px){
    .base-shape{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
	
	.proj_det_slider .project_details_slider .elementor-swiper-button-prev {
		right: 50px !important;
	}
	.proj_det_slider .project_details_slider .elementor-swiper-button-next {
		right: 0px !important;
	}
}


.hide-logo {
    display: none !important;
}